/** index  **/
body{ background: #FFF;padding:0;margin:0;font-family: "Arial";}
p{ color: #558;text-align:left;font-size:13px;line-height: 170%;letter-spacing: 1px;text-shadow: 1px 0px #AAC;height:300px;}
a{ text-decoration:none;color: #558;text-align:left;font-size:13px;line-height: 170%;letter-spacing: 1px; }
a:hover{cursor:pointer; opacity:0.8;}
text{ color: #777;font-weight:bold;font-size:18px;letter-spacing: 5px;line-height: 120%;text-align:center;text-transform:uppercase;text-shadow: 1px 1px #ACA;}
div.logo{ position:fixed;top:0px;left:0px;margin:0;padding:0;width:20%;height:100%;background: #000;}
div.logo img{ z-index:2;position:fixed;top:120px;width:20%;}
div.logo img.gg{ position:fixed;top:0;left:0px;width:80px;opacity:0.5;}
div.logo div.copyright{ position:absolute;bottom:10px;width:100%;color: rgba(95,95,95,0.2);font-size:11px;letter-spacing: 0px;line-height: 120%;text-align:center;text-transform:lowercase;text-shadow: 1px 1px #888;}
ul.nav{ margin:0px;padding:10px 0 0px 0;list-style-type: none;color: rgba(125,125,125,0.9);font-weight: bold;font-size:10px;letter-spacing: 2px;line-height: 170%;text-align:right;text-transform:uppercase;text-shadow: 1px 1px #EEE;}
ul.nav li{ margin-right:50px;display:inline;cursor:pointer;}
ul.nav li:hover{ opacity:0.5;cursor:pointer;}
ul.nav li input{ width: 75px;height: 20px;margin:4px;padding:4px;color: rgba(105,155,155,0.5);background:#F7FAF7;background: rgba(180,250,180,0.3);font-weight: normal;font-size:11px;line-height: 170%;letter-spacing: 1px;text-align:center;text-shadow: 1px 1px #EEE;border:0;box-shadow: 2px 2px #EEE;border-radius:10px;}
ul.nav li img{ vertical-align:bottom;margin:0;padding:0;width: 25px;text-align:left;opacity:0.6;}

table.cNav{ position:fixed;bottom:0;padding:0;padding-bottom:10px;padding-top:10px; margin:0;margin-left:20%; width:80%; background:#FFF; color:rgba(75,75,75,0.9); font-size:13px; letter-spacing: 4px;line-height: 110%;text-align:center;text-transform:lowercase; border-top: 2px solid rgba(215, 215, 32, 0.7);}
table.cNav td{margin:0px; padding:0px;}
table.cNav td:hover{ opacity:0.5;cursor:pointer;}
table.cNav img{ height:30; width:auto; border-radius:2; opacity:0.9;}

/**  collection   **/
table.collection{ width:100%;height:auto;background: #FFF;padding:30px 0 50px 300px;margin:0px;border-top: 2px solid rgba(215, 215, 32, 0.7);border-bottom: 2px solid rgba(215, 215, 32, 0.7);}
table.collection td{ padding:0;margin:0px;text-align:center;}
table.collection td:hover{ opacity:0.5;cursor:pointer;}
table.collection td.groupDisabled{ opacity:0.1;}
table.collection text.group{ height:300px;color: #558;font-size:13px;line-height: 170%;letter-spacing: 1px;text-align:center;text-shadow: 1px 0px #AAC;overflow:auto;}
table.collection img{ width:120px;height:120px;margin:15px;padding:7px;border-radius:40px 0 20px 20px;}
table.collection td:nth-child(even) img{ border: 4px solid rgba(245,0,0,0.6);}
table.collection td:nth-child(odd) img{ border: 4px solid rgba(0,160,0,0.4);}
/**  showcase   **/
table.showcase{ width:100%;background: #FFF;margin:0;padding:0;padding-left:300px;border-top: 2px solid rgba(215, 215, 32, 0.7);}
table.showcase text.scTitleGroup{ color: #DDD;font-weight:normal;font-size:22px;letter-spacing: 2px;line-height: 120%;text-align:left;text-transform:uppercase; text-shadow: 1px 1px #ACA;}
table.showcase td.nav{	height:20px;background:#992; color:#FFF; opacity:0.7;}
table.showcase td.nav span.navItem{width:120px; font-size:12px;margin-left:40px; line-height: 170%;letter-spacing: 2px;text-align:left;text-shadow: 1px 0px #EEFCCE;text-transform:lowercase;}
table.showcase td.nav span.navItem:hover{ opacity:0.5;cursor:pointer;}
table.showcase td{ padding:0px;margin:0px;}
table.showcase td.centerpiece{width:300px;height:100%; padding:10px; }
table.showcase td.centerpiece img#scImage{ width: 280px; border:0;}
table.showcase td.detail{  vertical-align:top;width:600px;margin:10px;padding:10px; padding-top:30px;}
table.showcase td div#scSerialNumber{ width:300px; color: #AAD;font-size:13px;font-weight:normal;font-style:italic; line-height: 170%;letter-spacing: 2px; }
table.showcase td div#scDescription{ width:500px; margin-top:20px; color: #558;font-size:12px;font-weight:normal;letter-spacing: 1px; text-shadow: 1px 0px #DDF;  text-transform:none;}
table.showcase td div#scDescription ul#scSpecification{margin-top:10px;list-style-type: none;}
table.showcase td div#scDescription ul#scSpecification li{margin:2px; text-shadow: 1px 0px #999; }
table.showcase td div#scPrice{ position:absolute; bottom:140px;right:20px;padding:5px; width:110px;  color: #777;font-weight:bold;font-size:17px;letter-spacing: 2px;text-shadow: 1px 0px #AAC; text-align:center;text-transform:uppercase;  border-radius: 13px 13px 0 0; border:1px solid #EDE;}
table.showcase td div#scPrice:hover{ opacity:0.5;cursor:pointer;}
table.showcase td div#scPrice img { margin-left:20px; width:30px; border:0;}
table.showcase td sub { color: #AAA;font-size:60%;font-weight:normal;font-style:italic; letter-spacing: 0px;;text-transform:lowercase;text-shadow:none;}
/**     **/
div.colband{ position:fixed;bottom:50px;left:300px;padding:0px;margin:0px;background:#259;padding:10px;margin:0;width:100%;height:70px;}
div.colband img.icon{ width:  60px;height: 60px;padding:5px;background:#248;border: 0.2em solid #5AD;border-radius:23px;}
div.colband ul.citem{ margin:0;padding:0;list-style-type: none;color: rgba(125,125,125,0.9);width:auto;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
div.colband ul.citem li{ padding:20px;margin:0;display:inline;cursor:pointer;}
div.colband ul.citem li:hover{ opacity:0.5;cursor:pointer;}
/**     **/
table.company{ width:100%;background: #FFF;padding:0px;padding-left:25%;margin:0px;border-top: 2px solid rgba(215, 215, 32, 0.7);}
table.company td{ overflow:auto;}
table.company td img.processIcon{ vertical-align:middle;float:left;padding: 0px;padding-left:0px;border:0;}
table.company img.how2orderStep{ height:50px;width:auto;opacity:0.8;}
table.company img.sosmed{width:35px; height:auto; border:0;opacity:0.9;}
table.company img.sosmed:hover{opacity:0.6; cursor:pointer;}
table.company ul.companyList{ vertical-align:top;margin:0px;padding:20px;height:350px;list-style-type: none;color: rgba(25,25,25,0.9);overflow:auto;}
table.company ul.companyList li{ padding:0;color: #558;font-size:13px;line-height: 120%;letter-spacing: 1px;text-align:left;text-shadow: 1px 0px #AAC;cursor: pointer;}
table.company ul.companyList  text.datum{ color:#099;font-size:9px;font-weight:normal;letter-spacing: 0px;line-height: 60%;opacity:0.7;}
table.company ul.companyList li img.icon{ vertical-align:middle;width:20px;padding:5px;}
table.company ul.companyList li text.detail{ color: #558;font-size:11px;font-weight:normal;line-height: 170%;letter-spacing: 1px;text-align:left;text-shadow: 1px 0px #AAC;text-transform:none;}
table.company ul.companyList li{ margin:2px;}
table.company ul.companyList li span{ vertical-align:middle;display:inline-block;margin:0px;padding:5px;width:90px;text-align: center;}
table.company ul.companyList li span.pTableAddress{ width:180px;color: #558;font-size:12px;font-weight:normal;letter-spacing: 1px;line-height: 170%;text-align:left;text-transform:none;}
table.company ul.companyList li span.pTable{ padding-top:50px;padding-bottom:20px;color: #BBD;font-size:12px;font-weight:normal;letter-spacing: 1px;text-shadow: 1px 1px #557;text-transform:uppercase;}
table.company ul.companyList li span.pTableShort{ padding-top:50px;padding-bottom:20px;width:30px;color: #BBD;font-size:12px;font-weight:normal;letter-spacing: 1px;text-shadow: 1px 1px #557;text-transform:uppercase;}
table.company ul.companyList li span.pTableLong{ padding-top:50px;padding-bottom:20px;width:150px;color: #BBD;font-size:12px;font-weight:normal;letter-spacing: 2px;text-shadow: 1px 1px #557;text-transform:uppercase;}
table.company ul.companyList li span.pTableItem{ color: #558;font-size:11px;font-weight:normal;letter-spacing: 1px;text-shadow: 1px 0px #AAC;text-transform:none;border-bottom: 1px solid #EDEDED;}
table.company ul.companyList li span.pTableLongItem{ margin:0;padding:0;width:150px;color: #558;background:#EEE;font-size:9px;font-weight:normal;letter-spacing: 1px;text-shadow: 1px 0px #AAC;text-transform:none;border-bottom: 5px solid #FFF;}
table.company ul.companyList li span.pTableShortItem{ width:30px;color: #558;font-size:11px;font-weight:normal;letter-spacing: 1px;text-shadow: 1px 0px #AAC;text-transform:none;border-bottom: 1px solid #EDEDED;}
table.company ul.companyList li span.pTableEmpy{ background:none;}
table.company ul.companyList li span.pTableItem:nth-child(even){ background:#FCF7FC;}
table.company ul.companyList li span.pTableItem:nth-child(odd){ background:#FCFFFC;}
table.company ul.companyList li span.inputID{ width:100px;color: #558;padding:2px;margin:0;margin-left:30px;font-size:11px;font-weight:normal;letter-spacing: 1px;text-align:left;text-transform:none;}
table.company ul.companyList li span.button{ margin:20px;padding:3px;width:120px;color: #336;background:#99EE22;font-size:10px;font-weight:bold;letter-spacing: 2px;text-align:center;text-shadow: 1px 1px #AAB;text-transform:uppercase;border-radius: 15px 0 15px 0;border:2px solid #FFFFFF;border-bottom:2px solid #889988;border-right:2px solid #889988;}
table.company ul.companyList li span.button:hover{ text-shadow: 1px 1px #777;border:2px solid #889988;border-bottom:3px solid #F3F3F3;border-right:3px solid #F3F3F3;}
table.company ul.companyList li input{ margin:0px;color: #55A;background: #FDFDFD;font-size:12px;font-weight:normal;letter-spacing: 1px;text-align:center;border:0;border-bottom: 1px solid #EEC;}
/**     **/
div#innerWindow{ z-index:10;position:fixed;left:300px;width:75%;height:475px;padding:10px;border: 5px solid #ACA;background: #EEF;color: #558;opacity:0.9;visibility:hidden;}