* {
  padding: 0px;
  margin: 0px;}
html{
  overflow-x: hidden;}
body{
	background: #FFFFFF url(../images/header_bg.gif) top repeat-x;}
ul{
  list-style-type: none;}
.ColorEmphasis{
  color: red;}
  
.PR{
  position: relative;}
.Auto{
  margin: 0 auto;}

#LoadingScreen{
  position: absolute;
  top: 0px;
  width: 100%;
  height: 800px;
  font-size: 12px;
  font-weight: bold;
  font-family: sans-serif;
  color: #808080;
  text-align: center;
  vertical-align: middle;
  background-color: #FFFFFF;
  visibility: visible;
  z-index: 10000;}

#HomeBody{
  top: 0px;
  width: 780px;
  height: 620px;
  font-family: Tahoma, Verdana, Georgia, Ariel; 
	font-size: 11px;
	line-height: 14px;}
#MainPanel{
  position: absolute;
  top: 0px;}
#Header{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 70px;}
#TechCombineLogo{
  position: absolute;
  top: 0px;
  left: 246px;
  width: 300px;}
#Slogan{
  position: absolute;
  top: 45px;
  left: 214px;
  width: 350px;
  font-family: "Arial Rounded MT Bold", Ariel;
  font-size: 16px;
  line-height: 17px;
  font-weight: normal;
  color: black;}
#Guarantee{
  position: absolute;
  top: 20px;
  left: -8px;
  width: 200px;
  text-align: center;
  font-family: "Arial";
  font-size: 15px;
  font-weight: bold;
  color: black;}
#TCContactInfo{
  position: absolute;
  top: 10px;
  left: 590px;} 
#Content{
  position: absolute;
  top: 60px;
  left: 26px;
  width: 100%;}
#VideoContainer{
  position: absolute;
  top: 20px;
  left: 225px;
  width: 290px;
  height: 180px;
  background: #000000;
  border: none;
  z-index: 2000;}
#VideoPlayer{
  position: absolute;
  top: 0px;
  left: 0px;
  background: #000000;
  z-index: 2001;}
#VideoControlPanel{
  position: absolute;
  top: 185px;
  left: 0px;
  width: 270px;
  height: 20px;
  background-color: #000000;
  z-index: 2002} 
.VCPBtn{
  position: absolute;
  top: -2px;
  width: 90px;
  height: 20px;
  font-size: 9px;
  color: #FFFFFF;
  padding-bottom: 2px;
  background-color: #000000;}
#VCPReplayBtn{
  Left: 45px;}
#VCPGalleryBtn{
  Left: 155px;
  font-weight: bold;
  color: yellow;} 
#GalleryControlPanel{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 760px;
  height: 25px;
  border: none;
  background-color: #000000;
  visibility: hidden;}
#GCPCloseBtn{
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #000000;}  
.UnsBG{  
  position: absolute;
  top: 0px;
  left: 0px;}
.SelBG{  
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 996;}
.ThumbnailImg{
  position: absolute;
  top: 0px;
  left: 11px;
  cursor: pointer;
  z-index: 997;} 
#ALVThumbnailImg{
  top: 4px;}
#DBZThumbnailImg{
  top: 0px;}
#RTPContainer{
  position: absolute;
  top: 18px;
  left: -2px;} 
#ALVContainer{
  position: absolute;
  top: 18px;
  left: 543px;}
#DBZContainer{
  position: absolute;
  top: 220px;
  left: 0px;}
#MLCContainer{
  position: absolute;
  top: 220px;
  left: 543px;}
#RTPConnector{
  position: absolute;
  top: 189px;
  left: 161px;
  z-index: 1000;}
#ALVConnector{  
  position: absolute;
  top: 192px;
  left: 497px;
  z-index: 1000;}
#DBZConnector{  
  position: absolute;
  top: 295px;
  left: 172px;
  z-index: 1000;}
#MLCConnector{  
  position: absolute;
  top: 295px;
  left: 504px;
  z-index: 1000;}
  
#WebsiteTextContainer{
  position: absolute;
  top: 235px;
  left: 211px;}
#TextBox{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 998;}
.TCGTextBtn{
  position: absolute;
  top: 140px;
  left: 230px;
  text-decoration: none;}
#TCGText1{
  position: absolute;
  top: 0px;
  left: 15px;
  width: 285px;
  padding-top: 5px;
  z-index: 999;}
#TCGText1Title{
  width: 285px;
  text-align: left;
  color: red;
  font-size: 12px;
  font-weight: bold;
  padding: 15px 0px 0px 40px;}
