
dl.balanceBox { width: 100%; height: auto !important; height: 28px; min-height: 28px; float: left; background: url(/local/images/global/boxes/cart_grad.jpg) 0 0 repeat-x;}
dl.balanceBox dt { padding: 7px 5px 0 5px; float: left; text-align: left; display: inline; background: url(/local/images/global/boxes/cart_grad_l.png) 0 0 no-repeat; }
dl.balanceBox dd { padding: 7px 5px 0 5px; float: right; text-align: right; display: inline; background: url(/local/images/global/boxes/cart_grad_r.png) top right no-repeat; }

dl.statusBox { width: 100%; height: auto !important; height: 30px; min-height: 30px; float: left; background: url(/local/images/global/backgrounds/shade_bg_fill.png) 0 0 repeat-x;}
dl.statusBox dt { width: 45%; clear: both; padding: 3px 5px 0 5px; float: left; text-align: left; display: inline; background: transparent; }
dl.statusBox dd { width: 45%; font-weight: bold; padding: 3px 5px 0 5px; float: right; text-align: right; display: inline; background: transparent; }
dl.statusBox dt.first { padding-top: 7px; background: url(/local/images/global/backgrounds/shade_bg_left.png) 0 0 no-repeat; }
dl.statusBox dd.first { padding-top: 7px; background: url(/local/images/global/backgrounds/shade_bg_right.png) top right no-repeat; }

.bottomMargin10 { margin-bottom: 10px; }

/** SCROLLABLE TABLE SECTIONS **/

div.scrollable { height: 250px; overflow: auto; overflow-x: hidden; }
table.scrollable td { min-height: 15px; _height: auto !important; height: 15px; padding:5px 0; vertical-align: top;}

