@charset "utf-8";
/*  #main 
------------------------------*/
.pro_detail{
 background:#ababab url(../img/home/bg.png) repeat-x;
    float: left;
    padding-bottom: 15px;
    width: 100%;
    }
#main{
		background-color: #FFFFFF;
    margin: 15px 15px 0 0;
    position: relative;
    width: 695px;
    z-index: 100;
    padding-bottom:20px;
}
.pdf{margin-left:15px;}
#main #data{
	width:220px;
	float:left;
	padding-left:15px;
	margin-top:15px;
}

#main #specification{
	display:block;
	padding-right:15px;
	margin-bottom:8px;
	float:right;
	margin-top:15px;
}

.oneColumn #specification{
	width:680px;
}

.twoColumn #specification{
	width:420px;
}

#main .relation{
	clear:both;
	margin:15px;
	display:block;
	background-color:#e9e9e9;
	border-radius:2px;
	padding-bottom:10px;
	margin-bottom:0;
}

#main h3{
	 background: none repeat scroll 0 0 #0E6BC0;
    color: #FFFFFF;
    font-size: 124%;
    height: 40px;
    line-height: 40px;
    padding-left: 1em;
}

/*  #main > #data
------------------------------*/
#data .simpleButton{
margin:0 auto;
	background:url(../img/comparison/bg.png) no-repeat;
    width:220px;
    height:40px;
    line-height:40px;
    text-align: center;
    vertical-align: middle;
    cursor:pointer;
    color:#fff;
    text-decoration:none;
    border:0;
    display:block
}

#data #productImg{
	width:210px;
	position:relative;
}

#data #productImg .zoomIn{
	z-index:10;
	position:absolute;
	bottom:-2px;
	right:-7px;
}

* html #data #productImg .zoomIn{
	display:none;
}

#data p{
	text-align:right;
	font-size:85%;銆€/* 11px */
}

#data ul{
	margin-bottom:15px;
}

#data ul li{
	line-height:1;
	padding:15px 0;
	text-indent:10px;
}

#data ul li a:link,
#data ul li a:hover{
	text-decoration:none;
}


/*  #main > #spacification
------------------------------*/

#specification #baseInfo{
	border:1px solid #EEEEEE;
	padding:5px;
	background-color:#fff;
}

#baseInfo dt,
#baseInfo dd{
	line-height:1.2;
	padding-left:10px;
}
#baseInfo .productCode{
	padding-top:15px;
	padding-bottom:5px;
	background-color:#f6f6f6;
	font-size:250%; /* 26px */
	letter-spacing:1px;
	vertical-align:middle;
}

#baseInfo .old{
	font-size:91%;
	letter-spacing:0px;
	padding-bottom:10px;
	color:#84C426;
	background-color:#f6f6f6;
	font-weight:bold;
}

#baseInfo .seriesName{
	padding-bottom:10px;
	background-color:#f6f6f6;
}

#baseInfo .seriesName a{
	margin-right:0.8em;
}

#baseInfo .category{
	padding-top:15px;
}

#baseInfo .category span.tab{
	margin-bottom:3px;
}

#baseInfo .category span{
	margin-right:0.5em;
}

#baseInfo .terminalSize{
	padding-top:10px;
	padding-bottom:5px;
	font-size:116%; /* 15px */
}

.spec{
	border:1px solid #EEEEEE;
	padding:5px;
	background-color:#fff;
	margin-top:7px;
}

.spec table{
	width:100%;
	line-height:1.2;
}

.spec table tr:nth-child(even){
	background-color:#f6f6f6;
}

.spec table th{
	width:30%;
	text-indent:8px;
}

#terminalTemp .spec table th,
#wiresealTemp .spec table th{
	width:40%;
}

.spec table th,
.spec table td{
	padding:5px 0;
	vertical-align: baseline;
}

.spec table th{
	vertical-align: top;
}

.spec td dl{
	line-height:1.2;
	clear:left;
}

