/***********************/
/***** global **********/
/***********************/
body {
  margin:0;
  padding:0;
  background:url(http://www.jvsemi.com/images/bg_main2.gif) 50% 0 repeat;
  background-color:#000;
  text-align:center;
}
form {
  margin:0;
  padding:0;
}
div, td {
  font-family:arial,sans-serif;
  font-size:12px;
  line-height:20px;
  color:#fff;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
p {
  margin:0;
  padding:10 0 10 0;
}
a, a:link, a:active {
  color:#fff;
  text-decoration:underline;
  font-weight:bold;
}
a:visited {
  color:#fff;
}
a:hover {
  text-decoration:none;
}

/***********************/
/***** containers ******/
/***********************/
#fade-bg {
  background:url(http://www.jvsemi.com/images/bg_main.gif) 50% 0 repeat-x;
  height:100%;
}
#floater {
  width:780px;
  margin:0 auto;
  text-align:left;
}
#main-bg {
  background:url(http://www.jvsemi.com/images/bg_page.gif) 0 100% repeat-y;
  width:780px;
  float:left;
}
#master {
  float:left;
  width:760px;
}

/***********************/
/*****  header    ******/
/***********************/
#header {
  width:760px;
  margin:0;
  padding:0;
  float:left;
}
#nav-cap-left {
  float:left;
  width:10px;
  height:400px;
}
#nav-cap-right {
  float:right;
  width:10px;
  height:400px;
}
#logo-container {
  width:760px;
}
#logo {
  width:264px;
  height:53px;
  margin:0;
  padding:0;
  float:left;
}
#logo-wave {
  width:319px;
  height:53px;
  margin:0;
  padding:0;
  float:left;
}
#logo-tagline {
  width:177px;
  height:53px;
  margin:0;
  padding:0;
  float:left;
}

/***********************/
/*****    menus  *******/
/***********************/
.rollover a {
  display:block;
}
.rollover a:hover img {
  visibility:hidden;
}
#nav, #auxnav, #homenav {
  float:left;
  margin:0;
  padding:0px;
  list-style:none;
  z-index:20;
  line-height:1px;
}
#nav li, #auxnav li, #homenav li {
  float:left;
  top:0;
  margin:0;
  padding:0;
}
.nav-container {
  width:760px;
  float:left;
}
#temp-login-replacement {
  float:left;
  width:51px;
}

/* Nav */
#home         { width:30px; height:45px; background:url(http://www.jvsemi.com/images/nav_home_a.gif) transparent 0 0 no-repeat; }
#logo-mid     { width:121px; height:45px; margin:0px; padding:0px; float:left;}
#products     { width:113px; height:45px; background:url(../images/nav_products_a.gif) transparent 0 0 no-repeat; }
#applications { width:129px; height:45px; background:url(../images/nav_applications_a.gif) transparent 0 0 no-repeat; }
#jvx_technology      { width:150px; height:45px; background:url(../images/nav_jvxtech_a.gif) transparent 0 0 no-repeat; }
#company      { width:108px; height:45px; background:url(../images/nav_company_a.gif) transparent 0 0 no-repeat; }
#contact      { width:109px; height:45px; background:url(../images/nav_contact_a.gif) transparent 0 0 no-repeat; }

#home.on, #home a:hover                 { width:30px; height:45px; background:url(../images/nav_home_b.gif) transparent 0 0 no-repeat; }
#products.on, #products a:hover         { width:113px; height:45px; background:url(http://www.jvsemi.com/images/nav_products_b.gif) transparent 0 0 no-repeat; }
#applications.on, #applications a:hover { width:129px; height:45px; background:url(http://www.jvsemi.com/images/nav_applications_b.gif) transparent 0 0 no-repeat; }
#jvx_technology.on, #jvx_technology a:hover           { width:150px; height:45px; background:url(http://www.jvsemi.com/images/nav_jvxtech_b.gif) transparent 0 0 no-repeat; }
#company.on, #company a:hover           { width:108px; height:45px; background:url(http://www.jvsemi.com/images/nav_company_b.gif) transparent 0 0 no-repeat; }
#contact.on, #contact a:hover           { width:109px; height:45px; background:url(http://www.jvsemi.com/images/nav_contact_b.gif) transparent 0 0 no-repeat; }

