/*-----COMMON SETTINGS--*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	text-align: center;
	font-family: Arial,Geneva,Verdana,Helvetica,sans-serif;
	font-size: 62.5%;
}
p {
	padding: 0 0 15px 0;
	color:#7b7b7b;
	line-height:1.5em;
	clear: both;
}
ol {
	margin: 0 0 0 20px;
}
li.privacy {
	padding: 0 0 10px 0;
	font-size: 1.2em; 
	color: #7b7b7b;
	line-height: 1.4em;  
}
li {
	font-size: 1.2em; 
	color: #7b7b7b;
	line-height: 1.4em;  
}
b,strong { 
	color:#6c6c6c;
	font-weight: 600; 
}
/* common link settings */
a:link { color: #003876; text-decoration: none }
a:visited { color: #003876; text-decoration: none }
a:hover { color: #333; text-decoration: none }

/* clear */
.clear { clear: both; }

.text { 
	font-size:1.2em!important;	
	color:#7e7e7e;
	line-height:1.4em;  
}
img { border: 0; }
img.categoryMain {
	margin: 0 10px 0 0;
	float: left;
}
td.leftmenu {
	vertical-align: top;
	padding: 20px 0 0 0;
	width: 240px;
}
.td-title {
	width: 160px;
	font-size: 1.2em;
	color: #990000;
	font-weight: bold;
	line-height: 1.4em;
	text-align: center;
}
/* text size */
.t10 {
	font-size: 1.1em;
	color: #7b7b7b;
	/*line-height: 1.4em;*/
}
.t12 {
	font-size: 1.2em;
	color: #7b7b7b;
	line-height: 1.4em;
}
.t12p {
	font-size: 12px;
	color: #7b7b7b;
	line-height: 1.4em;
}
.t12a {
	font-size: 1.2em;
	color: #7b7b7b;
	line-height: 1.8em;
}
.td12 { padding-bottom: 5px; font-size: 1.2em; color: #7b7b7b; }
/* headers */
h2 {
	margin: 0 0 5px 0;
	color: #003366;
	font-size: 1.6em;
	font-weight: 600;
}
h3 {
	margin: 2px 0 15px 0;
	padding: 0 0 12px 0;
	color: #1a4b83;
	font-size: 1.4em;
	font-weight: 600;
	/*border-bottom: 1px dotted #ccc;*/
	background: url(../images/h3_bottombg.gif) repeat-x bottom left;
}
h4 {
	margin: 0 0 5px 0;
	color: #003366;
	font-size: 1.2em;
	font-weight: 600;
}
h5 {
	margin: 0 0 5px 0;
	color: #003366;
	font-size: 1.1em;
	font-weight: 600;
}
/* lists */
#mainbody ul{
	margin: 0 0 0 10px;
	padding: 0 0 15px 20px;
}
#mainbody ul li{
	font-size: 1.2em;
	list-style-type: disc;
	line-height: 1.4em;
	padding: 0 0 5px 0;
}
/* spacers */
.spc10 { margin-bottom: 10px; }
.spc15 { margin-bottom: 15px; }
.spc20 { margin-bottom: 20px; }
.spc30 { margin-bottom: 30px; }
.spc10t { margin-top: 10px; }
.spc15t { margin-top: 15px; }
.spc20t { margin-top: 20px; }
.spc30t { margin-top: 30px; }
.spc30t10b { margin: 30px 0 10px 0; }
.pad5 { padding-bottom: 5px; }
.pad10 { padding-bottom: 10px; }
/*-----//COMMON SETTINGS--*/

/*-----CONTAINERS--*/
#container {
	margin: 0 auto;
	padding: 21px 0 0 0;
	width: 783px;
	text-align: left;
}
#header-home {
	margin: 21px 0 5px 0;
	width: 880px;
	clear: both;
    overflow: hidden;
    display: inline-table;
    z-index: 100;
}
#header {
	margin: 0 0 5px 0;
	clear: both;
    overflow: hidden;
    display: inline-table;
}
#header-home #logo, #header #logo {
	text-align: left;
	width: 90px;
	float: left;
}
#leftmenu {
	background: #fff;
	float: left;
}
#flashid {
	width: 230px;
	/*height: 600px;*/
	background: #fff;
}
#leftbodywrapper {	
	margin: 16px 0 0 0;
	width: 783px;
    clear: both;
    overflow: hidden;
    display: inline-table;
}
#mainbody {
	width: 540px;
	float: right;
}
#footer {
	margin: 0 auto;
	padding: 30px 0 0 0;
	background-color: #fff;
	width: 780px;
	line-height: 1.5em;
	clear: both;
}
#footer ul{
	display: block;
	text-align: center;
}
#footer li{
	font-size: 9px;
	/*font-size: 1.1em;*/
	list-style-type: none;
	display: inline;
}
.newsblock {
	margin: 0 0 30px 0;
	clear: both;
}
/* swfobject id's */
#topMenu {
	width: 780px;
	/*height: 168px;*/
}
#productflash {
	width: 545px;
	height: 378px;
}
#productflash545 {
	width: 545px;
	height: 545px;
}
/*-----//CONTAINERS--*/

