@charset "utf-8";

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

/* -----------------------------------------
	mainVisual
------------------------------------------ */
#mainVisual {
	height:170px;
	background: url(/images/support/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;
}

/* -----------------------------------------
	common
------------------------------------------ */

#contentMain .module {
	position:relative;
	margin:0 0 0;
	border:1px solid #bcbcbc;
	letter-spacing:1px;
}

#contentMain h3 {
	margin:1px 1px 0;
}
#contentMain p.clearfix {
	margin:0 0 0 7em;
}

.headline {
	padding:9px 0 9px 10px;
	background-color:#ececec;
}

.headline h4{
	padding:2px 0 0 11px;
	border-left:4px solid #2c3866;
	color:#2c3866;
	font-size:110%;
	font-weight:bold;
	line-height:1;
}

.utility {
	overflow:hidden;
	margin:10px 0 10px 11px;
}
* html .utility{ height:1%;}

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

p.more {
	position:absolute;
	right:10px;
	bottom:10px;
	padding:4px 4px 4px 5px;
	border:1px solid #bcbcbc;
	line-height:1;
}
p.more a {
	font-size:84%;
	padding:2px 0 2px 16px;
	background:url(../images/common/mak_arrow01.gif) 0 0.25em no-repeat;
}
/* -----------------------------------------
	support
------------------------------------------ */
#contentMain h3 {
	margin:1px 1px 0;
}

#contentMain #support{
}

#contentMain #support .supportboxwrapper{
}

#contentMain #support .supportboxwrapper .supportbox{
	width: 264px;
	min-height: 162px;
	height: auto !important;
	height: 162px;
}

#contentMain #support .supportboxwrapper .left{
	margin-right: 5px;
	float: left;
}

#contentMain #support .supportboxwrapper .right{
	float: left;
}

#contentMain #support .supportboxwrapper .supportbox h3{
}

#contentMain #support .supportboxwrapper .supportbox dl{
	padding: 10px 7px 3px 7px;
}

#contentMain #support .supportboxwrapper .supportbox dl dt{
	width:110px;
	float: left;
	margin-right: 10px;
}

#contentMain #support .supportboxwrapper .supportbox dl dd{
	float: right;
	width:130px;
	min-height: 92px;
	height: auto !important;
	height: 92px;
}
/* -----------------------------------------
	Contact
------------------------------------------ */
#contentMain #contact .txt{
	margin: 16px 16px 6px 16px;
}

#contact .contactlistwrapper{
	margin-top:16px;
	padding:10px 0px 10px 0px;
	background-color:#f1f1f1;
}

#contact ul#contactlist {
	margin:12px;
	overflow:hidden;

}

#contact ul#contactlist li.first-child{
	padding-left:0;
}


#contact ul#contactlist li{
	float:left;
	padding-left:25px;
}




#contentMain #contact .contactbox{
	padding: 16px 12px 16px 12px;
	margin:16px 16px 16px 16px;
		border:1px solid #bcbcbc;
}

#contentMain .contactForm{
	margin:15px 10px 10px 10px;
	border-collapse:collapse;
}
#contentMain .contactForm th{
	width:28%;
	padding:12px 12px;
	border:1px solid #bcbcbc;
	background-color:#f5f6fa;
}
#contentMain .contactForm tr td{
	padding:12px 12px;
	border:1px solid #bcbcbc;
}
input.sizelarge{
	width:320px;
	height:20px;
}

input.sizemiddle{
	width:160px;
	height:20px;
}

input.sizesmall{
	width:80px;
	height:20px;
}
input.sizeother{
	width:120px;
	height:20px;
}
input.sizecontent{
	width:320px;
	height:120px
}
input.sizewhere{
	width:320px;
	height:120px
}
span.small{
	font-size:84%;
	line-height:150%;
	padding-bottom:5px;
}

span.memo{
	font-size:84%;
	color:#FF0000;
}
.notice {
	font-size:84%;
}
ul.notice {
	margin:7px 10px;
}

ul.notice li{
	list-style:square;
	list-style-position:inside;
	line-height:150%;
	
}

#contentMain .formbtn{
	clear:both;
	margin:5px 0 0;
	padding:10px 0 9px;
	background-color:#e2e2e2;
	text-align:center;
}

.errormsg{
	margin: 16px 16px 6px 16px;
	color:#FF0000;
	line-height:150%;
}

ul.errormsgbox{
	margin: 16px 16px 6px 16px;
	color:#FF0000;
	line-height:150%;
}


#contentMain #contact .sendtxt{
	margin: 16px 16px 26px 16px;
}

/* -----------------------------------------
	PageNav
------------------------------------------ */
.pageNav {
	margin:0 0 0;
	background:none;
}

/* -----------------------------------------
	ContentSub
------------------------------------------ */
#contentSub .module {
	background: url(../images/news/common/bg_news_btm.gif) bottom no-repeat;
}
#contentSub .module li li{
	font-size:100%;
}