.spec td dl dt{
	float:left;
	width:7em;
}

.spec td dl dd{
	overflow:auto;
}

.spec table.inside tr:nth-child(even){
	background-color:#fff;
}

.spec table.inside th {
	background-color:#eee;
    text-indent: 0;
    width: auto;
}

.spec table.inside th,
.spec table.inside td{
	border:1px solid #ccc;
	padding:5px 2px;
	text-align:center;
	white-space:nowrap;
}


/*  #main > .relation
------------------------------*/
.relation h4{
	font-size:124%; /* 16px */
	line-height:40px;
	padding-top:5px;
	padding-left:15px;
	font-weight:bold;
}

.relation .box{
	margin:0 10px 0;
}

.relation .kind{
	background-color:#f9f9f9;
	padding-left:25px;
	padding-right:25px;
	position:relative;
	overflow:hidden;
}

.relation .kind{
	clear:both;
	vertical-align:middle;
	margin-top:1px;
	padding-top:10px;
	padding-bottom:10px;
/*	text-decoration:underline; */
	background:url(../img/product/arrow_off.gif) 8px 15px no-repeat #f9f9f9;
}

.relation .more{
	display:block;
	display:none;
	padding-bottom:10px;
}

.relation .kind ul{
	display:block;
	overflow:hidden;
}

.relation h5{
		padding-top:3px;
	}
.relation .simpleButton {
  margin:0 auto 0;
	background:url(../img/home/bluebutton.png) no-repeat;
    width:150px;
    height:36px;
    line-height:36px;
    text-align: center;
    vertical-align: middle;
    cursor:pointer;
    color:#fff;
    text-decoration:none;
    border:0;
    display:block
}

.relation .parts{
	float:left;
	width:150px;
	text-align:center;
	margin:10px 0;
}

.oneColumn .relation .parts{
	width:142px;
}

.relation .parts a{
	margin:0 auto;
}

.relation dl dd:after,
#result li:after{ /* for modern browser */
    height: 0;
    visibility: hidden;
    content:".";
    display: block;
    clear: both;
}
.relation dl dd,
#result ul li { /* for IE5.5-7 */
    zoom: 1;
}

.relation dl dd .btnBefore{
	top:30px;
	left:-15px;
}

.relation dl dd .btnNext{
	top:30px;
	right:-15px;
}

/*  #side
------------------------------*/

#side{
	background-color:#fff;
		margin-bottom:15px;
}

#side a:link,
#side a:visited,
#side a:hover{
	text-decoration:none;
}

#side a.goResult:hover{
	text-decoration:underline;
}

#side #result{
	line-height:1.2;
}

#side #result li{
	padding:8px!important;
	text-align:left;
}

.simpleList li:hover{
	border-top:1px solid #f3f3f3;
}

#side #result li a.thumb{
	float:left;
}
#side #result li a.info{
	display:block;
	padding-left:70px;
	font-size:124%; /* 16px */
}

#side #result li a.info span{
	font-size:69%; /* 11px */
	display:block;
	padding-top:2px;
	padding-bottom:5px;
	line-height:1;
}

#side .simpleButton{
	margin:8px auto;
	background:url(../img/home/bluebutton.png) no-repeat;
    width:150px;
    height:36px;
    line-height:36px;
    text-align: center;
    vertical-align: middle;
    cursor:pointer;
    color:#fff;
    text-decoration:none;
    border:0;
    display:block;
}

#side .simpleButton:hover{

} 

#side .goResult{
	padding:12px 0;
	text-align:center;
	display:block;
	width:100%;
	border-top:1px solid #ddd;
	vertical-align:middle;
	line-height:1;
}

#side .goResult img{
	padding-right:5px;
	position:relative;
	top:2px;
}

/* related to Jquery mouseOver action 
---------------------------------- */
li.mouseOver{
	border-top:1px solid #f3f3f3;
	background-color:#eee;
}