#asAddWrapper{
 position: absolute;
 left: 0;
 top: 0;
 margin: 0;
 padding: 0;
 width: 100%;
 height: 500px;
 overflow-x: hidden;
 overflow-y: auto;
 background-color:#fff;
}
#asAddPageContent{
 width: 540px;
 max-width: 540px;
 padding: 0 0 10px 10px;
}
#asAddPageContent #closePage{
 float:right;
 background-color: #369;
 border: 2px solid #369;
 color: #fff;
 cursor: pointer;
 padding: 2px 4px;
 margin: 2px 2px 0 0;
}
.eng #asAddPageContent #closePage{
 font-weight: bold;
}
#asAddWrapper #asAddPageContent .right{
 float: right;
}
#asAddPageContent #closePage a{
 color: #fff;
}
#asAddPageContent h1.pageTitle{
 color: #529ed4;
 font-size: 20px;
 background: url(/images/hkg/addAutoIcon.jpg) no-repeat scroll top left;
 min-height: 35px;
 display: block;
 padding: 3px 0 0 40px;
}
#asAddPageContent. confirm{
 height: 500px;
 left: 0;
 padding: 0 15px;
}
#asAddPageContent .adAutoShipLineHd{
 text-align: right;
 color: #336699;
}
.eng #asAddPageContent .adAutoShipLineHd{
 font-weight: bold;
}
#asAddWrapper #asAddPageContent .adAutoShipSubHd{
 font-size: 14px;
 color: #336699;
}
.eng #asAddWrapper #asAddPageContent .adAutoShipSubHd{
 font-weight: bold;
}
#asAddWrapper #asAddPageContent .maCashGreenText{
 color: #3f9e40;
}
.eng #asAddWrapper #asAddPageContent .maCashGreenText{
 font-weight: bold;
}
#asAddWrapper #asAddPageContent .icoMACash{
 background: url(/images/hkg/webPortals/icoMACash.gif) no-repeat;
 padding-left: 25px;
}
#adAutoShip #asADProds #asADProdGrid.thinTableBorder{
 border: 1px solid #ccc; !important;
 background-color: #fff;
}
#adAutoShip .hotProdBarText{
 font: 12px "Trebuchet MS", Verdana, sans-serif;
 color: #fff;
 padding-right: 10px;
}
#adAutoShip #asCloseLB{
 position: absolute;
 top: 0;
 left: 780px;
 width: 50px;
 text-align: center;
 background-color: #edf4fe;
 color: #003366;
}
#adAutoShip .checkoutSmallHeader{
 font: 14px "Trebuchet MS", Verdana, sans-serif;
 color: #519ecd;
}
.eng #adAutoShip .checkoutSmallHeader{
 font-weight: bold;
}
#asAddWrapper #asAddPageContent .bodyTextGrey{
 font: normal 14px "Trebuchet MS", Verdana, sans-serif;
 color: #666666;
}
#asAddWrapper #asAddPageContent .bodyTextGreySmall{
 font: normal 12px "Trebuchet MS", Verdana, sans-serif;
 color: #666666;
}
#asAddWrapper #adAutoShip .fromMessage{
 font: italic 14px "Trebuchet MS", Verdana, sans-serif;
 color: #c2c2c2;
}
.eng #asAddWrapper #adAutoShip .fromMessage{
 font-weight: bold;
}
#adAutoShip{
 width: 99%;
 background-color: #fff;
 padding: 0 0 0 5px;
}
#asADCCSelectProc{
 margin: 8px 0 15px 0;
 padding: 5px 0 5px 73px;
}
#asEmailEntry{
 margin: 0 0 15px 0;
}
#asEmailEntry input{
 width: 250px;
}
#adAutoShip #asCurrProds{
 margin: 15px 0 5px 0;
}
#adAutoShip #asADProdsQE{
 width: 100%;
}
#adAutoShip #asADProds #asADProdGrid{
 width: 100%;
}
#adAutoShip #asADProdsQE #asADProdGridQE{
 width: 100%;
 border: 0 solid #ccc;
 border-bottom-width: 1px;
}
#adAutoShip #asADProds #asADProdGrid td, #adAutoShip #asADProdsQE #asADProdGridQE td{
 padding: 2px 0 3px 3px;
}
#adAutoShip #asADProds #asADProdGrid td.add, #adAutoShip #asADProdsQE #asADProdGridQE td.add{
 width: 50px;
 text-align: center;
 vertical-align: text-top;
 white-space: nowrap;
 border: 1px solid #ccc;
 border-bottom-width: 0;
}
#adAutoShip #asADProds #asADProdGrid td.qty, #adAutoShip #asADProdsQE #asADProdGridQE td.qty{
 width: 30px;
 vertical-align: top;
 text-align: center;
 border: 1px solid #ccc;
 border-bottom-width: 0;
 border-left-width: 0;
}
#adAutoShip #asADProds #asADProdGrid td.qty input, #adAutoShip #asADProdsQE #asADProdGridQE td.qty input{
 width: 18px;
 text-align: center;
}
#adAutoShip #asADProds #asADProdGrid td.qtyHdr, #adAutoShip #asADProdsQE #asADProdGridQE td.qtyHdr{
 width: 30px;
 text-align: center;
 color: #fff;
}
#adAutoShip #asADProdsQE #asADProdGridQE tr.notAdded, #adAutoShip #asADProds #asADProdGrid tr.remove{
 background-color: #ddaaaa;
 border: 1px solid #ccc;
 border-bottom-width: 0;
 border-left-width: 0;
}
#adAutoShip #asADProds #asADProdGrid td.code, #adAutoShip #asADProdsQE #asADProdGridQE td.code{
 width: 60px;
 vertical-align: top;
 text-align: center;
 border: 1px solid #ccc;
 border-bottom-width: 0;
 border-left-width: 0;
}
#adAutoShip #asADProds #asADProdGrid td.codeHdr, #adAutoShip #asADProdsQE #asADProdGridQE td.codeHdr{
 width: 60px;
 text-align: center;
 color: #fff;
}
#adAutoShip #asADProds #asADProdGrid td.desc, #adAutoShip #asADProdsQE #asADProdGridQE td.desc{
 width: auto;
 vertical-align: top;
 border: 1px solid #ccc;
 border-bottom-width: 0;
 border-left-width: 0;
}
#adAutoShip #asADProds #asADProdGrid td.descHdr, #adAutoShip #asADProdsQE #asADProdGridQE td.descHdr{
 width: auto;
 white-space: nowrap;
 color: #fff;
}
#adAutoShip #asADProds #asADProdGrid td.freq, #adAutoShip #asADProdsQE #asADProdGridQE td.freq{
 width: 150px;
 white-space: nowrap;
 text-align: right;
 padding: 0 3px 0 0;
 vertical-align: top;
 border: 1px solid #ccc;
 border-bottom-width: 0;
 border-left-width: 0;
}
#adAutoShip #asADProds #asADProdGrid td.freqHdr, #adAutoShip #asADProdsQE #asADProdGridQE td.freqHdr{
 width: 150px;
 white-space: nowrap;
 color: #fff;
 padding: 0 5px 0 5px;
}
#adAutoShip #asADProds #asADProdGrid td.freq input, #adAutoShip #asADProdsQE #asADProdGridQE td.freq input{
 width: 80px;
 margin: 0 0 3px 0;
}
#adAutoShip #asADProds #asADProdGrid td.freq select, #adAutoShip #asADProdsQE #asADProdGridQE td.freq select{
 width: 84px;
 margin: 0 0 3px 0;
}
#adAutoShip #asADProds #asADProdGrid td div, #adAutoShip #asADProdsQE #asADProdGridQE td div{
 text-align: right;
}
#adAutoShip #asADProds #asADProdGrid td div.other, #adAutoShip #asADProdsQE #asADProdGridQE td div.other{
 display: none;
}
#adAutoShip #asADProds #asADProdGrid td.cost, #adAutoShip #asADProdsQE #asADProdGridQE td.cost{
 width: 70px;
 text-align: right;
 vertical-align: top;
 padding: 0 2px 0 0;
 border: 1px solid #ccc;
 border-bottom-width: 0;
 border-left-width: 0;
}
#adAutoShip #asADProds #asADProdGrid td.costHdr, #adAutoShip #asADProdsQE #asADProdGridQE td.costHdr{
 width: 70px;
 color: #fff;
 text-align: center;
}
#adAutoShip .tabShow{
 margin: 0;
 text-align: center;
 z-index: 1;
}
#adAutoShip .tabShow a{
 padding: 5px;
 text-align: center;
 display: inline;
 background-color: #336699;
 color: #fff;
 text-decoration: underline;
}
#adAutoShip .tabShow a:hover{
 text-decoration: none;
}
#adAutoShip h1.asADTitle{
 color: #003366;
 font: normal 16px Arial, Helvetica, sans-serif;
}
.eng #adAutoShip h1.asADTitle{
 font: bold 14px Arial, Helvetica, sans-serif;
}
#adAutoShip h2.asADTerms{
 color: #003366;
 margin: 6px 0 0 0;
 font: normal 16px "Trebuchet MS", Verdana, sans-serif;
 padding: 20px 0 0 0;
}
.eng #adAutoShip h2.asADTerms{
 font: bold 14px "Trebuchet MS", Verdana, sans-serif;
}
#asADPageContent textarea.terms{
 margin: 0 0 10px 0;
 width: 100%;
 height: 58px;
}
#adAutoShip #asTermsSubmit div{
 padding: 5px 0 0 0;
}
#asTermsCancel div{
 margin: 0 0 0 5px;
}
#asTermsCancel div{
 padding: 5px 0 0 0;
}
#asTermsCancel h2{
 padding: 5px 0 0 0;
 color: #003366;
 margin: 6px 0 0 0;
 font: normal 16px "Trebuchet MS", Verdana, sans-serif;
}
.eng #asTermsCancel h2{
 font: bold 14px "Trebuchet MS", Verdana, sans-serif;
}
#asADPageContent{
 width: 800px;
 top: 0;
 clear: both;
 margin: 0 0 10px 0;
 padding: 5px 0 0 0;
 background: #fff;
}
#asADWrapper{
 width: 775px;
}
#adAutoShip .asPrdRows td{
 margin: 0;
}
#adAutoShip .billShipAddr{
 margin-top: 8px;
}
#adAutoShip .billShipHead{
 margin-bottom: 15px;
}
#frmSubButtons{
 text-align: center;
 margin: 10px 0;
}
#frmSubSpinner, #frmPickUpSpinner{
 margin: 5px 0 0 0;
 text-align: center;
}
#asShipProfileEdit{
 margin: 0 0 20px 0;
 clear: both;
 border: 1px solid #336699;
 padding: 5px 5px 10px 5px;
 width: 650px;
}
#closeX{
 background-color: #336699;
 border: 2px solid #336699;
 color: #fff;
 padding: 2px 4px;
 cursor: pointer;
}
#closeX:hover{
 border-color: #666;
 color: #999;
}
#adAddress .label{
 text-align: right;
 width: 120px;
}
#adAddress input{
 width: 180px;
}
#asPayProfile{
 clear: both;
}
#asPayProfile #asADCCAdd{
 color: #003366;
 font: normal 12px Arial, Helvetica, sans-serif;
}
.eng #asPayProfile #asADCCAdd{
 font-weight: bold;
}
#asPayProfile #asQECCAdd .card{
 margin: 0 5px 2px 0;
}
#asPayProfile #asCCAdd{
 width: 155px;
 margin: 0 145px 0 0;
}
#asPayProfile #ccExpMoAdd{
 width: 75px;
}
#asPayProfile #ccExpYrAdd{
 width: 75px;
 margin: 0 10px;
}
#asPayProfile #asQECCAddProc{
 margin: 8px 0 25px 0;
 padding: 15px 0 5px 73px;
}
#asPayProfile #asADCCSelect{
 margin: 8px 0 0 0;
}
#asPayProfile #ccToken{
 width: 220px;
}
#asShipProfile{
 width: 300px;
 float: left;
}
#asBillProfile{
 width: 300px;
 float: left;
}
#adAutoShip #bdrTop{
 border-top: 1px solid #ccc;
}
#adAutoShip #asQuickEntry h1, #adAutoShip #asADProdsQEAdd h1{
 margin: 0 0 -1px 0;
}
#adAutoShip #asADProds #asADProdGrid td.dist, #adAutoShip #asADProdsQE #asADProdGridQE td.dist{
 width: 70px;
 text-align: right;
 border: 1px solid #ccc;
 border-bottom: none;
 border-left: none;
 vertical-align: top;
 padding: 0 2px 0 0;
}
#adAutoShip #asADProds #asADProdGrid td.distHdr, #adAutoShip #asADProdsQE #asADProdGridQE td.distHdr{
 width: 70px;
 color: #fff;
 text-align: center;
}
#adAutoShip #asADProds #asADProdGrid td.adj, #adAutoShip #asADProdsQE #asADProdGridQE td.adj{
 width: 120px;
 text-align: right;
 border: 1px solid #ccc;
 border-bottom: none;
 border-left: none;
 vertical-align: top;
 padding: 2px 2px 0 0;
}
#adAutoShip #asADProds #asADProdGrid td.adjHdr, #adAutoShip #asADProdsQE #asADProdGridQE td.adjHdr{
 width: 120px;
 color: #fff;
 text-align: center;
}
#adAutoShip #asADProdsQEAdd #asADProdGridQEAdd{
 width: 100%;
}
#adAutoShip #asAdQeSpin{
 padding: 0 50px 0 0;
}
#adAutoShip #asADProdsQEAdd #asADProdGridQEAdd td div.other{
 display: none;
}
#adAutoShip #asADProdsQEAdd #asADProdGridQEAdd td.qeCode{
 width: 75px;
 text-align: center;
 border-color: #ccc;
 border-width: 0 1px 1px 1px;
 border-style: solid;
 vertical-align: top;
 padding: 2px 3px 3px 3px;
}
#adAutoShip #asADProdsQEAdd #asADProdGridQEAdd td.qeCode input{
 width: 80px;
}
#adAutoShip #asADProdsQEAdd #asADProdGridQEAdd td.qeCodeHdr{
 width: 75px;
 text-align: center;
 color: #fff;
}
#adAutoShip #asADProdsQEAdd #asADProdGridQEAdd td.qeQty{
 width: 30px;
 text-align: center;
 border-color: #ccc;
 border-width: 0 1px 1px 0;
 border-style: solid;
 vertical-align: top;
 padding: 2px 0 3px 0;
}
#adAutoShip #asADProdsQEAdd #asADProdGridQEAdd td.qeQty input{
 width: 18px;
 text-align: center;
}
#adAutoShip #asADProdsQEAdd #asADProdGridQEAdd td.qeQtyHdr{
 width: 30px;
 text-align: center;
 color: #fff;
}
#adAutoShip #asADProdsQEAdd #asADProdGridQEAdd td.qeFreqHdr{
 width: 150px;
 white-space: nowrap;
 color: #fff;
 padding: 0 5px 0 5px;
}
#adAutoShip #asADProdsQEAdd #asADProdGridQEAdd td.qeFreq{
 width: 150px;
 white-space: nowrap;
 text-align: right;
 border-color: #ccc;
 border-width: 0 1px 1px 0;
 border-style: solid;
 padding: 2px 3px 3px 3px;
}
#adAutoShip #asADProdsQEAdd #asADProdGridQEAdd td.qeFreq input{
 width: 80px;
 margin: 0 0 3px 0;
}
#adAutoShip #asADProdsQEAdd #asADProdGridQEAdd td.qeFreq select{
 width: 84px;
 margin: 0 0 3px 0;
}
#adAutoShip #asADProdsQEAdd #asADProdGridQEAdd td.asQEButton{
 vertical-align: bottom;
 text-align: right;
 border-color: #ccc;
 border-width: 0 1px 1px 0;
 border-style: solid;
 padding: 0 10px 10px 0;
}
#adAutoShip .asPrdHdr td{
 background-color: #336699;
 border-bottom: none;
 border-top: 1px solid #ccc;
 border-left: 1px solid #336699;
 border-right: 1px solid #003366;
 margin: 0;
 height: 25px;
 vertical-align: middle;
}
.eng #adAutoShip .asPrdHdr td{
 font-weight: bold;
}
#adAutoShip .asPrdHdrQE td{
 background-color: #336699;
 border-bottom: none;
 border-top: 1px solid #ccc;
 border-left: 1px solid #336699;
 border-right: 1px solid #003366;
 margin: 0;
 height: 25px;
 vertical-align: middle;
}
.eng #adAutoShip .asPrdHdrQE td{
 font-weight: bold;
}
#adAutoShip #overrideTagline{
 margin-top: -8px;
}
#asAltTermsSubmit{
 margin-top: 10px;
}
#adAutoShip #asADProds .asADGridWrapper, #adAutoShip #asADRecProds .asADGridWrapper{
 width: 100%;
}
#adAutoShip .asADGridWrapper td{
 padding: 4px 0 3px 3px;
}
#adAutoShip .asADGridWrapper td.add{
 width: 50px;
 text-align: center;
 vertical-align: text-top;
 white-space: nowrap;
 border: 1px solid #ccc;
 border-bottom-width: 0;
}
#adAutoShip .asADGridWrapper td.qty{
 width: 30px;
 vertical-align: top;
 text-align: center;
 border: 1px solid #ccc;
 border-bottom-width: 0;
 border-left-width: 0;
}
#adAutoShip .asADGridWrapper td.qty input{
 width: 18px;
 text-align: center;
}
#adAutoShip .asADGridWrapper td.qtyHdr{
 width: 30px;
 text-align: center;
 color: #fff;
}
#adAutoShip .asADGridWrapper tr.remove{
 background-color: #ddaaaa;
 border: 1px solid #ccc;
 border-bottom-width: 0;
 border-left-width: 0;
}
#adAutoShip .asADGridWrapper td.code{
 width: 60px;
 vertical-align: top;
 text-align: center;
 border: 1px solid #ccc;
 border-bottom-width: 0;
 border-left-width: 0;
}
#adAutoShip .asADGridWrapper td.codeHdr{
 width: 60px;
 text-align: center;
 color: #fff;
}
#adAutoShip .asADGridWrapper td.desc{
 vertical-align: top;
 border: 1px solid #ccc;
 border-bottom-width: 0;
 border-left-width: 0;
}
#adAutoShip .asADGridWrapper td.descHdr{
 white-space: nowrap;
 color: #fff;
}
#adAutoShip .asADGridWrapper td.freq{
 width: 150px;
 white-space: nowrap;
 text-align: right;
 padding: 0 3px 0 0;
 vertical-align: top;
 border: 1px solid #ccc;
 border-bottom-width: 0;
 border-left-width: 0;
}
#adAutoShip .asADGridWrapper td.freqHdr{
 width: 150px;
 white-space: nowrap;
 color: #fff;
 padding: 0 5px 0 5px;
}
#adAutoShip .asADGridWrapper td.freq input{
 width: 80px;
 margin: 0 0 3px 0;
}
#adAutoShip .asADGridWrapper td.freq select{
 width: 84px;
 margin: 0 0 3px 0;
}
#adAutoShip .asADGridWrapper td div{
 text-align: right;
}
#adAutoShip .asADGridWrapper td div.other{
 display: none;
}
#adAutoShip .asADGridWrapper td.cost{
 width: 70px;
 text-align: right;
 vertical-align: top;
 padding: 0 2px 0 0;
 border: 1px solid #ccc;
 border-bottom-width: 0;
 border-left-width: 0;
}
#adAutoShip .asADGridWrapper td.costHdr{
 width: 70px;
 color: #fff;
 text-align: center;
}
#adAutoShip #asCurrProdsFt{
 border-top: 1px solid #ccc;
 padding: 3px 0 0 0;
 text-align: center;
 background-color: #5f5f5f;
 color: #fff;
 height:50px;
 margin: 0 0 5px 0;
}
#adAutoShip.rightASText{
 font: inherit 12px Arial, Helvetica, sans-serif;
 color: #6093C8;
 text-decoration: none;
}
#adAutoShip table#asADFreqGrid{
 width: 500px;
 border-bottom: 1px solid #ccc;
}
#adAutoShip table#asADFreqGrid tr td.minBdr{
 border-right: 0;
}
#adAutoShip .hide{
 display: none;
}
#adAutoShip .right{
 float: right;
}
#asTermsCancel .agree, #asTermsSubmit .agree, #asTermsCancel .submit, #asTermsSubmit .submit{
 margin: 10px 0 0 0;
}
#asADPageContent h1.pageTitle{
 color: #003366;
 font: normal 20px "Trebuchet MS", Verdana, sans-serif;
 padding: 10px 0 10px 0;
}
.eng #asADPageContent h1.pageTitle{
 font-weight: bold
}
#adAutoShip #frmPickUp{
 text-align: center;
 display: none;
}
#asAddWrapper #asAddPageContent .freeLeft{
 color: #fa8a5b;
}
#asAddWrapper #asAddPageContent .free{
 float: right;
 color: #fa8a5b;
}
#autoShipWrapper{
 margin: 5px;
 padding: 5px;
 border: 1px solid #25516c;
 clear: none;
 display: block;
 height: 100px;
}
#autoShipWrapper .autoShipChoosePC{
 margin: 5px 5px 0;
 padding: 0 10px;
 float: left;
}
#autoShipWrapper .autoShipChooseDiscount{
 margin: 5px 5px 0;
 padding: 0 10px;
 float: left;
 display: block;
 width: 450px;
 background: #eee;
}
#autoShipWrapper .autoShipInfo{
 font: 12px Arial, Helvetica, sans-serif;
 color: #6093c8;
 text-decoration: none;
}
.eng #autoShipWrapper .autoShipInfo{
 font-weight: bold;
}