html { font-size: 100%; /* IE hack */ }
body {margin:0px; background: #f1f1f1 url(/images/Checkout/bg_checkout.gif) 50% 0 repeat-y; color: #000; font-family: Arial, Helvetica, Verdana; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }
/* CJ's Style Defaults */
a, embed, object {outline: none;}
form, fieldset, dl {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-size: 1.0em; font-weight: normal;}
p {margin: 0 0 15px 0; padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
input, textarea, select {font-family: inherit; font-size: inherit;}
dl {display: block; margin-bottom: 30px;}
dt {display: block; clear: left; float: left; width: 80px; margin-bottom: 5px;}
dd {display: block; float: left; width: 150px; margin-bottom: 5px;}
big {font-size: 1.1em;}
small {font-size: 0.9em;}
.clearer {clear: both; height: 1px; font-size:1px;}
.clearleft {clear: left; height: 1px;}
.clearright{clear: right; height: 1px;}
.getright {float:right;}
.getleft {float:left;}
.right {text-align: right;}
.centa {text-align: center;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.uline {text-decoration: underline;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}
.greyline {clear:both; height:1px; background:#d4d4d4; font-size:1px; margin-bottom:25px; margin-top:10px;}
.halfmargin {margin-bottom: 5px;}
/* Colours */
.red {color: #cc1e21;}
.black {color: #333;}
.grey {color: #878787;}
/* Links */
a {color: #333; text-decoration: underline;}
a:hover {text-decoration: none;}
a.delink {padding-left: 18px; background:url(/images/Checkout/icon_delete.gif) 0 50% no-repeat;}
a.helplink {display: block; text-indent: -9999px; overflow: hidden; background:url(/images/Checkout/icon_help.gif) 0 50% no-repeat;}
/* Buttons */
a.butt-checkout {display: block; width: 95px; height: 21px; text-indent: -9999px; overflow: hidden; background:url(/images/Checkout/butt_checkout.gif) 0 0 no-repeat;}
a.butt-checkout:hover {background-position: 0 -21px;}
a.butt-continue-order {display: block; width: 95px; height: 21px; text-indent: -9999px; overflow: hidden; background:url(/images/Checkout/butt_continue_order.gif) 0 0 no-repeat;}
a.butt-continue-order:hover {background-position: 0 -21px;}
a.butt-check-balance {display: block; width: 115px; height: 21px; text-indent: -9999px; overflow: hidden; background:url(/images/Checkout/butt_check_balance.gif) 0 0 no-repeat;}
a.butt-check-balance:hover {background-position: 0 -21px;}
a.butt-purchase {display: block; width: 99px; height: 21px; text-indent: -9999px; overflow: hidden; background:url(/images/Checkout/butt_purchase.gif) 0 0 no-repeat; margin-left:10px;}
a.butt-purchase:hover {background-position: 0 -21px;}
a.butt-create {display: block; width: 140px; height: 21px; text-indent: -9999px; overflow: hidden; background:url(/images/Checkout/butt_createacct.gif) 0 0 no-repeat;}
a.butt-create:hover {background-position: 0 -21px;}
a.butt-signin {display: block; width: 79px; height: 21px; text-indent: -9999px; overflow: hidden; background:url(/images/Checkout/butt_signin.gif) 0 0 no-repeat;}
a.butt-signin:hover {background-position: 0 -21px;}
a.butt-finish {display: block; width: 60px; height: 21px; text-indent: -9999px; overflow: hidden; background:url(/images/Checkout/butt_finish.gif) 0 0 no-repeat;}
a.butt-finish:hover {background-position: 0 -21px;}
a.butt-add {display: block; width: 60px; height: 21px; text-indent: -9999px; overflow: hidden; background:url(/images/Checkout/butt_add.gif) 0 0 no-repeat;}
a.butt-add:hover {background-position: 0 -21px;}
/* Headings */
h1 {display: block; width: 250px; height: 92px; }
h1 a {display: block; width: 250px; height: 92px; text-indent: -9999px; overflow: hidden;}
h4 {font-size: 1.2em; font-weight: bold; margin-bottom: 13px; text-transform: uppercase; color: #cc1e21;}
h4 small { font-size:85%; color:#000; text-transform:none; font-weight:normal;}
h5 {font-weight:bold; margin-bottom: 13px;}
h5.creditcard {padding-top:15px; margin-bottom: 0; display: block; height: 41px; width: 300px; background:url(/images/Checkout/creditcards.gif) 120px 0 no-repeat;}
/* Lists */
#shop-nav {position: absolute; top: 67px; right: 15px; margin: 0; padding: 0; list-style: none;}
#shop-nav li {display: block; float: right; margin-left: 10px; padding-left: 10px; background: url(/images/Checkout/head_nav_div.gif) 0 50% no-repeat; font-size: 1.1em; }
#shop-nav li a {color: #FFF; text-decoration: none;}
#shop-nav li a:hover {color: #FFF; text-decoration: underline;}
ul.list-x {width: 370px;}
ul.list-x, ul.list-x li {margin: 0; padding: 0; list-style:none; float:left;}
ul.list-x li {display:block; padding: 0 10px 0 0;}
ul.list-x li.message {padding-top:0.4em;}
ol.errorlist, div.box-summary ul {margin: 0; padding: 0; list-style-type:decimal; list-style-position:inside;color:#cc1e21;}
div.box-wish-summary ul {margin: 0; padding: 0 0 0 10px; list-style-type:decimal; list-style-position:inside;color:#cc1e21;}
#sign-col-left-wish {float: left; width: 275px; padding: 0 0 0 10px;}
ul.redarrows {display: block; margin: 0; padding: 12px; list-style: none; background: #ededed;}
ul.redarrows li {display: block; margin: 0; padding: 0 0 4px 15px; background:url(/images/Checkout/bullet_arrow_red_right.gif) 0 0.4em no-repeat;}
/* Tables */
table.format-total {margin: 0; padding: 0 0 10px 0; border: 0; width: 100%;}
table.format-total tr.hr th, table.format-total tr.hr td {border-bottom:1px solid #d4d4d4; padding-bottom: 10px; }
table.format-total tr.last th, table.format-total tr.last td {border-top:1px solid #fff; padding-top: 5px;}
table.format-total th {text-align:left; padding:0 0 0 15px; font-weight:normal;}
table.format-total.bold th {font-weight:bold;}
table.format-total td {padding:0 15px 0 0; text-align:right;}
table.signtab {margin: 0; padding: 0; border: 0; width: 100%;}
table.signtab td {padding: 0 10px 12px 0;}
table.signtab th {padding: 0 10px 12px 0; width: 110px; font-weight: normal;}
table.signtab input.frmfld {width: 160px; margin: none !important; float: none !important; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e; padding: 2px}
table.radopts {margin-bottom: 10px; width: 99%; padding: 0; border: none;}
table.radopts td {padding-bottom: 10px;}
/* Forms */
.giftwrap {width:344px; float:left;}
.giftwrap-message {width:296px; float:right;}
.giftwrap-message p {padding:5px 20px; margin:0;}
.giftwrap-message label {display:block;font-weight:bold;}
.giftwrap-message textarea {margin:8px 0; width:100%;}
div.frm-xp label {display: block; float: left; width: 85px; margin-bottom: 10px; padding: 2px 10px 2px 0;}
div.frm-xp input.frmfld {float: left; margin-bottom: 10px; width: 196px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e; padding: 2px;}
div.frm-xp select {float: left; margin-bottom: 10px; width: 200px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e; padding: 2px;}
div.frm-std {margin-bottom: 15px;}
div.frm-std fieldset {margin-bottom: 15px;}
div.frm-std label {float: left; display: block; width: 110px; margin-bottom: 5px; padding: 2px 10px 2px 0;}
div.frm-std label.booklover {float: left; display: block; width: 60px; margin-bottom: 5px; padding: 2px 10px 2px 0;}
div.frm-std label.giftcard {float: left; display: block; width: 250px; margin-bottom: 5px; padding: 2px 10px 2px 0;}
div.frm-std label#amount {width:auto;}
div.frm-std label span {color: #cc1e21;}
div.frm-std input.frmfld {margin-right:10px; float: left; display: block; width: 200px; margin-bottom: 5px; padding: 2px 5px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e;}
div.frm-std input.frmfldBooklover {margin-right:10px; float: left; display: block; width: 135px; margin-bottom: 5px; padding: 2px 5px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e;}
div.frm-std input.frmfld-sml {float: left; display: block; width: 70px; margin-bottom: 5px; padding: 2px 5px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e;}
div.frm-std select {float: left; display: block; margin-bottom: 5px; margin-right:10px; padding: 0; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e;}
div.frm-std li select {margin-right:0;}
div.frm-std .ccv-link {padding-left:120px;}
input.err {background:#fae8e8 !important;}
.frmfld { background-color:White !important;}
form.frm-xp label {display: block; float: left; width: 85px; margin-bottom: 10px; padding: 2px 10px 2px 0;}
form.frm-xp input.frmfld {float: left; margin-bottom: 10px; width: 196px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e; padding: 2px;}
form.frm-xp select {float: left; margin-bottom: 10px; width: 200px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e; padding: 2px;}
form.frm-std {margin-bottom: 15px;}
form.frm-std fieldset {margin-bottom: 15px;}
form.frm-std label {float: left; display: block; width: 110px; margin-bottom: 5px; padding: 2px 10px 2px 0;}
form.frm-std label#amount {width:auto;}
form.frm-std label span {color: #cc1e21;}
form.frm-std input.frmfld {margin-right:10px; float: left; display: block; width: 200px; margin-bottom: 5px; padding: 2px 5px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e;}
form.frm-std input.frmfld-sml {float: left; display: block; width: 70px; margin-bottom: 5px; padding: 2px 5px; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e;}
form.frm-std select {float: left; display: block; margin-bottom: 5px; margin-right:10px; padding: 0; border: 1px solid #cecece; border-top: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e;}
form.frm-std li select {margin-right:0;}
form.frm-std .ccv-link {padding-left:120px;}
/* Superstructure */
#shield {width: 700px; margin: 0 auto; background: #FFF;}
#header {position: relative; height: 93px; background: url(/images/Checkout/header_bg.gif) no-repeat; }
#main {margin: 0; padding: 15px 14px; font-size: 1.1em; }
.col-half {display: block; width: 300px; padding: 5px 0;}
.col-ohalf {display: block; width: 328px; }
.signIn {display: block; width: 290px; padding: 5px 0;}
/* Infrastructure */
#progbar {height: 21px; margin-bottom: 15px; background: url(/images/Checkout/bg_progbar.gif) no-repeat;}
div.step-02 {background-position: 0 -21px !important;}
div.step-03 {background-position: 0 -42px !important;}
div.step-04 {background-position: 0 -63px !important;}
div.step-05 {background-position: 0 -84px !important;}
div.step-06 {background-position: 0 -105px !important;}
div.content {display: inline-block;}
div.box-keyline {margin-bottom: 15px; }
div.box-keyline div.top {background:url(/images/Checkout/corner_keyline_tl.gif) 0 0 no-repeat; }
div.box-keyline div.top div {height: 6px; background: url(/images/Checkout/corner_keyline_tr.gif) 100% 0 no-repeat;}
div.box-keyline div.bottom {background: url(/images/Checkout/corner_keyline_bl.gif) 0 100% no-repeat;}
div.box-keyline div.bottom div {height: 6px; background: url(/images/Checkout/corner_keyline_br.gif) 100% 100% no-repeat;}
div.box-keyline div.content {display: block; padding: 7px 13px; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; }
div.box-keyline div.content-fullwidth {padding: 0px 0px 10px 0px; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8;}
div.box-redline {margin-bottom: 15px; }
div.box-redline div.top {background: url(/images/Checkout/corner_redline_tl.gif) 0 0 no-repeat;}
div.box-redline div.top div {height: 6px; background: url(/images/Checkout/corner_redline_tr.gif) 100% 0 no-repeat;}
div.box-redline div.bottom {background: url(/images/Checkout/corner_redline_bl.gif) 0 100% no-repeat;}
div.box-redline div.bottom div {height: 6px; background: url(/images/Checkout/corner_redline_br.gif) 100% 100% no-repeat;}
div.box-redline div.content {display: block; padding: 7px 13px; border-left: 1px solid #d03134; border-right: 1px solid #d03134; color: #cc1e21;}
div.box-redline div.content-fullwidth {padding: 7px 0px; border-left: 1px solid #d03134; border-right: 1px solid #d03134;}
div.box-summary {margin-bottom:15px;display:block;padding: 7px 13px;border:1px solid #d03134;color:#cc1e21;}
div.box-summary strong{color:#cc1e21;}
div.box-wish-redline {margin-bottom: 15px; padding: 0 0 0 10px;}
div.box-wish-redline div.top {background: url(/images/Checkout/corner_redline_tl.gif) 0 0 no-repeat; padding: 0 0 0 20px;}
div.box-wish-redline div.top div {height: 6px; background: url(/images/Checkout/corner_redline_tr.gif) 100% 0 no-repeat; padding: 0 0 0 20px;}
div.box-wish-redline div.bottom {background: url(/images/Checkout/corner_redline_bl.gif) 0 100% no-repeat; padding: 0 0 0 10px;}
div.box-wish-redline div.bottom div {height: 6px; background: url(/images/Checkout/corner_redline_br.gif) 100% 100% no-repeat; padding: 0 0 0 20px;}
div.box-wish-redline div.content {display: block; padding: 7px 13px; border-left: 1px solid #d03134; border-right: 1px solid #d03134; color: #cc1e21;}
div.box-wish-redline div.content-fullwidth {padding: 7px 0px; border-left: 1px solid #d03134; border-right: 1px solid #d03134;}
div.box-wish-summary {margin-bottom:15px;display:block;padding: 7px 13px 0 10px; border:1px solid #d03134;color:#cc1e21;}
div.box-wish-summary strong{color:#cc1e21;}
div.box-filled {margin-bottom: 15px; background:#ededed; }
div.box-filled div.top {background: url(/images/Checkout/corner_filled_tl.gif) 0 0 no-repeat; }
div.box-filled div.top div {height: 6px; background: url(/images/Checkout/corner_filled_tr.gif) 100% 0 no-repeat;}
div.box-filled div.bottom {background: url(/images/Checkout/corner_filled_bl.gif) 0 100% no-repeat;}
div.box-filled div.bottom div {height: 6px; background: url(/images/Checkout/corner_filled_br.gif) 100% 100% no-repeat;}
div.box-filled div.content {display: block; padding: 7px 13px; border: none;}
.purchase-helptext {text-align:right; padding-top:5px;}
div.order-details, div.order-total {margin-top:8px;}
div.order-details {clear:both; width:341px; float:left; margin-right:20px;}
div.order-details h5 a {font-weight:normal;}
div.order-details ul {margin:0 0 20px 0; padding:0 0 0 0; float:left;}
div.order-details ul li {float:left; list-style:none; width:170px;}
span.bullet {padding: 0 0 3px 10px; background: url(/images/Checkout/bullet_product_specs.gif) 0 0.5em no-repeat;}
div.order-total {width:280px; float:right;}
div.order-total h5 {padding:5px 0 0 15px;}
div.order-total p {padding:10px 50px 0 15px;}
div.cost-summary-left {float: left;}
div.cost-summary-left span {float: left; display: block; width: 136px; height: 23px; text-indent: -9999px; overflow: hidden; background:url(/images/Checkout/head_cart.gif) 0 0 no-repeat; margin-top: 9px;}
div.cost-summary-left div {float: left; padding: 10px 30px 0 25px; font-size: 1.5em; border-right: 1px solid #d4d4d4;}
div.cost-summary-right {float: left;}
div.cost-summary-right div {float: left; padding: 10px 0 0 15px; font-size: 1.5em; margin-left: 15px;}
.cc-payment {width: 357px;}
.gc-pin {width: 120px; float: left;}
.gc-expiry {width: 90px; float: left;}
.gc-balance {width: 400px;}
.bl-email {margin-right: 15px; }
.bl-text {margin-top: 15px; }
div.order-total p {padding:10px 50px 0 15px;}
/* Checkout Changes Project */
a.delink {padding-left: 18px; background:url(/images/checkout/icon_delete.gif) 0 50% no-repeat;}
a.helplink {display: block; width: 15px; height: 15px; text-indent: -9999px; overflow: hidden; background:url(/images/checkout/icon_help.gif) 0 0 no-repeat;}
a.butt-finish {display: block; width: 59px; height: 21px; text-indent: -9999px; overflow: hidden; background:url(/images/checkout/butt_finish.gif) 0 0 no-repeat;}
a.butt-finish:hover {background-position: 0 -21px;}
a.butt-add {display: block; width: 59px; height: 21px; text-indent: -9999px; overflow: hidden; background:url(/images/checkout/butt_add.gif) 0 0 no-repeat;}
a.butt-add:hover {background-position: 0 -21px;}
a.buttsign-add {display:block; width: 60px; height: 21px; text-indent: -9999px; overflow: hidden; background:url(/images/Checkout/butt_add.gif) 0 0 no-repeat;}
a.buttsign-add:hover {background-position: 0 -21px;}
div.cost-summary-left {float: left;}
div.cost-summary-left > span {float: left; display: block; width: 136px; height: 23px; text-indent: -9999px; overflow: hidden; background:url(/images/checkout/head_cart.gif) 0 0 no-repeat; margin-top: 9px;}
div.cost-summary-left div {float: left; padding: 10px 30px 0 25px; font-size: 1.5em; border-right: 1px solid #d4d4d4;}
div.cost-summary-right {float: left;}
div.cost-summary-right > div > div {float: left; padding: 10px 0 0 15px; font-size: 1.5em; margin-left: 15px;}
.cc-payment {width: 357px;}
.gc-pin {width: 120px; float: left;}
.gc-expiry {width: 90px; float: left;}
.gc-balance {width: 400px;}
ul.bulleted {display: block; margin: 0 0 15px 0; padding: 0; list-style: none;}
ul.bulleted li {display: block; margin: 0 0 5px 20px; padding: 0 0 0 10px; background:url(/images/checkout/bullet_product_specs.gif) 0 0.5em no-repeat;}
.google-purchased {width: 350px; padding: 10px 10px 0 10px; margin: 0; border: none; background-color: #FFFFFF;}
.google-purchased table { margin: 0 0 10px 0; padding: 0; border: 0; width: 100%;}
a.butt-arrow {padding-left: 10px; background:url(../../Images/StoreLocator/icon_arrow.gif) 0 50% no-repeat; text-decoration: none;}
a.butt-arrow:hover { text-decoration: underline; }