h2 {margin-top: 0px;}
/* Global Input type */
input.formInput { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: middle; } /* Input type text */
textarea.formInput { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } /* Textarea type */
select.formList { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: middle; } /* Input type list */
span.formRadio { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-left: 5px; vertical-align: baseline; } /* Input type radio */
input.formRadio { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: baseline; } /* Input type radio */
input.formButton { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px;vertical-align: middle; } /* Input type button */
#divInvoiceReload { z-index: 100; background-image: url(../pixel-transparent.gif);  position: absolute; padding: 2px 15px; top: 300px; left: 360px; width: 500px; }
#divInvoiceReload img { margin-right: 10px; float: left; }
#divInvoiceReload P { color: #FE5815; text-align: left; font-size: 13px; font-weight:bold; background-color: #FFFFFF; border: 1px solid #ff7200; padding: 2px 5px; }
/* ------------ Buying Zone ---------------- */
/* ------------ FORM Customer Info ---------------- */
tr.formComment { vertical-align: top; } /* Comment Row */
td.formComment { width: 633; background-color: #FFFFFF; } /* Comment Cell */
div.formComment { text-decoration: none; color: #808080; font-size: 9px; font-style: italic; margin-left: 10px; } /* Comment txt */
div.formInputRequired { color: #000000; font-size: 11px; font-style: italic; } /* Text format for the 'required' information text */
tr.formInputError { vertical-align: middle; } /* Error Row */
td.formInputError { width: 50%; background-color: #FFFFFF; text-align: center; text-decoration: none; color: #ff0000; font-size: 11px; font-weight: bold; padding:6px 6px 24px 6px;} /* Error Cell */
tr.formInputLabel { vertical-align: top;} /* Input Row */
td.formInputLabel { width:45%; padding:4px 4px 8px 4px; background-color:#fff; text-decoration: none; text-align:left; color: #000000; font-size: 11px; font-weight:bold; margin-left: 0px; border-bottom:1px #efefef solid;} /* Input Label Cell */
td.formInputValue { width: 55%; padding:4px 4px 8px 4px; background-color: #FFFFFF; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px;  vertical-align: baseline; border-bottom:1px #efefef solid;} /* Input Field Cell */
td.formInputValue label {margin-right:20px;}
span.formShowResult { text-decoration: none; color: #000000; font-size: 11px; } /* Input Label txt */
.formInputTips {font-size:12px; color:#6F6F6F;}
/* SubTitle Section */
tr.formInputSubTitle { height: 20; vertical-align: middle; } /* SubTitle Row */
td.formInputSubTitle { background-color: #f8f8f8; padding:12px 4px;} /* SubTitle Cell */
td.formInputSubTitle h3 {margin-top:0px;}
/* Action Button Section */
tr.formButton { vertical-align: middle; } /* Button Row */
td.formButtonCancel { width:85%; background-color: #FFFFFF; text-align: right;} /* Cancel Button Cell */
td.formButtonSave { width: 50%; background-color: #FFFFFF; text-align: right;} /* Save Button Cell */
/* ------------ FORM Invoice Display ---------------- */
/* Invoice Detail Table Title - for Customer Info document */
td.invoiceListTitle1, td.invoiceListTitle2 , td.invoiceListTitle3 , td.invoiceListTitle4 {padding:8px 12px; text-align: left; color: #FFFFFF;  text-transform:uppercase; background-color: #ff7200; font-size: 11px; font-weight:bold; border-top:0px #FE5815 solid; } 
td.invoiceListTitle1 {width: 60%;}  /* Invoice List Title Cell 1 : product name */
td.invoiceListTitle2 { width: 5%;  text-align:right;}  /* Invoice List Title Cell 2 : quantity */
td.invoiceListTitle3 { width: 20%; text-align:right;}  /* Invoice List Title Cell 3 : PKG price */
td.invoiceListTitle4 {width: 15%; text-align:right; }  /* Invoice List Title Cell 4 : Line subtotal amount */
/* Invoice Detail List Values and Input  */
input.invoiceQtty { vertical-align: baseline; font-family: Verdana, Arial, Helvetica, sans-serif;  text-align: right; color: #000000; } /* for the quantity input box */
input.invoiceValue { vertical-align: baseline; font-family: Verdana, Arial, Helvetica, sans-serif;  text-align: right; border: none;  color: #000000; } /* for the value readonly input */
input.invoiceTotal { vertical-align: baseline; font-family: Verdana, Arial, Helvetica, sans-serif;  text-align: right; border: none;  color: #000000; font-weight: bold; background:none; } /* for the total readonly input */
.ShopOrder td {background-color:#FFFFFF; color:#000; padding:8px 12px;  border-bottom:1px #8D8D88 solid;} /* for the detail invoice list */
td.invoiceListValue, .invoiceListAmount, invoiceListQtty {text-align:right;}
td.invoiceListText {text-align:left;}
div.invoiceListRedText { text-align: left; color: #CC3300; } /*for promotion */
td.invoiceListQtty {text-align:center;} /* quantity cell */
/* Invoice Detail Total */
#OrderInfo {margin-bottom:30px;}
#OrderInfo .SubTotal td {padding:4px 12px; background-color:#f8f8f8;}
.invoiceListTotal td { border-bottom:2px #ff7200 solid;  }
.invoiceListTotal , td.invoiceListTotalAmount {font-weight:bold; text-align:right; padding:6px 12px; }
/* ------------ FORM CC Display ---------------- */
/* presently, use the Form Customer Info classes */
/* ------------ FORM Warning Screen AMEX ---------------- */
div.WarningCC {font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; color: #ff7200; text-align:left; width:520px; margin-top:-20px;}
/* ------------ FORM Ac_Referral ---------------- */
input.codeValue { vertical-align: baseline; font-family: Verdana, Arial, Helvetica, sans-serif;  text-align: left; border: none;  color: #000000; font-size: 11px; } /* for the value readonly input */
input.codeInput { vertical-align: baseline; font-family: Verdana, Arial, Helvetica, sans-serif;  text-align: left; color: #000000; font-size: 11px; } /* for the value readonly input */
input.percValue { vertical-align: baseline; font-family: Verdana, Arial, Helvetica, sans-serif;  text-align: right; border: none;  color: #000000; font-size: 11px; } /* for the value readonly input */
input.percInput { vertical-align: baseline; font-family: Verdana, Arial, Helvetica, sans-serif;  text-align: right; color: #000000; font-size: 11px; } /* for the value readonly input */
/* ------------ FORM Ar_Invoice_Listing ---------------- */
table.Account {border-collapse: collapse;}
table.Account th {color: #FFF; background-color: #ff7200; text-align: left; font-weight: bold;  border: 1px solid #ff7200; padding: 2px 5px; }
table.Account td { background-color: #FFFFFF; border-color: #efefef;  text-align: left; border-style: solid; border-width: 0px 1px 1px 1px; }
td.TitleMainRight { background-color: #f8f8f8; border-color: #efefef; border-style: solid; border-width: 1px 1px 1px 1px;  }
td.SubLeft { background-color: #FFFFFF; border-color: #efefef; border-style: solid; border-width: 0px 0px 1px 1px; }
td.SubRight { background-color: #FFFFFF; border-color: #efefef; border-style: solid; border-width: 0px 1px 1px 1px; }
/* ------------ FORM Ac_Profile ---------------- */
.CCInfo {border:1px #E8E3D1 solid; background:#F4F4E9; padding:12px; margin-top:20px; width:370px;}
.CCInfo h2 {margin-top:0px;}
.CCInfo input {margin-top:10px;}
.CCInfo img {vertical-align:sub;}
.PSWDInfo {border:1px #FFEB7F solid; background:#FFF5BF url(../icon-change-pswd.gif) no-repeat; background-position:6px 6px; padding:12px 12px 12px  44px; margin-top:20px; width:370px;}
html>body .PSWDInfo {width:338px;}  /*For Firefox*/
/* ------------ New Shop Page (with 3 Tabs) ---------------- */
#InvoiceList {widht:100%}
tr#DESIGNPROPEZ td {border-bottom: 3px #8D8D88 double;}
.InvoiceListHeader { height: 25px; text-transform:uppercase; background-color: #ff951d; font-size: 11px; font-weight: bold;} 
.InvoiceListHeader th {border-top:2px #FE5815 solid;}
.ILH-Desc {padding: 0px 8px; color:#FFFFFF; text-align: left;}
.ILH-Qty { width:55px; padding: 0px 8px; color:#FFFFFF; text-align:center;} 
.ILH-Price {width:76px; padding: 0px 8px; color:#FFFFFF; text-align: right;}
.InvoiceListSubHeader th {background-color: #ffe69b; padding:4px 9px; font-size: 10px; font-weight: bold; color:#636363; text-align:left;}
.ILB-Price, .ILH-Price, .ILB-Qty, .ILH-Qty {text-align:right;}
.ILB-Price span {font-size:16px; vertical-align:-20%; color:#6F6F6F;}
.ILB-Price {font-weight:bold; font-size:12px; color:#6F6F6F; margin-right:-4px; }
.ILB-Qty input {text-align:right; margin-right:6px;}
.ILB-Desc {font-size:11px; padding: 10px 6px; line-height:120%;}
#ShopOption {  padding:0px; margin:0px;}
#ShopOption li {list-style-image:none; list-style:none; width:160px; height:58px; margin:28px 3px 0 3px;  overflow:hidden; float:left; cursor:pointer; background: #E8E3D1 url(../inactive-bottom-bg.gif) repeat-x bottom left; -ms-box-sizing:border-box;}
#ShopOption .tl {background: url(../corner-inactive-tl.gif) no-repeat top left; display:block; }
#ShopOption .tr {background: url(../corner-inactive-tr.gif) no-repeat top right; padding: 12px 8px; display:block;}
html>body #ShopOption li {margin:21px 3px 0 3px;} /*For Firefox*/
#ShopOption li.Active {width:160px; height:86px; margin:0 3px 0 3px;  position:relative; bottom:-3px; background: #FF951D url(../active-top-bg.gif) repeat-x top left;}
#ShopOption .Active .tl {background: url(../corner-active-tl.gif) no-repeat top left; display:block; }
#ShopOption .Active .tr {background: url(../corner-active-tr.gif) no-repeat top right; padding: 12px 8px; display:block; height:85px;}
html>body #ShopOption li.Active {height:78px;} /*For Firefox*/
#ShopOption a:hover {background-color:none; border:0;}
#ShopOption h2 {margin:0; padding:0; font-size:16px; line-height:110%; font-weight:600; color:#3C3A3D;}
#ShopOption .Active h2 {color:#FFF; font-weight:700;}
#ShopOption p {font-size:10px;  line-height:12px; margin-top:5px;}
.Opt2 div {margin:26px 0 0 0px; font-size:10px; line-height:12px;}
.Opt2.Active div {margin:6px 0 0 0; font-size:10px; line-height:12px;}
.Opt2 input {vertical-align:-15%; margin-left:-1px;}
#InvoiceTotal {width:100%; margin-top:2px;}
#SubTotal td {text-align:right; padding:12px 12px;}
#SubTotal input {font-weight: normal;}
#CouponInput td {background-color:#E8E3D1; padding:12px 12px;}
#CouponInput .Cell1{color:#4F4F4F;}
#CouponInput input {margin-left:6px;}
#CouponValue td.Cell1{background-color:#E8E3D1; padding:0px 12px 12px 40px;}
#CouponValue .Cell2{background-color:#E8E3D1; padding:0px 12px 12px 12px; text-align:right;}
#CouponValue.Invalid td {color:#EF4300;}
#YtriaValue td {color:#4F4F4F; background-color:#E8E3D1; padding:12px 12px;  border-top:1px #8D8D88 solid;}
#YtriaInput td  {background-color:#E8E3D1; padding:0px 12px 12px 40px; line-height:100%;}
#YtriaInput .Cell2 {vertical-align:bottom; text-align:right; padding:0px 12px 12px 12px;}
#Total td {text-align:right; background-color: #ff951d; border-top:2px #FE5815 solid; border-bottom:2px #FE5815 solid; padding:8px 12px; font-weight:bold; color:#FFF; font-size:14px;}
#Total input {color:#FFF; font-size:14px;}
#Footnote td {text-align:right; font-size:10px; padding-top:6px; color:#4F4F4F;}
#BuyButton td {text-align:right;  padding-top:30px;}