body { color: #000; font-size: 12px; font-family: sans-serif; background-color: #000; background-image: url(../images/BG_CarbonFiber.jpg); background-repeat: repeat-x; text-decoration: none; }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }
.BG_top_01 { background-image: url(../images/BG_top_01.png); background-repeat: no-repeat; background-position: center bottom; width: 800px; height: 60px; }
.BG_top_02 { background-image: url(../images/BG_top_02.jpg); background-repeat: no-repeat; background-position: 50% center; width: 800px; height: 121px; }
.Bg_Buttom_01 { background-image: url(../images/BG_Butt_01.jpg); background-repeat: no-repeat; width: 800px; height: 34px; }
.Bg_Buttom_02 { color: #fff; font-size: 12px; background-image: url(../images/BG_Butt_02.jpg); background-repeat: no-repeat; text-align: center; width: 800px; height: 93px; padding-top: 15px; }
.Bg_Buttom_02 a { color: #fff; text-decoration: none; }
.Bg_Buttom_02 a:hover { color: #ff473b; text-decoration: none; }
.Sidebar_left { background-image: url(../images/BG_sidebar_03.jpg); background-repeat: repeat-y; width: 150px; }
.Sidebar_right { background-color: #fff; width: 650px; }
.sidemenu { color: #fff; font-size: 12px; background-image: url(../images/BG_sidebar_01.jpg); background-repeat: repeat-y; text-decoration: none; width: 150px; vertical-align: top; }
.Sidebar_right li { list-style-type: lower-alpha; }
.TopMenu { background-image: url(../images/BG_TopMenu.jpg); background-repeat: no-repeat; text-align: center; width: 650px; height: 70px; }
.TopMenu a { color: #000; text-decoration: none; }
.TopMenu a:hover { color: #ff473b; text-decoration: none; }
.ProductBG { background-image: url(../images/Footer_Product.jpg); background-repeat: no-repeat; background-position: 50% bottom; width: 650px; }
.Product_Icons { font-size: 10px; vertical-align: bottom; width: 210px; height: 80px; padding-top: 8px; }
.Product_Iconsblank { font-size: 10px; vertical-align: top; width: 210px; padding-top: 8px; }
.ProductComment { text-align: left; margin: 5px 5px 10px; }
.ProductNameLink { background-image: url(../images/BG_link.jpg); background-repeat: no-repeat; background-position: 50% bottom; text-align: left; margin: 5px 0 5px 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; text-shadow: white 0.1em 0.1em 0.2em; }
.Butt_Link { position: relative; top: -10px; float: right; }
.WarningBG_Top { background-image: url(../images/BG_Warning_Top.gif); background-repeat: no-repeat; width: 605px; height: 10px; }
.WarningBG_Butt { background-image: url(../images/BG_Warning_Butt.gif); background-repeat: no-repeat; width: 605px; height: 10px; }
.WarningBG_Mid { color: #f00; font-size: 12px; background-image: url(../images/BG_Warning_Mid.gif); background-repeat: repeat-y; text-align: center; width: 605px; }
.WarningWord01 { font-weight: bold; text-align: left; margin: 10px; }
.WarningWord01 a { color: #f00; text-decoration: none; }
.WarningWord01 a:hover { color: #1370a8; text-decoration: none; }
.Detail { color: #737373; font-weight: bold; text-decoration: none; }
.Detail a { color: #737373; font-weight: bold; text-decoration: none; }
.Detail a:hover { color: #f00; font-weight: bold; text-decoration: none; }
.PTopmenu { text-align: center; margin-left: -35px; }
.SideMenu { llist-style: none; margin: 0 0 0 2px; padding: 0; list-style-type: none; list-style-image: none; }
.SideMenu a { color: #fff; font-weight: bold; text-decoration: none; display: block; }
.SideMenu a:hover { color: #ed0; font-weight: bold; text-decoration: none; }
.SideMenu li { background-image: url(../images/Light_red.gif); background-repeat: no-repeat; background-position: left 50%; margin-bottom: 5px; padding-left: 15px; }
.SideMenu li:hover { background-image: url(../images/Light_yellow.gif); background-repeat: no-repeat; background-position: left 50%; }
.Gotop { color: #f00; text-align: center; }
.Gotop a { color: #f00; text-decoration: none; }
.Gotop a:hover { color: #505050; text-decoration: none; }
.banner { color: #fff; font-size: 10px; text-decoration: none; text-align: center; }
.Topic01 { color: #1370a8; font-size: 16px; font-weight: bold; text-decoration: none; margin-bottom: 0; padding-left: 10px; }
.Topic02 { color: #1370a8; font-size: 12px; font-weight: bold; text-decoration: none; margin-top: 0; padding-top: 0; padding-left: 10px; }
.SmallCap { color: #1370a8; font-size: 12px; text-align: center; }
.ProductSubMenu { color: #1370a8; font-size: 12px; text-decoration: none; text-align: right; padding-right: 20px; }
.ProductSubMenu a { color: #1370a8; text-decoration: none; }
.ProductSubMenu a:hover { color: #f00; text-decoration: none; }
.ProductSubMenu2 { color: #9d9fa2; font-size: 14px; font-weight: normal; text-decoration: none; text-align: right; position: relative; top: -5px; padding-right: 20px; }
.ProductSubMenu2 a { color: #1370a8; text-decoration: none; }
.ProductSubMenu2 a:hover { color: #f00; text-decoration: none; }
.ProductSubMenuActive { color: #f00; text-decoration: none; }
.undercon { color: #f00; font-size: 14px; text-decoration: none; }
.undercon a { color: #fff; font-size: 14px; text-decoration: none; }
.undercon a:hover { color: #ed0; font-size: 14px; text-decoration: none; }
.iframe { width: 640px; height: auto; }
.iconLan { position: relative; top: 6px; margin-right: 5px; }
.GrayBar { color: #fff; font-size: 16px; font-weight: bold; background-color: #9d9fa2; text-decoration: none; text-align: left; height: 35px; padding-top: 15px; padding-left: 10px; }
.DownloadCatTable { text-align: left; width: 250px; }
.DownloadCatTable img { position: relative; top: 10px; padding-right: 10px; padding-left: 5px; }
.WrningBox { color: #f00; border: solid 3px; }
.ImgeCenter { text-align: center; }
.Bullet01 { color: #1370a8; font-size: 13px; font-weight: bold; text-decoration: none; padding-right: 2px; padding-left: 2px; }
.VideoInfo { color: #1370a8; }
.BlueBar { color: #fff; font-size: 14px; font-weight: normal; background-color: #1370a8; text-decoration: none; text-align: left; height: 30px; padding-left: 10px; }
.infotable { border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; }
.infotd01 { font-size: 12px; background-color: #ccc; padding: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.infotd02 { font-size: 12px; padding: 5px; border-bottom: 1px solid #000; }
.infotd03 { font-size: 12px; padding: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.infotd04 { font-size: 12px; background-color: #ccc; padding: 5px; }
.download { }
.download a { color: #f00; text-decoration: none; }
.download a:hover { color: #000; text-decoration: none; }
.GrayBarTopic { color: #fff; font-size: 14px; background-color: #999; text-align: left; height: 24px; padding-top: 5px; padding-left: 10px; }
.GrayBarTopic2 { color: #fff; font-size: 12px; background-color: #999; text-align: center; height: 24px; padding-top: 5px; padding-left: 10px; border-right: 1px solid #fff; border-left: 1px solid #fff; }
.newsletteHead { color: #ffef0b; font-weight: bold; text-align: center; margin-bottom: -5px; }
.newsletteHead2 { color: #fff; font-size: 10px; text-align: center; margin-top: 5px; margin-bottom: 5px; }
.newicon { color: #f00; font-weight: bold; margin-left: 5px; text-shadow: #9d9fa2 0.1em 0.1em 0.2em; }