/*-----SIDE TOPIC--*/
#titleFlash {
	margin: 0 0 0 -10px;
	width: 230px;
	height: 32px;
	display: block;
	background-image: url(../images/sidetopic.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#titleFlash.company { background-position: 0 0; }
#titleFlash.products { background-position: 0 -32px; }
#titleFlash.application { background-position: 0 -64px; }
#titleFlash.event { background-position: 0 -96px; }
#titleFlash.site-policy { background-position: 0 -128px; }
#titleFlash.privacy { background-position: 0 -160px; }
#titleFlash.sitemap { background-position: 0 -192px; }
#titleFlash.news { background-position: 0 -224px; }
#titleFlash.support { background-position: 0 -256px; }
/*-----//SIDE TOPIC--*/

/*-----BACK BUTTON--*/
.backtotop {
	margin: 10px 0 0 0;
	width: 100px;
	height: 20px;
	background: url(../images/back.gif) no-repeat 0 0;
	clear: both;
}
.backtotop a {
	display: block;
	width: 100px;
	height: 20px;
	text-indent: -9000px;
}
/*-----//BACK BUTTON--*/

/*-----BREADCRUMBS+COUNTRY--*/
#bcbar {
	margin: 10px 0 0 0;
	width: 780px;
}
#breadcrumbs {
	width: 500px;
	text-align: left;
	float: left;
}
a.breadcrumbs:link {
	font-size:11px;
	color:#003876;
	padding-bottom:5px;
	text-decoration: underline;
}
a.breadcrumbs:visited {
	font-size:11px;
	color:#003876;
	padding-bottom:5px;
	text-decoration:underline;
}
a.breadcrumbs:hover {
	font-size:11px;
	color:#333333;
	padding-bottom:5px;
	text-decoration:underline;
}
.breadcrumbs {
	font-size:11px;
	color:#003876;
	padding-bottom:5px;
	margin-left: 3px;
}
#countryindicator {
	text-align: right;
	float: right;
}
/*-----//BREADCRUMBS+COUNTRY--*/

/*-----PAGELIST--*/
dl.pagelist {
	margin: 0 0 10px 0;
}
dl.pagelist dt {
	color: #003876;
	font-size: 1.1em;
	font-weight: 600;
}
dl.pagelist dd {
	color: #003876;
	font-size: 1.1em;
	font-weight: normal;
}
/*-----//PAGELIST--*/

/*-----PRODUCTS--*/
.catalog{
	width: 540px;
	text-align: right;
	padding: 5px 0 20px 0;
}
.catalog a{
	padding:2px 0 2px 0;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}
.noborder a{
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 2px solid #000033;
}
.dscfla{
	margin-top:36px;
}
/* Q200 */
#rightblue {
	margin: 36px 0 0 0;
	width: 540px;
}
#rightblue li {
	float: left;
	width: 83px;
	border-left: 2px solid #fff;
	padding: 3px 0 4px 5px;
	font-size: 1em;
	height: 12px;
	text-align: center;
	list-style-type: none;
	display: block;
}
#rightblue li a {
	text-decoration: none;
	display: block;
}
#rightblue li.menublue {
	background-color: #6A89AB;
	width:85px;
	border:none;
}
#rightblue li.menublue2 {
	background-color: #6A89AB;
	width:85px;
}
#rightblue li.menublue2 a{
	color: #fff;
}
#rightblue li.menudark {
	background-color: #000033;
	color: #fff;
}
#rightblue li.menudark2 {
	background-color: #000033;
	color: #fff;
	border:none;
}
#rightblue li.menudark2 a{
	color:#fff;
}
#rightblue li.menudark a {
	color: #fff;
}
#rightblue li.menublue a {
	color: #fff;
}
/* Q2000 spec */
#spec {
	width: 518px;
	height:500px;
	border: 1px solid #000033;
	background-color: #6A89AB;
	font-size: 1em;
	color: #FFFFFF;
	padding: 30px 10px 10px 10px;
}
#specleft {
	width:318px;
	float:left;
}
#specleft p{
	height:20px;
	padding:3px 0 2px;
	color: #fff;
	border-bottom: 1px solid #fff;
}
#specright {
	width:200px;
	float:left;
}
#specright p{
	height:20px;
	padding:3px 0 2px 20px;
	color: #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