div.accountStatement { border-top: 1px solid #ccc; }
table.accountStatement { margin:0; padding: 0; width: 100%; }
table.accountStatement th { text-align: right; font-weight: bold; padding: 5px 0;}
table.accountStatement tr.odd td { background: #fff; }
table.accountStatement tr.even td { background: #f1f1f1; }
table.accountStatement td { text-align: right; }
table.accountStatement td.first { font-weight: bold; }
table.accountStatement .first { text-align: left; padding-left: 10px; }
table.accountStatement .last { padding-right: 20px; }

table.accountStatement th a {padding-right:10px;}
table.accountStatement th.sortasc a { background: url(/local/images/global/icons/ico_arrow_up_off.gif) right center no-repeat;; }
table.accountStatement th.sortdesc a { background: url(/local/images/global/icons/ico_arrow_down_off.gif) right center no-repeat;; }
table.accountStatement th.sortasc a:hover { background: url(/local/images/global/icons/ico_arrow_up_on.gif) right center no-repeat;; }
table.accountStatement th.sortdesc a:hover { background: url(/local/images/global/icons/ico_arrow_down_on.gif) right center no-repeat;; }

table.accountStatementPanel { margin:0; padding: 0; width: 100%; border-collapse: separate; }
table.accountStatementPanel th { text-align: right; font-weight: bold; padding: 5px 0; border-bottom: 5px solid #ccc; }
table.accountStatementPanel tr.first td { border-top: 5px solid #fff; }
table.accountStatementPanel tr.odd td { background: #f1f1f1; }
table.accountStatementPanel tr.even td { background: #fff; }
table.accountStatementPanel td { text-align: right;  }
table.accountStatementPanel td.first { font-weight: bold; }
table.accountStatementPanel .first { text-align: left; padding-left: 10px; }
table.accountStatementPanel .last { padding-right: 20px; }

table.productList th { padding-bottom: 5px; padding-right: 5px; font-weight: bold; white-space: nowrap;}
table.productList tr.productListItem td { border-top: 1px solid #ccc; padding: 5px 5px 5px 0; }
table.productList tr.productListItem td a.linkEdit { width: auto; display:block; text-align: left; float: right;}
table.productList td.hi { background-color: #ffe; }
table.productList td.lo { background-color: #fff; }
table.productList span.sort { display:none; }
tr.productListItem td a {display:block;}

div.productVerification { border-top: 1px solid #ccc; }
table.productVerification { margin:0; padding: 0; width: 100%; }
table.productVerification th { font-weight: bold; padding: 5px 0;}
table.productVerification tr.odd td { background: #fff; }
table.productVerification tr.even td { background: #f1f1f1; }
table.productVerification td.first { font-weight: bold; }
table.productVerification .first { text-align: left; padding-left: 10px; }
table.productVerification .last { padding-right: 20px; }

div.purchaseCreditHistory { border-top: 1px solid #ccc; }
table.purchaseCreditHistory { margin:0; padding: 0; width: 100%; }
table.purchaseCreditHistory th { font-weight: bold; padding: 5px 0;}
table.purchaseCreditHistory th a {padding-right:10px;}
table.purchaseCreditHistory th.sortasc a { background: url(/local/images/global/icons/ico_arrow_up_off.gif) right center no-repeat;; }
table.purchaseCreditHistory th.sortdesc a { background: url(/local/images/global/icons/ico_arrow_down_off.gif) right center no-repeat;; }
table.purchaseCreditHistory th.sortasc a:hover { background: url(/local/images/global/icons/ico_arrow_up_on.gif) right center no-repeat;; }
table.purchaseCreditHistory th.sortdesc a:hover { background: url(/local/images/global/icons/ico_arrow_down_on.gif) right center no-repeat;; }
table.purchaseCreditHistory tr.odd td { background: #fff; }
table.purchaseCreditHistory tr.even td { background: #f1f1f1; }
table.purchaseCreditHistory td.first { font-weight: bold; }
table.purchaseCreditHistory .first { text-align: left; padding-left: 10px; }
table.purchaseCreditHistory .last { padding-right: 20px; }

.sortDesc { padding-right: 12px; background: url(/local/images/global/icons/ico_arrow_down_off.gif) 100% 6px no-repeat; }
.sortDesc:hover { background: url(/local/images/global/icons/ico_arrow_down_on.gif) 100% 6px no-repeat; }
.sortAsc  { padding-right: 12px; background: url(/local/images/global/icons/ico_arrow_up_off.gif) 100% 6px no-repeat; }
.sortAsc:hover { background: url(/local/images/global/icons/ico_arrow_up_on.gif) 100% 6px no-repeat; }

.tableYourProfile label {display:block;font-weight:bold;}
.tableYourProfile input {display:block;}
.tableYourProfile select {display:block;}
.tableYourProfile td {padding:0 10px 10px 0;}
.tableYourProfile td.tableYourProfileInline input {display:inline;}
.tableYourProfile td.tableYourProfileInline select {display:inline;}
.tableYourProfile td.tableYourProfileNoPad {padding-bottom:0;}

.boxCommunications {}
.boxCommunications label {display:block;width:500px;}
.boxCommunications input.inputCheckbox {display:block;float:left;margin-bottom:15px;margin-right:5px;}

table.tableQuestionnaire {margin-bottom:10px;}
table.tableQuestionnaire td {padding:1px 1px 1px 4px;vertical-align:top;}
table.tableQuestionnaire .hr {margin-bottom:10px;margin-top:10px;}
table.tableQuestionnaire label {display:block;margin-bottom:4px;}
table.tableQuestionnaire input.inputCheckbox {display:block;float:left;margin-right:4px;}

/**
 *  DHTML PANELS CSS FOR YOUR ACCOUNT
 */

#accountStatementPanel {display:none;width:721px;overflow:hidden;}
#productRegistrationDialog  {display:none;width:721px;overflow:hidden;}
#transaction1 {display:none;width:721px;overflow:hidden;}
#orderHistoryPanel {display:none;width:721px;overflow:hidden;}

.addAProduct label {display:block;}
.addAProduct input.button {vertical-align: -40%;}

#tabNewPurchaseCreditForm table#userInfo { margin-bottom: 10px; }
#tabNewPurchaseCreditForm table#userInfo th { width: 9em; font-weight: bold; padding-bottom: 10px; vertical-align: top; }
#tabNewPurchaseCreditForm table#userInfo td { width: 9em; font-weight: bold; padding-bottom: 10px; vertical-align: top; }

.productRegistrationForm label {display:block;font-weight:bold;}

.formNewPurchaseCredit label {display: block; font-weight: bold;}
.formNewPurchaseCredit input.button {vertical-align: -40%;}
.formNewPurchaseCredit input  { margin-bottom: 10px; }
.formNewPurchaseCredit input#nameOfRetailer  { width: 300px; }
.formNewPurchaseCredit input#ccnum  { width: 175px; }
.formNewPurchaseCredit select  { margin-bottom: 10px; }
.formNewPurchaseCredit select { vertical-align: top;}
.formNewPurchaseCredit table th { font-weight: bold; }
.formNewPurchaseCredit table th a { font-weight: normal; }
.formNewPurchaseCredit table td { padding: 0 0 5px 0; }
.formNewPurchaseCredit .boxError {width:341px; margin:0 0 10px 0; display:inline;}

.formPurchaseCreditHistory label {display:block;font-weight: bold;}
.formPurchaseCreditHistory .boxError {width:500px;margin:0 0 10px 0;display:inline;}

/**
 *  Purchase Credit DHTML Panel CSS
 */

#purchaseCreditFormPanel {display:none; width: 721px; overflow: hidden; }
#purchaseCreditFormPanel .boxCustomerInfo { width:336px;float:left;margin:0 5px 10px 0;}
#purchaseCreditFormPanel .boxCustomerInfo .bc { min-height: 125px; height:auto !important; height: 125px;  }
#purchaseCreditFormPanel .boxCustomerInfo ul {margin: 0 0 10px 0;}
#purchaseCreditFormPanel .boxCustomerInfo ul li {list-style-type: none; margin: 0; }

#purchaseCreditFormPanel .boxPurchaseInfo { width:336px;float:right;margin:0 0 10px 5px;}
#purchaseCreditFormPanel .boxPurchaseInfo .bc { min-height: 125px; height:auto !important; height: 125px;  }
#purchaseCreditFormPanel .boxPurchaseInfo dl {}
#purchaseCreditFormPanel .boxPurchaseInfo dl dt { display: block; clear: both; float: left; font-weight: bold; }
#purchaseCreditFormPanel .boxPurchaseInfo dl dd { margin-left: 13em; }

#productInformation th { font-weight: bold; }
#productInformation td { width: 20%; }

/* DHTML Background Mask and Other CSS */

.overlay{position:absolute;display:block;}
.panel-container{position:absolute;top:0;left:0;z-index:6;visibility:hidden;overflow:hidden;width:auto;}
.panel[class]{position:relative;left:0;top:0;} /* hide this from ie6 */
.mask{background-color:#000;-moz-opacity:0.50;opacity:.50;filter:alpha(opacity=50);position:absolute;top:0;left:0;}

/* SonyCard styles */

.boxIntroSonyCard {margin:0 0 10px 0; width:690px;float:left;display:inline;background:url(/local/images/global/sonycard/tile_px_blu_wGrBrdr.png) repeat-x;}
.boxIntroSonyCard .bc {padding:10px 10px 1px 10px;}
.boxIntroSonyCard .bt {background:url(/local/images/global/boxes/whitebox_trans.gif) no-repeat 100% 0;}
.boxIntroSonyCard .bt div {background:url(/local/images/global/boxes/whitebox_trans.gif) no-repeat 0 0;}
.boxIntroSonyCard .bb {background:url(/local/images/global/boxes/whitebox_trans.gif) no-repeat 100% 100%;}
.boxIntroSonyCard .bb div {background:url(/local/images/global/boxes/whitebox_trans.gif) no-repeat 0 100%;}
.boxIntroSonyCard .bl {background:url(/local/images/global/boxes/greybox_border_l.gif) repeat-y 0 0;}
.boxIntroSonyCard .br {background:url(/local/images/global/boxes/greybox_border_r.gif) repeat-y 100% 0;}

.boxIntroSonyCard h2 {margin:10px 0 5px 5px;}
.boxIntroSonyCard .boxIntroSonyCardCopy {float:left;width:325px;margin-left:20px;}
.boxIntroSonyCard .boxIntroSonyCardCopy .boxIntroSonyCardCopyPad {padding-top:40px;color:#fff;}
.boxIntroSonyCard .boxIntroSonyCardCopy .boxIntroSonyCardAdvantage {width:325px;height:150px;margin-top:40px;background:url(/local/images/global/sonycard/trans_gradient_bkg.gif) no-repeat;}
.boxIntroSonyCardAdvantagePad {padding:10px;}

.boxHalfSonyCard {width:340px;float:left;margin:0 0 10px 0;display:inline;}

div.boxSonyCardImage {position:relative;width:300px;height:90px;}
div.boxSonyCardImage img {position:absolute;top:0px;left:0px;}
div.boxSonyCardImage p {width:200px;height:60px;position:absolute;top:0px;left:90px;overflow:hidden;}
div.boxSonyCardImage span {position:absolute;top:68px;left:90px;}

.boxSonyConnect {float:left;width:325px;margin-left:100px;min-height:330px;}
.boxSonyConnect .boxSonyConnectBackground {background:url(/local/images/global/boxes/box_325_top.gif) no-repeat;}
.boxSonyConnect label {display:block;font-weight:bold;margin-top:10px;margin-bottom:2px;}
.boxSonyConnect input {display:block;}
.boxSonyConnectFooter {margin:0px;padding:0px;vertical-align:top;}

img.floatLeft {float:left;margin:0;padding:0;}

.errorAddress {margin:-170px 0px 10px 0px;}

/* printable statement */

body.bdyPrintableStatement {background-image:url(/local/images/global/spacer.gif);}
body.bdyPrintableStatement div.cntHeader {width:700px;height:100px;background:url(/local/images/global/backgrounds/bkg_coupon_header.jpg) no-repeat 0 0;}
body.bdyPrintableStatement div.bdyContent {width:700px;margin:0 30px;}

body.bdyPrintableStatement div.cntContentFooter {width:470px;height:108px;position:relative;clear:both;background:url(/local/images/global/spacer.gif);color:#666;}
body.bdyPrintableStatement div.cntContentFooter p {margin:10px 0;padding:0px;position:absolute;top:35px;left:115px;}
body.bdyPrintableStatement div.cntContentFooter a {position:absolute;top:15px;right:0px;color:#39c;}
body.bdyPrintableStatement div.cntContentFooter a:hover {color:#f60;}
body.bdyPrintableStatement div.cntContentFooter a.cntContentFooterBug {width:90px;position:absolute;top:18px;left:15px;}

div.boxStatementHeader {width:490px;}
div.boxStatementHeader h1 {display:inline;float:left;}
div.boxStatementHeader div {width:490px;}

#birthdateDayDropdown{width:42px;}
table.tableQuestionnaire td .alignMiddle {vertical-align:middle;}