/* Auxnav */
#logo-bottom { width:442px; height:28px; margin:0px; padding:0px; float:left;}
#news        { width:51px; height:28px; background:url(../images/auxnav_news_a.gif) transparent 0 0 no-repeat; }
#events      { width:57px; height:28px; background:url(../images/auxnav_events_a.gif) transparent 0 0 no-repeat; }
#support     { width:63px; height:28px; background:url(../images/auxnav_support_a.gif) transparent 0 0 no-repeat; }
#login       { width:51px; height:28px; background:url(http://www.jvsemi.com/images/auxnav_login_a.gif) transparent 0 0 no-repeat; }
#emailpage   { width:96px; height:28px; background:url(../images/auxnav_emailpage_a.gif) transparent 0 0 no-repeat; }

#news.on, #news a:hover           { width:51px; height:28px; background:url(http://www.jvsemi.com/images/auxnav_news_b.gif) transparent 0 0 no-repeat; }
#events.on, #events a:hover       { width:57px; height:28px; background:url(http://www.jvsemi.com/images/auxnav_events_b.gif) transparent 0 0 no-repeat; }
#support.on, #support a:hover     { width:63px; height:28px; background:url(http://www.jvsemi.com/images/auxnav_support_b.gif) transparent 0 0 no-repeat; }
#login.on, #login a:hover         { width:51px; height:28px; background:url(http://www.jvsemi.com/images/auxnav_login_b.gif) transparent 0 0 no-repeat; }
#emailpage.on, #emailpage a:hover { width:96px; height:28px; background:url(http://www.jvsemi.com/images/auxnav_emailpage_b.gif) transparent 0 0 no-repeat; }

/***********************/
/*****   content  *******/
/***********************/
#content {
  background-color:#fff;
  width:760px;
  padding:0px;
  margin:0px;
  float:left;
}
.error {
  color:#F00;
}
.caption {
  font-size:10px;

}
.news-image {
  float:right;
  padding:0px 0px 10px 15px;
}
/***********************/
/*****  left column  ***/
/***********************/
#content-container-left {
  float:left;
  width:205px;
  padding-top:29px;
}
#content-container-left-spacer {
  width:30px;
  float:left;
}
#maincontent-left {
  float:left;
}
#subnav-container{
  width:175px;
}
#subnav, #sitemap-subnav {
  margin:0;
  padding:0px;
  margin-left:15px;
  list-style-type:square;
  color:#ccc;
  padding-top:10px;
}
#subnav li, #sitemap-subnav {
  top:0;
  margin:0;
  padding:0;
}
#sitemap-subnav li {
  margin-left:15px;
}
#subnav li a {
	font-size:10px;
	font-weight:bold;
	font-family:verdana;
	color:#FF7203;
}
#subnav li a.on {
  text-decoration:none;
	color:#85B0C6;
}
#subnav li a:hover {
  text-decoration:none;
	color:#85B0C6;
}
.subnav-continent {
  color:#000;
  font-weight:bold;
  padding-top:10px
}
#demo-box {
  margin-top:150px;
  background-color:#868F98;
  width:160px;
}
#demo-links {
  top:0;
  margin:0;
  margin-left:30px;
  padding:0;
}
#demo-links li {
  line-height:17px;
  padding-bottom:7px;
  color:#fff;
  padding-left:0px;
}
#demo-links li#last {
  padding-bottom:0px;
}

