@charset "utf-8";

/* -----------------------------------------
#
# INFORMATION
#
# FileName:	product.css
# Summary:	product element
# Created:	2009-12-10
# UpdatedBy:	2009-12-10
# Copyright:	(c)Christie Digital Systems
------------------------------------------ */

/* -----------------------------------------
	mainVisual
------------------------------------------ */
#mainVisual {
	height:170px;
	background: url(../images/product/common/bg_mainvisual.jpg) left bottom no-repeat;
	background-color:#000;
}

/* -----------------------------------------
	Layout
------------------------------------------ */
#content {
	width:735px;
	overflow:hidden;
}
#wrapper {
	width:950px;
	margin:0 auto;
}
#contentMain {
	float:right;
	width:537px;
}
#contentSub {
	float:left;
	width:181px;
}
#extra {
	float:right;
	width:198px;
}

/* -----------------------------------------
	MainIndex
------------------------------------------ */
.mainIndex {
	margin:0 0 20px;
	border:1px solid #BCBCBC;
}
.mainIndex h3 {
	margin:1px 1px 10px;
}
ul#search {
	margin:12px;
/*	padding:0 0 7px;
	background:url(../images/common/mak_dotline02.gif) bottom repeat-x;
*/overflow:hidden;
}
ul#search li{
	float:left;
	padding-left:5px;
}
ul#search li.first-child{
	padding-left:0;
}
.mainIndex ul#genreSearch {
	width:auto;
	overflow:hidden;
	padding:15px 0 10px 10px;
	margin:0;
	background:none;
	background-color:#E2E2E2;
}
.mainIndex ul.contentNav li{
	float:left;
	width:33%;
	font-size:84%;
	margin:0 0 5px 0;
}
.mainIndex ul#genreSearch li{
	width:48%;
}
.mainIndex ul.contentNav li a{
	display:block;
	padding:0 5px 0 18px;
	background:url(../images/common/mak_arrow01.gif) no-repeat;
}
#productList.mainIndex ul.products{
	margin-top:0;
}
#productList.mainIndex .products li{
	min-height:19em;
	padding-bottom:8px;
}
#productList.mainIndex .products li p.summary{
	margin:8px 0 3px;
	padding:0;
	line-height:1.3;
	font-size:84%;
	font-weight:normal;
}
#productList.mainIndex .products p.more {
	float:right;
	margin:4px 0 0;
	padding:4px 4px 4px 5px;
	border:1px solid #bcbcbc;
	line-height:1;
}


/* -----------------------------------------
	ProductName
------------------------------------------ */
.productName {
	overflow:hidden;
	padding:10px 0 8px 14px;
	background:url(../images/product/common/bg_product_ttl.gif) repeat-x;
	background-color:#191b1d;
	color:#FFF;
}
.productName h3{
	width:310px;
	padding:0 0 0 9px;
	border-left:4px solid #fada38;
	line-height:1;
	font-size:167%;
}
.productName p{
	float:right;
	width:190px;
	margin:-2.2em 5px 2px;
	line-height:1.2;
	font-size:84%;
}

/* -----------------------------------------
	Bookmark
------------------------------------------ */
.bookmark {
	float:right;
	overflow:hidden;
	margin:2.5em 0 -2.5em 0;
	font-size:84%;
	line-height:1;
}
.bookmark li{
	float:left;
	margin:0 0 0 7px;
}

/* -----------------------------------------
	Tab
------------------------------------------ */
.tabNav {
	clear:both;
	overflow:hidden;
	background:url(../images/product/common/bg_tab_btm.gif) left bottom no-repeat;
}
.tabNav li {
	float:left;
	width:140px;
	margin:0 4px 0 0;
	font-size:108%;
	letter-spacing:2px;
}
.tabNav a {
	display:block;
	width:140px;
	border:1px solid #bcbcbc;
	margin:0 2px 0 0;
	padding:5px 0;
	text-align:center;
	background:url(../images/product/common/bg_tab.gif) top no-repeat;
}
.tabNav a.active {
	border-bottom:none;
	background:none;
	background-color:#FFF;
}

