/* Customer Pages for Hueyjann */

.dropdown li.submenu-down li {width:220px;}
.PageContent {*height:1%;}
h4 {margin-top:20px; margin-bottom:30px !important;}
.listPDetail, .listPSeries {margin-bottom:40px; *height:1%;}
.boxContentPage {-width:98%;}
.PicZoom {float:left;}

.imgIntro {margin:0 40px 0 25px; -margin-left:0; float:left;}
.imgIntro img {border:#ccc 1px solid; padding:0;}
input {width:115px; height:27px; margin-left:25px; -margin-left:45px; padding-left:26px; text-align:left; border:none; color:#e7e7e7; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
input:hover {color:#fff;}
input.btnZoom {background:url(../images/btn_zoom.gif) no-repeat;}
input.btnMail {background:url(../images/btn_mail.gif) no-repeat;}
h4 input.btnMail {background:url(../images/btn_mail_red.gif) no-repeat; margin-right:10px; position:absolute;}
h3 span.txtHL {font-weight:bold;}

h6.titleApp {color:#69c; font-size:1.1em; font-family:"Trebuchet MS",Arial,sans-serif; margin:25px 0 10px 245px; padding:0 5px; border-bottom:#ccc 1px solid;}
.areaApp {margin:0 50px 30px 270px;}
.areaApp img {margin:0 20px; border:#ccc 1px solid; float:left;}
.areaAppSeries {margin:8px; word-wrap:break-word; text-align:center; float:left;}
.areaAppSeries img {border:#ccc 1px solid;}
.areaAppSeries p {width:94px; margin-top:8px; font-size:90%;}
.titleAppS {margin-left:0 !important;}

.indexProduct, .indexCatalog {margin:10px 0; padding:5px 15px 10px 15px; float:left;}
.indexPLeft {border-right:#ccc 1px dotted;}
.indexPRight {border-left:#ccc 1px dotted;}
.indexProduct h5, h5.titleProduct, .indexCatalog h5 {color:#f93; font-size:1.1em; font-family:"Trebuchet MS",Arial,sans-serif; margin:0 0 15px 0; padding:0 0 0 20px; background:url(../images/ico_arrow.gif) no-repeat 0px 5px;}
h5 a {color:#f93;}
h5 a:hover {color:#090;}
.indexProduct ul ,.indexCatalog ul {margin-left:30px; color:#999;}
.indexProduct ul li a ,.indexCatalog ul li a {color:#666;}
.indexProduct ul li a:hover, .indexCatalog ul li a:hover {color:#000; text-decoration:underline;}
a.btnIndex {color:#444; font-size:1.3em; line-height:1.2em; font-family:"Trebuchet MS",Arial,sans-serif; font-weight:bold; text-shadow:#fff4d7 1px 1px; text-align:center; width:170px; height:40px; margin:20px 5px 10px; padding:5px 10px; background:url(../images/btn_showroom.gif) no-repeat; display:block; float:left;}
a.btnIndex:hover {color:#fff; text-shadow:#9b8b89 -1px -1px; background:url(../images/btn_showroom_h.gif) no-repeat;}
.btnIndexSingle {line-height:2.2em !important;}

h4.titleSeries {color:#fff; height:35px; margin-bottom:15px !important; padding:5px 0 0 40px; background:url(../images/bg_title_table.gif) no-repeat;}
h5.titleProduct {margin-bottom:0;}
table.tbProduct {width:93%; margin:10px 25px; border-top:#333 1px solid; border-left:#333 1px solid;}
table.tbProduct th, table.tbProduct td {padding:5px 10px; border-right:#333 1px solid; border-bottom:#333 1px solid; color:#666; font-size:1em; line-height:1.5em;}
table.tbProduct th {color:#fff; background:#c96;}
table.tbProduct td.tdCenter {text-align:center;}
table.tbProduct td.tdNoBtm {border-bottom:#ddd 1px dotted;}
table.tbProduct th.tdNum {width:130px;}
.gotoTop {text-align:right; margin:5px 40px 25px 40px;}
.gotoTop a {color:#06c; font-weight:bold;}
.gotoTop a:hover {color:#c00;}
.gotoTop span {color:#aaa; margin-right:210px;}
.gotoTop span.txtExcuTW {margin-right:415px;}
.gotoTop span.txtExcuES {margin-right:120px;}

.listPSeries {margin:0 0 20px 250px; -margin-left:240px;}
h4 a {color:#1f64b2;}
h4 a:hover {color:#f93; text-decoration:underline;}

/* News */
.areaExhi {margin:20px 0 40px; padding:20px 10px; border:#ccc 1px dotted; text-align:center;}
.borderExhi {border-top:#ccc 1px dotted; margin:20px 0;}
.galExhi {margin:10px 5px; word-wrap:break-word; text-align:center; float:left;}
.galExhi img {border:#ccc 1px solid;}
.galExhi p {width:250px; margin-top:8px;}
.areaVideo {width:320px; height:240px; margin:-60px -20px 0 20px; float:right;}

/* Application */
.imgApp {margin-right:10px; border:#ccc 1px solid; float:left;}
.AppRelate {width:550px; float:left;}
.AppRelate h4 {color:#fff; font-size:1.1em; margin:0 0 10px 0 !important; padding:5px 0 5px 20px; background:url(../images/bg_title_application.gif) no-repeat left;}
.AppRSeries {width:265px; height:110px; margin-bottom:10px; padding:0 5px 10px 5px; border-bottom:#ccc 1px dotted; float:left;}
.AppRSeriesWide {width:540px;}
.AppRelate img.imgAppProd {margin:0 10px; border:#ccc 1px solid; float:left;}
.AppRelate input {margin-left:5px;}
.AppRelate h5 {color:#f93; font-size:1.1em; font-family:"Trebuchet MS",Arial,sans-serif; margin:0 0 5px 0; padding:0;}
.AppRelate h5 img {vertical-align:middle;}
.AppRelate h3 {margin:10px 0 0 0; padding-bottom:10px; letter-spacing:0; clear:both;}
.AppRelate h3 a {color:#666;}
.AppRelate h3 a:hover {color:#f00;}
.AppRelate h3 a img {margin:0 3px 0 10px; vertical-align:middle;}

/* Catalogue */
.imgCatalog {width:816px; height:260px; margin:20px 0; background:url(../images/img_catalog.jpg) no-repeat;}
.imgCatalog a {width:254px; margin:0 164px 0 399px; float:left;}
.imgCatalog a.indexHiPower {height:30px; margin-top:129px;}
.imgCatalog a.indexHiPower:hover {background:url(../images/img_catalog_h.jpg) no-repeat top;}
.imgCatalog a.indexHiQuality {height:57px;}
.imgCatalog a.indexHiQuality:hover {background:url(../images/img_catalog_h.jpg) no-repeat bottom;}
.indexCatalog {width:334px; margin:0 20px; -margin:0 10px;}
.indexCatalog h5 .txtPage {width:48px; margin-top:-15px\9; color:#999; font-size:95%; font-weight:normal; text-align:center; float:right;}
.indexCatalog a.CatalogPage {width:48px; height:15px; margin-left:30px; margin-top:-15px\9; color:#666; font-size:0.9em; font-weight:bold; text-align:center; background:url(../images/btn_catalogue.gif); display:block; float:right;}
.indexCatalog a.CatalogPage:hover {color:#fff; text-decoration:none; background:url(../images/btn_catalogue_h.gif);}
.indexCataBorder {margin:20px 0; border-bottom:#ccc 1px dotted; clear:both;}