/***********************/
/*****  right column ***/
/***********************/
#content-container-right {
  float:left;
  padding:0px 0 0 15px;
  margin:29px 0 0 0;
  width:511px;
}
#page-header {
  width:511px;
}
#prevnext {
  float:right;
  color:#868F98;
  font-size:10px;
  font-family:verdana;
  padding-right:20px;
}
#prevnext a {   
  font-size:10px;
	font-weight:bold;
	font-family:verdana;
	color:#FF7203;
}          
#prevnext a:hover {
  text-decoration:none;
	color:#85B0C6;
}
#page-title {
  float:left;
  font-size:24px;
  line-height:24px;
	font-weight:bold;
	font-family:arial;
	color:#FF7203;
  width:260px;
  padding-left:4px;
}
#page-title-long {
  float:left;
  font-size:24px;
  line-height:24px;
	font-weight:bold;
	font-family:arial;
	color:#FF7203;
  padding-left:4px;
}
.office-subtitle {
  font-size:14px;
}
#content-box {
  clear:left;
  float:left;
  width:511px;
  background-color:#7DAEC7;
  margin-top:17px;
}
#content-top, #content-body, #content-bottom {
   float:left;
   width:511px;
}
#content-text {
  padding-top:14px;
  float:left;
  padding-left:30px;
  padding-right:30px;
  position:relative;
}
#prod-image {
  position:absolute;
  left:-69px;
  top:0px
}
#subtitle {
  font-size:14px;
	font-weight:bold;
	font-family:arial;
	color:000000;
}
#subtitle-sm {
  font-size:12px;
	font-weight:bold;
	font-family:arial;
	color:000000;
}
/***********************/
/*****  bottom   *****/
/***********************/
#spec-apps {
  width:511px;
  float:left;
  padding-top:20px;
}
#specifications {
  float:left;
  width:255px;
}
#application_notes {
  float:left;
  width:255px;
}
ul.filelist {
  margin:10px 0 0 0;
  padding:0;
  list-style:none;
}
ul.filelist li {
  margin:0 0 5px 0 !important;
  padding:0 0 5 24px !important; /* width of icon + whitespace */
  line-height:15px; /* height of icon + vertical position */
  background-repeat:no-repeat;
  background-position:0 1px;
}
.filelist .pdf  { 
  background-image:url(http://www.jvsemi.com/images/icon_pdf.gif); 
}
.filelist li.pdf a {
	font-size:10px;
	font-weight:bold;
	font-family:verdana;
	/*color:#FF7203;*/
	color:#fff;
}
.filelist li a:hover {
  text-decoration:none;
	color:#fff;
}
#reader {
  float:left;
  width:700px;
  padding-top:10px;
  padding-left:30px;
}
#readertext {
  width:700px;
  color:#868F98;
  font-size:10px;
  font-weight:normal;
  margin:0;
  padding:10 0 0 0;
  text-align:right;
  line-height:14px;
}
#readertext a {
  font-size:10px;
	font-weight:bold;
	font-family:verdana;
	color:#FF7203;
}
#readertext a:hover {
  text-decoration:none;
	color:#85B0C6;
}

/***********************/
/*****   footer  *****/
/***********************/
#footer {
  width:770px;
  float:left;
}
#footer-text  {
  float:left;
  padding-left:40px;
  padding-bottom:25px;
  color:#ccc;
	font-size:10px;
	font-family:verdana;
  width:640px;
}
#footer a {
  color:#ccc;
  font-size:10px;
}
#siteby {
  float:right;
  padding-right:30px;
}
#siteby, #siteby a {
  text-align:right;
  color:#ccc;
  font-size:10px;
  text-decoration:none;
}
#siteby a {
  font-weight:bold;
  font-size:11px;
}

/***********************/
/*****  email  *****/
/***********************/
.emails {
  padding-left:160px;
}
ul.email-list {
  margin:20px 0 0 0;
  padding:0;
}
ul.email-list li {
  padding:6 20px 0 0;
  list-style-type:none;
  background:url(http://www.jvsemi.com/images/email.gif) no-repeat 0 10px;
}
ul.email-list li a {
  padding:0 0 0 20px; 
  height:0;
}

/***********************/
/*****  misc  *****/
/***********************/
.content-image {
  margin: 15px 0px 15px 15px;
  border:1px solid #fff;
}


/***********************/
/*****   dhtml   *****/
/***********************/
div.dropdown {
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  opacity: 0.95;
  border: 1px solid #c0c0c0;
  background-color: #7DAEC7;
  margin: 0;
  padding: 0;
  position: absolute; 
  top: 0px; 
  left: 0px; 
  visibility: hidden; 
  z-index: 3;
  text-align: left;
  width: 150px;
}
div.dropdown img {
  display: block;
}
div.dropdown-shadow {
  filter: alpha(opacity=10);
  -moz-opacity: 0.10;
  opacity: 0.10;
  background-color: #000000;
  left: 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 2;
}
div.menu-active a,
div.menu-active a:link,
div.menu-active a:visited,
div.menu-active a:active,
div.menu-active a:hover {
  background-color: #7DAEC7;
  color: #fff;
  display: block;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  text-decoration: none;
  white-space: nowrap;
}
div.menu-active a:hover {
  background-color: #E36F17;
  color: #fff;
}
div.menu-separator {
  font-size: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
  height: 0px;
  border-bottom: 1px solid #d0d0d0;
}
.transparent {
  filter: alpha(opacity=20);
  -moz-opacity: 0.20;
  opacity: 0.20
}