/* -----------------------------------------
	Product
------------------------------------------ */
#productDetail {
	border:1px solid #bcbcbc;
	border-top:none;
}
#baseInfo {
	position:relative;
	padding:13px 0 13px 10px;
}
#productDetail h4.name{
	display:inline;
 	font-size:167%;
	font-weight:bold;
	vertical-align:bottom;
	line-height:1;
}
#productDetail .price {
	display:inline;
	padding:0 0 0 0.5em;
	vertical-align:bottom;
	line-height:1;
}
#productDetail .contact {
	position:absolute;
	top:12px;
	right:12px;
}
.module .headline {
	padding:9px 0 9px 10px;
	background-color:#ececec;
}
#productDetail .module h4{
	padding:0 0 0 11px;
	border-left:4px solid #2c3866;
	color:#2c3866;
	font-size:110%;
	font-weight:bold;
	line-height:1;
}
#productDetail .module p.productList{
	margin:-1.5em 11px 0 0;
	float:right;
}

/* -----------------------------------------
	ProductList
------------------------------------------ */
#productSearch {
	margin-bottom:20px;
	padding-bottom:12px;
}
#productSearch h3{
	font-size:150%;
	width:auto;
}
#productList {
	margin:0;
	border:1px solid #bcbcbc;
}
#productList h4.category{
	margin:10px 0 0 10px;
	padding:0 0 0 11px;
	border-left:4px solid #2C3866;
	line-height:1.2;
	font-size:124%;
	font-weight:bold;
}
#productList ul.contentNav{
	overflow:hidden;
	margin:5px 8px 20px 10px;
	padding:10px 0 0 0;
	background:url(../images/common/mak_dotline02.gif) top repeat-x;
}
#productList ul.contentNav li{
	float:left;
	width:33%;
	font-size:84%;
	margin:0 0 3px 0;
}
#productList ul#genreSearch li{
	width:47%;
}
#productList ul#resolutionSearch li{
	width:20%;
}
#productList ul.contentNav li a{
	display:block;
	padding:0 5px 0 18px;
	background:url(../images/common/mak_arrow01.gif) no-repeat;
}
#productList ul.contentNav li .nonLink{
	display:block;
	padding:0 5px 0 18px;
	background:url(../images/common/mak_arrow01.gif) no-repeat;
}
/*#productList ul.contentNav li{
	float:left;
	margin:0 -1px 8px 0;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	line-height:1;
	padding:0 10px;
	white-space:nowrap;
	font-size:84%;
}*/
#productList .module h4{
	padding:0 0 0 11px;
	border-left:4px solid #2c3866;
	color:#2c3866;
	font-size:110%;
	font-weight:bold;
	line-height:1;
}
#productList p.summary {
	margin:10px 10px 0;
}
#productList p.soon {
	margin:10px 10px 30px;
}
#productList .products li{
	min-height:23.1em;
	margin-bottom:15px;
	padding:0 0 15px 18px;
	background:url(../images/common/mak_dodline02.gif) bottom repeat-x;
}
#productList .products .spec li{
	margin:0 0 2px 0;
	padding:0;
	min-height:35px;
	background:none;
	background-color:#2c3866;
}
#productList .products li.leftCol{
	clear:both;
	padding-left:0;
}
#productList .products li.lastModule{
	margin-bottom:0;
	padding-bottom:0;
	background:none;
	min-height:inherit;
}
.products li span.small {
	font-size:84%;
}

/* -----------------------------------------
	ProductPhoto
------------------------------------------ */
#productPhoto {
	margin:0 0 14px 10px;
	overflow:hidden;
}
#productPhoto #mainImage {
	width:445px;
	border:1px solid #d3d3d3;
	float:left;
	margin:10px 7px 0 0;
}
#thumnail {
	margin:10px 0 0;
}
#thumnail li{
	margin:0 0 3px;
}
#thumnail img{
	border:1px solid #d3d3d3;
}

/* -----------------------------------------
	Spec
------------------------------------------ */
.spec {
	overflow:hidden;
	margin:0 5px 0 10px;
}
* html .spec { height:1%}

.spec li {
	float:left;
	width:127px;
	height:35px;
	margin:0 2px 2px 0;
	background-color:#2c3866;
	color:#FFF;
	line-height:1.2;
	font-size:10px;
}
.spec li p{
	text-align:center;
}

/* -----------------------------------------
	Utility
------------------------------------------ */
.utility {
	overflow:hidden;
	margin:10px 0 30px 10px;
	font-size:84%;
}
* html .utility{ height:1%;}

.utility li{
	float:left;
	width:163px;
	margin-right:2px;
	padding:5px 0 5px 5px;
	border:1px solid #bcbcbc;
}
.utility li a {
	padding:0 0 2px 16px;
	background:url(../images/common/mak_arrow01.gif) 0 0 no-repeat;
}

#tab2 .utility {
	overflow:hidden;
	padding:10px 0 0 0;
	margin:0 0 10px 10px;
	font-size:84%;
}

