@charset "UTF-8";
/* CSS Document */


/* Basic Settings */
*{
	color:#555;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	line-height:1.5em;
}

body{
	margin:0;
	padding:0;
	background:#eee;
}

h1{
	font-size:1.5em;
	margin:1em auto;
}

h2{
	font-size:1.2em;
	margin:1em auto;
}

h3{
	color:#47a56e;
	font-size:1em;
	text-indent:0.6em;
	line-height:1.0em;
	margin:1em auto 1.5em auto;
	padding:0.4em 0 0.5em 0;
	border-left:solid 12px #47a56e;
	border-bottom:solid 2px #47a56e;
}

h4{
	line-height:1em;
	margin:0 auto;
	padding:0.5em 0;
}

p{
	font-size:1em;
}

a{
	color:#039;
	text-decoration:none;
}

ul{
	
}

ul li{
	
}

dl{
	margin-left:1em;	
}

dl dt{
	font-weight:bold;	
}

dl dd{
	
}

/*********** Custom Classes ***********/

/* AppStore banner */
div.bannerBox {
	text-align:center;
	margin:0 auto;
	padding:1em 0;
	clear:both;
}


/* Layouts */

ul#navigator{
	width:768px;
	height:48px;
	margin:0 auto;
	padding:0;
}

ul#navigator li{
	width:192px;
	height:48px;
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}
ul#navigator li a{
	text-indent:-9999px;
	width:192px;
	height:48px;
	display:block;
	background:url(../images/common/navigation.gif);
}
ul#navigator li.home a{background-position:0px 0px;}
ul#navigator li.news a{background-position:-192px 0px;}
ul#navigator li.products a{background-position:-384px 0px;}
ul#navigator li.supportmail a{background-position:-576px 0px;}

ul#navigator li.home a:hover{background-position:0 -48px;}
ul#navigator li.news a:hover{background-position:-192px -48px;}
ul#navigator li.products a:hover{background-position:-384px -48px;}
ul#navigator li.supportmail a:hover{background-position:-576px -48px;}

/* footer */

div#footer{
	width:728px;
	margin:0 auto;
	padding:16px 20px 0 20px;
	clear:both;
	display:block;
	position:relative;
	background:#47a56e;
	border-top:solid 2px #aaa;
	background-color: #47a56e;
}

p.registered{
	color:#eee;
	font-size:0.7em;
	padding-top:2em;
}

div#footer h2{
	color:#fff;
	font-size:0.9em;
	line-height:1em;
	width:728px;
	margin:0.5em auto 1em auto;
	border:none;
}

div#footer ul{
	width:728px;
	margin:0 auto;
	padding:0;
	display:block;
	clear:both;
}

div#footer ul li{
	list-style-type:none;
	width:364px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
div#footer ul li a{
	color:#cdd;
	font-size:0.7em;
	line-height:1em;
	margin:0;
	padding:0.25em 1em;
	display:block;
}

p#copy{
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.7em;
	text-align:center;
	margin:0;
	padding:3em;
	display:block;
	clear:both;
}

/* content */

div#content{
	width:726px;
	margin:0 auto;
	padding:0 20px 16px 20px;
	clear:both;
	background:#fff;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}

div.container{
	width:726px;
	margin:0 auto;
	padding:0;
	clear:both;
	background:#fff;
}

div.faq p{
	width:688px;
	margin:1em auto;
}

div.textBox{
	width:316px;
	min-height:240px;
	padding:0 16px;
	display:block;
}

div.textBox p{
	margin-top:0;
}

div.imageBox{
	text-align:center;
	width:368px;
	display:block;
}
div.imageBox img{
	background:#ddd;
}
div.left{
	float:left;
}

div.right{
	float:right;
}
div.clear{
	width:726px;
	margin:0 auto;
	padding:0;
	display:block;
	clear:both;
}

div.faq dl{
	width:660px;
	position:relative;
	margin:0.5em 0;
	padding:0;
}
div.faq dt{
	color:#f90;
	margin:0 0 0.5em 0;
	position:relative;
	left:32px;
}

div.faq dl dd{
	margin:0 0 1.25em 0;
	position:relative;
	left:32px;
}
div.faq dt img, div.faq dd img{
	display:block;
	position:absolute;
	left:-32px;
}

div.spec{
	
}
div.spec dt{
	margin:0 0 0.5em 0;
	position:relative;
}
div.spec dl dd{
	margin:0 0 1em 0;
	position:relative;
}


/* Silde show */

#slider {
    position: relative;
    text-align:center;
}
div#slideImgBox{
	//display:none;
	position:absolute;
	top:0;
	z-index:2;
	border:solid 1px #999;
}
div#bgImgBox{
	//display:none;
	position:absolute;
	top:0;
	z-index:1;
	border:solid 1px #999;
}