.TCGText1Para{
  width: 250px;
  text-align: left;
  color: black;
  font-size: 11px;
  font-weight: normal;
  padding: 5px 0px 0px 20px;}  
#TCGText1ListTitle{
  color: red;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0px 3px 42px;}
#TCGText1List{
  margin-left: 23px;
  color: black;
  text-align: left;
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;}
#TCGText2{
  position: absolute;
  top: 0px;
  left: 15px;
  width: 285px;
  padding-top: 3px;
  z-index: 999;
  visibility: hidden;}
#TCGText2Title{
  color: red;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  padding: 13px 0px 0px 65px;}
.TCGText2Para{
  width: 240px;
  text-align: left;
  color: black;
  font-size: 11px;
  font-weight: normal;
  padding: 5px 0px 0px 15px; } 
.WebsiteText{
  position: absolute;
  top: 5px;
  left: 40px;
  width: 285px;
  height: 150px;
  padding-top: 10px;
  z-index: 999;} 
.WebsiteTitle{
  position: absolute; 
  top: 10px;
  left: 15px; 
  font-size: 14px;
  color: red;
  font-weight: bold;}
.WebsiteIntro{
  position: absolute; 
  top: 30px;
  left: 0px;
  width: 230px;  
  font-size: 11px;
  color: #000000;
  font-weight: normal;}
.WebsiteTextList{
  position: absolute;
  top: 80px;
  left: 0px;
  width: 250px;
  height: 200px;
  overflow: hidden;}
.bullet{
  font-size: 14px;
  font-weight: bold;
  color: red;
  padding-right: 10px;
}
.ListLine{
  position: absolute;
  top: 0px;
  left: 15px;
  width: 250px;
  height: 20px;}  
.ListLine1{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 250px;
  height: 20px;}  
.ListLine2{
  position: absolute;
  top: 20px;
  left: 0px;
  width: 250px;
  height: 20px;}  
.ListLine3{
  position: absolute;
  top: 40px;
  left: 0px;
  width: 250px;
  height: 20px;}  
#RTPTextTitle{
  left: 25px;}
#RTPTextIntro{}
#RTPTextList{}
#ALVTextTitle{}
#ALVTextIntro{}
#ALVTextList{}
#DBZTextTitle{
  left: 25px;}
#DBZTextIntro{}
#DBZTextList{}
#MLCTextTitle{
  left: 0px;}
#MLCTextIntro{}
#MLCTextList{}

#Hint{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 11px;
  line-height: 11px;
  font-size: 9px;
  text-align: center;
  padding: 2px;
  border: 1px solid black;
  background-color: lightyellow;
  visibility: hidden;
  z-index: 3000;}
  
#CustomerContact{
  position: absolute;
  top: 477px;
  left: 26px;
  width: 728px;
  height: 150px;
  background: #FFFFFF url(../images/ContactFormBG.gif);
  z-index: 0;}
  /*background-color: #F4F8FF;*/
#ContactTitle{
  position: absolute;
  top: 5px;
  left: 15px;
  width: 750px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;}
#ContactSelections{
  position: absolute;
  top: 25px;
  left: 50px;
  width: 350px;
  font-size: 12px;
  text-align: left;}
#ContactCBx1{
  position: absolute;
  top: 0px;
  left: 0px;}
#CBx1Text{
  position: absolute;
  top: 0px;
  left: 20px;}
#ContactCBx2{
  position: absolute;
  top: 15px;
  left: 0px;}
#CBx2Text{
  position: absolute;
  top: 15px;
  left: 20px;}
#ContactNote1{
  position: absolute;
  top: 30px;
  left: 0px;
  width: 200px;
  font-size: 10px;
  text-align: left;
  color: #808080;}
#ContactForm{
  position: absolute;
  top: 23px;
  left: 370px;}
.ContactInput{
  width: 100px;
  height: 16px;
  padding-top: 2px;
  font-size: 12px;
  font-style: italic;
  color: blue;}
#EmailAddress{
  width: 208px;}
.InputBtn{
  position: absolute;
  left: 600px;
  width: 60px;
  font-size: 11px;
  color: blue;
  background-color: #D1E8FF;
  cursor: pointer;}
#ContactSubmitBtn {
  top: 24px;  }
#ContactResetBtn {
  top: 46px;}
  
#CustomerPanel{
  position: absolute;
  top: 0px}

#Footer{
  position: absolute;
  top: 560px;
  left: 0px;
  width: 100%;
  height: 60px;
  background: #FFFFFF url(../images/footer_bg.gif) top repeat-x;}
#CopyRight{
  top: 20px;
  width: 700px;
  font-size: 12px;}