/*** STORE-SPECIFIC STYLES ***/ /* -- SUB NAVIGATION and BREADCRUMBS -- */ #storeNav { width: 755px; height: 40px; background: url(../images/store/nav_store_4-0.gif); margin: 0 0 0 5px; padding: 0; position: relative;} #storeNav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #storeNav li, #storeNav a {height: 40px; display: block;} #subnavStore {left: 0; width: 196px; text-indent: -8000px;} #subnavStore a:hover {background: transparent url(../images/store/nav_store_4-0.gif) 0 -40px no-repeat;} h3 { text-indent: -5000px; width: 716px; height: 34px; margin: 0; padding: 0; position: relative; left: -1px;} h3#shoppingcart,h3#shophead {background: url(../images/store/head_shoppingcart.gif);} /* Phark IR --> images off issue */ h3#checkouthead, h3#checkout_customerinfo {background: url(../images/store/nav_checkout_customerinfo.gif);} h3#checkout_paymentinfo {background: url(../images/store/nav_checkout_paymentinfo.gif);} h3#checkout_orderconfirmation {background: url(../images/store/nav_checkout_orderconfirmation.gif);} /* NOTE - for if/when we decide to make breadcrumbs a menu */ /* #crumbs1 { width: 716px; height: 34px; background: url(../images/store/nav_crumbs_1.gif); margin: 0; padding: 0; position: relative; left: -1px;} #crumbs1 li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #crumbs1 li, #storeNav a {height: 34px; display: block;} #crumbsOne {left: 0; width: 150px; text-indent: -8000px;} */ /* add a.hover's to turn into menu */ /* #crumbsTwo {left: 151px; width: 102px; text-indent: -8000px;} #crumbsThree {left: 154px; width: 138px; text-indent: -8000px;} */ /* -- GENERAL (reusable bits) -- */ .shadow5 {width: 5px; border-style: none hidden;} .shadow2 {width: 2px; border-style: none hidden;} .shadow {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;} .bottomshad {border-right: 1px solid #fff; border-bottom: 1px solid #ddd;} .rightshad {border-right: 1px solid #ddd; border-bottom: 1px solid #fff;} .noshad {border-style: none hidden; background-color: #f7f7f7;} .blank {border-style: none hidden; background-color: #fff;} .pad {padding: 0px 2px;} .pad6 {padding: 6px;} .rdtxt {color: #66130b; font-size: 9px;} .greytxt {color: #666; font-size: 9px;} .cntr {text-align: center;} .rt {text-align: right;} .lt {text-align: left;} .green {color:#467e0b;} .spacer {border-bottom: 1px solid #ddd;} .wideddl {width: 227px; height: 18px; padding: 0; margin: 0; border: solid 1px #ccc; background-color: #f7f7f7;} .widetxtinput {width: 225px; height: 10px; padding: 4px 0 4px 0; margin: 0; border: solid 1px #ccc; background-color: #f7f7f7;} /* --myKB MASTERPAGE FILE IS ALSO USING THIS STYLE SHEET, IF THE STORE NEEDS CUSTOM ERROR STYLES SHOULD USE A DIFFERENT NAME--*/ /* -- COMMON STYLES (reusable bits) -- .error {color: #66130b; background-color: #e3be8d; margin: 0 0 3px 0; padding: 5px 0 10px 5px; width: 477px; list-style: none;} .error ul {padding:0px 0px 0px 0px; margin:5px 0px 5px 5px;} .error li {list-style: none; padding:0 0 0 -10px; margin: 0 0 0 0;}*/ /* -- STORE ENTRY -- */ #contentarea {background: none; width: 724px; margin-left: 16px; margin-right: 6px;} #contentarea #banner {padding-top: 10px;} /* J.T. NEW STUFF FOR store/default.aspx */ .PreviewTabel { border:solid 0px red; width:177px; text-align:left; margin:0px; padding:0px; } .gametitle {height: 52px; vertical-align:bottom; border:solid 0px red; padding-left:10px;} .tablink { text-align:right; height:31px; padding:-5px 0 0 0;} .gamethumb {height: 120px; width: 175px; border:solid 0px red; vertical-align:middle; text-align:center;} .infothumb {width: 93px; height: 93px; position: relative; top: 27px; left: 43px;} .infothumb a {display: block; width: 100%; height: 100%; text-indent: -5000px;} .kredits_info img, .kredits_info input {} .kreditPrice {font-family: Verdana; font-size:9px; color:#666; padding-left:10px; border:solid 0px red; height:27px;} .price {margin: 0 12px; font-family: arial, sans-serif; font-size: 1.3em; font-weight: bold; color: #333; position: relative; top: 10px;} /* END store/defautl.aspx */ /* tile */ .gamebox, .gamebox_new, .infobox { float: left; background: url(../images/store/entry_gamebox.gif) no-repeat; width:177px; height: 239px; margin: 19px 4px 0 0;} .gamebox_new {background: url(../images/store/entry_gamebox_new.gif) no-repeat;} .infobox h4 {color: #66130b;} .infobox {background: url(../images/store/entry_infobox.gif) no-repeat;} /* .gamebox h4, .gamebox_new h4, .infobox h4 {font-family: arial, sans-serif; font-size: 1.5em; line-height: 1em; letter-spacing: -.05em;} */ /* THE TAB */ /* title .gametitle {height: 38px; vertical-align: bottom; position: relative; top: 13px; left: 10px;} .gamebox h4, .gamebox_new h4, .infobox h4 {font-family: arial, sans-serif; font-size: 1.5em; line-height: 1em; letter-spacing: -.05em; position: absolute; bottom: 0; _padding-bottom: 2px; _margin-bottom: -1px;} .infobox h4 {color: #66130b;}*/ /* MORE INFO .moreinfo {width: 155px; margin: -10px 10px 0 10px; text-align: right;} */ /* J.T. MORE INFO .moreinfo {text-align: right; padding-right:10px; height:40px; vertical-align:top; border:solid 0px red;}*/ /* thumbnail .gamethumb {display: table; height: 128px; width: 175px; _position: relative; overflow: hidden; padding:20px 0px 0px 0px;} .gamethumb div {_position: absolute; _top: 50%; _left: 50%; display: table-cell; text-align: center; vertical-align: middle;} .gamethumb img, .gamethumb input {_position: relative; _top: -50%; _left: -50%;} .infothumb {width: 93px; height: 93px; position: relative; top: 27px; left: 43px;} .infothumb a {display: block; width: 100%; height: 100%; text-indent: -5000px;} */ /* buy tab .tablink {width: 90px; height: 23px; position: relative; top: -10px; left: 85px;} .infobox .tablink {top: 0px;} .tablink a {display: block; width: 100%; height: 100%; text-indent: -5000px;}*/ /* -- GAME DETAIL -- */ #detail_boxes {float: left; width: 243px; margin: 15px 3px 0 0; } /* game upgrade box */ #gameupgrade {width: 243px; height: 336px; background: url(../images/store/gamedetail/box_gameupgrade.png) no-repeat;} #gameupgrade #screenshot img {margin: 47px 0 0 5px;} #gameupgrade #thumbs {margin: 17px 0 0 9px;} #gameupgrade #thumbs img {margin: 0 3px 0 0; padding: 0;} /* game details box */ #gamedetails {margin-top: 3px; width: 243px; background: url(../images/games/box_background.png) repeat-y;} /*MAY WANT TO PUT THIS CODE IN THE GOLBAL...IT'S THE SYTLE FOR THE LEFT BLACK BOXS THAT HAS GAME NAME, HIGH SCORE AND TOTAL PALYS */ .box_table table {margin: -5px 0 0 7px; background: transparent; width: 230px;} .box_table td { vertical-align: top; padding-right: 3px;} .box_table td.key {color: #999; width: 95px; text-align: right;} .box_table td.value, .box_table td.value a {color: #fff;} /* my rating box */ #myrating {margin-top: 3px; width: 243px; height: 119px; background: url(../images/store/gamedetail/box_myrating.png) no-repeat;} #myrating img {padding: 47px 0 0 23px;} /* see also box */ #youmayenjoy {margin-top: 3px; width: 243px; height: 145px; background: url(../images/store/gamedetail/box_youmayenjoy.png) no-repeat;} #youmayenjoy div {padding: 60px 0 0 17px;} /* feature table */ #features {float: left; margin-top: 15px;} #unlockthefun {background: url(../images/store/gamedetail/unlockthefun.gif) no-repeat; padding: 0; height: 116px; } #unlockthefun div {width: 473px; height: 23px; position: relative; top: 3px; left: 380px;} * html #unlockthefun div {left: 380px;} #unlockthefun div a {display: block; width: 100%; height: 100%; text-indent: -5000px;} #features table {width: 473px; padding: 0; background: transparent; border-collapse: collapse;} #features table td {border: 1px solid #555; line-height: 1.4em; padding-top: .5em; padding-bottom: .5em;} #features table td.featureCheck { background-color:White; border: 1px solid #555; line-height: 1.4em; padding-top: 0px; padding-bottom: 0px;} * html #features table {width: 475px; margin: -1px 0 0 -1px;} #features table td.feature {background: #000; color: #fff; font-weight: bold; padding-left: 10px; width: 266px;} #features table td div.na {background: url(../images/store/gamedetail/featuretable_star_none.gif) repeat #fff; border: none 0px green; } #features table td div.free {height:28px;background: #fff url(../images/store/gamedetail/featuretable_star_free.gif) no-repeat top;} #features table td.vip {background: url(../images/store/gamedetail/featuretable_star_vip.gif) no-repeat #fff; width: 97px;} table .description {font-weight: normal;} /* buy or play */ #buyorjoin {background: url(../images/store/gamedetail/featuretable_buyorplay.gif) no-repeat; width: 397px; height: 303px; margin: 2px 0 0 79px;} #buyorjoin #add {width: 77px; height: 30px; position: relative; top:182px; left: 58px;} #buyorjoin #add a {display: block; width: 100%; height: 100%; text-indent: -5000px;} #buyorjoin #join {width: 130px; height: 30px; position: relative; top: 152px; left: 156px;} #buyorjoin #join a {display: block; width: 100%; height: 100%; text-indent: -5000px;} #buyorjoin .purchasePrice { font-weight: bold; color: #333; width: 77px; height: 30px; position: relative; top: 201px; left: 12px;} /* buy or join #buyorjoin {background: url(../images/store/gamedetail/featuretable_buyorjoin.gif) no-repeat; width: 397px; height: 303px; margin: 2px 0 0 79px;} #buyorjoin #add {width: 77px; height: 30px; position: relative; top:182px; left: 58px;} #buyorjoin #add a {display: block; width: 100%; height: 100%; text-indent: -5000px;} #buyorjoin #join {width: 67px; height: 30px; position: relative; top: 152px; left: 212px;} #buyorjoin #join a {display: block; width: 100%; height: 100%; text-indent: -5000px;} #buyorjoin .purchasePrice { font-family: arial, sans-serif; font-size: 1.3em; font-weight: bold; color: #333; width: 77px; height: 30px; position: relative; top: 207px; left: 12px;} */ /* -- SHOPPING CART -- */ #cart {position: relative; margin: 12px 0 0 16px; padding: 0; line-height: normal; background-color: #f7f7f7;} #cart table { position: relative; margin: 0; padding: 0; border-style: none hidden; border-collapse: separate; background-color: #fff;} #cart .th {font-weight: bold; text-align: left; padding: 0 0 0 0; margin:0px 0px 0px 0px; background-color: #f7f7f7;} #cart td {color:#45443f; padding: 0; height: 25px;} #cart p {padding: 0 0 0 6px;} #cart .main {width: 571px; margin: 0; padding: 0; border-width: 1px; border-style: none solid solid none; border-color: #f7f7f7; float: left;} #cart .kk {position: absolute; width: 113px; margin: 0; padding: 0; border-width: 1px; border-style: none solid solid none; border-color: #f7f7f7; right: 15px;} #cart .menu {position: relative; margin: 0; padding: 0; clear: both;} #cart .new {height: 91px; background: #F7F7F7 url(../images/store/cart_bg_newuser.gif) top no-repeat; padding: 0; vertical-align: top;} #cart .item {width: 362px; border-style: none hidden;} #cart .price {width: 47px; border-style: none hidden;} #cart .qty {width: 37px; border-style: none hidden;} #cart .amount {width: 54px; border-style: none hidden;} #cart .remove {width: 61px; border-style: none hidden;} #cart .kredits {width: 111px; border-style: none hidden;} #cart .used {padding: 6px 5px;} #cart .apply {background: #d7d7d7 /*url(../images/store/cart_text_needed.gif) no-repeat bottom left*/; padding: 6px 5px;} #cart .apply2 {background: #d7d7d7;} #cart .sum {color: #000; background-color: #ffdda6; border-right: 1px solid #d7d7d7; font-size: 9px;} #cart .tax {color: #000; background-color: #ccc; border-right: 1px solid #d7d7d7; font-size: 9px;} #cart .total {background: #fff url(../images/store/cart_total_bg.gif) no-repeat bottom right;} #cart .subtotal {background: #fff url(../images/store/cart_subtotal_bg.gif) no-repeat bottom right;} #cart .undo {float: right; margin: 0 0 0 5px;} #cart .login2 {margin: 25px 0 0 31px;} #cart .createacct {margin: 23px 0 0 6px;} #cart .error {margin: 5px 0 0 0;} #cart .promoCodeEntry { padding:5px 0 0 0 ; border:none 1px black; vertical-align:bottom;} #cart .promoCodeEntry .submitImg {margin:-3px 0 0 0; vertical-align:middle;} #cart .promoCodeEntry input.txtPromoCode { width:150px;} .taxLine {padding:0 0 5px 5px;} .taxValue {padding:0 5px 0 0;} /* -- LOGIN -- */ #login_container {width: 480px; margin: 0 auto;} #loginhead {text-indent: -5000px; background: url(../images/store/login_th_login.gif) no-repeat; height: 50px; position: relative;} #signuphead {text-indent: -5000px; background: url(../images/store/login_th_signup.gif) no-repeat; height: 50px; position: relative;} #login, #signup {position: relative; margin: 20px 3px 0 0; padding: 0; line-height: normal; border-width: 1px; border-style: none solid solid none; border-color: #f7f7f7; background: url(../images/store/login_box.gif) bottom right no-repeat #fff; width: 236px; height: 165px; float: left;} .forgot_passwd {position: absolute; bottom: -16px; left: 8px;} #login .input {padding: 4px; margin: 8px 6px 0 8px; border: solid 1px #ccc; background-color: #f7f7f7;} #login .remember {margin: 8px 0 0 8px; border: none; background-color: #fff;} #login .memlogin {width: 234px; border-style: none hidden;} #login .newuser {width: 234px; border-style: none hidden;} #signup .jointodaymsg {padding: 0; margin: 8px;} #login .login_submit, #signup .login_submit {position: absolute; bottom: 0; right: 0; border: none; margin: 0; padding: 0;} * html #login .login_submit, * html #signup .login_submit {bottom: -1px;} /* -- CUSTOMER INFO -- */ #boxcontainer {width: 690px; margin: 0 auto; padding:13px 0 0 0;} #billingaddress, #billinginfo {position: relative; margin: 0px 0 0 0; padding: 0; line-height: normal; border-width: 1px; border-style: none solid solid none; border-color: #f7f7f7; background: url(../images/store/checkout_box.gif) bottom right no-repeat #fff; width: 500px; float: left;} #billingaddress {position: relative; margin: 20px 0 0 0; padding: 0; line-height: normal; border-width: 1px; border-style: none solid solid none; border-color: #f7f7f7; background: url(../images/store/checkout_box_no_bottom.gif) bottom right no-repeat #fff; width: 500px; float: left;} #billingaddress h4, #billinginfo h4 { text-indent: -5000px; height: 50px; position: relative;} /*#billingaddress h4 {background: url(../images/store/customerinfo_th_billingaddress.gif) no-repeat;}*/ #billingaddress .pad, #billinginfo .pad {padding: 3px 5px; margin: 0 0 10px 0;} #billingaddress div, #billinginfo div {width: 485px; padding: 2px 0 3px 2px; margin: 0;} * html #billingaddress div, * html #billinginfo div {padding: 1px 0 4px 2px;} /* #billingaddress div.email {background: url(../images/store/customerinfo_email.gif) no-repeat;} #billingaddress div.firstname {background: url(../images/store/customerinfo_firstname.gif) no-repeat;} #billingaddress div.lastname {background: url(../images/store/customerinfo_lastname.gif) no-repeat;} #billingaddress div.address {background: url(../images/store/customerinfo_address.gif) no-repeat;} #billingaddress div.addresscont {background: url(../images/store/customerinfo_addresscont.gif) no-repeat;} #billingaddress div.city {background: url(../images/store/customerinfo_city.gif) no-repeat;} #billingaddress div.state {background: url(../images/store/customerinfo_state.gif) no-repeat;} #billingaddress div.country {background: url(../images/store/customerinfo_country.gif) no-repeat;} #billingaddress div.zip {background: url(../images/store/customerinfo_zip.gif) no-repeat;} #billingaddress div.paymenttype {background: url(../images/store/customerinfo_paymenttype.gif) no-repeat;} #billingaddress div.emailerror{background: url(../images/store/customerinfo_email_error.gif) no-repeat;} #billingaddress div.firstnameerror{background: url(../images/store/customerinfo_firstname_error.gif) no-repeat;} #billingaddress div.lastnameerror{background: url(../images/store/customerinfo_lastname_error.gif) no-repeat;} #billingaddress div.addresserror{background: url(../images/store/customerinfo_address_error.gif) no-repeat;} #billingaddress div.addressconterror{background: url(../images/store/customerinfo_addresscont_error.gif) no-repeat;} #billingaddress div.cityerror{background: url(../images/store/customerinfo_city_error.gif) no-repeat;} #billingaddress div.stateerror{background: url(../images/store/customerinfo_state_error.gif) no-repeat;} #billingaddress div.countryerror{background: url(../images/store/customerinfo_country_error.gif) no-repeat;} #billingaddress div.ziperror{background: url(../images/store/customerinfo_zip_error.gif) no-repeat;} #billingaddress div.paymenttypeerror{background: url(../images/store/customerinfo_paymenttype_error.gif) no-repeat;} #billingaddress div#required{background: url(../images/store/customerinfo_required.gif) no-repeat; width:300px; padding-bottom:5px;} #billinginfo div#required {background: url(../images/store/customerinfo_required.gif) no-repeat; width:300px; padding-bottom:5px;} */ /* JMS - new styles */ #billingaddress .bottomRow, #billinginfo .bottomRow, #paywithpaypal .bottomRow {padding: 0; margin: 0; height:27px} #billingaddress .bottomMid, #billinginfo .bottomMid, #paywithpaypal .bottomMid {background: url(../images/store/checkout_box_bottom_mid.gif) repeat-x bottom;} #paywithpaypal .bottomRow {position:absolute; top:155px; left:0px;} #billingaddress .continue, #billinginfo .completeorder, #paywithpaypal .accesspaypal {height: 27px; bottom: 0; left: 0; border: none; margin: 0; padding: 0;} #orderconfirmation .printareceipt {height: 27px; position: absolute; bottom: 0; right: 0; border: none; margin: 0; padding: 0;} #billingaddress .continue {width: 86px;} #billinginfo .completeorder {width: 124px; _margin-bottom:-3px;} #paywithpaypal .accesspaypal {width: 191px;} #orderconfirmation .printareceipt {width: 115px;} * html #billingaddress .continue, * html #billinginfo .completeorder {bottom: -1px;} /* * html #paywithpaypal .accesspaypal, */ /* * html #orderconfirmation .printareceipt */ .payPal {float:left;position:relative; top:15px; padding-bottom:0px;} .creditcards {float: left; padding-left: 20px; padding-top:5px;} /*.creditcards {position: absolute; bottom: -34px; left: 8px;}*/ #sidebar {float: left; width: 186px; position: relative; margin: 0px 0px 0 0; padding: 0;} /*#ordersummary h4 { text-indent: -5000px; background: url(../images/store/customerinfo_th_ordersummary.gif) no-repeat; height: 50px; position: relative;} */ #ordersummary .itemSummary {width: 186px; border-collapse: collapse; background: transparent; border: 1px solid #bbb; border-left: none; background-color: #ddd; padding-top: 5px; } #ordersummary .itemList {width:180px;} #ordersummary .item {margin: 0; padding: 0 5px 0 5px; height: 1em; line-height: .75em;} #ordersummary .itemKK {margin: 0; padding: 0 5px 0 5px; height: 1.25em; line-height: 1.25em; vertical-align:bottom;} #ordersummary .highlight {color: #66130b; padding-bottom:7px;} #ordersummary .total {border-top: 3px double #66130b; padding-bottom:7px;} #ordersummary .label {padding-left:5px;} #ordersummary .value {padding-right:5px;} /* JMS - .origtable only needed for html page. Remove later. */ #ordersummary .origtable {margin: 0 1px 0 0; padding: 5px 5px 10px 5px; background-color: #ddd; line-height: 1.4em; border: 1px solid #bbb; border-left: none; width: 184px;} /* -- CC PROCESSING -- */ /* #billinginfo h4 {background: url(../images/store/paymentinfo_th_billinginformation.gif) no-repeat;} #billinginfo div#email {background: url(../images/store/customerinfo_email.gif) no-repeat;} #billinginfo .creditcardtype {background: url(../images/store/paymentinfo_creditcardtype.gif) no-repeat;} #billinginfo .nameoncard {background: url(../images/store/paymentinfo_nameoncard.gif) no-repeat;} #billinginfo .creditcardnumber {background: url(../images/store/paymentinfo_creditcardnumber.gif) no-repeat;} #billinginfo .ccv {background: url(../images/store/paymentinfo_ccv.gif) no-repeat;} #billinginfo .expmonthandyear {background: url(../images/store/paymentinfo_expmonthandyear.gif) no-repeat;} #billinginfo .agree {background: url(../images/store/paymentinfo_agree.gif) no-repeat bottom right;} #billinginfo div#emailerror{background: url(../images/store/customerinfo_email_error.gif) no-repeat;} #billinginfo .creditcardtypeerror{background: url(../images/store/paymentinfo_creditcardtype_error.gif) no-repeat;} #billinginfo .nameoncarderror{background: url(../images/store/paymentinfo_nameoncard_error.gif) no-repeat;} #billinginfo .creditcardnumbererror{background: url(../images/store/paymentinfo_creditcardnumber_error.gif) no-repeat;} #billinginfo .ccverror{background: url(../images/store/paymentinfo_ccv_error.gif) no-repeat;} #billinginfo .expmonthandyearerror{background: url(../images/store/paymentinfo_expmonthandyear_error.gif) no-repeat;} #billinginfo .agreeerror{background: url(../images/store/paymentinfo_agree_error.gif) no-repeat bottom right;} #billinginfo .creditcardnumberInvalid{background: url(../images/store/paymentinfo_creditcardnumber_invalid.gif) no-repeat;} #billinginfo .ccvInvalid{background: url(../images/store/paymentinfo_ccv_invalid.gif) no-repeat;} #billinginfo .expmonthandyearInvalid{background: url(../images/store/paymentinfo_expmonthandyear_invalid.gif) no-repeat;} */ #billinginfo div#ccv .input, div#ccverror .input {margin-left: 165px; width: 60px} #billinginfo div#expmonthandyear .exp, div#expmonthandyearerror .exp {width: 60px; height: 18px; padding: 0; margin: 0; border: solid 1px #ccc; background-color: #f7f7f7;} #billinginfo div#expmonthandyear .month, div#expmonthandyearerror .month {margin-left: 103px;} #billinginfo div#agree, div#agreeerror {height: 110px;} .disclaimer { width: 97%; height: 100px; padding: 4px; margin: 0; border: solid 1px #ccc; background-color: #f7f7f7; overflow: auto;} #billinginfo div#agree div.container, div#agreeerror div.container {margin-top: 70px; _margin-top: 130px; margin-left:240px; width: 150px; padding: 0;} #billinginfo div#agree .agree, div#agreeerror .agree {width: auto; height: auto; margin-top: 11px; background: none; border: none;} * html #billinginfo div#agree div.container, * html #billinginfo div#agreeerror div.container {bottom: 105px;} * html #billinginfo div#agree .agree, * html #billinginfo div#agreeerror .agree {margin-top: 5px;} /*#customerinfo h4 { text-indent: -5000px; background: url(../images/store/paymentinfo_th_customerinfo.gif) no-repeat; height: 35px; position: relative;} */ #customerinfo {margin: 0 0px 0 0; padding: 5px 5px 10px 5px; background-color: #dddddd; line-height: 1.4em; border: 1px solid #bbb; border-left: none;} /* -- PP PROCESSING -- */ #paywithpaypal {padding-bottom: 10px; border:none 0px yellow;} #paywithpaypal p {padding: 12px 8px 0 8px; margin: 0;} /* -- ORDER CONFIRMATION - step 4 -- */ #orderconfirmation {padding-bottom: 0px;} #orderconfirmation p {padding: 7px 0px 0 8px; margin: 0 0px 0 0;} #orderconfirmation .highlight {color: #b85e3b;} #orderconfirmation .order_item {margin: 0 2px 0px 0; border-top: 1px solid #ccc; overflow: hidden; width:450px;} #orderconfirmation .order_item ul {padding: 10px 0 0px 30px; margin: 0;} #orderconfirmation .order_item ul li {display: inline; white-space: nowrap; list-style: none; margin-right: 35px;} ul.dotless {list-style: none; margin: 5px 0 25px 30px;} /* -- RECEIPT -- */ body.receipt {background-image: none; background-color: #fff; text-align: left;} body.receipt #orderconfirmation {width: 70%; background: none; border-right: 1px solid #000; border-bottom: 1px solid #000; padding-bottom: 0; float:left;} body.receipt #orderconfirmation h4, body.receipt #ordersummary h4, body.receipt #customerinfo h4 { background: none; text-indent: 0; padding-left: 8px; height: auto; font-size: 1.7em; font-weight: normal; padding-bottom: 0; border-bottom: 1px solid #000; margin-bottom: .7em;} body.receipt #orderconfirmation .order_item {border-top: 1px dotted #000; width: 480px; overflow: hidden;} body.receipt #sidebar {width: 29%;} body.receipt #ordersummary table {background-color: #fff; border: none; width:90%;} body.receipt #customerinfo {background-color: #fff; border: none; padding: 0 9px;} body.receipt #orderconfirmation h4, body.receipt #ordersummary h4, body.receipt #customerinfo h4 {height: 1.5em;} body.receipt #customerinfo h4 {margin-top: 1em;} body.receipt .dotted {border-top: 1px dotted #000;} body.receipt .close {position: relative; left: 8px; top: 5px; padding-bottom:15px;} body.receipt .print {position: relative; left: 20px; top: 5px;padding-bottom:15px;} /* -- TESTING --*/ .test {width:0px; background-color:Lime; display:none;}