@charset "utf-8";
@import url(/css/MainTemplate.css);
@import url(/css/global.css);
@import url(/css/lytebox.css);
@import url(common.css);
@import url(/css/SpryTabbedPanels.css);
<!--
/* SpryTabbedPanels lable images*/
.TabbedPanels {
background-image:url(/eng/image/tabletitle_bk.gif);
background-repeat:repeat-x;
background-position:0px 32px;
}
.TabbedPanelsTab {
	width: 128px;
	height: 24px;
	#height: 34px;
	_height: 34px;	
	padding: 10px 0px 0px 0px;
	#padding: 11px 0px 0px 0px;
	_padding: 11px 0px 0px 0px;
	margin: 0px;
	top: 0px;
	left:1px;
	background-color: #DDD;
	color: #2e2e2e;
	font-size: 7pt;
	font-weight: bold;
	background-image: url(../image/bt2_newout.gif);
}

.TabbedPanelsTabHover, .TabbedPanelsTabSelected {
	background-image: url(../image/bt2_newover.gif);
	color: #3c3c3c;
	padding-top:8px;
	_padding-top:12px;
	#padding-top:12px;
}

.TabbedPanelsContent {
	 width:324px;
	 margin:12px 0px 6px 0px;
	 padding:10px 0px 0px 00px;
	 #padding:0px;
	 _padding:0px;	 
}
.TabbedPanelsTabHover {
	background-color: #fff;
	border-bottom: solid 2px #939393;
}

.TabbedPanelsTabSelected {
	border-bottom: 0px;
}
.TabbedPanelsContentGroup {
    border-top: 0px;
	border-right: solid 2px #c7c7c7;
	border-bottom: solid 2px #939393;
	border-left: solid 2px #b2b2b2;
	background-image:url(/eng/image/tablecontent_bk.gif);
	background-repeat:repeat-x;
	background-position:0px 1px;
	#background-position:top;
	_background-position:top;
	height:217px;
	#height:218px;
	_height:218px;
}
.infobox_l0 {
background-image:url(/eng/image/tablecontent_bk2.gif); 
background-repeat:repeat-x; 
background-position:0px 39px; 
_background-position:0px 34px;
#background-position:0px 34px;
}
#infobox_l1 {
width:100%; 
height:217px; 
#height:220px; 
_height:220px; 
border-right: solid 2px #939393; 
border-bottom: solid 2px #939393; 
border-top: solid 2px #939393;
}
#infobox_l2 {
width:100%; 
height:auto; 
padding:10px;
}
#infobox_ptitle {
width:98%; 
height:25px; 
background-image:url(/eng/image/product_info.gif); 
background-position:0px 0px; 
background-repeat:no-repeat; 
padding:4px 2px 0px 32px;
}
#infobox_salse {
width:98%; 
height:20px; 
#height:25px; 
_height:25px; 
background-image:url(/eng/image/icon_salse.gif); 
background-position:12px 6px; 
background-repeat:no-repeat; 
padding:2px 2px 2px 32px;
}
#infobox_phone {
width:175px; 
_width:98%; 
#width:98%; 
height:auto; 
background-image:url(/eng/image/icon_phone.gif); 
background-position:15px 2px; 
border-top:dashed #666 1px; 
background-repeat:no-repeat; 
padding:2px 2px 2px 32px;
}
#infobox_stitle {
width:98%; 
height:25px; 
background-image:url(/eng/image/support_info.gif); 
background-position:0px 0px; 
background-repeat:no-repeat; 
padding:4px 2px 0px 32px;
}
#col2_product_list {
	width:563px; background-image:url(/eng/image/productindex_topbk.gif); background-repeat:no-repeat; background-position:top; 
}

#displayMode { margin:12px 0px 0px 0px; width:98%; height:30px; }
#displayMessage {width:245px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin: 8px 0px 0px 0px;}
#displayMessage A:hover{ color: #000; text-decoration: none}
#displayButtom {width:287px; float:left;}

#loading 
{
    font: 8pt "Verdana", "Arial", "Helvetica", "sans-serif"; 	
	position: fixed; top:45%; left:0; width: 100%; text-align: center; z-index:101; 
}
* html #loading { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#process_img {
	position:relative; height: 15px; width: 100%; text-align: center; line-height: 0; background: url(/eng/image/loading.gif) center no-repeat;
}

.backbox { 	
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;	
	background:#000;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8;
	opacity:0.8;
}

* html .backbox { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
     background:#000;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8;
	opacity:0.8;
}

a {  
    noFocusLine:expression(this.onFocus=this.blur());
    -moz-outline-style:none;
	color: #022f78; 	
}
.text { font-size: 8pt; color: #000000; line-height: 13pt; font-family: "Verdana";text-decoration: none }
.s7 { font-size: 7pt; font-family: Verdana, Arial, Geneva; text-decoration: none}
.colurm{
	font-family: Verdana;
	font-size: 10px;
	line-height: normal;
	border: 1px solid #4f4f4f;
	text-decoration: none;
	height: 13pt;
	_height: 11pt;
	#height: 11pt;
}
.search {  
	font: 8pt "Arial"; 
	color: #333333; 
	height: 21pt;
	width:193px;
	border:0px;
	background: url(/eng/image/search_cobk.gif) no-repeat;
	float:right;
}

.search_textfield {  
	font: 8pt "Arial"; 
	color: #333333; 
	height: 13pt;
	#height: 11pt;
	_height: 11pt;
	width:145px;
	border:0px;
	background:none;	
}
.bt_search {
	width:28px;
	height: 20px;
	border:0px;
	background:none;	
	cursor:pointer;
	margin-top:1px;
	vertical-align:top;
}

/* tooltip styling. uses a background image (a black box with an arrow) */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	font-family: Verdana;
	font-size:11px;
	border: none;
	width: 210px;
	padding:20px;
	height: 175px;
	opacity: 0.8;
	background: url('/eng/image/shadow.png'); 
	background-repeat:no-repeat;
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 10pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	font-family: Verdana;
	font-size:11px;
	text-align:left;
	background: url('/eng/image/shadow3.png');
	background-repeat:no-repeat;
	padding: 40px auto 0px auto;
	width: 250px;
	height: 137px;
}

#tooltip.fancy h3 {
	font-size: 10pt;
	text-align:left;

}
#tooltip.fancy.viewport-right {
	background: url('/eng/image/shadow3-reverse.png');
	background-repeat:no-repeat;
}

#tooltip.fancy div { width: 250px; text-align: left; }

#tips { cursor:pointer; }
.text_red { color:#990000; }
-->