
.demo { width:700px; }
.yui-content { padding:1.5em; } /* pad content container */

/******************************
 * PRODUCTS TOP
 *****************************/

.ProductsTop td {
	padding-left:	7px;
	padding-right:	7px;
	padding-top:	7px;
	padding-bottom:	7px;}

/******************************
 * PRODUCTS LIST-TOP
 *****************************/

td.ProductsListImage {
	height:	125px;
}

td.ProductsListIntro {
	vertical-align: top;
	height:	90px;
}

/******************************
 * PRODUCTS
 *****************************/
table.Products {
	width:	160px;
	background-color:	#ff0000; /背景色*/
}
td.ProductsListAll {
	vertical-align: top;
	border-right:solid 1px #666666;
	border-bottom:solid 1px #666666;
	width:	170px;
	padding-left:	7px;
	padding-right:	7px;
	padding-top:	7px;
	padding-bottom:	7px;
}
td.ProductsMain {
	border-right:solid 1px #EBEBEB;
	border-bottom:solid 1px #EBEBEB;
	background-color:	#FFFFFF; /*背景色*/
}
td.ProductsInside {
	padding-left:	10px;
	padding-right:	5px;
	padding-top:	2px;
	padding-bottom:	2px;
	font-size:	8pt;
	text-align:	left;
	line-height:130%;
	background-color:	#FFFFFF; /*背景色*/
}
td.ProductsInsideSystem {
	height:	60px;
	padding-left:	10px;
	padding-right:	10px;
	padding-top:	2px;
	padding-bottom:	2px;
	font-size:	8pt;
	vertical-align: top;
	text-align:	left;
	line-height:130%;
	background-color:	#FFFFFF; /*背景色*/
}
td.ProductsInsideMid {
	height:	135px;
	padding-left:	10px;
	padding-right:	5px;
	padding-top:	5px;
	padding-bottom:	5px;
	font-size:	8pt;
	text-align:	center;
	line-height:130%;
	background-color:	#FFFFFF; /*背景色*/
}
td.ProductsInsideInfo {
	height:	110px;
	padding-left:	10px;
	padding-right:	10px;
	padding-top:	2px;
	padding-bottom:	0px;
	font-size:	8pt;
	text-align:	left;
	vertical-align: top;
	line-height:130%;
	background-color:	#FFFFFF; /*背景色*/
}
td.ProductsInsideArrow {
	padding-left:	5px;
	padding-top:	2px;
	padding-bottom:	12px;
	font-size:	8pt;
	text-align:	left;
	line-height:120%;
	background-color:	#FFFFFF; /*背景色*/
}
td.ProductsMenu {
	padding-left:	5px;
	padding-right:	5px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:	8pt;
	text-align:	right;
	line-height:150%;
	color: #333333;			 /*文字色*/
	background-color:	#EBEBEB; /*背景色*/
}

/******************************
 * PRODUCTS-INTRO COMMON
 *****************************/

span.introhead {
	color: #000099;			 /*文字色*/
	line-height:300%;
	font-size:12pt;
	font-weight:bold;}

td.intro {
	vertical-align: top;
	padding-right: 50px;
	padding-bottom: 20px;}

td.introimg {
	vertical-align: top;
	padding-right: 40px;}

/******************************
 * PRODUCTS-TABLE NOTE COMMON
 *****************************/
.tablenote td {
	padding-left:	5px;
	vertical-align: top;
	color: #FF0000;			 /*文字色*/
	font-size:8pt;}


/******************************
 * PRODUCTS-FEATURES
 *****************************/

span.featurehead {
	font-size:9pt;
	font-weight:bold;}

.feature td {
	padding-top: 10px;
	padding-bottom: 3px;
}

/******************************
 * PRODUCTS-MODEL
 *****************************/

span.modelhead {
	line-height:200%;
	font-size:9pt;
	font-weight:bold;}

table.Model1 {
	border: solid 1px #33CCFF;
	border-collapse: collapse;
}

td.ModelType {
	padding-left:	5px}

