@charset "utf-8";
@import url("header.css");
@import url("footer.css");
@import url("sidenav.css");

/* yaya */
body, td, th{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; line-height:2em;
color:#535353;
text-align:left; vertical-align:top;
line-height:2em;
}

/*  */
body{
margin:0px; padding:0px;
background-image:url(../pics/bg-header.gif); background-repeat:repeat-x;
text-align:center;
}
#content{
background-image:url(../pics/bg-content.gif);
width:902px;
margin:0px; padding:0px;
border-collapse:collapse;
margin-left:auto; margin-right:auto;
}
#content td{
vertical-align:top;
}
#content td#left{
width:182px;
border:0px;
}
#content td#right{
padding-bottom:15px;
}

#path{
margin:0px; padding:0px;
font-size:10px;
color:#999999;
border-bottom:#999999 dotted 1px;
line-height:22px; padding-left:10px;
}
#path a{
color:#5d585c; text-decoration:none;
}
#path a:hover{
color:#5d585c; text-decoration:underline;
}

/* style */

.notes1{
padding:10px;
}
h1, h2, h3{
margin:0px; padding:0px; 
}
h1{
font-size:15px; padding-top:5px;
}
h2{
padding:5px 0px;
}
.space3{
display:block; padding-bottom:3px;
}
.space10{
display:block; padding-bottom:10px;
}
.space20{
display:block; padding-bottom:20px;
}
.space5{
display:block; padding-bottom:5px;
}
.clear{
clear:both;
}
.icon-more{
border:0px;
}
.clear_dec_space{
clear:both; padding-bottom:5px;
}
.color_blue{
color:#333399;
}
.color_blue2{
color:#4dbcd7;
}
.color_red{
color:#ff0000;
}
.color_green{
color:#339966;
}
a.red:link {
	color: #FF0000;
	text-decoration: none;
}
a.red:visited {
	color: #FF0000;
	text-decoration: none;
}
a.red:hover {
	color: #FF0000;
	text-decoration: underline;
}
a.red:active {
	color: #FF0000;
	text-decoration: underline;
}

/* products */

/* playshow */
#playshow{
display:block;
background-color:#e8e8e8;
text-align:center;
width:720px;
}
#playshow #show{
text-align:center;
background-image:url(../pics/bg-show.gif); background-repeat:repeat-y; background-position:right;
margin-left:auto; margin-right:auto;
}
#show #bg-playshow{
width:460px; height:345px;
background-image:url(../pics/bg-playshow.jpg); background-repeat:no-repeat; background-position:center;
margin:20px 0px;
margin-left:auto; margin-right:auto;
text-align:center;
}
/**/

.dec{
padding:10px; padding-bottom:0px;
}
.dec p{
padding:0px; margin-top:0px;
}
.dec h2{
color:#4ebdd7;
font-size:12px;
font-weight:bold;
}
.dec h3{
color:#555555;
font-size:12px;
font-weight:bold; margin-bottom:5px;
background-color:#f1f1f1; padding-left:5px;
clear:both;
}

img.imgright{
float:right; margin:5px 0px 5px 10px;
}
img.imgleft{
float:left; margin:5px 5px 0px 10px;
}

/*.dec a.linkmore{
	cursor:hand;
}*/
/*.item_1-img{
 border:#bebeb9 solid 1px; padding:10px 0px; text-align:center; float:left; width:155px; 
}
.item_1-img:hover{
 border:#777777 solid 1px; padding:10px 0px; text-align:center; float:left; width:155px; 
}
.item_1{
float:right;
width:530px;
}*/

/* product item link */
.pil{
padding:10px; padding-bottom:0px;
}
.pil p{
padding:0px; margin-top:0px;
}
.pil h2 a{
color:#4ebdd7;
font-size:16px;
font-weight:bold; text-decoration:none;
}
.pil h2 a:hover{
color:#4ebdd7;
font-size:16px;
font-weight:bold; text-decoration:underline;
}
.pil h3{
color:#555555;
font-size:12px;
font-weight:bold; margin-bottom:5px;
background-color:#f1f1f1; padding-left:5px;
clear:both;
}
.pil .item_1-img{
 border:#bebeb9 solid 1px; padding:10px 0px; text-align:center; float:left; width:155px; 
}
.pil .item_1-img:hover{
 border:#777777 solid 1px; padding:10px 0px; text-align:center; float:left; width:155px; 
}
.pil .item_1{
float:right;
width:530px;
}

/* Success Case item */
.uccesscase{
background-color:#ededed;
width:700px;
}
.uccesscase td{
vertical-align:middle; 
}
td.uccesscaseimg{
width:155px;
}
td.uccesscasetext{
text-align:left;
}
a.uccesscase-img{
 border:#ededed solid 1px; padding:10px 0px; text-align:center; width:155px; background-color:#FFFFFF; display:block;
}
a.uccesscase-img:hover{
 border:#777777 solid 1px; padding:10px 0px; text-align:center; width:155px; background-color:#FFFFFF; display:block;
}
.uccesscase_1{
text-align:left; padding:10px 10px 10px 20px; 
}
.ucaseline{
background-image:url(../pics/bg-ucase.gif); background-repeat:repeat-x; height:10px; background-position:top;
}

h3.ucase{
margin:0px; padding:0px;
color:#5d585c; font-size:12px;
padding-left:35px;
}

.dec a, .uccesscase a{
color:#535353; text-decoration:none;
}
.dec a:hover, .uccesscase:hover{
color:#00a0c6; text-decoration:underline;
}

/* Success Case inner */
.successtitle{
font-size:18px; color:#4ebdd7; display:block; padding:0.5em 0em;
}
div.area3{
width:30%; margin-right:10px; float:left;
}
div.area2{
width:330px; height:280px; margin-right:10px; float:left; text-align:center; margin-top:10px; border:#CCCCCC solid 1px;
}

a.downloadpdf{
background-color:#FFFFFF; border:#cccccc solid 1px; padding:1px 5px; margin:0px;
color:#555555; text-decoration:none; font-size:12px; float:right; line-height:120%;
}
a.downloadpdf:hover{
background-color:#FFFFFF; border:#CCCCCC solid 1px; padding:1px 5px; margin:0px;
color:#ff0000; text-decoration:none; font-size:12px; float:right; line-height:120%;
}

a.clicktoview{
margin-top:3px;
display:block; width:126px; height:33px;
background-image:url(../products/images/clicktoview.gif); background-repeat:no-repeat;
text-indent:-9999px;
margin-left:auto; margin-right:auto;
}
a.clicktoview:hover{
margin-top:3px;
display:block; width:126px; height:33px;
background-image:url(../products/images/clicktoview_h.gif); background-repeat:no-repeat;
text-indent:-9999px;
}

div.tmp_hide, .tmp_hide {
display:none;
}