<!--


.style1 {font-size:12px;

}
.listq {color:#0066FF;width:300px; font-weight:bold;padding-top:25px}
#listtable table { border:0px;width:523px;}
#listtable td{ color:#333333;}
#listtable select {width: 160px}
#listtable img {padding-right:5px}
#listtable input { }
#listqty {color:white; background-image:url(../tpimg/list_qtytype.gif);background-repeat:no-repeat;width:523px;
height:108px;padding:5px;8px;5px;15px;}
#5a_more td {font-size:11px}
#listqty input {border:0px;font-size:18px;color:#003399}
#items {position:absolute;top:40px;left:44px}
.listtype{position:absolute;top:78px;width:523px;left:50px}
#output {position:absolute;left:300px;top:100px}
#outputsummary {font-size:10px;color:gray}
.listprice{color:#0066CC;font-size:14px;} .listprice h2 {display:inline;font-size:18px}
.listprice2{background-image:url(../tpimg/mlist_pricebg.gif);background-repeat:no-repeat;padding:10px;width:250px;height:56px}
.price_cents{font-size:10px;color:gray}
.listerror {padding:4px;color:Red; width:175px;background-color:yellow}
#listwrap {width:500px;background-color:;padding-left:20px;position:relative;}

/* All form elements are within the definition list for this example */
dl {
    font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}

.question,.question a{color:#0053b5;line-height: 18px;}
.listinfo {font-size: 12px;line-height: 1.2em;color:#434343;width:99%;	font-family: Arial, Helvetica, sans-serif;border:4px solid #97c7ff;background-color: white;padding:1px;}
.tphead td {background-color: #0075ff;color:white;font-weight: bold;text-align: center}
.listinfo td {border:1px solid #dbdbdb;vertical-align: top;}
.sbhead {background-color: #c1deff;color:#545454;font-weight: bold;text-align: center}
.listcontent {font: 0.9em/1.3em verdana, sans-serif;
text-align: justify; margin-left:10px;padding-left: 10px;
 z-index: 2; }
td.gilTab_taboff {
  background-color: #656565;
  color: #fff;
 cursor: pointer;
  height:20px;
  border-right:1px solid white;
  font-size: 12px;
  font-family: Arial;
}
td.gilTab_tabon {
  background-color: #0075ff;
  color: white;
  border-right:1px solid white;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  height:20px;
  font-size: 12px;
  font-family: Arial;
}
td.gilTab_tabmouseover {
  background-color: #ff4900;
   color: white;
   border-right:1px solid white;
  cursor: pointer;
  height:20px;
  font-size: 12px;
  font-family: Arial;
}

.gilTab_content{ background-color: #0075ff}
.intro {padding:20px;font-size: 12px;color:#474747}
.intro a {font-size:11px;text-align: center}
.intro a:hover {font-weight: bold}
#advantages li{

list-style-image: url(img/icon_checkmark.gif);
}

.ordertable {border-collapse: collapse;}
.ordertable select{border: 1px solid #0053b5;background-color: #dfdfdf;color:#0053b5}
.ordertable td {font-stretch: normal;text-align: center;font-family: Helvetica;color: #0053b5;}

-->