td.Model {
	border: solid 1px #33CCFF;
	padding-left:	5px;
	padding-right:	5px;}

td.ModelHeaderSP {
	width: 120px;
	border: solid 1px #33CCFF;
	padding-left:	5px;
	padding-right:	5px;
	text-align:	left;
}

td.ModelHeader {
	border: solid 1px #33CCFF;
	padding-left:	5px;
	padding-right:	5px;
	padding-top:	2px;
	padding-bottom:	2px;
	font-weight: bold;
	text-align:	left;
	color: #333333;			 /*文字色*/
	background-color:	#99CCFF; /*背景色*/
}

td.ModelHeader2 {
	vertical-align: top;
	border-top: solid 1px #33CCFF;
	border-bottom: solid 1px #33CCFF;
	padding:	5px;
	text-align:	left;
	font-weight:bold;
	background-color:	#99CCFF; /*背景色*/
}

td.ModelLF {
	width: 120px;
	vertical-align: top;
	border: solid 1px #33CCFF;
	padding-left:	5px;
	padding-right:	5px;
	text-align:	left;
}

td.ModelFooter {
	vertical-align: top;
	padding-left:	5px;
	padding-right:	5px;
	text-align:	left;}

/******************************
 * PRODUCTS-SPEC
 *****************************/

span.spechead {
	font-size:9pt;
	font-weight:bold;}

table.Spec1 {
	border: solid 1px #66FF99;
	border-collapse: collapse;
}
td.Spec {
	border: solid 1px #66FF99;
	padding-left:	5px;
	padding-right:	5px;}

td.Spec2 {
	border-right: solid 1px #66FF99;
	border-bottom: solid 1px #66FF99;
	padding-left:	5px;
	padding-right:	5px;}

td.SpecHeader {
	width: 120px;
	vertical-align: top;
	border: solid 1px #66FF99;
	padding-left:	5px;
	padding-right:	5px;
	text-align:	left;
	background-color:	#CEFFCE; /*背景色*/
}

td.SpecHeader2 {
	vertical-align: top;
	border-top: solid 1px #66FF99;
	border-bottom: solid 1px #66FF99;
	padding:	5px;
	text-align:	left;
	font-weight:bold;
	background-color:	#CEFFCE; /*背景色*/
}

/******************************
 * PRODUCTS-OPTION
 *****************************/
table.Option {
	width:	685;
	background-color:	#FF8000; /*背景色*/
}
td.Option {
	padding-left:	5px;
	padding-right:	5px;
	padding-top:	2px;
	padding-bottom:	2px;
	font-size:	8pt;
	font-weight: bold;
	text-align:	left;
	line-height:130%;
	color: #333333;			 /*文字色*/
	background-color:	#FFBE7D; /*背景色*/
	width:	20%;
}
td.OptionHeader {
	padding-left:	5px;
	padding-right:	5px;
	padding-top:	2px;
	padding-bottom:	2px;
	font-size:	8pt;
	font-weight: bold;
	text-align:	left;
	line-height:130%;
	color: #333333;			 /*文字色*/
	background-color:	#FF8000; /*背景色*/
}

td.SpecHeader2 {
	vertical-align: top;
	border-top: solid 1px #66FF99;
	border-bottom: solid 1px #66FF99;
	padding:	5px;
	text-align:	left;
	font-weight:bold;
	background-color:	#CEFFCE; /*背景色*/
}
/******************************
 * PRODUCTS-RANGES
 *****************************/

table.Ranges1 {
	border: solid 1px #CACA00;
	border-collapse: collapse;
}
td.Ranges {
	border: solid 1px #CACA00;
	padding-left:	5px;
	padding-right:	5px;}

td.RangesHeader {
	width: 120px;
	vertical-align: top;
	border: solid 1px #CACA00;
	padding-left:	5px;
	padding-right:	5px;
	text-align:	left;
	background-color:	#FFFF99; /*背景色*/
}

td.RangesHeader2 {
	vertical-align: top;
	border-top: solid 1px #CACA00;
	border-bottom: solid 1px #CACA00;
	padding:	5px;
	text-align:	left;
	font-weight:bold;
	background-color:	#FFFF99; /*背景色*/
}

