/* Created: */
/* General: Account Page Styles */
/* Created by John Davis */
/* Last Updated by: Aydin Baltaci*/
/* Last Updated on: 021910*/
/* NOTE: Removed Site wide styles and placed into layout.css */



/* PAGE CONTENT  */

.acc-bp-map .contentNarrow H2 { margin-bottom: 10px; }
.acctContent{ margin-left: 7px !important; *margin-left: 4px !important; *padding-right: 10px}
.acctContent P { margin-bottom: 20px; }
.acctContent H2 { margin-right: 10px; margin-top: 10px; }
.accountBalance {margin: 17px 0; *margin: 0; float: left; height:9px; line-height: 19.5px; font-weight: bold; }
.accountBalanceRight {margin: 17px 0; padding-right: 9px; *margin: 0; float: right; height: 22px; line-height: 19.5px; font-weight: bold; }
.currentActivity { font-weight: bold; width: 100%; margin: 20px 0 0 0; *margin: 7px 0 0 0;}	
.imgPayNow {margin-top:7px; vertical-align:middle; }
p.accountBalance .imgPayNow {margin-top:0px; margin-left:13px; vertical-align:middle; }
.orderDetails { float: left; width: 554px;height: 20.5px; margin-bottom: 11px;} 
.details SPAN { font-weight: bold; }
.orderDetails SPAN { font-weight: bold; }
.orderDetails UL { list-style-type: none; } 
.orderDetails LI { display: inline; float: left; padding: 3px; margin-right: 39px;} 
.orderDetails LI.last { margin-right: 0;} 
.addressPayMethod { float: left; width: 344px; *width: 340px;}
.addressPayMethod .addrPayMethInner { width: 326px; padding: 4px;}
.addressPayMethod .billingAddress { float: left; width: 175.5px;}
.billingAddress SPAN{ font-weight: bold; }
.addressPayMethod .paymentMethod { float: left;}
.paymentMethod SPAN{ font-weight: bold; }
.total { float: left; width: 188.5px; text-align: right;}
.total .detail { float: left; width: 141px; white-space: nowrap; text-align: right;}
.total SPAN { font-weight: bold; }
.messAboveMod { margin-bottom: 11px; }
.messAboveMod SPAN { font-weight: bold; }
.messBelowMod { float: left; width: 220px;}
.radioBtnMargin UL { margin-left: 10px; margin-top: 5px; }
.radioBtnMargin UL LI { margin-bottom: 4px; padding-left: 10px; background: url(../../common/images/icons/Icon_Bullet_LI.gif) no-repeat 0 4px; }
.radioBtnMargin UL LI.last { background: none; margin-top: 30px; } 

.viewPP {clear:left; width:100%; float:left; margin:0 0 5px 0; vertical-align:middle;}
.viewPP .left{width:45%; float:left; padding:0; margin:0; height:28px;position:relative; top:8px !important; top:5px;}
.viewPP .left img {margin-top:8px !important; margin:5px;}
.viewPP .right{width:65%; float:right; white-space: no-break; padding:3px 5px 3px 0;vertical-align:bottom;}
.viewPP .right a, .viewPP .right .current {margin:0 2px; font-weight:normal;}
.viewPP .right .current {font-weight:bold;}
.viewPP .right img {position:relative; top:-1px !important; top:0px;}
.viewPP form{display:inline; float:right;margin-right:5px;}
.viewPP img {vertical-align:middle; margin:0; padding:0;}
.viewPP .pagination {float:right; position:relative; top:8px !important; top:5px;*top:10px;margin-right:10px;}
.viewPP .pagination span.currentPage {font-weight:bold; vertical-align:middle; margin:0 5px;}
.viewPP .viewBy {width:140px; float:right;}


.viewPerPage { float: right; padding-right: 11px; margin-top: 11px; }
.contMod50 { width: 45%; float: left; margin-right: 10px;margin-top: 15px;}
.currentEmail {padding:5px 0; *padding:6px; display:-moz-inline-box; *display:inline-block}
.contMod30 { width: 31%; float: left; margin-right: 10px; margin-top: 15px;}
.confirmBox { width: 130px; *width: 127px; height: 23px; background: url('../images/shell/Confirm_Bg.gif') no-repeat;   padding-left: 10px; line-height: 23px;}
.confirmBox A { text-decoration: underline;}
.primaryCard { width: 554px; *width: 542px; height: 167px; *height: 163px; margin-top: 15px;  background: url('../images/shell/Bg_Payment.gif') top right no-repeat; }
.primaryCard FORM  {margin: 11.5px 0; *margin: 7px 0;} 
.primaryCard FORM SELECT { margin: 8px 0; *margin: 3px 0; vertical-align: middle; }
.primaryCard FORM IMG { margin: 8px 0; *margin: 3px 0; }
.thankYouBox { padding: 3px; }
#payAmt { width: 55px; }
#secureCode { width: 55px; }
.cardLabel{ width: 150px; margin: 8px 0; display: block; float: left; line-height: 10px; *line-height: 15px;}
.billLabel{ width: 120px; margin: 8px 0; display: block; float: left;}


/* POP UP MODULESmargin-left: 10px; *margin-left: 10px; */