/* -----------------------------------------
	SpecSummary
------------------------------------------ */
#productDetail #specSummary h4 {
	margin:0 0 18px 11px;
	padding:0;
	background:transparent;
	border:none;
	color:#000;
	font-size:134%;
	font-weight:bold;
}
#specSummary dl {
	margin:0 11px 0;
}
#specSummary dt {
	color:#4d5a8d;
	font-weight:bold;
}
#specSummary dd {
	margin:0 0 1em;
}

/* -----------------------------------------
	PageNav
------------------------------------------ */
#tab1 .last-child,
#tab2 .last-child{
	margin-bottom:10px;
}
#productList .pageNav {
	background:none;
}
#productList .last-child{
	margin-bottom:10px;
}

/* -----------------------------------------
	Uses
------------------------------------------ */
#Uses p {
	margin:14px 10px 14px;
	font-weight:bold;
}
#Uses h5 {
	color:#2c3866;
	font-size:84%;
	font-weight:bold;
}
#Uses ul {
	margin:0 0 5px 10px;
	overflow: hidden;
}
* html #Uses ul { height:1%;}

#Uses ul li {
	float:left;
	width:156px;
	padding:0 0 0 24px;
}
#Uses ul li.first-child {
	padding:0;
}
#Uses ul p{
	margin:0;
}
#Uses ul img{
	border:1px solid #d3d3d3;
}
#Uses p.more {
	float:right;
	margin:4px 0 0;
	padding:4px 4px 4px 5px;
	border:1px solid #bcbcbc;
	line-height:1;
}
#Uses p.more a {
	font-size:84%;
	padding:0 0 2px 16px;
	background:url(../images/common/mak_arrow01.gif) 0 0 no-repeat;
}

/* -----------------------------------------
	productResults
------------------------------------------ */
#productResults dl {
	margin:5px 10px 0;
	line-height:1.5;
	letter-spacing:1px;
	font-size:84%;
}
#productResults dt {
	clear:both;
	width:6.5em;
	display:block;
	float:left;
	padding:8px 0 0;
	font-weight:bold;
	color:#263159;
	word-break:break-all;
	overflow:hidden;
}
#productResults dl dd.first-child {
	background: none;
}
#productResults dd {
	margin:0;
	padding:8px 0 8px 7em;
	background:url(../images/common/mak_dotline02.gif) top repeat-x;
}
#productResults dd a{color:#000;}
#productResults dd a:hover{color:#666;}

#productResults ul {
line-height: 1.5;
overflow: hidden;
padding: 5px 15px 0px;
}
#productResults li {
margin: 0px;
padding: 8px 0px;
}

#productResults li p span.photo {
display: block;
float: right;
margin: 0px 0px 0px 10px;
text-align: center;
width: 80px;
}
#productResults li p span.photo img{
border: 1px solid #CFCFCF
}

/* -----------------------------------------
	RelationProduct
------------------------------------------ */
.products {
	display:inline-block;
	margin:18px 10px 0;
	padding:8px 6px;
	border:1px solid #bcbcbc;
	background:url(../images/product/common/bg_relation_product.gif) repeat-y;
	overflow:hidden;
}
*:first-child+html .products {
	display:inline;
	zoom:1;
}
.products li{
	float:left;
	width:155px;
	padding:0 0 0 18px;
}
.products li.first-child{
		padding:0;
}
.products h5 {
	margin:0 0 8px 0;
	color:#2c3866;
	line-height:1.2;
	font-weight:bold;
	word-break:break-all;
}
.products p img{
	border:1px solid #bcbcbc;
}
.products p.photo{
	position:relative;
}
.products p.photo img.end{
	position:absolute;
	top:6px;
	left:6px;
	border:none;
}
.products ul.spec{
	margin:4px 0 0;
	padding:0;
}
.products .spec li{
	width:155px;
	height:35px;
	float:none;
	margin:0 0 2px 0;
	padding:0;
	background-color:#2c3866;
	color:#FFF;
	text-align:center;
	line-height:1.2;
	font-size:10px;
}
.products p.more {
	float:right;
	margin:4px 0 0;
	padding:4px 4px 4px 5px;
	border:1px solid #bcbcbc;
	line-height:1;
}
.products p.more a {
	font-size:84%;
	font-weight:bold;
	padding:0 0 2px 16px;
	background:url(../images/common/mak_arrow01.gif) 0 0.1em no-repeat;
}
.productList2 {
	margin:7px 0;
	font-size:92%;
	font-weight:bold;
	text-align:center;
}
.productList2 span{
	display:inline-block;
	background:url(../images/product/common/bg_btn.gif) repeat-x;
	background-color:#232527;
	border:1px solid #bcbcbc;
}
.productList2 a {
	display:inline-block;
	padding:4px 28px 4px 16px;
	text-align:center;
	background:url(../images/common/mak_arrow02.gif) right no-repeat;
	border:1px solid #fff;
	color:#FFF;
}
.productList2 a:link {color:#fff;}
.productList2 a:visited {color:#fff;}
.productList2 a:hover {color:#fff;}
.productList2 a:active {color:#fff;}

/* -----------------------------------------
	Specifications
------------------------------------------ */
#specifications {
	margin:0 10px 0;
	border-collapse:collapse;
}
#specifications th {
	width:28%;
	padding:5px 10px;
	border:1px solid #bcbcbc;
	background-color:#f5f6fa;
}
#specifications td {
	padding:5px 10px;
	border:1px solid #bcbcbc;
}
.notice {
	font-size:84%;
}
ul.notice {
	margin:7px 10px;
}
#tab2 p {
	margin:1em 10px;
}
#tab2 .utility2 {
	margin:10px 0 20px 10px;
	font-size:100%;
}
#tab2 .utility2 li{
	float:none;
	width:auto;
	margin:0;
	padding:0 0 0 16px;
	background:url(../images/common/mak_arrow01.gif) 0 0.25em no-repeat;
	border: none;
}
#tab2 .utility2 li a {
	padding:0;
	background:none;
}

