#product-container {position:relative;width:760px;height:510px;min-height:510px;margin-left:auto;margin-right:auto;background-color:white;}
#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8 {position:absolute;visibility:hidden;left:20px;top:50px;}
#playTOP {position:absolute;left:0px;top:0px;width:760px;height:40px;background-color:WhiteSmoke;padding-top:5px;padding-left:18px;clip:rect(0px,760px,40px,0px);z-index:20;}
#playEnd {position:absolute;left:0px;top:450px;background-color:WhiteSmoke;width:758px;height:60px;z-index:23;}
.pHL {position:absolute;left:65px;top:0px;width:760px;z-index:21;}
.product-detail {position:absolute;left:0px;top:15px;width:auto760px;z-index:22;}

.PI li {margin-left:30px;line-height:12px;color:#909090;font-size:11px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;}
.LisHL {padding-top:2px;margin-left:40px;font-size: 14px;font-weight:bold;color:#000080;}
.tabLisP {margin-left:35px;}
.rfe {margin:1px;padding: 2px 0;width:200px;text-align:center;font:bold 14px verdana,helvetica,arial;color:black;background-color:#FFCC68;cursor:pointer;cursor:hand}

.product-nav a:link {background:transparent; color: #fff; border-radius: 10px; -moz-border-radius: 10px; font-weight: bold; text-decoration:none;font-size: 1.25em;}
.product-nav a:link {background:#08c; color: #fff; border-radius: 10px; -moz-border-radius: 10px;}
.product-nav a:visited {color:#FFF;background-color:#08c;}
.product-nav a:hover {color:#FF9F00;background-color:#08c;}
 a.active {color:#fff;background-color:#FF9F00 !important;}

.product-order a:link {background:transparent; color: #08c; border-radius: 12px; -moz-border-radius: 12px; font-weight: bold; text-decoration:none;font-size: 1.5em;}
.product-order a:link {background:#fff; color: #08c; border-radius: 12px; -moz-border-radius: 12px;}
.product-order a:visited {color:#08C;background-color:#fff;}
.product-order a:hover {color:#ff9f00;background-color:#F0F0F0;}


.img-banner-container {margin-left:auto;margin-right:auto;} /* add style="width: 620px;" to container in html file for individual centered images with different size (img size 620 x 150)  */
.img-banner {position: relative; float: left; width: auto; height: auto; margin:auto;}
.caption {display: none;position: absolute;top: 0;left: 0;background: url(../images/trans-black-50.png);width: 100%;height: 100%;}
.caption h3, .caption p {color: #fff;margin: 20px;}
.caption h3 {font-family: Verdana;margin: 10px 20px 10px;}
.caption p {font-family: Verdana;font-size: .9375em;line-height: 1.5em;margin: 0 20px 15px;}
.caption a.show-me {padding: 5px 10px;background: #08c;color: #fff;border-radius: 2px;-moz-border-radius: 2px;font-weight: bold;text-decoration: none;}
.caption a.show-me:hover {background: #fff;color: #08c;}