/*- Menu Tabs J--------------------------- */

    #tabsJ {
	font-size:93%;
	line-height:normal;
	margin: 0px 10px 0px 10px;
	float: left;
	background-image: url(images/products2.jpg);
	background-repeat: no-repeat;
	background-color: #999999;
	height: 34px;
	/*********** width control section *************************************************************/
	/* this section in #tabsJ, #productContent and .productTitle must be identical to each other */
	width: 80%;
	min-width: 550px;
	max-width: 800px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 810 ? "550px" : "80%" );
	/*********** width control ends here ***********************************************************/
      }
    #tabsJ ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}

    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }
		
#productContent {
	margin: 0px 10px 0px 10px;
	padding: 0em;
	border: 1px solid #24618E;
	float: left;
	background-color: #FFFFFF;
	/*********** width control section *************************************************************/
	/* this section in #tabsJ, #productContent and .productTitle must be identical to each other */
	width: 80%;
	min-width: 550px;
	max-width: 800px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 810 ? "550px" : "80%" );
	/*********** width control ends here ***********************************************************/
}
.listNav {
	background-color: #BBBBEE;
	padding: 5px;
	font-size: small;
}
#productContent .colLabel {
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	border: 1px solid #FFFFFF;
	padding: 2px 5px 2px 5px;
}
.productTitle {
	background-image:url(images/products1.jpg);
	background-repeat:no-repeat;
	background-color:#999999;
	height:44px;
	float: left;
	margin-left: 10px;
	/*********** width control section *************************************************************/
	/* this section in #tabsJ, #productContent and .productTitle must be identical to each other */
	width: 80%;
	min-width: 550px;
	max-width: 800px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 810 ? "550px" : "80%" );
	/*********** width control ends here ***********************************************************/
}