/* -----------------------------------------
	ContentSub
------------------------------------------ */
#contentSub .module {
	width:181px;
	padding:0 0 5px;
	margin:0 0 27px;
	background: url(../images/product/common/bg_product_btm.gif) bottom no-repeat;
}
#contentSub .module ul{
	padding:0 1px;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
}
#contentSub .module ul ul{
	padding:0 7px 12px 9px; 
	border:none;
}
#contentSub .module li li{
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	background:url(../images/common/mak_dotline02.gif) top repeat-x;
	font-size:84%;
}
#contentSub .module li li.first-child {
	background:none;
}
#contentSub .module li li a{
	display:block;
	padding:0 0 0 19px;
	background:url(../images/common/mak_arrow01.gif) 0 0.2em no-repeat;
}
#contentSub .module dd a:hover{
	color:#666;
	text-decoration:underline;
}
#contentSub .module .nonLink{
	display:block;
	color:#666;
	padding:0 0 0 19px;
	background:url(../images/common/mak_arrow01.gif) 0 0.2em no-repeat;
}

/* -----------------------------------------
	Extra
------------------------------------------ */
#showroom_module{
	margin-top:-8px;
}

#extra .info {
	width:198px;
	margin:0 0 20px;
	background:url(../images/common/bg_info_mini.gif) bottom no-repeat;
}
#extra .info h2 {
	margin:0;
	padding:0;
	background:none;
}
#extra .info li {
	clear:both;
	margin:0;
	padding:0;
	background:none;
	overflow:hidden;
}
#extra .banner {
	margin:32px 0 19px;
}
#extra #solution ul {
	padding:12px 12px 4px;
}
#extra #solution li {
	margin: 0 0 12px;
}
#extra #solution li img{
	float:left;
	margin:0 7px 0 0;
	border:1px solid #d7d7d7;
}
#extra .module dl{
	padding:12px 14px 20px;
	font-size:84%;
}
#extra .module dt{
	margin:10px 0 0;
	padding:11px 0 0;
	background:url(../images/common/mak_dotline02.gif) top repeat-x;
	color:#263159;
	font-weight:bold;
}
#extra .module dt.first-child{
	margin:0;
	padding:0;
	background:none;
}
#extra .module dd a{
	color:#000;
	text-decoration:none;
}
#extra .module dd a:hover{
	color:#666;
	text-decoration:underline;
}
#extra #showroom p{
	margin:9px 10px;
	font-size:84%;
}
#extra #showroom p.more{
	padding:0 0 10px 19px;
	background:url(../images/common/mak_arrow01.gif) 0 0.25em no-repeat;
}

#extra.productList .banner {
	margin:0 0 10px;
}
#extra.productList #download {
	margin:20px 0 20px;
}


#specifications td tr {border-top: dotted 1px #BCBCBC;}
#specifications td tr.first {border:0}
#specifications td td {border: 0;}
#specifications td td.input {border-right: dotted 1px #BCBCBC;}
#specifications td th {border: 0;border-right: dotted 1px #BCBCBC;width: 6%;line-height: 1.2;text-align: center;font-weight: bold;background: none;}