fieldset.cardInfoPop {padding-left:-10px;}
fieldset.cardInfoPop INPUT { width: 199px; margin: 0; }
fieldset.cardInfoPop p{width:94%; vertical-align:middle; font-weight:normal;  min-height:23px; *height:23px}
fieldset.cardInfoPop div.boxBottom { margin: 20px 50px 20px 20px; *margin: 0 50px 5px 20px; }
fieldset.cardInfoPop p.required {margin: 10px; *margin: 10px; margin-left:20px;}
fieldset.cardInfoPop label {float:left !important; float:none; width:90px; *width:88px;}
fieldset.cardInfoPop label.state {float:left !important; float:none; width:50px; *width:49px;left:360px;width:100px;}
fieldset.cardInfoPop div.stateElem {margin-top: -17px; *margin-top: -29px; float: right; margin-right: 61px;}
fieldset.cardInfoPop div SELECT { margin-top: 0;}
fieldset.cardInfoPop label.stateLabel {width:36px; *width:35px; margin:0 5px 0 5px; *margin:0. 375em 0 5px; float:none;position:relative; top:2px;}
fieldset.cardInfoPop input {position:absolute;left:130px; *left:145px;}
fieldset.cardInfoPop label.stateLabelPop {width:40px; *width:39px; margin:0 1px; *margin:0 1px;}
fieldset.cardInfoPop input.cityInput {float:left !important; float:none; width:119px; width:116px; position:relative; top:2px; *top:2px;}
fieldset.cardInfoPop input.zip {width:119px; *width:116px; position:relative; top:2px; *top:2px;}
fieldset.cardInfoPop input.phone { width:32px; *width:31px; position:relative; top:2px; *top:2px;}
fieldset.cardInfoPop input.phoneLast { width:58px; *width:57px; position:relative; top:2px; *top:2px;}
fieldset.cardInfoPop .maxInput {width:180px;}
fieldset.cardInfoPop span { font-weight: bold; }
fieldset.cardInfoPop h2 { border: 0; margin-left:16px;}
fieldset.cardInfoPop .wideP { width:524px;}
fieldset.cardInfoPop .wideLabel { width:260px; position:relative; }
fieldset.cardInfoPop P.optIn { margin-left:45px; width:auto;padding-right:50px;}



/* MISC */
#breadCrumbs li.noLink {display:inline; float:left;  margin-right:13px; padding-right:13px; text-decoration:none;}
.clearDiv { clear: both; }
.imgMiddle { display: inline; float: left;}
.valignMiddle{ vertical-align: middle;}
.strong { font-weight: bold; }
.normal { font-weight: normal; }
.alignRight { float: right; }
.alignLeft { float: left;}
.noMargins { margin: 0; }
.searchMarginTop { margin-bottom: 1px; margin-top: 0; *margin-bottom: 8px; }
.marginBottom { margin-bottom: 26px; *margin-bottom: 26px; }
.marginBottomMed { margin-bottom: 13.5px; *margin-bottom: 13px; }
.marginLeft {*margin-left: 75px;}
.marginRight { margin-right: 20px;}
.radioBtnMargin { margin-left: 17px; *margin-left: 21.5px; margin-bottom: 20px; *margin-bottom: 19.5px; }
.formElMargin { margin-left: 17px; *margin-left: 21.5px;}
.textRight { text-align: right;}
.italics { font-style: italic; font-weight: normal;}
.noWrap { white-space: nowrap }
.lineSpacing { line-height: 20px; *line-height: 19.5px;}
.noTopMargin { margin-top: -13px; *margin-top: 0;}
.notice { font-weight: bold;} 

.acctContent H2.accTbHd { width:598px;}
.acc-o .acctContent H2.accTbHd { width:550px; *width:555px}
.acc-oh-d .contentModuleInner {width: 544px; *width: 555px;  padding: 8px; padding-bottom:13px;}
.contentModuleInner td {padding:2px;}/*Modified:AB*/


/* adjusters*/
.fullNarrowWidth {width:565px; *width:555px;}
.noTopBrd {border-top:none;}
.noBottBrd {border-bottom:none;}

/*misc*/
.marginFix { *margin-top: -20px; }
fieldset.cardInfoPop .optIn input {position:relative !important; float:left; margin-left:-45px}
fieldset.cardInfoPop .optIn input {position:relative !important; float:left; margin-left:-45px}
.creditCardFormDiv fieldset.cardInfoPop label {width:110px; *width:108px; float:left}
.creditCardFormDiv fieldset.cardInfoPop input {float:left}
.creditCardFormDiv fieldset.cardInfoPop label.state {width:50px; margin-left:10px;}
.creditCardFormDiv fieldset.cardInfoPop input {position:static; width:199px; *width:180px}
.creditCardFormDiv fieldset.cardInfoPop span.AsAppearsOnCard {font-weight:normal; margin-left:10px; white-space:nowrap}
.creditCardFormDiv fieldset.cardInfoPop a.seeExample {padding-left:50px}
.creditCardFormDiv fieldset.cardInfoPop h2 { margin-top:15px; font-weight:bold}


#updateEmailLayer.popWindowAccLg .bd { height:auto; width:auto;} 
#updateEmailLayer.popWindowAccLg p, #updateEmailLayer.popWindowAccLg form{ margin:10px; }
#updateEmailLayer.popWindowAccLg .bd { padding-top:0; }
#updateEmailLayer.popWindowAccLg .bdInner ul li {list-style-type:none; }
#updateEmailLayer.popWindowAccLg form input { width:200px; }
#updateEmailLayer.popWindowAccLg h2{ text-align:left; }