/* Q200 Tzero */
#gla{	
	margin:0;
	padding:0;
	font-size:10px;
	border-right: 1px solid #000033;
	border-left: 1px solid #000033;
	border-bottom: 1px solid #000033;
	background-color:#E3EAEF;
}
#gla ul{
	padding: 10px;
	margin: 0 0 0 25px;
}
#gla li{
	color: #000;
	line-height: 150%;	
	list-style-type: disc;
}
.g_title{	
	padding: 0 0 20px 0;
	text-align:right;
	vertical-align:bottom;
}
.g_gla{
	padding: 50px 0 20px 0;
	text-align:left;
	vertical-align:bottom;	
}
.g_gla2{
	padding: 20px 0;
	text-align:left;
	vertical-align:bottom;	
}
/* Q200 feature */
#featurecontentsback{
	background-color:#6A89AB;
	margin:0;
	padding:0;
	border: 1px solid #000033;
	line-height: 0px;
}
#featurecontents{
	font-size:11px;
	line-height: 18px;
	color:#FFFFFF;
	margin:0;
	padding:0;
}
#featurecontents h2{
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	width: 200px;
	font-size:14px;
	color: #fff;
	background-color: #000033;	
	border-bottom: 3px solid #ff6600;
}
#featurecontents ul{
	padding:10px 0 0 20px;
}
#featurecontents li{
	color: #fff;
	list-style-type: disc;
}
#featurecontents a{
	display:block;
	padding: 0 10px 10px 0;
	text-decoration:none;
	text-align:right;
}
#featurecontents2{
	font-size:11px;
	line-height: 18px;
	color:#FFFFFF;
	margin:0;
	padding:0;
}
#featurecontents2 h2{
	margin: 30px 0 0 0;
	padding: 0 0 0 10px;
	width: 200px;
	font-size:14px;
	color:#FFFFFF;
	background-color: #000033;	
	border-bottom: 3px solid #ff6600;	
}
#featurecontents2 ul{
	padding: 10px 0 0 20px;
}
#featurecontents2 li{
	color: #fff;
	list-style-type: disc;
}
#featurecontents2 a{
	display:block;
	padding: 0 10px 10px0;
	text-decoration: none;
	text-align: right;
}
/* Q20 */
#rightimage{ padding: 34px 0 10px 0; }
#rightblue20 {
	width: 540px;
	margin: 36px 0 0 0;
	list-style: none;
}
#rightblue20 li {
	float: left;
	width: 128px;
	border-left: 2px solid #fff;
	padding: 3px 0 4px 5px;
	font-size:1.0em;
	height: 12px;
	text-align:center;
	list-style: none;
	display: block;
}
#rightblue20 li a {
	text-decoration: none;
	display: block;
}
#rightblue20 li.menublue {
	background-color: #6A89AB;
	width:130px;
	border:none;
}
#rightblue20 li.menublue2 {
	background-color: #6A89AB;
	width:130px;
}
#rightblue20 li.menublue2 a{ color: #fff; }