td.RangesHeader2Top {
	vertical-align: top;
	border: solid 1px #CACA00;
	padding:	5px;
	text-align:	left;
	font-weight:bold;
	background-color:	#FFFF99; /*背景色*/
}

/******************************
 * PRODUCT OTHER INFO
 *****************************/

td.ProductGeneralHeader {
	border: solid 1px #666666;
	background-color:	#ECECEC; /*背景色*/
	line-height:200%;
	font-size:9pt;
	font-weight:bold;
	padding-right:	5px;
	padding-left:	5px}

td.ProductGeneral2 {
	padding-top:	7px;
	padding-bottom:	7px;
	padding-left:	5px}


/******************************
 * DOWNLOAD SPEC
 *****************************/

span.dlhead {
	line-height:200%;
	font-size:10pt;
	font-weight:bold;}

.DlTable TD {
	border-bottom: dotted 1px #CCCCCC;
	padding-top:	5px;
	padding-bottom:	5px;
	padding-left:	15px;
	padding-right:	25px;}

td.DlHeader {
	border: solid 1px #CCCCCC;
	padding-left:	5px;
	padding-right:	5px;
	padding-top:	2px;
	padding-bottom:	2px;
	font-weight: bold;
	text-align:	left;
	color: #333333;			 /*文字色*/
	background-color:	#CCCCCC; /*背景色*/
}

/******************************
 * PRODUCTS-ACCESSORY
 *****************************/

span.accessoryhead {
	line-height:200%;
	font-size:9pt;
	font-weight:bold;}

table.Accessory1 {
	border: solid 1px #33CCFF;
	border-collapse: collapse;
}

td.AccessoryType {
	padding-left:	5px}

td.AccessoryPrice {
	width:8%;
	border: solid 1px #33CCFF;
	text-align:	right;
	padding-right:	5px;}

td.Accessory {
	border: solid 1px #33CCFF;
	padding-left:	5px;
	padding-right:	5px;}

td.Accessory1 {
	width:142px;
	border: solid 1px #33CCFF;
	padding-left:	5px;
	padding-right:	5px;}

td.AccessoryHeaderSP {
	width: 120px;
	border: solid 1px #33CCFF;
	padding-left:	5px;
	padding-right:	5px;
	text-align:	left;
}

td.AccessoryHeader {
	border: solid 1px #33CCFF;
	padding-left:	5px;
	padding-right:	5px;
	padding-top:	2px;
	padding-bottom:	2px;
	font-weight: bold;
	text-align:	left;
	color: #333333;			 /*文字色*/
	background-color:	#99CCFF; /*背景色*/
}

td.AccessoryHeader2 {
	vertical-align: top;
	border-top: solid 1px #33CCFF;
	border-bottom: solid 1px #33CCFF;
	padding:	5px;
	text-align:	left;
	font-weight:bold;
	background-color:	#99CCFF; /*背景色*/
}

td.AccessoryFooter {
	vertical-align: top;
	padding-left:	5px;
	padding-right:	5px;
	text-align:	left;}

/******************************
 * PRODUCTS-SCREEN
 *****************************/
span.ScreenShot {
	font-size:9pt;
	font-weight:bold;}

table.ScreenShot {
	border: solid 1px #CACA00;
	border-collapse: collapse;
	padding-left:	5px;

}
.ScreenShot td {
	border: solid 1px #66FF99;
	padding:	5px 7px 15px;}


/******************************
 * PRODUCTS-TPL-APPLICATION
 *****************************/

.TPL_App_Box {
	vertical-align: top;
	border-bottom: solid 1px #66FF99;
	text-align:	center;
	padding-left:	0px;
	padding-right:	0px;
	padding-top:	20px;
	padding-bottom:	20px;}

.TPL_App td {
	vertical-align: top;
	width:	33%;
	text-align:	center;
	padding-left:	5px;
	padding-right:	5px;
	padding-top:	0px;
	padding-bottom:	0px;
}
