/* CSS Document */

/* 
############################
Master Cascading Style Sheet
############################
*/


body {background:#D7E1ED; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#424242; font-size:12px;}
.errorBlock {background-color:#FFFF00; font-weight:bold; text-align:center; padding:1em;}
a:link {
	color:#00C;
}
a:active {
	color:#00C;
}
a:visited {
	color:#00C;
}
a:hover {color:#961A42; text-decoration:none;}
.eighty {font-size:80%;}
.eightyblack {font-size:80%; color:#FFFFFF;}
.eightyfive {font-size:85%;}
.ninety {font-size:90%;}
.ninetyfive {font-size:95%;}
.onehunten {font-size:110%;}
.onehuntwenty {font-size:120%;}
.onehunthirty {font-size:130%;}
.red {color:#961A42;}
.fontBold {font-weight:bold;}
.bgyellow {background-color:#FFFF00;}
.bggreen {background-color:#31CF00;}

#bottom {background-color:#dae7ef; height:7px;}


/********** HEADER AND NAV ******************/
#header {height:121px; padding:10px 10px 8px 0; margin:0;}
#header h1 {float:left; width:240px; margin:0; padding:0; text-indent:-999em; height:117px;}
#header h1 a:link {display:block; height:127px; text-decoration:none;}
#header h1 a:active {display:block; height:127px; text-decoration:none;}
#header h1 a:visited {display:block; height:127px; text-decoration:none;}
#header h1 a:hover {display:block; height:127px; text-decoration:none;}
/*div#title { width:225px; height:117px; border:1px solid red;}
*/
#header h1 {background:url(/images/Logo.jpg) 0 0 no-repeat; height:127px;}
div#nav {background:url(/images/Logo.jpg) #5c789b 0 0 no-repeat; height:127px; }
div#nav div {float:left; width:16.1%; height:117px; margin:0; border-color:#D7E1ED; border-style:solid; border-width:0 1px; padding:10px 1px 0 4px; background:#5c789b; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
*html div#nav div {float:left; width:23.5%; height:117px; margin:0; border-color:#D7E1ED; border-style:solid; border-width:0 1px; padding:10px 1px 0 4px; background:#5c789b; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
div#nav div.product {border-color:#D7E1ED; border-style:solid; border-width:0 1px 0 0;}
/*-div#nav div.abouttUs {border-color:#fff; border-style:solid; border-width:0 2px 0 1px;}*/
div#nav div.about {border-color:#b6d0e1; border-style:solid; border-width:0 0 0 1px;}
/*div#nav div.contact {border-color:#b6d0e1; border-style:solid; border-width:0 2px 0 1px;}*/
div#nav div.forDevelopers {border-color:#D7E1ED; border-style:solid; border-width:0 2px 0 1px;}
#header h4 {font-size:10px; font-weight:bold; color:#FDFBFB; padding:0; margin:0 0 8px 0;}
#header h4 a:link {color:#fdfbfb; text-decoration:none; display:block;}
#header h4 a:active {color:#fdfbfb; text-decoration:none; display:block;}
#header h4 a:visited {color:#fdfbfb; text-decoration:none; display:block;}
#header h4 a:hover {color:#fdfbfb; text-decoration:none; display:block;}
#header h4.productInfo {background:url(/images/nav/productInfo.gif) 0 0 no-repeat; text-indent:-999em;}
#header h4.forDevelopers {background:url(/images/nav/forDevelopers.gif) 0 0 no-repeat; text-indent:-999em;}
#header h4.aboutUs {background:url(/images/nav/aboutUs.gif) 0 0 no-repeat; text-indent:-999em;}
#header h4.contactUs {background:url(/images/nav/contactUs.gif) 0 0 no-repeat; text-indent:-999em; }
#header ul {font-size:10px; font-weight:bold; line-height:13px; color:#DDDBDB; margin:0; padding:0; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#header li {padding:1px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#header li a:link {color:#dddbdb; text-decoration:none; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#header li a:active {color:#dddbdb; text-decoration:none; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#header li a:visited {color:#dddbdb; text-decoration:none; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#header li a:hover {color:#fdfbfb; text-decoration:none; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px;}


.box { padding-top: 10px; }
.content p, li { color: #000000; line-height: 1.4em; letter-spacing:0.03em; font-size:12px; }
.content p { margin-left: 23px; margin-right: 23px; }
.contet ul { margin-left: 1px; }
.content ol { padding-left: 45px; }
.content li { letter-spacing:0; }
.content h2, .content h3, .content h4 { }

/************ Home Page Body ****************/

div#main {background:url(/images/expanded_bkgd_copy.jpg) #bfcee1 0 0 no-repeat; border:1px solid #d3e1ec; margin:.5em auto; padding:0; width:99%; }
*html div#main {background:url(/images/expanded_bkgd_copy.jpg) #bfcee1 0 0 no-repeat; border:1px solid #d3e1ec; margin:0 auto; padding:0; width:99%;}

div.set770 {width:768px; margin:auto;}
div.set1200 {width:1200px; margin:auto;}

div#mainlogin {background:url(/images/kionix-bg.gif) 0 0 no-repeat; border:1px solid #d3e1ec; width:400px; margin:1em auto; padding:0; height:300px;}
div#hBody {margin:5px 0 0 0; padding:0; }
*html div#hBody {margin-top:0;}
div#middle {height:280px; background:url(../images/peopleLaptop222.gif) 10px 0 no-repeat; padding-left:230px;}
*html div#middle {height:280px; background:url(../images/peopleLaptop222.gif) 10px 0 no-repeat; padding-left:230px;}
#middle h2 {background:url(../images/trustedLeader_expanded.jpg) center no-repeat; height:275px; margin:0 10px; text-indent:-999em;}
#footer h3 {margin:0 0 10px 15px; padding:0; font-size:11px; color:#595858;}
#announcements h3 {background:url(/images/announcements.gif) 0 0 no-repeat; text-indent:-999em;}
/*#news h3 {background:url(/images/news.gif) 0 0 no-repeat; text-indent:-999em;}*/

div#announcements {margin:15px 0px 0 0; float:left; width:240px; border-right:1px solid #961a43;}
/*div#news {margin:0px 0px 0 2px; width:317px; float:left; height:135px; border-right:0px solid #961a43; }*/
/*height:135px; */
div#news { margin:15px 0px 0 0px; width:200px; float:left; }
*html div#news {margin-top:15px;}
div#verticalLine {margin:15px 4px 0 0; float:left; width:10px; border-right:1px solid #961a43; height:135px;}
div#copyright {height:135px; margin-left:460px;}
#copyright p {font-size:8px; margin:0; padding:0 0 0 0; line-height:16px; color:#000000;}
#copyright a:link {color:#000000; text-decoration:none; }
#copyright a:active {color:#000000; text-decoration:none; }
#copyright a:visited {color:#000000; text-decoration:none;}
#copyright a:hover {color:#961A42; text-decoration:none; }
/*
#news ul {margin:0 0 0 28px; padding:1px 0 0 0;}
#news ul li {list-style-image:url(../images/bullet.gif); margin:2px 0 0 0; font-size:9px; line-height:11px; color:#000000;}
#news ul li a:link {color:#000000; text-decoration:none; }
#news ul li a:active {color:#000000; text-decoration:none; }
#news ul li a:visited {color:#000000; text-decoration:none;}
#news ul li a:hover {color:#961A42; text-decoration:none; }


#news a:link {color:#000000; text-decoration:none; }
#news a:active {color:#000000; text-decoration:none; }
#news a:visited {color:#000000; text-decoration:none;}
#news a:hover {color:#961A42; text-decoration:none; }
*/
#news p {margin:0 0 0 15px; line-height:16px; font-size:11px; color:#000000; }
div#morenews {font-family:Arial, Helvetica, sans-serif; color:#424242; font-size:9px;}

.more {text-align:center; padding:15px 15px; font-size:99pt; font-family:Arial, Helvetica, sans-serif; color:#424242;}
.more a {color:#961a42;}

#announcements p {margin:0 0 0 15px; line-height:16px; font-size:11px; color:#000000;}
/*
#announcements a:link {color:#000000; text-decoration:none; }
#announcements a:active {color:#000000; text-decoration:none; }
#announcements a:visited {color:#000000; text-decoration:none;}
#announcements a:hover {color:#961A42; text-decoration:none; }
*/
/*div.computer {height:120px; background:url(/images/womanOnPhone.gif) 0 15px no-repeat;}*/
div.computer {height:120px; background:url(/images/spacer.gif) 0 15px no-repeat;}
/*div.camera {height:120px;  background:url(/images/camera.jpg) 100px 15px no-repeat;}*/
/*
div.camera  {height:120px; background:url(/images/film_strip.gif) 0 15px no-repeat;}

div.videogame {height:180px; background:url(/images/VideoGamer.gif) 10px 0px no-repeat;}
*/
div.camera  {background:url(/images/film-strip-with-navigation.gif) 0 15px no-repeat; height:120px;}

/*div.videogame {height:180px; background:url(/images/VideoGamer.gif) 10px 0px no-repeat;}*/
#videogame {height:110px;) 15px 0px no-repeat; cursor:pointer;}
#videogame h2 a:link, #videogame h2 a:active, #videogame h2 a:visited, #videogame h2 a:hover {display:block;}
#videogame p {margin:0 0 0 15px; line-height:16px; font-size:12px; color:#000000; }

#bullets ul li {list-style-image:url(../images/bullet.gif); margin:1px 0 0 0; font-size:11px; line-height:13px; color:#000000; padding: 0.5px; }



/************ Scrolling Div Page Body ****************/
div#cMain {background:url(/images/content1BK.jpg) 0 0 no-repeat; width:770px; padding:0; }
div#cBody {margin:0; padding:0;}
div#cBody2 {margin:0; padding:0;}
div#leftCol {float:left; width:221px; height:450px; margin:5px 0 0 10px;}
*html div#leftCol {margin-top:0; float:left; margin-left:5px;}
div#leftColBottom {height:450px; width:221px;}
div#rightCol {margin-left:237px; padding-top:5px;}
*html div#rightCol {padding-top:0;}
#rightCol #content {padding:15px; margin:5px 0 auto; text-align:left; min-width:500px; max-width:890px;}
#content h2 {font-size:16px; margin-top:12px;}
#content div.innerCol1 {float:left; width:218px; margin:0 5px 0 0;}
#content div.innerCol2 {margin:19px 0 0 120px; width:246px;}
#content p {color:#000000; font-family:Arial, Helvetica, sans-serif;}
div.login {float:right; margin-top:12px; border: medium solid 1px}
*html div.login {margin-top:0;}

.newsTable th {display:none;}
.newsTable caption {display:none;}
.newsTable td {vertical-align:top; padding:3px 5px;}

dt {color:#961a42;}
dd {margin:0 0 15px 0; color:#000000;}


/************ Tabular Page Body ****************/
div#cPrimary {margin:1em auto;  border:1px solid #d3e1ec; width:770px; background:url(/images/contentBK_primary.jpg) 0 0 repeat-y; }
div#tPrimary {margin:1em auto;  border:1px solid #d3e1ec; width:770px; background:url(/images/tabularBK_primary.jpg) 0 0 repeat-y; }
div#tMain {background:url(/images/tabularBK.jpg) 0 0 no-repeat; width:770px; padding:0;}

div#tBody {padding:20px; margin:5px 0 auto; text-align:center; min-width:720px; max-width:890px;}

div#productTable {padding:10px; margin:5px 0 auto; text-align:center; min-width:720px;}
*html div#productTable {margin-top:0; }
#productTable table  {width:100%; font-size:11px; text-align:center; color:#000000; background-color:#E6EEF4;}
*html #productTable table {width:97%;}
#productTable th {vertical-align:middle; text-align:center; color:#961a42; height:50px; font-size:9px;}
#productTable h2 {font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; margin:3px 0;}
#productTable caption {background-color:#961A42; padding:5px; margin-top:10px; color:#E6EEF4; font-size:12px;}
#productTable td.productHeader {background-color:#5C789B; color:#E6EEF4; font-size:11px; font-weight:bold; padding:3px; text-align:left;}
#productTable td {font-size:12px; color:#000000; background-color:#E6EEF4;}
/*#productTable a:link {color:#000099; text-decoration:underline;}*/


div#productTableSmall {padding:20px; overflow:auto; width:440px; margin:5px auto 0 auto; text-align:center;}
*html div#productTableSmall {margin-top:0; width:435px;}
#productTableSmall table {width:100%; font-size:12px; text-align:center; color:#000000; background-color:#E6EEF4;}
*html #productTableSmall table {width:97%;}
#productTableSmall caption {background-color:#961A42; padding:5px; margin-top:10px; color:#E6EEF4; font-size:12px;}
#productTableSmall h2 {font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; margin:3px 0;}

div#productTableAccelerometers {text-align:center; margin-left:auto; margin-right:auto; border:1px solid #000000;}
*html div#productTableAccelerometers {margin-top:0; }
#productTableAccelerometers table  {width:100%; font-size:11px; text-align:center; color:#000000; background-color:#E6EEF4;}
*html #productTableAccelerometers table {width:100%; font-size:11px; text-align:center; color:#000000; background-color:#E6EEF4;}
#productTableAccelerometers th {vertical-align:middle; text-align:center; color:#961a42; height:50px; font-size:9px;}
#productTableAccelerometers h2 {font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; margin:3px 0;}
#productTableAccelerometers caption {background-color:#961A42; padding:5px; margin-top:10px; color:#E6EEF4; font-weight:bold; font-size:12px;}
#productTableAccelerometers td.productHeader{background-color:#5C789B; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px; text-align:left;}

#productTableAccelerometers li {font-size:12px; color:#FFFFFF;}
#productTableAccelerometers td {font-size:12px; color:#FFFFFF; background-color:#E6EEF4;}
#productTableAccelerometers a:link {color:#FFFFFF; text-decoration:none;}
#productTableAccelerometers a:active {color:#3d3d3d; text-decoration:none;}
#productTableAccelerometers a:visited {color:#FFFFFF; text-decoration:none;}
#productTableAccelerometers a:hover {color:#CCCCCC; text-decoration:none;}

div#productTableNarrow {padding:10px; margin:5px 0 auto; text-align:center; min-width:350px; width:80%; margin-left:auto; margin-right:auto; border:0px solid #000000;}
*html div#productTableNarrow {margin-top:0; }
#productTableNarrow table  {width:100%; font-size:11px; text-align:center; color:#000000; background-color:#E6EEF4;}
*html #productTableNarrow table {width:97%;}
#productTableNarrow th {vertical-align:middle; text-align:center; color:#961a42; height:50px; font-size:9px;}
#productTableNarrow h2 {font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; margin:3px 0; white-space: nowrap;}
#productTableNarrow caption {background-color:#961A42; padding:5px; margin-top:10px; color:#E6EEF4; font-size:12px;}
#productTableNarrow td.productHeader {background-color:#5C789B; color:#E6EEF4; font-size:11px; font-weight:bold; padding:3px; text-align:left;}
#productTableNarrow td {font-size:12px; color:#000000; background-color:#E6EEF4;}