#rightblue20 li.menudark { 
	background-color: #000033;
	color: #fff;
}
#rightblue20 li.menudark2 {
	background-color: #000033;
	color: #fff;
	border:none;
}
#rightblue20 li.menudark2 a { color:#fff; }
#rightblue20 li.menudark a { color: #fff; }
#rightblue20 li.menublue a { color: #fff; }
/* DSC Application */
.koumoku{
	margin: 25px 0 0 0;
	width: 540px;
	clear: both;
}
.koumoku2{
	padding: 25px 0 0 0;	
	width: 540px;
	clear: both;
}
.honbun2{
	width: 290px;
	font-size: 11px;
	color: #333;
	line-height: 15px;
	float:left;
}
.zu {
	float:right;
}
/* Single Page Layouts: tga,tma,sdt,dma */
#singlefeatured {
	margin: 0 0 30px 0;
	clear: both;
    overflow: hidden;
    display: inline-table;
}
#singlefeatured #leftcol {
	width: 228px;
	float: left;
}
#singlefeatured #rightcol {
	width: 310px;
	float: right;
}
.serieswrapper {
	margin: 20px 0 0 0;
	clear: both;
    overflow: hidden;
    display: inline-table;
}
.serieswrapper .leftbox {
	width: 245px;
	float: left;
}
.serieswrapper .rightbox {
	padding: 10px 0 0 10px;
	width: 275px;
	float: right;
}
/* 'a' classes have the exact specified width.
ex: zu170a = 170px */
.zu120, .zu150, .zu160a, .zu170tri, .zu170a, .zu180a, .zu190a, .zu220, .zu220a, .zu240, .zu250, .zu260, .zu270a, .zu280, .zu280a, .zu320, .zu330, .zu360, .zu360a
{
	margin: 0 0 10px 0;
	clear: both;
    overflow: hidden;
    display: inline-table;
}
.zu120 .left {
	width: 120px;
	float: left;
}
.zu120 .right {
	padding: 0 0 0 10px;
	width: 400px;
	float: right;
}
.zu150 .left {
	width: 150px;
	float: left;
}
.zu150 .right {
	padding: 0 0 0 10px;
	width: 370px;
	float: right;
}
.zu160a .left {
	width: 160px;
	float: left;
}
.zu160a .right {
	padding: 0 0 0 10px;
	width: 370px;
	float: right;
}
.zu170a .left {
	width: 170px;
	float: left;
}
.zu170a .right {
	margin: 0 0 0 10px;
	width: 360px;
	float: left;
}
.zu170tri .left,
.zu170tri .center {
	margin: 0 15px 0 0;
	width: 170px;
	float: left;
}
.zu170tri .right {
	width: 170px;
	float: left;
}
.zu180a .left {
	width: 180px;
	float: left;
}
.zu180a .right {
	padding: 0 0 0 15px;
	width: 345px;
	float: right;
}
.zu190a .left {
	width: 190px;
	float: left;
}
.zu190a .right {
	padding: 0 0 0 10px;
	width: 340px;
	float: right;
}
.zu220 .left {
	padding: 0 10px 0 0;
	width: 210px;
	float: left;
}
.zu220 .right {
	width: 320px;
	float: right;
}
.zu220a .left {
	width: 220px;
	float: left;
}
.zu220a .right {
	padding: 0 0 0 10px;
	width: 310px;
	float: right;
}
.zu240 .left {
	width: 240px;
	float: left;
}
.zu240 .right {
	padding: 0 0 0 10px;
	width: 290px;
	float: right;
}
.zu250 .left {
	width: 250px;
	float: left;
}
.zu250 .right {
	padding: 0 0 0 10px;
	width: 280px;
	float: right;
}
.zu260 .left {
	width: 260px;
	float: left;
}
.zu260 .right {
	padding: 0 0 0 15px;
	width: 260px;
	float: right;
}
.zu270a .left {
	padding: 0 15px 0 0;
	width: 250px;
	float: left;
}
.zu270a .right {
	width: 270px;
	float: right;
}
.zu280 .left {
	padding: 0 10px 0 0;
	width: 260px;
	float: left;
}
.zu280 .right {
	width: 250px;
	float: right;
}
.zu280a .left {
	width: 280px;
	float: left;
}
.zu280a .right {
	padding: 0 0 0 10px;
	width: 250px;
	float: right;
}
.zu320 .left {
	padding: 0 10px 0 0;
	width: 310px;
	float: left;
}
.zu320 .right {
	width: 220px;
	float: right;
}
.zu330 .left {
	width: 320px;
	float: left;
}
.zu330 .right {
	padding: 0 0 0 10px;
	width: 200px;
	float: right;
}
.zu360 .left {
	padding: 0 10px 0 0;
	width: 350px;
	float: left;
}
.zu360 .right {
	width: 180px;
	float: right;
}
.zu360a .left {
	width: 360px;
	float: left;
}
.zu360a .right {
	padding: 0 0 0 10px;
	width: 170px;
	float: right;
}
/*-----new products--*/
.npwrapper {
	margin-bottom: 15px;
	width: 540px;
	clear: both;
	overflow: hidden;
    display: inline-table;
}
.npwrapper .left {
	width: 115px;
	float: left;
}
.npwrapper .right {
	width: 415px;
	float: right;
}
/*-----videos,applications+articles--*/
#video-app-articles {
	width: 540px;
	background: #cedce5;
	clear:both;
}
#video-app-articles h2 {
	padding: 5px 20px;
	background: #272a4b;
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
}
#video-app-articles dl {
	padding: 10px 15px;
}
#video-app-articles dd {
	margin-bottom: 7px;
	color: #272a4b;
	font-size: 1.2em;
}
#video-app-articles dd.youtube {
	padding-left: 25px;
	min-height: 16px;
	background: url(../images/youtube.png) no-repeat;
}
#video-app-articles dd.pdf {
	padding-left:25px;
	min-height: 16px;
	background: url(../images/pdf.gif) no-repeat;
}
/*-----//PRODUCTS--*/

