div.content { clear: left; width: 390px; height: 242px; margin-top: 15px; text-align: center; background: url(images/tob_box_bg.jpg) repeat-x;  }

div.content.inactive {
	display: none;
}

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
    width: 183px;
    color: #008;
    display: block;
    float: left;
    height: 37px;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    /*background-color: #3af;*/
    background-position: 0px -37px;
}

ol#toc li { float: left; margin: 0 1px 0 0; }
ol#toc li a.active { background-position: 0px -37px; color: #fff; font-weight: bold; }

#tli1{ background: url(images/Video_tab.gif) no-repeat; }
#tli2{ background: url(images/Case_tab.gif) no-repeat; }
#tli4{ background: url(images/news_tab.gif) no-repeat; }
#tli3{ background: url(images/Product_tab.gif) no-repeat; }

.prodtble{ margin-top: 15px; }
.prodtble td p{ margin: 5px 0 0 0; padding: 0; font: .6em Verdana, Verdana, Geneva, sans-serif; }
#page-4 p{ font: .7em Arial, Arial, Helvetica, sans-serif; text-align: left; margin: 10px 10px 0 10px; }
#page-4 .ptitle{ font: bold .8em Arial, Arial, Helvetica, sans-serif; text-align: left; margin: 10px 10px 0 10px; }

.vidtxt{ text-align: left; margin: 5px 0 0 25px; padding: 0; font: .6em Verdana, Verdana, Geneva, sans-serif; }
.vidtxt a{ color: #fff; text-decoration: none; }.vidtxt a:hover{ text-decoration: underline; }