body { font-size:9pt; font-family: Arial, Verdana,sans-serif; word-wrap:break-word; margin:0;padding:0;  width:100%; background:#444444;  top:0px; position:absolute; }


div.TVScroll { overflow: auto }
:focus { -moz-outline-style: none }
p { line-height:18px; margin:0}
p2 { line-height:15px; margin:0;  }
h3{ line-height:22px; margin:0; color:#000000; font-size:9pt; font-weight:normal}
h4{ line-height:30px; margin:0; color:#000000; font-size:9pt; font-weight:normal}
h5{  margin:0; color:#D3D3D3; font-size:9pt; font-weight:bold; line-height:12px;}
h6{  margin:0; font-size:8pt; font-weight:normal; color:#808080; line-height:12px; margin-top:3px;}
h6:hover{ color:#000; text-decoration:underline}
.H6Product{ line-height:22px;}
h7{  margin:0; color:#000000; font-size:8pt; font-weight:normal; color:#666}
.SearchBox{ Width:100px; background:url(image/icon_search.gif) #fff no-repeat; background-position:15px;}

.PageCata{  font-weight:normal;}
.PageTitle{ color:#333; width:100%; float:left; font:bolder 10pt Arial;  padding-bottom:20px; padding-top:30px; height:18px; line-height:18px; }
.PageTitleP2{color:#333; width:100%; float:left; font-size: 10.5pt; font-weight:bold; padding-bottom:10px; padding-top:20px; height:18px; line-height:18px; }
.PageTitleBlack{color:#ccc; font-size: 11pt;  margin-bottom:15px; }
.FamilyTitle{color:#ccc; font-size: 12pt;  height:30px;width:86%;  margin-left:auto; margin-right:auto;}
.YellowFont{ color:#fdb31d}

.PageTitle3CT{ color:#333; width:100%; float:left; font-size:10pt; margin-top:10px; margin-bottom:10px;font-weight:bold; height:18px; line-height:18px; }


td {}
a { color: #888; font-size: 9pt; text-decoration: none }
a:hover { color: white; font-size: 9pt }
a.HLMenu {color:white; font-size: 9pt }
a.HLSubMenu {color: white; font-size: 9pt }
.HLSubMenu {color: white; font-size: 9pt }
.a { color: black; font-size: 9pt; text-decoration: none }
.a:hover { color: black; font-size: 9pt; text-decoration: underline }
.ab { color: black; font-size: 9pt;  font-weight: bold; text-decoration: none; cursor:hand }
.ab:hover { color: black; font-size: 9pt; font-weight: bold; text-decoration: underline }
.AbNEW { color: black; font-size: 9pt;  font-weight: bold; text-decoration: underline; cursor:hand }
.AabNEW:hover { color: #666; font-size: 9pt; font-weight: bold; text-decoration: underline }
.abc { color: #333; font-size: 9pt; text-decoration: none  }
.abc:hover { color: black; font-size: 9pt;  text-decoration: underline }
.h{ font-size: 9pt; line-height:18px; }
.addresslink { color: #333; font-size: 8pt; text-decoration: none  }
.addresslink:hover { color: black; font-size: 8pt;  text-decoration: underline }


.DefaultTable{ width:960px; height:600px; margin:a auto;}
.DefaultMenu{width:100%; height:50px;  float:left; margin-top:450px;background:url(image/theme/bar.gif);   }
.DefaultCopyright{width:95%; float:left;  text-align:right; height:25px; color:#A9A9A9; font-size: 7pt; margin-top:70px;  }


/*////////////////////////////////////////////////// Master Page Style  //////////////////////////////////////////////////*/
#MasterContact{ width:960px; margin: 0 auto; }
#Masterhead{width:100%; height:50px; float:left; background:url(image/theme/bg_trans.gif); }
.MasterLogo{ width:255px; float:left;  margin-top:15px;}
.MasterLogo img{padding-left:30px;}
.MasterMenu{ width:560px; float:left;  position:relative; z-index:1000;  }
.MasterSearch{ width:10px; float:left; text-align:center; line-height:50px; margin-top:15px;}

#MasterBody{width:100%; float:left; }
#MasterFoot{width:100%; height:51px; float:left; }
.FootLayer1{ height:41px; background:#000;background:url(image/theme/bg_trans.gif); color:#CCC; margin: 0px; padding: 0px;  width:100%; }
.FootLayer2{ height:9px; background:#333; margin: 0px; padding: 0px;width:100%; line-height: 1px;  overflow: hidden;}
.FootLayer4{margin: 0px; padding: 0px; background:#C0C0C0; overflow: hidden; height: 1px; width:100%; }

table.SearchResult { margin-left: 0px; color:#333; overflow:auto}

/*////////////////////////////////////////////////// Page Common Style  //////////////////////////////////////////////////*/

#PageBody{ width:100%; float:left; background:#fff; padding-bottom:20px;}
#CommonBody{  width:100%; float:left; overflow-y:hidden; overflow-x:hidden; background:#fff; height:530px;}
#OverfBody{  width:100%; float:left;background:#fff; height:530px; overflow:auto; overflow-x:hidden; }
#CommonBodyBlack{  width:100%; float:left; overflow-y:hidden; overflow-x:hidden; background:#222; height:530px;}
#AppBody{  width:100%; float:left; overflow-y:hidden; overflow-x:hidden; background:#fff;}

#UnlimitedBody{  width:100%; float:left; overflow-y:hidden; overflow-x:hidden; background:#fff; min-height:530px;}




#PageHead{ width:100%; float:left; }


.PageMargin{ margin-left:68px;}
.PageContect{ width:100%; padding-bottom:30px; float:left; }



#PageBodyL{ width:960px;  margin:0 auto; }
#PageBodyP{ width:960px;  margin:0 auto; background:#FFF }





/*//////////////////////////////////////////////////Company Page Common style//////////////////////////////////////////////////*/

#SupportBodyTop{ height:470px; width:100%; float:left;}
#NewsBodyTop{ height:477px; width:100%; float:left; overflow:auto; }




.FootProduct {background:#202020;  }
.FootApp{ background:#202020;  }
.FootService{ background:#202020;  }
.FootTtile{ width:300px; color:#FFF; filter:alpha(opacity=20); height:50px; font-size:46px; margin-left:30px; position:relative; font-family:Arial; }
.FootTtileBlack{ width:300px; color:#000; filter:alpha(opacity=20);  height:50px; font-size:46px; position:absolute; top:508px; left:60px; font-family:Arial; }



/*////////////////////////////////////////////////// SubMenu Style  //////////////////////////////////////////////////*/

.MenuLineyellow{ width:100%;  height:1px; background:#F0E68C;overflow:hidden; float:left; }
.MenuLineBlue{ width:100%;  height:1px; background:#3878db;overflow:hidden; float:left; }
.MenuLineGreen{ width:100%;  height:1px; background:#669933;overflow:hidden; float:left; }
.MenuLineWhite{ width:100%;  height:1px; background:#ffffff;overflow:hidden; float:left; }
.MenuLineGlass{ width:100%;  height:1px; background:#FFDEAD;overflow:hidden; float:left; }
.MenuLineGrey666{ width:100%; height:1px; background:#666; overflow:hidden; float:left;}
.MenuLineSteel{ width:100%;  height:1px; background:#669999;overflow:hidden; float:left; }



#SubMenu{  list-style-type:none; line-height:20px; float:left; width:100%;background:#ccc; border-top:1px #fff solid;}
#SubMenu li{display:inline;height:21px; margin-right:5px; margin-left:5px; }
#SubMenu li span{display:inline; height:21px; margin-right:10px; margin-left:10px; color:red}

.SubMenuCompany{  margin-left:260px;    height:20px; font-size:8pt; }
.SubMenuGlass{ background:#DEB887; padding-left:66px;  width:100%; filter:alpha(opacity=80);-moz-opacity:0.8;}
.SubMenuApp{ background:#121212; height:20px; filter:alpha(opacity=80);-moz-opacity:0.7; color:#444; font-size:8pt; width:100%}
.SubMP{ font-size:7pt; color:#ccc;  }
.SubMPDetail{ font-size:9pt; color:#333;  }


a.SubMPDetail {font-size:9pt; color:#333; }

a.SubMP {font-size:9pt; color:#333; }
a.SubMP:hover { font-size:9pt; color:#000;}
a.SubMPSelect{ color:#000; font-weight:bolder}

.SubLev1 { font-size:9pt; color:#bbb}
.SubLev2 { font-size:10pt; color:#ccc; font-weight:bold;}


.SubMPPro {font-size:7pt; color:#666}
.SubMPPro:hover { font-size:7pt; color:#fff}
.SubLev1Pro { font-size:9pt; color:#555}
a.SubLev2Pro, .SubLev2Pro{ font-size:10pt; color:#444; font-weight:bold; }
a.SubLev2Pro:hover {color:#FFF }


a.SubLev3Pro, .SubLev3Pro{ color:#333; font-size:11pt; font-weight:bold;}
a.SubLev3Pro:hover { color:#fff; }

.SubLev3Pro:hover .SubLev2Pro  { color:#fff; }


a.SubLev4Pro, .SubLev4Pro{ color:#333; font-size:12pt; font-weight:bold;}
a.SubLev4Pro:hover { color:#fff; }





.SubMenuTitle{ font-weight:bold; color:#333}


.SubMenuServce{ background:#262626; padding-left:385px;}

.SlidementSteel{ font-size:8pt; color:#666  }
.SlidementSteel:hover{ font-size:8pt; color:#669999  }


/*////////////////////////////////////////////////// Accordion Panel Style  


.NewsMenu { color: #99995C }
//////////////////////////////////////////////////*/

.NewsMenu { color: #FFCC00; font-weight:normal; cursor:hand; }


.NewsMenu:hover { color: yellow }
.newsd { color: yellow }
.newtitle { color: black; font-size: 10pt;  font-weight: bold; text-decoration: none; height:30px; }


/*////////////////////////////////////////////////// Accordion Panel Style  //////////////////////////////////////////////////*/

.accordionHeader{ 
    background-color: #cccccc;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 9pt;
    border-top:1px #fff solid;
    cursor: pointer;
    overflow:hidden;
}

.accordionHeaderSelected{background-color: #000000;}

.accordionHeaderSelected .accordionLink{ color:#FFF}

.accordionLink { font-size: 100%; text-decoration:none; display:block; color:black;   padding:4px; padding-left: 12px; }
.accordionLink:hover{ color: white; background:#000  }
.accordionLink:active{ color: white; background:#000  }

.accordionContentImg
{
    background-color: #f9f9f9;
    border-top: none;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 1px;
    overflow:hidden; 
}
.accordionContent
{
    background-color: #f9f9f9;
    border-top: none;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 1px;
    overflow:hidden; 
}

.AccordionContentStyle{ color:#666; padding:12px; padding-top:5px;}

.watermark { background: #FFAAFF;}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA { background-color:#FFF }

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

#plateRightmap{ margin-top:55px;background:#ccc; width:95%; }

input.textbox{
width: 64px;
height: 15px;
border:1px Inset #666666;
margin:2px;
color:#000;
 background:#fff
font-size:8px;
} 


#pcontent_gray{  position:relative; float:left; width:100%; margin-top:0; background:#999;top: 0px; height:527px; left: 0px;}

/*P12*/

#PShadeContent{ float:left; left:0px; top:0px;  width:500px;  overflow:hidden; position:absolute;   z-index:1000px; margin:0px; }

.PShadeFrame{ margin-left:68px; float:left;  margin-top:30px;}
.PShadeIcon{ width:40px; height:42px; background:#ccc; float:left; margin-right:10px; } 
#piccontent2{ float:left; width:93%; margin-top:0px; word-wrap:break-word; text-align:right; overflow:hidden;  }



#piccontent{ float:left; width:100%; word-wrap:break-word; text-align:center; overflow:hidden; position:relative; z-index:0;}
#piccontentGlass{ float:left; width:100%; word-wrap:break-word; text-align:left; margin-left:330px; overflow:hidden; position:relative; z-index:0;}


#Tpiccontent{ float:left; width:96%; word-wrap:break-word; text-align:left; overflow:hidden; position:relative; }
#XLpiccontent{ float:left; width:100%; word-wrap:break-word; text-align:right; overflow:hidden; position:relative; z-index:0; }

#PiccontentLed{ float:left; width:100%; word-wrap:break-word; text-align:right; overflow:hidden; position:relative; z-index:0;}
#PiccontentOthers{ float:left; width:100%; word-wrap:break-word; text-align:right; overflow:hidden; position:relative;}

#picicon{float:right; z-index:50; position:absolute; right:0; top:0;  }
#MounticonLed{float:right; z-index:50; position:absolute; right:0; top:0; }
#MounticonXL{float:right; z-index:50; position:absolute; right:0; top:0; }

/*mount button style*/

#vertmenu {float:right;font-size: 100%;  position:relative;  padding: 0px; margin:0; padding-top:2px; padding-right:2px;}
#vertmenu ul {list-style: none; padding:0px; margin:0px;border: none;}
#vertmenu ul li { margin-bottom:3px;  height:22px;}
#vertmenu ul li a{font-size: 100%; padding-left:3px; padding-right:3px;  height:20px; text-decoration:none; text-align:center; display:block;  line-height:20px;  border:1px dotted #666; font-size:8.5pt;}
#vertmenu ul li a:hover{color: #fff; background:black; }
#vertmenu ul li a:active{color: #fff; background:black; }
#VertmenuAct a{color: #fff; background:black; }

/*mount button style for LED*/

#ledmenu {float:right;font-size: 100%;  position:relative;  padding: 0px; margin-top:3px; margin-right:3px; }
#ledmenu ul {list-style: none; padding:0px; margin:0px; border: none;}
#ledmenu ul li {  margin-bottom:3px; line-height:19px;}
#ledmenu ul li a{font-size: 100%; text-decoration:none;  text-align:center; display:block; width:30px; height:20px; font-size:8pt; border:1px dotted #ccc; }
#ledmenu ul li a:hover{color: #fff;  background:#000 }

#mount_style_0 a{ background:#ccc; color: #000;}
#mount_style_1 a{ background:#ccc; color: #000;}
#mount_style_2 a{ background:#ccc; color: #000;}
#mount_style_3 a{ background:#ccc; color: #000;}
#mount_style_4 a{ background:#ccc; color: #000;}
#mount_style_5 a{ background:#ccc; color: #000;}
#mount_style_6 a{ background:#ccc; color: #000;}
#mount_style_7 a{ background:#ccc; color: #000;}
#mount_style_8 a{ background:#ccc; color: #000;}
#mount_style_9 a{ background:#ccc; color: #000;}
#mount_style_10 a{ background:#ccc; color: #000;}
#mount_style_11 a{ background:#ccc; color: #000;}
#mount_style_12 a{ background:#ccc; color: #000;}


#mcR{ background:#CCC;}
#mcR a{color:#000}


#proname{position:absolute; left:60px; top:445px; width:320px; height:60px; text-align:center; padding-top:5px; border:none; text-align:left;}
#PronameRight{position:absolute; right:30px; top:445px; width:320px; height:60px; text-align:right; padding-top:5px; border:none; }



.Pcode{ font-weight:bold; font-size:28pt; color:Black;  padding-bottom:0px;}
.PcodeS{ font-weight:bold; font-size:18pt; color:Black;  padding-bottom:0px; margin-top:40px;}
.PcodeL{ font-weight:bold; font-size:28pt;color:#E6E6E6;  padding-bottom:0px; }
.PcodeL131{ font-weight:bold; font-size:28pt; color:#333;  padding-bottom:0px; }

.RefL{ color:#999; }
.RefLwhite{ color:#666;}

/* Accordion download content style*/
#DownloadTab{ margin-top:10px; margin:0px;}
#DownloadTab a {FILTER: progid:dximagetransform.microsoft.gradientwipe(duration=1); CURSOR: hand; HEIGHT: 1px; TEXT-DECORATION: none }
#DownloadTab a:hover { text-decoration:underline; color:#000;  }

#DownloadCon { height:50px;}

.PICicon{ background:url(image/component/HD_b.gif) no-repeat; background-position:12px 5px;  background-color:#EBEBEB; padding-left:45px; padding-top:5px;  padding-bottom:5px;   min-height:35px;  border-bottom:1pt #F5F5F5 inset;    }
.PICicon:hover { background:url(image/component/HD_g.gif) no-repeat;  background-position:12px 5px;  background-color:#F5F5F5;}

.PDFicon{ background:url(image/component/PDF_b.gif) no-repeat ; background-position:12px 5px;  background-color:#EBEBEB; padding-left:45px; padding-top:5px;  padding-bottom:5px; min-height:35px;border-bottom:1pt #F5F5F5 inset;  }
.PDFicon:hover { background:url(image/component/PDF_g.gif) no-repeat; background-position:12px 5px;   background-color:#F5F5F5;}


.PDFiconHD{ background:url(image/component/PDF_b.gif) no-repeat ; background-position:0px 5px;  padding-left:35px; padding-top:5px;  padding-bottom:5px; min-height:35px;border-bottom:1pt #666 inset;  }
.PDFiconHD:hover { background:url(image/component/PDF_g.gif) no-repeat; background-position:0px 5px; }


.IdropHD{  padding-top:5px;  padding-bottom:5px;  }




/* Download Idrop files with IE */
.Idropicon2{background-color:#EBEBEB; padding-top:5px;  padding-bottom:5px;   min-height:35px;  padding-left:10px;  border-bottom:1pt #F5F5F5 inset; }

.Idropicon2:hover{background-color:#F5F5F5; }

.IdropiconIE{min-height:34px; line-height:34px; position:relative;}

.IdropText{ margin-left:37px;}

/* For Idrop zip files */

.Idropicon{ background:url(image/component/iDropButton.gif) no-repeat;background-position:12px 5px;  background-color:#EBEBEB; padding-left:9px; padding-top:2px;  padding-bottom:5px; min-height:35px; border-bottom:1pt #F5F5F5 inset; }
.Idropicon:hover{background-color:#F5F5F5; background:url(image/component/iDropButton_g.gif) no-repeat; background-position:12px 5px;   background-color:#EBEBEB; padding-left:9px; padding-top:2px;  padding-bottom:5px;}

/*  Download Idrop files with Firefox */
.IdropiconFF{ background:url(image/component/iDropButton.gif) no-repeat;background-position:2px 5px;  padding-left:34px;  min-height:34px; line-height:34px;  }
.IdropiconFF:hover{background-color:#F5F5F5; background:url(image/component/iDropButton_g.gif) no-repeat; background-position:2px 5px;   padding-left:34px;   }

.PHOTOMETRYicon{ background:url(image/component/ies_b.gif) no-repeat;background-position:12px 5px;  background-color:#EBEBEB; background-position-y:5px; padding-left:45px; padding-top:5px;  padding-bottom:5px; min-height:35px; border-bottom:1pt #F5F5F5 inset;  }
.PHOTOMETRYicon:hover { background:url(image/component/ies_g.gif) no-repeat;background-position:12px 5px;  background-color:#F5F5F5; }

/* Accordion popup content style*/
.PDFiconPopup{ background:url(image/component/pdf_b.gif) no-repeat;  padding-left:35px;  height:40px; margin-top:5px; border-bottom:1pt #333 dotted;  }
.PDFiconPopup:hover { background:url(image/component/pdf_g.gif) no-repeat; }

.Idropicon2PopupContent{ width:100%; float:left; margin-top:10px; min-height:30px;}
.Idropicon2pic{ width:20%; float:left; margin:0px;}
.Idropicon2text{  width:80%;  float:left;  margin:0px;}








/*////////////////////////////////////////////////// Accordion content style //////////////////////////////////////////////////*/

/* For Hareware style */
.hd_content{ width:45px; height:45px; border:1px dotted #666; background:#fff;float:left; text-align:center; margin-bottom:4px;  margin-right:4px; margin-left:0px;}
.hd_content:hover{border:1px solid #000; }
.hd_img{ width:100%; height:60px; CURSOR: hand; }
.hd_id{ width:100%; height:20px;}

/* For Lamps style */
.lp_content{ width:45px; height:60px; float:left; text-align:center;  text-align:center; margin-bottom:5px;  margin-right:6px; margin-left:0px; }
.lp_img{ width:100%; height:45px;  border:1px dotted #666;  CURSOR: hand; background:#fff;}
.lp_img:hover{ border:1px solid #000;}

.lp_id{ width:100%; height:20px;  line-height:15px; font-size:8pt; color:#666}

/* For Shades style */
.sd_content{ width:45px; height:45px; border:1px dotted #666; background:#fff; float:left;  text-align:center; margin-bottom:4px;  margin-right:4px; margin-left:0px;}
.sd_content:hover{border:1px solid #000; }
.sd_img{ width:100%; height:60px; CURSOR: hand; }
.sd_id{ width:100%; height:20px;}

/* For Transformers style */
.tsf_content{width:35px; height:36px;  float:left;  text-align:center; margin-bottom:6px;  margin-right:6px; margin-left:0px;}
.tsf_img{ width:100%; height:35px; border:1px dotted #666;  CURSOR: hand; background:#fff;}



.tsf_img img{ border:0px;
    
	width:expression(document.body.clientWidth > 35? "35px": "auto" );
	}

.tsf_img:hover{ border:1px solid #666;}
.tsf_id{ width:100%; height:20px;  line-height:15px; font-size:8pt; color:#666}

/* For Accessories style */



.acc_content{ width:45px; height:45px; border:1px dotted #666; background:#fff; float:left; text-align:center; margin-top:5px; margin-right:2px; margin-left:2px;}
.acc_content:hover{border:1px solid #000; }
.acc_img{ width:100%; height:45px; CURSOR: hand; }
.acc_id{ width:100%; height:25px;}





/*////////////////////////////////////////////////// Product Page style //////////////////////////////////////////////////*/
#plate{ width:100%; margin-top:0;  }
#plate_black{width:100%; margin-top:0; height:527px; background:#323232;  }
#plate_white{float:left; width:100%; margin-top:0; background:#ffffff; color:#333; height:527px; }
.plate_black{background:#323232; width:100%; }
.plate_black_L{ width:96%; margin-left:auto; margin-right:auto; overflow-x:hidden; }
.plate_black_G{ overflow-x:hidden;  }

.plate_grey{background:#4D4D4D; }

.LPlate{ width:100%;  float:left; background:#212121 }
.TPlate{ width:100%;  float:left; background:#FFFFFF }
.LImgContent{ width:729.9px; float:left; position:relative;}
.LAccordion{ width:230px; float:right; position:relative;}


.XPlate{ width:100%;  float:left; background:#FFF }
.XImgContent{ width:729.5px; float:left; position:relative; }
.XAccordion{ width:230px; float:right; position:relative;}


.GPlate{ width:100%;  float:left; background:#7F7F7F }
.GImgContent{ width:729.5px; float:left; position:relative;}
.GAccordion{ width:230px; float:right; position:relative;}



/*Show message*/
.ProductGif{ width:150px; height:100px;  background:url(image/v.gif) no-repeat; position:absolute; top:100px; left:28px;}

.ProductContent3{ color:#333;   width:100%; float:left;  background:url(image/product/ProductBackground.jpg) no-repeat; height:550px; }

.ProductContent{ color:#333;   width:100%; float:left;  background:url(image/product/ProductBack.jpg) no-repeat; height:550px; }
.ProductDisplayPic { width:530px; height:400px; float:left; margin-top:55px; background:#333; }

.ProductContentDriver{ color:#333;   width:100%; float:left; background:#fff; height:550px; }


.ProductMenuContent{ width:550px;  margin-left:212px;  margin-top:143px; float:left;}



.ProductContent2{width:100%;  margin-left:185px; margin-top:35px; height:197px;   }


.ProductX2 {width:260px; height:115px;  cursor:hand;  float:left; background:#ccc;background:url(image/product/Xfamily_thumb.jpg) no-repeat; cursor:hand; margin-bottom:6px}
.ProductX2 a{width:260px; height:115px; cursor:hand;  float:left; background:url(image/product/Xfamily_thumb.jpg) no-repeat; cursor:hand; }
.ProductX2:hover{width:260px; height:115px;  cursor:hand;  float:left; background:url(image/product/XfamilyH_thumb.jpg) no-repeat; cursor:hand; }
.ProductX2 a:hover{width:260px; height:115px;  cursor:hand;  float:left; background:url(image/product/XfamilyH_thumb.jpg) no-repeat; cursor:hand; }


.ProductP2 {width:260px; height:115px; cursor:hand; float:left;background:url(image/product/Pfamily_thumb.jpg) no-repeat; cursor:hand; margin-bottom:6px; margin-right:6px;}
.ProductP2 a {width:260px; height:115px;  cursor:hand; float:left; background:url(image/product/Pfamily_thumb.jpg) no-repeat; cursor:hand; }
.ProductP2:hover {width:260px; height:115px;  cursor:hand; float:left;background:url(image/product/PfamilyH_thumb.jpg) no-repeat; cursor:hand; }
.ProductP2 a:hover {width:260px; height:115px;  cursor:hand; float:left;background:url(image/product/PfamilyH_thumb.jpg) no-repeat; cursor:hand; }

.ProductL2 {width:260px; height:115px; cursor:hand; float:left;  background:url(image/product/Lfamily_thumb.jpg) no-repeat; cursor:hand;margin-bottom:6px; margin-right:6px;}
.ProductL2 a {width:260px; height:115px; cursor:hand; float:left; background:url(image/product/Lfamily_thumb.jpg) no-repeat; cursor:hand; }
.ProductL2:hover {width:260px; height:115px;  cursor:hand; float:left;  background:url(image/product/LfamilyH_thumb.jpg) no-repeat; cursor:hand; }
.ProductL2 a:hover {width:260px; height:115px;  cursor:hand; float:left;  background:url(image/product/LfamilyH_thumb.jpg) no-repeat; cursor:hand; }


.ProductG2 {width:260px; height:115px; cursor:hand; float:left;  background:url(image/product/Gfamily_thumb.jpg) no-repeat; cursor:hand;margin-bottom:6px;margin-right:6px;}
.ProductG2 a {width:260px; height:115px;  cursor:hand; float:left;  background:url(image/product/Gfamily_thumb.jpg) no-repeat; cursor:hand; }
.ProductG2:hover {width:260px; height:115px;  cursor:hand; float:left;  background:url(image/product/GfamilyH_thumb.jpg) no-repeat; cursor:hand; }
.ProductG2 a:hover {width:260px; height:115px;  cursor:hand; float:left;  background:url(image/product/GfamilyH_thumb.jpg) no-repeat; cursor:hand; }


.ProductT2 {width:260px; height:115px;  cursor:hand; float:left; background:url(image/product/Tfamily_thumb.jpg) no-repeat; cursor:hand;margin-bottom:6px ;margin-right:6px;}
.ProductT2 a {width:260px; height:115px;  cursor:hand; float:left; background:url(image/product/Tfamily_thumb.jpg) no-repeat; cursor:hand; }
.ProductT2:hover {width:260px; height:115px; cursor:hand; float:left; background:url(image/product/TfamilyH_thumb.jpg) no-repeat; cursor:hand; }
.ProductT2 a:hover {width:260px; height:115px; cursor:hand; float:left; background:url(image/product/TfamilyH_thumb.jpg) no-repeat; cursor:hand; }


.ProductB { width:260px; height:115px;  cursor:hand; float:left; background:url(image/product/Bfamily_thumb.jpg) no-repeat; cursor:hand;margin-bottom:6px ;margin-right:6px;}



.ProductMenuContent4{ width:215px;  margin-left:80px;  margin-top:80px; float:left;}

.ProductMenuLow{ width:215px;  margin-left:70px;  margin-top:80px; float:left;}
.ProductMenuLow img{ margin-bottom:5px;}

.ProductMenuLED{ width:230px; height:600px;  margin-left:0px; background:#f9f9f9;   float:left;}



.ProductContentNew{ color:#333;   width:100%; float:left;   height:550px; }


.ProductX3 {width:215px; height:64px;  cursor:hand;  float:left; background:url(image/product/Xfamily_thumb3.jpg) no-repeat; margin-bottom:10px;           
            }

.ProductX3:hover{width:215px; height:64px;  cursor:hand;  float:left; background:url(image/product/XfamilyH_thumb3.jpg) no-repeat; cursor:hand; }


.ProductP3 {width:215px; height:64px; cursor:hand; float:left;background:url(image/product/Pfamily_thumb3.jpg) no-repeat;  margin-bottom:10px;}
.ProductP3:hover {width:215px; height:64px;  cursor:hand; float:left;background:url(image/product/PfamilyH_thumb3.jpg) no-repeat;  }

.ProductL3 {width:215px; height:64px; cursor:hand; float:left;  background:url(image/product/Lfamily_thumb3.jpg) no-repeat; margin-bottom:10px}
.ProductL3:hover {width:215px; height:64px; cursor:hand; float:left;  background:url(image/product/LfamilyH_thumb3.jpg) no-repeat;  }


.ProductG3 {width:215px; height:64px; cursor:hand; float:left;  background:url(image/product/Gfamily_thumb3.jpg) no-repeat; margin-bottom:10px;}
.ProductG3:hover {width:215px; height:64px; cursor:hand; float:left;  background:url(image/product/GfamilyH_thumb3.jpg) no-repeat;  }


.ProductT3 {width:215px; height:64px; cursor:hand; float:left; background:url(image/product/Tfamily_thumb3.jpg) no-repeat; margin-bottom:10px;}
.ProductT3:hover {width:215px; height:64px;cursor:hand; float:left; background:url(image/product/TfamilyH_thumb3.jpg) no-repeat; }


.Product_LED {width:230px; height:64px; cursor:hand; float:left;  background:url(image/product/LED_thumb.jpg) no-repeat; margin-bottom:10px}
.Product_LED:hover {width:230px; height:64px; cursor:hand; float:left;  background:url(image/product/LED_thumb_on.jpg) no-repeat;  }

.Product_Line {width:230px; height:64px; cursor:hand; float:left;  background:url(image/product/LineVoltage_thumb.jpg) no-repeat; margin-bottom:10px}
.Product_Line:hover {width:230px; height:64px; cursor:hand; float:left;  background:url(image/product/LineVoltage_thumb_on.jpg) no-repeat;  }

.Product_Low {width:230px; height:64px; cursor:hand; float:left;  background:url(image/product/LowVoltage_thumb.jpg) no-repeat; margin-bottom:10px}
.Product_Low:hover {width:230px; height:64px; cursor:hand; float:left;  background:url(image/product/LowVoltage_thumb_on.jpg) no-repeat;  }


.ProductLED_sub {width:215px; height:32px; cursor:hand; float:left;  background:url(image/product/ProductPage_thumb_back.jpg) no-repeat;margin-bottom:2px; color:#888; text-align:left; padding-left:10px;  font-size:9pt; line-height:32px; }
.ProductLED_sub:hover {width:215px; height:32px; cursor:hand; float:left;  background:url(image/product/ProductPage_thumb_back_on.jpg) no-repeat; color:#ccc }


















.ProductX {width:358px; height:209px; cursor:hand; float:left; background:url(image/product/ProductX.png) no-repeat left top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 

src="image/product/ProductX.png"); _background: none;
cursor:hand; 
}








.ProductX {width:358px; height:209px; cursor:hand; float:left; background:url(image/product/ProductX.png) no-repeat left 

top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 

src="image/product/ProductX.png"); _background: none;
cursor:hand; 
}


.ProductX a {width:358px; height:209px; cursor:hand; float:left; background:url(image/product/ProductX.png) no-repeat left 

top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 

src="image/product/ProductX.png"); _background: none;
cursor:hand; 
}

.ProductX a:hover{width:358px; height:209px; cursor:hand; float:left; background:url(image/product/ProductXShadow.png) no

-repeat left top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 

src="image/product/ProductXShadow.png"); _background: none;
cursor:hand; 
}






.ProductL {width:358px; height:209px; cursor:hand; float:left; background:url(image/product/ProductL.png) no-repeat left 

top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 

src="image/product/ProductL.png"); _background: none;
cursor:hand; 
}


.ProductL a {width:358px; height:209px; cursor:hand; float:left; background:url(image/product/ProductL.png) no-repeat left 

top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 

src="image/product/ProductL.png"); _background: none;
cursor:hand; 
}

.ProductL a:hover{width:358px; height:209px; cursor:hand; float:left; background:url(image/product/ProductLShadow.png) no

-repeat left top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 

src="image/product/ProductLShadow.png"); _background: none;
cursor:hand; 
}



.ProductP {width:358px; height:209px; cursor:hand; float:left; background:url(image/product/ProductP.png) no-repeat left 

top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 

src="image/product/ProductP.png"); _background: none;
cursor:hand; 
}


.ProductP a {width:358px; height:209px; cursor:hand; float:left; background:url(image/product/ProductP.png) no-repeat left 

top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 

src="image/product/ProductP.png"); _background: none;
cursor:hand; 
}

.ProductP a:hover{width:358px; height:209px; cursor:hand; float:left; background:url(image/product/ProductPShadow.png) no

-repeat left top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 

src="image/product/ProductPShadow.png"); _background: none;
cursor:hand; 
}



.ProductG {width:358px; height:209px; cursor:hand; float:left; background:url(image/product/ProductG.png) no-repeat left 

top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 

src="image/product/ProductG.png"); _background: none;
cursor:hand; 
}


.ProductG a {width:358px; height:209px; cursor:hand; float:left; background:url(image/product/ProductG.png) no-repeat left 

top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 

src="image/product/ProductG.png"); _background: none;
cursor:hand; 
}

.ProductG a:hover{width:358px; height:209px; cursor:hand; float:left; background:url(image/product/ProductGShadow.png) no

-repeat left top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 

src="image/product/ProductGShadow.png"); _background: none;
cursor:hand; 
}



















 

.ProductLED{font-size:7pt; font-weight:normal; color:#808080;  }
.ProductLED:hover{ color:#fff}

.ProductGX{font-size:8pt; font-weight:normal; color:#808080; }
.ProductGX:hover{ color:#fff}






/* For L Family  style*/

.LFamily{ width:100%; float:left; background:#262626;   overflow:hidden; }
#LFamilyBanner{ width:211px;  float:left; padding-left:0px;  }
.LFamilyRight{ width:78%;  float:left; background:#262626; }
.LRight{ margin-top:20px; margin-left:30px;  }

.LFamilyOut{ width:100%; float:left; margin-bottom:10px; }
.LFamilyIn{ width:100%; float:left;  padding-top:0px;  padding-bottom:20px;}
.LThumberContent{ width:55px; height:55px;  float:left; margin-right:20px;  margin-bottom:20px;  CURSOR: hand;}
.LThumberContent:hover .ThumberLID { background:#ccc; color:#000}
.LThumberContent:hover .LThumberLamp { border:1px solid #ccc; }




.LThumberContentNew{ width:85px; height:67px;  float:left; margin-right:25px;  padding-bottom:25px;  CURSOR: hand;  z-index:10;}
.LThumberContentNew:hover .ThumberLIDNew { background:#000; color:#ccc}

.LThumberContentNew .LThumberLampNew a img {float:left; width:85px; height:67px;  display:block;  z-index:10; }
.LThumberContentNew:hover .LThumberLampNew a img { width:85px; height:67px; }

.ThumberLIDNew{ width:22px; height:13px; float:left; color:#000; background:#ccc; margin-top:-13px; font-size:7pt; text-align:center; z-index:100; }





.LThumberLamp{ width:100%; height:55px; border:1px dotted #666; }
.LThumberLamp img{ width:55px; height:55px;  }
.LThumberLamp img:hover{ filter:alpha(opacity=100);-moz-opacity:1.0; }


.LThumberAll{ width:100%; float:left}

.ThumberLID{ width:22px; height:13px; color:#CCC; background:#000;  margin-top:3px; font-size:7pt; position:relative; top:-18px; left:1px; text-align:center; z-index:10; }

.LfamilyTitle{  width:100%;   font-size:9pt; color:#333; margin-bottom:20px; margin-top:5px; font-weight:bolder;}

.LfamilyCata{ color:#999; height:28px; margin-bottom:5px; text-align:right; font-weight:normal; font-family:Swis721 Th BT;   font-size:14pt;  width:96%;  }
.LFamilyCatalog2{ color:#666;   font-size:9pt;  }
.LFText3{ color:#999; font-weight:normal;   font-size:8pt; font-weight:bold; }
.LFamilyCatalog{ color:#A9A9A9; font-weight:normal;   font-size:18pt; margin-bottom:5px;  }

.DownlightFamily{ width:700px; padding-left:30px; padding-top:15px; height:495px; overflow-x:hidden; margin-top:0px; float:left; 
 overflow:hidden; overflow-y:scroll}

.IndoorContent{ width:90%;  margin-left:70px;  margin-top:50px; float:left;}


/* For G Family  style*/

.GFamily{ width:100%; float:left; background:#C0C0C0;background: url(image/product/GFamilyBack.gif);   }
#GFamilyBanner{ width:230px;  float:left; padding-left:0px;height:500px; }
.GFamilyRight{ width:730px;  overflow:hidden; float:left;    }
.GRight{ margin-left:50px; margin-top:20px;}

.GFamilyContent{ width:95%;   float:left; margin-top:5px;}

.GThumberContent{ width:85px; height:67px;  float:left; margin-right:25px;  margin-bottom:25px;  CURSOR: hand; }
.GThumberContent:hover .ThumberGID { background:#000; color:#ccc}
.GThumberContent .GThumberLamp a img { width:85px; height:67px; }
.GThumberContent:hover .GThumberLamp a img { width:85px; height:67px; }

.GThumberLamp{width:100%; height:80px; border:1px dotted #fff; Filter: Alpha(Opacity=80) }

.ThumberGID{ width:20px; height:13px; color:#666;   margin-top:3px; font-size:7pt; position:relative; top:-84px; left:1px; text-align:center; z-index:10;}
.GFamilyCatamain{ color:#333;  font-size:15pt; margin-bottom:10px; height:30px; }
.GFamilyCata{ color:#666;  font-size:9pt; margin-bottom:10px; }
.GFamilyCatalog{ color:#000; font-weight:bold;   font-size:10pt; margin-bottom:8px;   }



/* For 3Circuit Family  style*/

.CFamilyCatalog{  width:100%; color:#808080; font-weight:normal;  font-size:9pt; margin-bottom:20px; float:left; margin-top:0px; }


.ThumberCID2{ width:25px; height:13px; color:#666; background:#F5F5F5;  margin-top:3px; font-size:7pt; position:relative; top:-84px; left:1px; text-align:center; z-index:10; }

.CThumberContent:hover .ThumberCID2{color:#fff; background:#333 }




/* For P and X Family  style*/

.FamilyContent{ margin-left:40px;}
.XPFamilyContent{ width:100%;  overflow:hidden; padding-top:25PX; float:left;  }
.PFamilyContent{ width:100%;  overflow:hidden;   padding:0px; float:left; background:#fff  }
#PFamilyBanner{ width:230px;  float:left; padding-left:0px; height:528px; }
.PFamilyRight{ width:730px;  overflow:hidden; float:left;   }
.PRight{ margin-left:48px; margin-top:20px;}


.PThumberContentNew{width:85px; height:67px;  float:left; margin-right:25px;  margin-bottom:25px;  CURSOR: hand;}
.PThumberContentNew:hover .ThumberPIDNew { background:#000; color:#ccc}

.PThumberContentNew .PThumberLampNew a img { width:85px; height:67px; }
.PThumberContentNew:hover .PThumberLampNew a img { width:85px; height:67px; }

.ThumberPIDNew{ width:22px; height:13px; color:#000; background:#ccc;  margin-top:3px; font-size:7pt; position:relative; top:-72px; left:1px; text-align:center; z-index:10; }











.PThumberContent{width:80px; height:90px;  float:left; margin-right:30px;  margin-bottom:20px;  CURSOR: hand;}
.PThumberContent:hover .ThumberXID{color:#fff; background:#333 }
.PThumberContent:hover .XThumberLamp2{ Filter: Alpha(Opacity=100)}


.XPFamilyCatalog{  width:100%; color:#808080; font-weight:normal;  font-size:9pt; margin-bottom:20px; float:left; margin-top:0px; }

.PCata{  color:#000; font-weight:normal; font-size:15pt; }



/* For X Family  style*/

.XFamilyCatalog{  width:100%; color:#333; font-weight:bold;   font-size:10.5pt; margin-bottom:30px; float:left; margin-top:30px; }
.ThumberXFamilyID{width:25px; height:20px;  text-align:center; margin-top:3px; font-size:8pt; position:relative; top:-18px; left:56px; }
.XThumberContent{width:80px; height:90px;  float:left; margin-right:20px;  margin-bottom:10px;  CURSOR: hand;}
.XThumberContent:hover .ThumberXID{color:#fff; background:#333 }
.XThumberContent:hover .XThumberLamp2{ Filter: Alpha(Opacity=100)}


.ThumberXID{ width:20px; height:13px; color:#666; background:#F5F5F5;  margin-top:3px; font-size:7pt; position:relative; top:-84px; left:1px; text-align:center; z-index:10; }


#HardwareFamilyPic{ width:100%; height:150px; float:left;  background-repeat:no-repeat; margin-top:0px;}


.XThumberContentNew{width:85px; height:67px;  float:left; margin-right:25px;  margin-bottom:25px;  CURSOR: hand;}
.XThumberContentNew:hover .ThumberXIDNew { background:#000; color:#ccc}

.XThumberContentNew .XThumberLampNew a img { width:85px; height:67px; }
.XThumberContentNew:hover .XThumberLampNew a img { width:85px; height:67px; }

.ThumberXIDNew{ width:22px; height:13px; color:#000; background:#ccc;  margin-top:3px; font-size:7pt; position:relative; top:-19px; left:1px; text-align:center; z-index:10; }





/* For T Family  style*/


.TThumberContentNew{width:85px; height:67px;  float:left; margin-right:25px;  margin-bottom:25px;  CURSOR: hand;}
.TThumberContentNew:hover .ThumberTIDNew { background:#000; color:#ccc}

.TThumberContentNew .TThumberLampNew a img { width:85px; height:67px; }
.TThumberContentNew:hover .TThumberLampNew a img { width:85px; height:67px; }

.ThumberTIDNew{ width:22px; height:13px; color:#000; background:#ccc;  margin-top:3px; font-size:7pt; position:relative; top:-19px; left:1px; text-align:center; z-index:10; }









/*for Lamp family*/
#thumberPROcontent{width:135px; height:165px;  margin-right:30px; margin-bottom:30px; float:left; CURSOR: hand;   }
#thumberPRO{ width:100%; height:135px; background:#fff; border:1px dotted #999;  -moz-opacity:0.8; filter:alpha(opacity=80); }
#thumberPRO:hover{ -moz-opacity:1; filter:alpha(opacity=100);}
#thumberPROID{width:100%; height:30px;  text-align:left; font-weight:bold; margin-top:8pt;}

/*for Accessries family*/
#thumberPRO2content{width:95px; height:104px;  margin-right:27px; margin-bottom:30px; float:left; CURSOR: hand;   }
#thumberPRO2{ width:100%; height:74px; background:#fff;  border:1px dotted #999; -moz-opacity:0.8; filter:alpha(opacity=80);  }
#thumberPRO2:hover{ -moz-opacity:1; filter:alpha(opacity=100); }
#thumberPRO2ID{width:100%; height:30px; text-align:left; line-height:30px; color:#D3D3D3 }

/*for TBD family Page style*/
#thumberPRO3content{width:135px; height:134px;  margin-right:30px; margin-bottom:30px; float:left; CURSOR: hand;   }
#thumberPRO3{ width:100%; height:74px; background:#fff;   border:1px dotted #999; -moz-opacity:0.8; filter:alpha(opacity=80);  }
#thumberPRO3:hover{ -moz-opacity:1; filter:alpha(opacity=100); }
#thumberPRO3ID{width:100%; height:60px; text-align:left; line-height:30px;  color:#D3D3D3 }

.ProductTtile{ width:200px; float:right; color:#FFF; filter:alpha(opacity=20); font-size:46px;  font-family:Arial; }

#thumberL_big{ width:100%; height:197px; margin:5px; background:#ccc; float:left; }


/*for Shades family Page style*/

#ShadePlate{float:left; width:95%;   overflow:auto; margin-top:30px; padding-left:65px;}
.FamilyContentShade{ width:100%; float:left;  margin-bottom:10px; margin-left:auto; margin-right:auto; }
.FamilyShadePDF{ width:7%; float:left; }
.FamilyShadeTitle{ width:38%; float:left; color:#333}
.FamilyShadePic{ width:62%; float:right;  }

.ShadeCatalog{ width:90%; color:#333; font-weight:bold; float:left;   font-size:10.5pt; margin-top:30px; margin-bottom:20px;  }




/*Accessories Family Page Style*/

.AccessPlate{float:left; width:100%;  height:497px; margin-top:30px; padding-left:65px; }
.FamilyContentAcc{ width:100%; float:left;  margin-bottom:15px;  }
.FamilyAccTitle{width:28.9%; float:left;  color:#333}
.FamilyAccPic{ width:71%; float:right; }
.AccessCatalog{ width:100%; color:#333; font-weight:bold;   font-size:10.5pt; margin-bottom:30px; padding-top:30px;  }


/*Lamp Family Page Style*/

.LampPlate{float:left; width:75%; }

.FamilyContentLamp{ width:100%; float:left; margin-bottom:10px; }
.FamilyLampTitle { width:21%; float:left; color:#333 }
.FamilyLampPic { width:78.9%; float:right;  }
#TitleTextLamp{ width:100%; margin-left:80px; margin-right:30px; color:#666 }

.ThumberContent{width:40px; height:60px;  margin-right:20px; float:left; }
.ThumberID{width:100%; height:20px; margin-top:3px; text-align:center;  font-size:8pt; color:#333 }
.LampDetail{ width:21%; float:left; }
.LampDetail2{ width:85%; float:left; }
.LampDetailID { margin: 0; padding: 0; width: 200px; }
.LampDetailID li{ list-style-type: none; font-size:8pt; color:#333;    }
.LampDetailID li a{ font-size:8pt; color:#333;    }
.LampDetailID li a:hover{color:#000;  text-decoration:underline     }



.LampDetailID2 { overflow: hidden; width: 100%; margin: 0;padding: 0; margin-top:12px;  }
.LampDetailID2 ul{list-style-type: none; margin: 0; margin-left: 10px; padding: 0;  }
.LampDetailID2 li{ float: left;  width:60px; list-style-type: none; }
.LampDetailID2 li a{ font-size:8pt; color:#333;  }
.LampDetailID2 li a:hover{color:#000; text-decoration:underline    }



.FamilyThumberID{color:#333 }



.ThumberPic{ width:100%; height:40px;  border:1px dotted #333; filter:alpha(opacity=100); -moz-opacity:1.0;   }
/*.ThumberPic:hover{  border:1px solid #666; filter:alpha(opacity=100); -moz-opacity:1.0;  }*/
.ThumberPicHand{ width:100%; height:40px;  border:1px dotted #333; filter:alpha(opacity=100); -moz-opacity:1.0;   }
.ThumberPicHand:hover{  border:1px solid #666; filter:alpha(opacity=100); -moz-opacity:1.0;  }






/*////////////////////////////////////////////////// Download Page  Style //////////////////////////////////////////////////*/
.DownCataContent{float:left; width:100%; margin-bottom:15px; }
.DownCataContent2{float:left; width:100%; CURSOR: hand;}

.DownCataID{ float:left; width:170px; height:80px; text-align:left; line-height:10pt; font-size:9pt; margin-top:10px; color:#ccc; cursor:hand;}

.DownItemID{ float:left; width:150px; height:15px; text-align:left; line-height:10pt; font-size:9pt; margin-top:10px; color:#ccc; cursor:hand;  color:#808080; font-size:8pt;}


/*////////////////////////////////////////////////// Hardware Family Page  Style //////////////////////////////////////////////////*/



/* for Hardwarefamily.aspx */
.FamilyContentHD{ width:86%;  margin-top:50px;  margin-left:auto; margin-right:auto; margin-left:195px; }
.HardwarePlate{ width:100%;    margin-top:30px;   }
.HardwareFamilyPic{ width:100%; height:150px; float:left; background-repeat:no-repeat; margin-top:0px;}
.HardwareCatalog{  width:100%; color:#333; font-weight:bold;   font-size:10.5pt; margin-bottom:20px; float:left; margin-top:30px; }

.HardwareCatalog2{  width:100%; color:#333; font-weight:bold;   font-size:10.5pt; margin-bottom:20px; float:left; margin-top:30px; }





.HDCataContent{ width:45%;  float:left; margin-bottom:35px;  }

/* show Hardwarefamily cata id */
.HDCataID { width:252px; line-height:10pt; font-size:9pt; cursor:hand; }

.HDMount{ width:70%; height:25px; color:#666; font-size:8pt; float:left;}
.HDMount a{ color:#666; font-size:8pt;}
.HDMount a:hover{ color:#000; font-size:8pt; }

.HDMountID { color:#333; font-size:9pt; font-weight:bold; margin-right:10px;}
.HDMountID:hover{ color:#000; font-size:9pt;font-weight:bold; }

.HDFamilyCataPic{width:100%;  float:left; height:52px; border:1px dotted #ccc ;  }
.HDFamilyCataPic img{width:250px; margin-left:1px; margin-top:1px; height:50px; -moz-opacity:0.80; filter:alpha(opacity=80) Style=1;  border:0px; }
.HDFamilyCataPic img:hover{width:250px; margin-left:1px; margin-top:1px; height:50px; -moz-opacity:1.0; filter:alpha(opacity=100) Style=1;}

.HDFamilyCataPicDC{width:100%; cursor:hand;  float:left; height:52px; border:1px dotted #666 ; background:url(image/product/HardwareDC.gif) no-repeat; background-position:1px 1px; background-position-x:1px; background-position-y:1px;  }
.HDFamilyCataPicDC:hover{width:100%;  float:left; height:52px; border:1px solid #333 ; background:url(image/product/HardwareDC_h.gif) no-repeat ;background-position:1px 1px;}

.HDFamilyCataPicCS{width:100%; cursor:hand;  float:left; height:52px; border:1px dotted #666 ; background:url(image/product/HardwareCS.gif) no-repeat; background-position:1px 1px; background-position-x:1px; background-position-y:1px;  }
.HDFamilyCataPicCS:hover{width:100%;  float:left; height:52px; border:1px solid #333 ; background:url(image/product/HardwareCS_h.gif) no-repeat ;background-position:1px 1px;}

.HDFamilyCataPicSR{width:100%; cursor:hand;  float:left; height:52px; border:1px dotted #666 ; background:url(image/product/HardwareSR.gif) no-repeat; background-position:1px 1px; background-position-x:1px; background-position-y:1px;  }
.HDFamilyCataPicSR:hover{width:100%;  float:left; height:52px; border:1px solid #333 ; background:url(image/product/HardwareSR_h.gif) no-repeat ;background-position:1px 1px;}

.HDFamilyCataPicSF{width:100%; cursor:hand;  float:left; height:52px; border:1px dotted #666 ; background:url(image/product/HardwareSF.gif) no-repeat; background-position:1px 1px; background-position-x:1px; background-position-y:1px;  }
.HDFamilyCataPicSF:hover{width:100%;  float:left; height:52px; border:1px solid #333 ; background:url(image/product/HardwareSF_h.gif) no-repeat ;background-position:1px 1px;}


.HDFamilyCataPicHD{width:100%; cursor:hand;  float:left; height:52px; border:1px dotted #666 ; background:url(image/product/HardwareHD.gif) no-repeat; background-position:1px 1px; background-position-x:1px; background-position-y:1px;  }
.HDFamilyCataPicHD:hover{width:100%;  float:left; height:52px; border:1px solid #333 ; background:url(image/product/HardwareHD_h.gif) no-repeat ;background-position:1px 1px;}

.HDFamilyCataPicVD{width:100%; cursor:hand;  float:left; height:52px; border:1px dotted #666 ; background:url(image/product/HardwareVD.gif) no-repeat; background-position:1px 1px; background-position-x:1px; background-position-y:1px;  }
.HDFamilyCataPicVD:hover{width:100%;  float:left; height:52px; border:1px solid #333 ; background:url(image/product/HardwareVD_h.gif) no-repeat ;background-position:1px 1px;}



.FamilyStyleHD{ width:65%; float:left; margin-top:30px;  margin-left:auto; margin-right:auto;margin-left:195px; }
.HDTitleContent{width:33%; float:left;  }
.HDFamilyPic{  width:67%; float:right; }
.HDTitleText{ width:100%;color:#666; line-height:45px; font-weight:bold; margin-left:68px}
.HDCatalog3{ width:100%; color:#ccc;   font-size:11pt; margin-bottom:20px;  }
.HDCatalog{ width:100%; color:#ccc;    font-size:11pt; margin-bottom:30px; }



.HDfamilyContect{ width:100%; float:left;  }



/* for HDfamily-VD.aspx */
.HDContentVD{width:33%; margin-bottom:15px; height:45px;  CURSOR: hand; float:left; font-size:9pt; color:#333  }
.HDContentVD:hover{color:#000  }
.HDContentVD img{ width:40px; height:40px; border:1px dotted #333; float:left; }
.HDContentVD:hover img{  border:1px solid #000; }
.HDContentVD:hover .HDThumberID span{ color:#000 }

/* for HDfamily-SF.aspx */
.HDContentSF{width:33%; margin-bottom:20px; height:45px;  CURSOR: hand; float:left; font-size:9pt; color:#333  }
.HDContentSF:hover{color:#000  }
.HDContentSF img{ width:40px; height:40px; border:1px dotted #333; float:left; }
.HDContentSF:hover img{  border:1px solid #000; }
.HDContentSF:hover .HDThumberID span{ color:#000 }

/* for HDfamily-SR.aspx */
.HDContentSR{width:33%; margin-bottom:10px; height:45px;  CURSOR: hand; float:left; font-size:9pt; color:#333  }
.HDContentSR:hover{color:#000  }
.HDContentSR img{ width:40px; height:40px; border:1px dotted #333; float:left; }
.HDContentSR:hover img{  border:1px solid #000; }
.HDContentSR:hover .HDThumberID span{ color:#000 }



/* for HDfamily-DC.aspx */
.HDContentDC{width:33%; margin-bottom:20px; height:45px;  CURSOR: hand; float:left; font-size:9pt; color:#333  }
.HDContentDC:hover{color:#000  }
.HDContentDC img{ width:40px; height:40px; border:1px dotted #333; float:left; }
.HDContentDC:hover img{  border:1px solid #000; }
.HDContentDC:hover .HDThumberID span{ color:#000 }


/* for HDfamily-CS.aspx */
.HDContentCS{width:33%; margin-bottom:20px; height:45px;  CURSOR: hand; float:left; font-size:9pt; color:#333  }
.HDContentCS:hover{color:#000  }
.HDContentCS img{ width:40px; height:40px; border:1px dotted #333; float:left; }
.HDContentCS:hover img{  border:1px solid #000; }

.HDContentCS:hover .HDThumberID span{ color:#000 }


/* for HDfamily-HD.aspx */
.HDContentHD{width:33%; margin-bottom:15px; height:45px;  CURSOR: hand; float:left; font-size:9pt; color:#333  }
.HDContentHD:hover{color:#000  }
.HDContentHD img{ width:40px; height:40px; border:1px dotted #333; float:left; }
.HDContentHD:hover img{  border:1px solid #000; }
.HDContentHD:hover .HDThumberIDHD span{ color:#000 }

.HDThumberIDHD{width:120px;  text-align:left; margin-left:10px; line-height:15px; float:left;  }
.HDThumberIDHD span{font-size:8pt;width:150px;  color:#808080; cursor:hand; line-height:12px; }


/* for ALL HDfamily */
.HDThumberContent{width:36%; margin-bottom:25px;  CURSOR: hand; float:left; }
.HDThumberPic{ width:40px; height:40px; border:1px dotted #666; float:left;}
.HDThumberPic:hover{  border:1px solid #333; }
.HDThumberID{width:155px;  text-align:left; margin-left:10px; line-height:15px; float:left;  }
.HDThumberID span{font-size:8pt;width:150px;  color:#808080; cursor:hand; line-height:12px; }




/*////////////////////////////////////////////////// Transformer-Ballast-Driver Family Page Style //////////////////////////////////////////////////*/

/* for TBDfamily.aspx */
.TBDContent{ width:86%;   margin-left:auto; margin-right:auto; margin-left:195px; margin-top:30px; }

.TBDCataContent{float:left; width:100%; margin-bottom:30px;  }
.TBDCataContent2{float:left; width:130px; CURSOR: hand;}
.TBDCataPic{ float:left; width:120px; height:120px;  border:1px dotted #666 ; cursor:hand; }
.TBDCataID{ float:left; width:180px;  text-align:left; font-size:9pt; color:#ccc; }
.TBDCareID:hover{ color:#fff }
.FamilyStyleTBD{ width:65%; float:left; margin-top:30px;  margin-left:auto; margin-right:auto;margin-left:195px; }
.TBDTitleContent{width:33%; float:left;  }
.TBDFamilyPic{  width:67%; float:right; }

.TBDCatalog{ width:100%; color:#ccc;    font-size:11pt; margin-bottom:20px; margin-top:30px; }
.TBDCatalog3{ width:100%; color:#ccc;   font-size:11pt; margin-bottom:20px;  }

.TBDTitleText{ width:100%;color:#333; margin-bottom:15px;  float:left;}
.TBDTitleTextFirst{ width:100%;color:#666;   font-weight:bold; font-size:8pt; margin-bottom:15px; }


.TBDTitleText2{margin-top:30px; width:100%;color:#666;   font-weight:bold; font-size:8pt; margin-bottom:15px;}


.TransformerMount{font-size:9pt; color:#ccc; margin-bottom:8px; cursor:text }
.TransformerSamll{font-size:8pt; font-weight:normal; color:#ccc; margin-bottom:5px; }

.TRFCataID { width:260px; line-height:10pt; font-size:8pt; cursor:hand; }
.TRFCataID a{  font-size:8pt;  }
.TRFCataID a:hover{ color:#000 }

.TRFTitle{ width:100%; float:left; padding-top:10px;}

.TRFMount{ width:50%; color:#666; font-size:8pt; float:left; }
.TRFMount img { border:1px #666 dotted;}
.TRFMount:hover img { border:1px #666 solid;}

.TRFMount span{font-size:8pt; color:#666; width:100%; float:left; text-align:left; margin-top:3px;}
.TRFMount:hover span{color:#000; }

.TRFRomote{  width:49.5%;  color:#666; font-size:8pt;  float:right;}
.TRFRomote img { border:1px #666 dotted;}
.TRFRomote:hover img { border:1px #666 solid;}

.TRFRomote span{ font-size:8pt; color:#666; width:100%; float:left; text-align:left; margin-top:3px;}
.TRFRomote:hover span{color:#000; }




.IconTRF{ height:50px; width:100px; border:1px #666 dotted; float:left;  cursor:hand}
.IconTRF:hover{  border:1px #000 solid;}





.TRFMountID { color:#333; font-size:9pt; font-weight:bold; margin-right:10px;}
.TRFMountID:hover{ color:#000; font-size:9pt;font-weight:bold; }



/* for TBDfamily-Driver.aspx */

.TBDContentDriver{width:33%; padding-bottom:20px;   float:left;  }
.TBDContentDriver:hover .TBDThumberPic{ border:1px solid #000; }
.DriverPlate{float:left; width:100%;  }
.TBDContentDriver .note{ font-size:8pt; color:#333; cursor:default; width:100%; float:left}

/* for TBDfamily-Ballast.aspx */
.BallastPlate{float:left; width:100%;  }
.TBDContentBallast{width:33%; margin-bottom:25px;  CURSOR: hand; CURSOR: hand; float:left;}
.TBDContentBallast:hover .TBDThumberPic{ border:1px solid #000; }


/* for TBDfamily-CS.aspx */
.TBDContentCS{float:left;  width:33%; padding-bottom:10px;  CURSOR: hand; }
.TBDContentCS:hover .TBDThumberPic{ border:1px solid #000; }


.TBDCSPlate{float:left; width:100%;  margin:0px;}

.DownloadPlate{float:left; width:100%;  margin-top:15px;}


.TBDCSPlate_Magnetic{float:left; width:100%;  overflow:auto; margin-bottom:0px; margin-top:0px;  }




/* for ALL TBDfamily */
.TBDThumberContent{width:36%; margin-bottom:25px;  CURSOR: hand; float:left; }
.TBDThumberPic{ width:40px; height:40px; border:1px dotted #666; float:left;}
.TBDThumberPic:hover{  border:1px solid #000; }
.TBDThumberID{ float:left; text-align:left; margin-left:10px; line-height:15px;  font-size:9pt;float:left; color:#000;  }
.TBDThumberID a {  color:#333;  }
.TBDThumberID:hover { color:#333;  }
.TBDThumberID H6 { width:150px; height:30px; float:left;}


.TBDThumberID ul { width:100%;  padding:0px;  margin:0px;  }
.TBDThumberID ul li{ list-style-type:none;   }
.TBDThumberID ul li a{ list-style-type:none; color:#666; font-size:8pt;  }
.TBDThumberID ul li a:hover{ text-decoration:underline; color:#000  }


.TBDFamilyTitle{ color:#ccc; height:20px; margin-bottom:15px;}

    /* for Download */
    .DOWNThumberID{width:250px; height:20px; text-align:left; margin-left:5px;   font-size:9pt;float:left;  margin-top:1px;  }
    .DOWNThumberID:hover{ color:#333;}
    .DownThumberPic{ width:15px; height:16px; float:left;}
    .DownThumberPic img{ border:0px;}
  
    .DownContent{width:33%; margin-bottom:0px;  CURSOR: hand; CURSOR: hand; float:left; }
    .DownContent2{width:250px; margin-bottom:0px;  CURSOR: hand; CURSOR: hand; float:left;  }
    .ResourceDownContent{width:49.5%; margin-bottom:0px;  CURSOR: hand; CURSOR: hand; float:left;  }
    .ResourceDownContent a{ color:#000;}
    .ResourceDownContent a:hover{ text-decoration:underline;  color:#000;}
    
    
    .DownContent a{ color:#333; font-size:8pt;}
    
    .DownContent a:hover{ text-decoration:underline}
    
    .DownContent2 a{ color:#000;}
    .DownContent2 a:hover{ text-decoration:underline}

    
    
    .DownContentLiterature{width:24.9%; margin:0px;  CURSOR: hand; CURSOR: hand; float:left;   }
    .DownContentLiterature a { color:#000 }
    .DownContentLiterature:hover { color:#000 }


    .DownContentWare{width:100%; margin-bottom:0px;    float:left; }
    .DownContentWare a{color:#000 }
    .DownContentWare a:hover .WareName{ text-decoration:underline }
    .DownContentWare a img{ border:0px;}
    
    .DOWNThumberID2{width:90%; height:20px; text-align:left; margin-left:5px;   font-size:9pt;float:left; color:#333; margin-top:1px;  }

    .WareName{ width:195px; float:left; cursor:hand; }
    .WareName{ color:#000}
    .WareFont{ margin:0; float:left;  font-size:8pt; font-weight:normal; color:#333; line-height:12px; margin-top:3px; cursor:hand;}
    .WareFont .WareName a:hover{ color:#000}


    .DownAdvSearch{ width:100%; float:left; color:#333;   font-size:8pt; margin:0px;   }
    .DownAdvSearch a{ color:#666;  font-weight:bold; font-size:8pt;   }
    .DownAdvSearch a:hover{ color:#000; text-decoration:underline;  font-weight:bold; font-size:8pt;   }



    .SDownThumberPic{ width:40px; height:52px; border:1px solid #ccc; float:left;}
    .SDownThumberPic:hover{  border:1px solid #000; }




.FamilyContentTBD{width:78%; float:left; margin-top:30px;  margin-left:auto; margin-right:auto;margin-left:195px;}

.TBDTitleContent{ width:20%; float:left; }
.TBDFamilyPic{ width:80%; float:right;  }



#TBDThumberContent{width:40px; height:60px;  margin-right:20px; margin-bottom:10px; float:left; CURSOR: hand; background:white; }
#TBDThumberPic{ width:100%; height:40px; background:#fff;  border:1px dotted #666  }
#TBDThumberID{width:100%; height:20px; text-align:center; line-height:20px;  font-size:8pt;  }


/*////////////////////////////////////////////////// Application Page Style //////////////////////////////////////////////////*/


#AppBodyTop{ width:100%;   color:#333;  float:left; background:#212121; z-index:-1;}

.AppContent{ color:#333;   width:100%; float:left; background:url(image/application/AppBack.jpg) no-repeat ; background-color:Black; height:510px; }

.AppContent2{width:100%;  margin-left:40px; margin-top:100px;    }


.Commercial {width:424px; height:317px; cursor:hand; float:left; background:url(image/application/APPCommercial.png) no-repeat left top; margin-right:30px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="image/application/APPCommercial.png"); _background: none;
cursor:hand;}


.Commercial a { width:424px; height:317px; cursor:hand; float:left; float:left; background:url(image/application/APPCommercial.png) no-repeat left top;  margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="image/application/APPCommercial.png"); _background: none;
cursor:hand; 
}

.Commercial a:hover{ float:left; background:url(image/application/APPCommercialOn.png) no-repeat left top;  margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="image/application/APPCommercialOn.png"); _background: none;
cursor:hand; 
}


.Residentail {width:424px; height:317px; cursor:hand; float:left; background:url(image/application/APPResidentail.png) no-repeat left top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="image/application/APPResidentail.png"); _background: none;
cursor:hand;}


.Residentail a {width:424px; height:317px; cursor:hand; float:left; background:url(image/application/APPResidentail.png) no-repeat left top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="image/application/APPResidentail.png"); _background: none;
cursor:hand; 
}

.Residentail a:hover{ float:left; background:url(image/application/APPResidentailOn.png) no-repeat left top; margin-right:20px; margin-bottom:20px;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="image/application/APPResidentailOn.png"); _background: none;
cursor:hand; 
}



.AppBanner{width:915px; height:340px;  margin:0 auto; margin-top:15px; background:#666; }
.AppicRight img{  background:url( image/application/App_display01.jpg) no-repeat; border:0; }

.AppChanel{width:915px; height:85px;  margin:0 auto; margin-top:30px; }

.AppSwitch{ width:187px; height:85px; float:left; cursor:hand; }
.AppSwitch img{border:0;}

.AppTitle{ width:167px; height:85px; float:left; background:#e6e6e6; text-align:center; font-size:10.5pt;  line-height:85px; font-weight:bold;}



.AppPageTitle{color:#333; width:90%; float:left;  font-size: 10pt; font-weight:bold; margin-left:20px; padding-top:15px;  height:18px; line-height:18px; margin-bottom:10px; }



/*////////////////////////////////////////////////// Application Residential and Commercial Page Style //////////////////////////////////////////////////*/

#AppResiLeft{width:680px; float:left;}


#AppResiRight{ width:280px; height:508px; float:left;  background:white;  -moz-opacity:1.0; filter:alpha(opacity=100); color:white;  }


.ResiThumbContent{ margin-left:15px; color:White;}

.AppResiThumb a{ width:70px; height:70px; border:1px solid #ccc; float:left; padding:2px; margin-right:9px; margin-bottom:12px; CURSOR: hand; background:white;   }

.AppResiThumb a:hover{ border:1px solid #000;   }


.AppResiThumb img{ border:0px; }
	
.AppResiThumb img:hover {}
   

	
	


/*////////////////////////////////////////////////// Service Style //////////////////////////////////////////////////*/

#SeriveContent{ width:960px; height:527px; color:#333; background:black; margin-top:0px;}
.ServiceDisplayPic{ width:100%; height:270px; float:left; background:url(image/service/services_display01.jpg) no-repeat;  }
.ServiceOptContent{ width:100%; height:207px;float:left; background:url(image/service/application_background01.gif) no-repeat;}

.ServConsulting{ width:330px; height:94px;   margin-left:68px; margin-top:40px;  float:left;}
.ServConsultingPic{ width:170px; height:94px; float:left; background:url( image/service/service_consulting.jpg) no-repeat; cursor:hand;border:1px dotted #666;-moz-opacity:0.8; filter:alpha(opacity=90); }
.ServConsultingPic:hover{-moz-opacity:1; filter:alpha(opacity=100);}
.ServConsultingText{ width:130px; height:94px; float:right; color:#ccc; line-height:15px; margin-top:15px;} 

.ServCustom{ width:330px; height:94px;    margin-top:40px; float:right;margin-right:100px; }
.ServCustomPic{ width:170px; height:94px; float:left; background:url( image/service/service_custom.jpg) no-repeat; cursor:hand;border:1px dotted #666;-moz-opacity:0.8; filter:alpha(opacity=90); }
.ServCustomPic:hover{-moz-opacity:1; filter:alpha(opacity=100);}

.ServCustomText{ width:130px; height:94px; float:right; color:#ccc; line-height:15px; margin-top:15px;} 

/* Service Consulting Style*/

.ServiceConsultPic{ width:100%; height:270px; float:left; background:url(image/service/services_display02.jpg) no-repeat;  }
.ServiceConsultContent{ width:100%; height:208px;float:left; background:url(image/service/application_background02.gif) no-repeat;}

#Service-c{ width:330px; height:114px; margin-top:30px;  float:left;}
.ServiceMagin1{ margin-left:68px;}
.ServiceMagin2{ margin-left:98px;}
.ServiceAnalysis{ width:100px; height:100px; float:left; background:url( image/service/service_analysis.jpg) no-repeat; border:1px dotted #666;-moz-opacity:0.8; filter:alpha(opacity=90); }
.ServiceAnalysis:hover{-moz-opacity:1; filter:alpha(opacity=100);}
.ServiceRender{ width:100px; height:100px; float:left; background:url( image/service/service_render.jpg) no-repeat;border:1px dotted #666;-moz-opacity:0.8; filter:alpha(opacity=90); }
.ServiceRender:hover{-moz-opacity:1; filter:alpha(opacity=100);}

.Service-cText{ width:200px; height:94px; float:right; color:#ccc; line-height:15px; margin-top:5px;} 
.Service-cSample{ width:100%; height:20px; float:right; color:#ccc; line-height:15px; margin-top:15px;} 

.ServiceGrey{ color:#666; font-size:9pt; line-height:22px; }
.ServicePurpe { color:#564996; font-size:9pt; line-height:22px; }
.ServicePurpe a{ color:#8E7AC1; font-size:9pt; line-height:22px; }
.ServicePurpe a:hover{ color:#ccc; font-size:9pt; line-height:22px; }

/* Service Custom Style*/

#CusContent{  width:960px; height:478px; color:#333; margin-top:0px; background:#666 ;background:url(image/service/custom.jpg) no-repeat;}
#DelightWord{ width:180px; float:left; color:#ccc; font-size:9pt; margin-left:68px; margin-top:250px; }




/* CopyRight style*/

#CRrcontent{position:absolute; left:575px; top:495px; width:200px; height:70px; text-align:center; padding-top:5px; border:none; text-align:left;}
#CRrcontent2{ width:150px;  margin-top:25px; text-align:left; float:right; margin-right:25px; }
.cr{ font-size:7pt; color:#ccc;  }
.cr_L{ font-size:7pt; color:#999;  }

.CopyRight{ font-size:7pt; color:#666;  float:right;  margin-right:50px; }


.CopyRightProduct{ font-size:7pt; color:#666;  float:right; margin-top:20px;  margin-right:50px; }


.DL_link{ background-image:url(image/component/pdf_g.gif); border:"0" }



/*////////////////////////////////////////////////// Company style//////////////////////////////////////////////////*/

.CompanyContent{  color:#333; background:#fff; width:86%; margin-left:auto; margin-right:auto  }
#MapContent{  color:#333; background:#fff; width:86%; font:left; float:left; margin-left:50pt; }


/* Profile style*/

.ProfileDislayPic{ width:100%; height:150px; float:left}
.ProfileContent{  width:100%; float:left; color:#333; background:#fff; background-repeat:no-repeat; background-position-x:500px;   }
.ProfileText{ width:100%; margin-left:auto; margin-right:auto;  font-size:8pt;  }
.ProfileSmallPic{ width:154px; height:104px; float:left;margin-right:0px;  margin-right:15px;  }
.ProfileSmallPic img {  background-image:url(image/company/ProfileSmall.jpg); width:150px; height:100px; margin-left:2px; margin-top:2px;  }
.ProfileTitle{ width:73%; height:25px; float:left; margin-bottom:0px; font-family:Times New Roman; font-size:13pt; }
.MissionTitle{ width:100%; height:25px; float:left; margin-bottom:0px; font-size:10pt;  margin-bottom:10px; font-weight:bold }

.CompanyBanner{ width:100%; height:150px; margin-left:auto; margin-right:auto; margin-top:0px;}
.CompanyDislayPic{ width:100%; height:150px; background-image:url(image/company/company_display01.jpg); margin-left:auto; margin-right:auto; margin-top:0px;}

.SuggestionBox{ border:1px gray solid; color:#000;  background:white ; Height:100px; Width:580px }

/* People style*/

.PeopleContent{ width:100%; float:left; margin-bottom:20px; border-bottom:1px #EFEFEF solid;}

/* Sustainability style*/

.SustainContent{ width:100%; float:left; margin-bottom:5px;}

.SustainPic{ width:65px; height:65px; background:#EFEFEF; float:left;}
.SustainText{ width:88%; float:right; margin-bottom:22px;font-size:8pt; }
.SustainTitle{ width:100%; float:left; margin-bottom:5px; font-weight:bold; color:#228B22; font-size:8pt;}
.SustainPractices{ width:100%; float:left;} 
.SustainPractices ul{ margin:0; padding:0; padding-left:20px;}
.SustainPractices ul li{ list-style:url(image/component/GreenDash.gif) ; }
.SustainPractices ul li ul { padding-left:30px; }
.SustainPractices ul li ul li{ list-style:url(image/component/GreenDisk.gif); }




.QandA{ width:100%; float:left;} 
.QandA p{font-size:8pt; font-weight:bold }
.QandA a { color:#000;font-size:8pt; text-decoration:underline }



.QandA ul{ margin:0; padding:0; padding-left:35px; margin-bottom:15px;font-size:8pt; color:#333; font-weight:normal }
.QandA ul li{ list-style-type:decimal; color:#228B22; font-weight:bold; font-size:8pt; }
.QandA ul li ul { padding-left:30px; margin-top:10px;  }
.QandA ul li ul li{list-style:url(image/component/GreenDash.gif) ;  color:#333; font-weight:normal; margin-bottom:5px; }
.QandAdash { margin-right:15px;color:#228B22; }

.qnaother ul li{ list-style-type:circle; margin-bottom:5px; }


.RoHSTable{ width:700px; margin-top:10px;}
.RoHSTable tr td { height:38px; background:#ddd; text-align:center; width:100px;}



/*////////////////////////////////////////////////// News style//////////////////////////////////////////////////*/

#NewsContent{  color:#333; background:#fff; margin-left:auto; margin-right:auto;  margin-top:20px; width:86%;  }
#Newstext{width:700px; float:left; margin-left:210px; margin-top:24px;   }


.l { color: black; font-size: 9pt; text-decoration: underline }
.l:hover { color: #666666; font-size: 9pt; text-decoration:underline }
.NewsDate { color: #666; font-size: 9pt; margin-bottom:5px;}
.NewsText { color: #666; font-size: 9pt; margin-bottom:5px;}

/*////////////////////////////////////////////////// Contact style//////////////////////////////////////////////////*/

#ContactsContent{  color:#333; background:#fff; margin-left:auto; margin-right:auto;  margin-top:20px; width:86%;  }

/*////////////////////////////////////////////////// Support style //////////////////////////////////////////////////*/

.SupportContent{ width:100%; color:#666; padding-left:68px; padding-top:30px;   }
.SupportW{margin-left:68px; overflow:hidden; width:93%}
.SupportText2{width:65%; margin-left:auto; margin-right:auto; margin-top:20px; }
.SupportTextBox{ border:1px gray solid; height:100px; width:350px; background:white }
.SupportTextBox2{ border:1px gray solid; height:16px; width:170px; background:white }
.SupportTextReason{ border:1px gray solid; height:16px; width:185px;  background:white }
.SupportTextReason{ border:1px gray solid; height:16px; width:185px;  background:white  }
.SupportTextComment{ border:1px gray solid; color:#000;  background:white ; Height:70px; Width:590px }

.SupportBanner{ width:100%; height:150px; float:left}


.DownTitleText{ width:100%;color:#333; margin-bottom:10px;  float:left;}


input.ButtonTrack{
    
    width:92px;
    height:23px;
    color:#FFFFFF;
    background:#808080;
    cursor:pointer;
    border:none;
    font:normal 12px/20px "Trebuchet MS", Helvetica, sans-serif;
    margin-top:13px; 
    border-top : 1px solid #eaedf4;
   border-left : 1px solid #eaedf4;
   border-bottom : 1px solid #224059;
   border-right : 1px solid #224059;


    }
    
    
    input.ButtonTrack:hover, input.ButtonTrack:active{
    
    width:92px;
    height:23px;
    color:#FFFFFF;

    cursor:pointer;
    border:none;
    font:normal 12px/20px "Trebuchet MS", Helvetica, sans-serif;
    margin-top:13px; 
 border-top : 1px #31557f solid;
   border-left : 1px #31557f solid;
   border-bottom : 1px #f8f9fb solid;
   border-right : 1px #f8f9fb solid;
   text-decoration : none;

    }
    
.TrackResult{ width:100%; float:left; margin-top:15px;  color:#666 }
.TrackContact{ width:100%; float:left; color:#666; font-size:8pt; margin-top:10pt; }
.TrackContact a { color:#666; font-size:8pt; cursor:hand;}
.TrackContact a:hover { color:#333; font-size:8pt; text-decoration:underline;}




#DownloadTable{ margin:auto; width:100%;   border:0px; background:#fff; border:0px; border-collapse:collapse; border-bottom-style:none; font-size:8pt;  background:#eee}
#DownloadTable tr, #DownloadTable td{ text-align:center; }
.DownTarget{ width:15px; height:16px; background-image:url(image/support/pdf_b.gif); cursor:hand;}
.DownTarget:hover{ background-image:url(image/support/pdf.gif);}


.SupportDownLED{font-size:7pt; }

.SupportDownGX{font-size:8pt; }


.BCHydroFont2{font-size:9pt; line-height:13pt; color:#333;  margin-bottom:20px; }
.BCHydroFont3{font-size:8pt; line-height:15pt; color:#666; margin-top:5px; margin-bottom:15px; }
.WarrentyText{  color:#333; font-size:8pt; margin-right:50px; }


.BCHydroLogo{ width:200px; float:left; margin-left:68px;}
.BCHydroLogo img { margin-top:30px;}
.BCHydroIntro{ width:82%; float:left; background:#fff;  margin-top:20px; padding: 20px 20px 20px 68px; color:#444 }
.Benefits3CT{ width:68%; float:right; background:#fff;  margin-top:20px;  color:#666;  }
.Benefits3CTitle{ width:100%; float:right; font-family:Arial Narrow; font-size:10pt; font-weight:bold }

.Benefits3CTitle img { float:left; margin-right:20px; } 

.BCHydroMidTitle{ width:100%; float:left; font-size:12pt; color:#555; font-weight:bold; margin-bottom:5px;line-height:18px; padding-top:30px;}

.BCHydroSmallTitle{ font-size:10pt; color:#333; font-weight:bold; margin-bottom:15px;line-height:18px;}



.BCHydroIntro{ width:82%; float:left; background:#fff;  margin-top:20px; padding: 20px 20px 20px 68px; color:#444 }
.L141LaunchIntro{ width:82%; float:left; background:#e6e7e8;  margin-top:20px; margin-bottom:20px; padding: 20px 20px 20px 68px; color:#444 }


/*////////////////////////////////////////////////// Resource style //////////////////////////////////////////////////*/


.UnderstandLedBanner{ width:100%; height:150px;  float:left;  margin-top:0px;}
.ResourceContentWl { width:100%; float:left; padding-bottom:10px; padding-top:10px;  border-bottom:1px #EFEFEF solid;}
.ResourceContentW2 { width:100%; float:left; padding-bottom:25px; border-top:1px #EFEFEF solid; padding-top:20px;}
.ResourceLogo{ width:90px;  float:left; text-align:left; margin-top:3px; margin-right:10px;}
.ResourceLogo2{ width:120px; background:#ccc; height:80px;  float:left; margin-right:20px;  text-align:left; margin-top:3px;}
.BenefitTitle{ width:100%; float:left;  font-family:Arial Narrow; border-bottom:1px #ccc solid; font-size:13pt; text-align:right;  font-weight:bolder; margin-top:30px; line-height:30px;}
.ResourceLogo img{ margin-bottom:5px;}
.ResourceInto{ width:75%; float:left}
.ResourceInto2{ width:80%; float:left}
.ResourceTtile{ width:100%; float:left;  color:#333; font-weight:bold; font-size:9pt; margin-bottom:10px; }
.ResourceTtile a{color:#333; font-weight:bold; font-size:8pt; }
.ResourceTtile a:hover{color:#000; font-weight:bold; font-size:8pt; text-decoration:underline; }
.ResourceDetail{ width:100%; float:left; font-size:8pt; color:#666}

.DOWNResourceID{width:100px; height:20px; text-align:left; margin-left:5px;   font-size:8pt;float:left; color:#ccc; margin-top:1px;  }

.DOWNResourceID:hover{  font-size:8pt; text-decoration:underline;  }


.GenCompaframe{ width:97%; background:#000; border:0px; float:left;}
.GenCompaTable{ width:100%;  border:0px; text-align:center;}
.GenCompaTable tr td { background:#fff; height:22px; text-align:center; } 

.UnderTextFrame { width:100%; float:left; margin-top:10px; margin-bottom:20px;}

#Gengray { background:#DCDCDC; } 
.GenviceTitleB1 { font-size:9pt; color:#333; margin:0; padding:0;  line-height:11pt  }
.GenviceTitleB { font-size:9pt; color:#696969; margin:0; padding:0; font-style:oblique;  line-height:8pt }
.GenviceTitle { font-size:8pt; color:#696969; margin:0; padding:0; line-height:8pt }
.GenviceTitleq { font-size:8pt; color:#696969; margin:0; padding:0; font-style:oblique;}

.ResBigTitle{ font-size:11pt; width:100%; float:left; color:#333;  margin:0; padding:0;padding-top:5px; padding-bottom:5px; padding-left:5px; margin-bottom:10px; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#DCDCDC,endcolorstr=#F5F5F5,gradientType=1); }
.ResMidTitle{ font-size:9pt; color:#333; font-weight:bold; margin-bottom:5px;line-height:18px;}

.Aspectsframe{ width:97%; background:#000; border:0px;}
.AspectsTable{ width:100%;  border:0px; }
.AspectsTable tr td { background:#fff; height:22px; text-align:center; } 
#Aspectsgray { background:#DCDCDC; text-align:left; padding-left:5px; } 


.Railframe{ width:100%; background:#000; border:0px;text-align:left; }
.RailTable{ width:100%;  border:0px; }
.RailTable tr td { background:#fff; height:22px; text-align:center; } 

#Railgray { background:#DCDCDC; text-align:left; padding-left:5px; } 


.Chart1frame{ width:80%; background:#000; border:0px;text-align:left; }
.Chart1Table{ width:100%;  border:0px; }
.Chart1Table tr td { background:#fff; height:25px; text-align:center; } 
.Chart1Table1 tr td  {height:35px;}


.RailTitleQ{ font-size:8pt; color:#696969;  font-style:oblique; margin-top:10px;}

.UnderLedPN{ width:100PX; margin:15PX; float:right;font-size:10pt; } 
.UnderLedPN a{ font-size:10pt; color:#333 } 
.UnderLedPN a:hover{ font-weight:bold; color:#000;  } 


/*////////////////////////////////////////////////// L141LaunchBrochure //////////////////////////////////////////////////*/
.L141Banner{ width:100%; float:left;  margin-top:30px; margin-bottom:30px;}
.L141Title{ color:#666; width:100%; float:left; font-size:200%; padding-bottom:15px; height:28px; line-height:28px; }
.L141BubTitle{ color:#333; width:100%; float:left; font-size:150%; padding-bottom:10px; height:18px; line-height:18px; }

.L141Description{ width:52%; float:left; font-size:9pt; line-height:13pt; color:#333; margin-right:90px;  }
.L141Drawing{ width:30%; float:left; }
.L141Drawing img{ margin-bottom:15px; }
.L141Environmental{ width:38%; float:left; font-size:9pt; line-height:13pt; color:#333; margin-right:90px;  }


/*////////////////////////////////////////////////// Contact style //////////////////////////////////////////////////*/

#ContactContent{  color:#333; background:#fff; margin-left:auto; margin-right:auto;  margin-top:20px;width:86%;   }

#ContactLink{ width:86%; margin-left:auto; margin-right:auto}
.WordStyle a{ line-height:30px; font-weight:bold; color:#666}
.WordStyle a:hover{ color:#000;text-decoration:underline;  }

.ContactTextBox{  width:300px; border:0PX; background:#fff; font-size:8pt; height:18px; }
.ContactTextBox2{ border:1px gray solid; height:16px; width:300px; height:120px; background:white }

.ContactButton{border:1px white solid; width:120px; color:#fff; background:#000; height:22px; }
.ContactMP{  margin-bottom:10pt; font-size:10pt;}
.ContactPosition{  margin-bottom:4px; margin-top:5px; width:90%; float:left; border-top:2px #DCDCDC solid;}
.PositionDetial{ font-size:8pt; color:#666; line-height:16px;  padding-top:10px; width:90%}
.PositionDetial a{ height:20px; color:#666; font-size:8pt;  }
.PositionDetial a:hover{ height:20px; color:#000; font-size:8pt; text-decoration:underline;  }


/* careers style*/

.CareersText{ width:86%; margin-left:auto; margin-right:auto;  height:457px; margin-top:20px; }


/* Support Log in*/

.LoginContent{ width:550px; height:310px;  padding-top:1px; float:left}

.LoginTitle{ width:100%; height:25px; background:#CCCCCC; border-bottom:1px #666 solid;  font-size:11pt; color:#333; line-height:25px; margin-bottom:15px; }
.LoginTitleStyle{ padding-left:20px; }
.LoginWrapper p{ line-height:18px;}

/* LampAccordionPanel Style */

#LampPanel{ width:180px; background:#000;  padding:10px; color:#666; font-weight:normal;  font-size:9pt; } 
.PanelName{ color:#99995C; font-size:9pt; }
.PanelTitle{ color:#ccc; font-size:9pt; }




.AdvContent{ width:600px; color:#333;  background:#fff; border:1px solid #ccc; padding:40px; padding-top:15px; padding-bottom:15px; margin-left:auto; margin-right:auto; }

.AdvLine{ width:100%;  border-bottom:1px #ccc solid; margin-bottom:10px; }

.SearchButton{border:1px #666 outset; width:80px; color:#333; background:#ccc; height:22px; cursor:hand; }
.SearchButton:hover{border:1px #ccc inset;  width:80px; color:#333; background:#DCDCDC; height:22px; cursor:hand; }


.GetLineIESContent{width:100%; height:230px; background:#DCDCDC; border:1px solid #ccc; padding:15px; padding-top:15px; padding-bottom:15px; }
.GetIESTitle{ width:100%; height:40px; line-height:40px; color:#ccc; border-bottom:1px yellow solid; margin-bottom:5px; padding-left:15px; font-size:9pt; font-weight:bold; background:#222 }


/* Defualt Style */

    
.DCopyRight { width:300px;   float:left; color:#444; margin-top:55px; font-size:7pt; margin-left:40px;} 


/* Error Page */

.ErrorContent{ width:90%; height:500px; color:#ccc; margin-left:auto; margin-right:auto; line-height:500px;}



/* Partnership Page */

.PartnerContentWl { width:100%; float:left; border-bottom:1px #EFEFEF solid; margin-bottom:15px; padding-bottom:15px; }
.PartnerContent { width:100%; float:left; }

.PartnerLogo{ width:180px;  float:left; margin-right:15px;  text-align:left; margin-top:3px;}
.PartnerInto{ width:70%; float:left}
.PartnerTtile{ width:100%; float:left; color:#228B22; font-weight:bold; font-size:8pt; }
.PartnerTtile a{color:#228B22; font-weight:bold; font-size:8pt; }
.PartnerTtile a:hover{color:#1A681A; font-weight:bold; font-size:8pt; text-decoration:underline; }
.PartnerDetail{ width:100%; float:left; font-size:8pt;}


.SubMenuPartner{ background:#ccc; padding-left:68px; color:#444; font-size:8pt;}
.SubMenuPartner a{ color:#444; font-size:8pt;}
.SubMenuPartner a:hover{ color:#000; font-size:8pt; }



.slidement{ font-size:8pt; font-weight:normal; }
a.slidement{ font-weight:normal;  }
.slidementP{ font-size:8pt; font-weight:normal; }
.slidement2{ font-size:7pt;  }
.slidbold{ font-size:9pt;}




#Spanx{ position:absolute; padding:7px; font-size:8pt;font-family: Arial, Verdana,sans-serif;  filter:alpha(opacity=85); -moz-opacity:0.85; line-height:18px;}


#Spanx img{ width:60px; height:60px; background:#666;float:left; border:1px dotted #444  }


#SpanxWording{ float:right; width:50px; padding:10px; color:Red;}



#SpanxG{ position:absolute; padding:7px;  font-size:8pt;font-family: Arial, Verdana,sans-serif;  filter:alpha(opacity=85); -moz-opacity:0.8;  }

#SpanxG img{ width:60px; height:60px; background:#666;float:left; border:1px dotted #666  }





#SpanxP{ position:absolute;  padding:7px;  font-size:8pt; filter:alpha(opacity=85); -moz-opacity:0.8; line-height:18px;}

#SpanxP img{ width:60px; height:90px; background:#666;float:left; border:1px dotted #444  }





.centerdiv{ /*IE method of centering a relative div*/ 
text-align: center;
}

.centerdiv div{ /*Proper way to center a relative div*/
margin: 0 auto;
}


.thumbSPAN{ width:500PX;  position:absolute;}


/*////////////////////////////////////////////////// Press style //////////////////////////////////////////////////*/

.PressContent{ width:92%; float:left; margin-bottom:20px; border-bottom:1px #EFEFEF solid;}
.PressPic{ width:11%; float:left; margin-bottom:15px;}
.PressNews{ width:89%; float:right; margin-bottom:15px;}

.AbPress a{ color: black; font-size: 9pt; cursor:hand; }
.AbPress a:hover {  text-decoration: underline }






.NoteBox{display:block}
.NoteBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#D3D3D3}
.NoteBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;
  background:#dedede}
.NoteBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fafafa;
  border-right:1px solid #fafafa;
  background:#dbdbdb}
.NoteBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;}
.NoteBox4{
  border-left:1px solid #ececec;
  border-right:1px solid #ececec}
.NoteBox5{
  border-left:1px solid #dedede;
  border-right:1px solid #dedede}
.NoteBoxfg{ padding:15px; padding-top:10px;  padding-bottom:0px; background:#D3D3D3; min-height:220px; color:#666  }
.NoteBoxPay{ padding:15px; padding-top:10px;   padding-bottom:0px; background:#D3D3D3; min-height:70px; color:#666  }

.NoteBoxfg H2 { margin:0px; padding:0px; }
.OrderConfirmBox{ padding:25px;  background:#D3D3D3; height:70px; color:#666  }


        .FormContent
        {
            background: #fff;
            padding: 1px;
            font-size: 18px;
            line-height: 25px;
        }
        .SpiFrame
        {
            width: 46%; float:left;
            margin: 0 auto;
        }
        
        .SpiFrame3
        {
            width:80%; margin:0 auto; 
            margin: 0 auto; padding-top:30px;
        }
        
        
        .SpiFrame2
        {
            width: 45%; float:left;  
             margin-left:65px;
        }
        
        .SpiFrameError
        {
            width: 95%; float:left;  
             
        }
         .SpiFramePay
        {
            width: 95%; float:left; margin-bottom:25px;
             
        }
        
        
        .SurveyTitle
        {
            width: 96%;
            margin-left: 45PX;
            font-size: 18pt;
            font-weight: bold;
            color: #FDBA31;
            padding: 20px;
        }
        .Question
        {
            width: 99%;
            margin: 0 auto;
            font-size: 12px;
        }
        #MainBox p
        {
            padding-bottom: 0.5em;
        }
        #MainBox h2
        {
            padding-top: 0.5em;
        }
        #MainBox
        {
            background: #fff;
            margin: 1em;
            width: 600px;
            margin: 0 auto;
            margin-top: 20px;
        }
        .Mainboxtop, .Mainbottom
        {
            display: block;
            background: #fff;
            font-size: 1px;
        }
        .Mainb1, .Mainb2, .Mainb3, .Mainb4
        {
            display: block;
            overflow: hidden;
        }
        .Mainb1, .Mainb2, .Mainb3
        {
            height: 1px;
        }
        .Mainb2, .Mainb3, .Mainb4
        {
            background: #fff;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
        }
        .Mainb1
        {
            margin: 0 5px;
            background: #ccc;
        }
        .Mainb2
        {
            margin: 0 3px;
            border-width: 0 2px;
        }
        .Mainb3
        {
            margin: 0 2px;
        }
        .Mainb4
        {
            height: 2px;
            margin: 0 1px;
        }
        .Mainboxcontent
        {
            display: block;
            background: #fff;
            border: 0 solid #ccc;
            border-width: 0 1px;
        }
        .TextBox
        {
            vertical-align: top;
            font-size: 9pt;
            color: #666;
        }
        
        
        .BCHydroPro{ width:30%; margin-right:25px; margin-bottom:25px; background:#fff; float:left; font-size:8pt; }
        .BCHydroProPic{   float:left; height:120PX; border:1px #666 solid;}
        .BCHydroProPic img { margin:0 auto;   width:80px; height:120px;  }
        .BCHydroProText{ width:50%; float:left; margin-left:15px;  font-size:8pt; height:126PX;} 
        .BCHydroProID{ width:80px; text-align:center; font-weight:bold;}
        
        
        



/* 3CT */
.TrackConnentors{width:33%; margin-bottom:30px; height:45px;  CURSOR: hand; float:left; font-size:8pt; color:#333  }
.TrackConnentors:hover{color:#000  }
.TrackConnentors img{ float:left;  width:50px; height:50px;  border:1px dotted #333; margin-right:8px;}
.TrackConnentors:hover img{  border:1px solid #000; }
.TrackConnentorsID{ font-size:8pt; width:63% ; float:left }
.TrackConnentors:hover .TrackConnentorsID span{ color:#000; text-decoration:underline; }





.TrackHDCata{ width:24.5%;  float:left; margin-bottom:35px;  }
.TrackAccCata{ width:49.9%;  float:left; margin-bottom:35px;  }
.TrackAccCataID { width:370px; line-height:10pt; font-size:9pt; cursor:hand; }
.TrackAccFamilyPic{width:100%; cursor:hand;  float:left; border:1px dotted #666  text-align:center  }
.TrackAccFamilyPic:hover{width:100%;  float:left;  border:1px solid #333 ; }
.TrackAccFamilyPic img{ border:0px;}





.TrackHDCataID { line-height:10pt; font-size:9pt; cursor:hand; }

.TrackHDTitle{ width:100%;  color:#666; font-size:8pt; float:left; margin-top:8px;}
.TrackHDTitle a{ color:#666; font-size:8pt;}
.TrackHDTitle a:hover{ color:#000; font-size:8pt; }

.TrackHDTitleID { color:#333; font-size:9pt; margin-right:10px;}
.TrackHDTitleID:hover{ color:#000; font-size:9pt; }

.TrackHDFamilyPic{width:100%; cursor:hand;  float:left; height:80px;  }
.TrackHDFamilyPic:hover{width:100%; width:120px; float:left; height:80px; }
.TrackHDFamilyPic img{ border:0px; width:120px; height:80px;}



/* OrderConfirm */


.ConfirmTable { border-top:1px solid #000; border-left:1px solid #000;  background:#ffffff; width:100%; float:left; margin-bottom:15px;} 
.ConfirmTable tr td { font-family: Verdana,Arial,sans-serif; font-size:8pt; border-right:1px #000 solid; border-bottom:1px #000 solid;  height:28px; font-size:8pt; line-height:10pt; text-align:center; }

.ConfirmTableTitle {background:#C0C0C0; width:156px; border-right:1px #000 solid; border-bottom:1px #000 solid;height:25px; }



/* suggestion */

.SuggentionLeft{ width:86%; float:left; margin-right:30px; font-size:8pt; margin-bottom:20px;}
.SuggestBox{ width:92%; float:left;  margin-right:30px;  background:#cccccc; }
.SuggestTable{width:97%; margin:0 auto; margin-top:5px; margin-bottom:5px; font-size:8pt; }
.SuggestTable tr td{ height:25px; }

.SuggestionInput { width:300px; border:0PX;  font-size:8pt; height:18px; }
.SuggestionTextBox{ border:0px; height:130px; width:300px; background:#fff; font-family: Arial, Verdana,sans-serif; font-size:8pt; BORDER-BOTTOM: #d5dddd thin solid; BORDER-LEFT: #aab3b3 thin solid;  BORDER-TOP: #999 thin solid; BORDER-RIGHT: #aab3b3 thin solid; }
.SuggestionSutmit{ width:100%; float:left; height:35px; background:#dcdcdc;  margin:0px; }


input.ButtonSuggestion{
    
    width:80px;
    height:20px;
    color:#FFFFFF;
    background:#999;
    cursor:pointer;
    border:none;
    font:normal 12px/15px "Trebuchet MS", Helvetica, sans-serif;
    margin-top:0px; 
    border-top : 1px solid #888;
   border-left : 1px solid #eaedf4;
   border-bottom : 1px solid #666;
   border-right : 1px solid #666; margin-bottom:15px; margin-top:5px;

    }
    
    
    
    .LoginTable{ width:850px; float:left;}
    .LoginTable tr td{ height:30px;}
    
    
    
.hotspotpic{cursor:pointer}

.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; top:left no-repeat}
#tttop {display:block; height:5px; margin-left:5px;  overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; overflow:hidden}



@font-face 
{
    font-family:Swis721;
    font-weight:bold;
}


.RequireHint { color:#459455; padding-left:3px;}
.InputBlock{ line-height:14pt;}



.JobPosition { width:700px; float:left; font-size:9pt; font-family:Arial; color:#333; border:0px;}


.InsertTextBox { width:680px; float:left; word-wrap:break-word;}