/*-----COMPANY--*/
.company-googlemap {
	margin: 10px 0;
	width: 536px;
	height: 308px;
}
/*-----//COMPANY--*/

/*-----CATEGORY TOP PAGE--*/
#categorytop {
	width: 783px;	
	clear: both;
}
#categorytop-bgtop {
	padding-top: 21px;
	background: url(../images/category_top_bg_top.png) no-repeat left top;
}
#categorytop-bgbtm {
	padding-bottom: 21px;
	background: url(../images/category_top_bg_btm.png) no-repeat left bottom;
}
#categorytop-bgmid {
	padding: 0 10px 0 20px;
	width: 753px;
	background: url(../images/category_top_bg_mid.png) repeat-y left bottom;
	text-align: left;
	clear: both;
	overflow: hidden;
}
#categorytop #leftcontent {
	width: 460px;
	float: left;
}
#categorytop #rightimages {
	width: 260px;
	float: right;
}
#categorytop #rightimages h2 {
	margin-bottom: 2px;
	font-size: 14px;
	color: #1a4b83;
}

/*-----//CATEGORY TOP PAGE--*/

/*-----subPageImages with jquery--*/
#slider {
	position: relative;
	margin: 71px 0 0 0;
	width: 780px;
	height: 168px;
}
#slider img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
}
#slider img.active {
	z-index: 10;
	opacity: 1.0;
}
#slider img.last-active {	
	z-index: 9;
}
/*-----//subPageImages with jquery--*/

/*-----FLOAT HACK--*/
#header:after,
#leftbodywrapper:after,
#singlefeatured:after,
.serieswrapper:after,
.zu120:after,
.zu150:after,
.zu160a:after,
.zu170tri:after, .zu170a:after,
.zu180a:after,
.zu190a:after,
.zu220:after, .zu220a:after,
.zu240:after,
.zu250:after,
.zu260:after,
.zu270a:after,
.zu280:after, .zu280a:after,
.zu320:after,
.zu330:after,
.zu360:after,
.zu360a:after,
.npwrapper:after,
#categorytop-bgmid:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
*+ html #header,
*+ html #leftbodywrapper,
*+ html #singlefeatured,
*+ html .serieswrapper,
*+ html .zu120,
*+ html .zu150,
*+ html .zu160a,
*+ html .zu170tri, *+ html .zu170a,
*+ html .zu180a,
*+ html .zu190a,
*+ html .zu220, *+ html .zu220a,
*+ html .zu240,
*+ html .zu250,
*+ html .zu260,
*+ html .zu270a,
*+ html .zu280,
*+ html .zu280a,
*+ html .zu320,
*+ html .zu330,
*+ html .zu360,
*+ html .zu360a,
*+ html .npwrapper,
*+ html #categorytop-bgmid {
    height: 1%;
    overflow: visible;
}
* html #header, 
* html #leftbodywrapper,
* html #singlefeatured,
* html .serieswrapper,
* html .zu120,
* html .zu150,
* html .zu160a,
* html .zu170tri, * html .zu170a,
* html .zu180a,
* html .zu190a,
* html .zu220, * html .zu220a,
* html .zu240,
* html .zu250,
* html .zu260,
* html .zu270a,
* html .zu280,
* html .zu280a,
* html .zu320,
* html .zu330,
* html .zu360,
* html .zu360a,
* html .npwrapper,
* html #categorytop-bgmid {
    height: 1em;
    overflow: visible;
}
/**/
/*-----//FLOAT HACK--*/