.optionBand      { width: 430px; height: 22; overflow: hidden }
.optionDetail        { color: #000; width: 430px; height: 205; overflow: hidden }

.optionDetail P, .optionBand P, #productDesignUseL P   { line-height: 15px; margin: 6px 30px 5px; padding: 0; width: 364px }
.optionDetail table, .optionBand table   { line-height: 15px; margin: 6px 30px 5px; padding: 0; width: 364px }
.optionDetail ul, .optionBand ul, #productDesignUseL ul      { margin: 6px 5px 5px 30px; padding: 0 0 0 15px; width: 365px }
.optionDetail a, .optionBand a { color:#646464; }

.optionBand .title  { padding-top: 4px; padding-left: 20px }
.optionDetail .title    { color: #000; padding-top: 4px; padding-bottom: 5px; padding-left: 20px }

/* moved this to main template as NS can't see the background-images
.optionBand .top      { background: url("site/images_v6/topBackgrndOff.jpg") no-repeat left top; width: 430px; height: 22px }
.optionBand .bottom    { width: 430px; height: 22px;  }
.optionBand .bottom2 { background-image: url("site/images_v6/bottomBackgrndOff.jpg"); background-repeat: no-repeat; background-position: left bottom; width: 430px; height: 22px }
.optionDetail .top  { background-image: url("site/images_v6/topBackgrndOn.jpg"); background-repeat: no-repeat; background-position: left top; width: 430px; height: 205px }
.optionDetail .bottom     { background-image: url("site/images_v6/bottomBackgrndOn.jpg"); background-repeat: no-repeat; background-position: left bottom; width: 430px; height: 205px; border-width: 1px; border-color: blue }
.optionDetail .bottom2   { background-image: url("site/images_v6/bottomBackgrndOn.jpg"); background-repeat: no-repeat; background-position: left bottom; width: 430px; height: 205px } */

.colViewMore { color: #EE7615 }

.optionDetail a.colViewMore { color: #EE7615 }
.optionDetail a:hover, .optionBand a:hover  { color: #3689d9 }

#infoBox  { position: relative; height: 263px }
#productInfo  { padding: 0; position: absolute; top: 14px; left: 0; width: 430px; height: 249px }