@charset "utf-8";
/* CSS Document */


/* Body Override
----------------------------------------*/

div#body.purchase label, p { font-size: 1.1em; }
div#body.purchase input.text, textarea { padding: 2px; }
div#body.purchase { margin: 0; padding: 0; background: #937956 url(../img/gift-cards/bg-body.jpg) top repeat-x; clear: both; }
div#body.purchase fieldset { border: none; margin: 0; padding: 0; }
div#body.purchase ul li.left { float: left; }
div#body.purchase ul li.right { float: right; }


/* Header
----------------------------------------*/

div#gift-card-header { position: relative; height: 160px; }
div#gift-card-header h1 { position: absolute; margin: 0; padding: 0; top: 0; left: 0; }
div#gift-card-header p { position: absolute; margin: 0; padding: 0; top: 74px; left: 0; }
div#gift-card-header img.sample { position: absolute; top: 0; left: 320px; }
div#gift-card-header img.payments { position: absolute; top: 0; left: 559px; }

/* Main
----------------------------------------*/

#gift-card-main { margin: 0 20px; padding: 14px; background: #feeac6; min-height: 200px;  }
#gift-card-main h2 { margin: 0; padding: 0; }
#gift-card-main label.error { display: block; background: url(../img/gift-cards/bg-validation-error.gif) repeat-x top left #b10021; color: #FFFFFF; text-align: left; padding: 4px 8px; margin: 0px; border: 1px solid #e1b399; }
#gift-card-main div.column dl.important { background: #eebfa7; padding: 10px; color: #b10021; width: 315px; margin: 10px auto;  }
#gift-card-main div.column dl.important.rollover { cursor: pointer!important; }
#gift-card-main div.column dl.important dt { font-weight: bold; font-size: 1.3em; }
#gift-card-main div.column dl.important dd { margin: 0; padding: 0; font-size: 0.9em; }
#gift-card-main div.column dl.important dd.rollover { position: absolute; left: 0; background: #FFFFFF; width: 305px; margin: 10px auto 20px; padding: 10px; border: 5px solid #eebfa7; border-top: 0; display: none; z-index: 9001; }
#gift-card-main div.column dl.important dd.rollover ul { list-style: square; font-size: 1.1em; padding: 5px 0; }
#gift-card-main div.column dl.important dd.rollover ul li { margin: 4px 20px; }
#gift-card-main div.column hr { margin: 0.8em 0 2em; padding: 0; border: none; background-color: #dbb674; height: 1px; color: #dbb674; }

/* left column */
#gift-card-main div.column.left { margin-right: 14px; float: left; }
#gift-card-main div.column.left dl.important { background: #eebfa7; padding: 10px; width: auto; margin: 0; }
#gift-card-main div.column.left dl.important dt { color: #b10021; font-weight: bold; text-decoration: underline; text-transform: uppercase; margin-bottom: 0.5em; }
#gift-card-main div.column.left dl.important dd { line-height: 1.4em; }
#gift-card-main div.column.left dl.important b { color: #b10021; font-weight: bold; }
#gift-card-main div.column.left.select-gift-card { width: 250px; }
#gift-card-main div.column.left.confirm-your-purchase { width: 274px; background: #F6DFB5; }
#gift-card-main div.column.left div#quantity { background: #f6dfb5; border: 1px solid #F6DFB5; } /* refer to ie.css for override */
#gift-card-main div.column.left.confirm-your-purchase div#quantity { background: #f6dfb5; border: 1px solid #F6DFB5; margin-left: 12px; } 
#gift-card-main div.column.left div#quantity p.alt-gift-cards { width: 132px; border-top: 1px solid #dfbc7e; margin: 12px; padding: 10px 90px 20px 4px; background: url(../img/gift-cards/img-singapore-map-small.gif) no-repeat center right; color: #b10021; }
#gift-card-main div.column.left div#quantity p.quantity { text-align:right; font-size:1.1em; color:#707070; padding:10px 10px 0; font-weight:bold; margin: 0 10px 0 0; display: none; }
#gift-card-main div.column.left div#quantity p.quantity span { color:#000; font-weight:normal; }
#gift-card-main div.column.left div#quantity p.subtotal { text-align:right; font-size:1.2em; color:#b10021; padding: 5px 10px 10px; font-weight:bold; margin: 0 10px 0 0; display: none; }
#gift-card-main div.column.left div#quantity p.subtotal span { color:#000; }
#gift-card-main div.column.left div#quantity ul { list-style: none; padding: 0; background: url(../img/gift-cards/bg-column-left-quantity.jpg) no-repeat top left; margin: 12px; }
#gift-card-main div.column.left div#quantity ul li { margin: 0; padding: 0; float: left; }
#gift-card-main div.column.left div#quantity ul li.details { width: 70px; text-align: center; font-size: 1.6em; line-height: 4.5em;  }
#gift-card-main div.column.left div#quantity ul li.quantity { padding-top: 10px; text-align: center; }
#gift-card-main div.column.left div#quantity ul li.quantity label { display: block; color: #d05e63; font-size: 1.2em; padding-bottom: 5px; }
#gift-card-main div.column.left div#quantity ul li.quantity input.text { width: 20px; text-align: center; }
#gift-card-main div.column.left.confirm-your-purchase div#quantity li.quantity { display: block; color: #d05e63; font-size: 1.2em; }
#gift-card-main div.column.left.confirm-your-purchase div#quantity li.quantity span { display: block; color: black; padding-top: 5px; font-weight: bold; }
#gift-card-main div.column.left label.error { margin: 12px; text-align: center; }
#gift-card-main div.column.left.confirm-your-purchase table { width: 90%; margin: 10px 13px; }
#gift-card-main div.column.left.confirm-your-purchase table td.right { text-align: right; }
#gift-card-main div.column.left.confirm-your-purchase table thead { color: #ad0625; font-weight: bold; font-size: 1.1em;  }
#gift-card-main div.column.left.confirm-your-purchase table thead td { padding-bottom: 10px; }
#gift-card-main div.column.left.confirm-your-purchase table tfoot { background: #e8c791; font-weight: bold; }
#gift-card-main div.column.left.confirm-your-purchase table tfoot td { background: #e8c791; padding: 5px 8px; }
#gift-card-main div.column.left.confirm-your-purchase table td { padding: 5px 8px; }
#gift-card-main div.column.left.confirm-your-purchase h4 { color: #ad0625; font-weight: bold; padding: 0; margin: 5px 15px 8px 20px; font-size: 1.1em; }
#gift-card-main div.column.left.confirm-your-purchase dl { margin: 0 15px 0 20px; padding: 0; }
#gift-card-main div.column.left.confirm-your-purchase dl dt { font-weight: bold; }
#gift-card-main div.column.left.confirm-your-purchase dl dd { margin: 0; padding: 0; }
#gift-card-main div.column.left.confirm-your-purchase a.edit-order { margin: 10px 15px 10px 10px; display: block; }

/* right column */
#gift-card-main div.column.right { float: left; }
#gift-card-main div.column.right a.worldpay { margin: 15px; }
#gift-card-main div.column.right.delivery-details { width: 415px; }
#gift-card-main div.column.right.payment-details { width: 392px; }
#gift-card-main div.column.right div.form { background: #F6DFB5; border: 1px solid #F6DFB5; } /* see ie.css for override */
#gift-card-main div.column.right fieldset { margin: 15px; } /* see ie.css for override */
#gift-card-main div.column.right fieldset legend { padding-bottom: 10px; }
#gift-card-main div.column.right fieldset.postage { }
#gift-card-main div.column.right fieldset.postage div.field { float: left; width: 170px; margin-bottom: 1em; }
#gift-card-main div.column.right fieldset.postage div.field input { float: left; }
#gift-card-main div.column.right fieldset.postage div.field label { display: block; margin-left: 25px; }
#gift-card-main div.column.right fieldset.postage div.field label a { display: block; font-size: 0.9em; }
#gift-card-main div.column.right fieldset.postage div#courier-service-note { clear: both; background: #FEEAC7; border: 1px dashed #E8C791; padding: 15px; margin: 10px 5px 0; width: 342px; display: none; }
#gift-card-main div.column.right fieldset.postage div#courier-service-note label.error { margin-bottom: 10px; }
#gift-card-main div.column.right ul#total-payable { float: left; margin: 0 20px 10px; padding: 10px; background: #e8c791; list-style: none; width: 355px; display: none; } /* refer to ie.css for overrides */
#gift-card-main div.column.right ul#total-payable li.left { float: left; color: #b10021; font-weight: bold; font-size: 1.4em; }
#gift-card-main div.column.right ul#total-payable li.left span.breakdown { color: #555555; font-size: 0.7em; display: block; font-weight: normal; }
#gift-card-main div.column.right ul#total-payable li.right { float: right; color: #000000; font-weight: bold; font-size: 1.4em; }
#gift-card-main div.column.right p.notice { text-align:center; color:#8d031c; padding: 10px; margin: 0; clear: both; font-size: 1em; }
#gift-card-main div.column.right p.mandatory { text-align: right; color: #333333; font-size: 0.9em; margin: 0 5px 10px; padding: 0; font-size: 1em; }
#gift-card-main div.column.right div#validation { display: none; background: #fcb63d url(../img/gift-cards/img-validation-error-exclaimation.gif) no-repeat left center; padding: 10px 10px 10px 48px; color: #b10021; margin: 10px auto 20px; }
#gift-card-main div.column.right div#validation  dt { font-weight: bold; }
#gift-card-main div.column.right.delivery-details div#validation { width: 316px; }
#gift-card-main div.column.right.payment-details div#validation { width: 290px; }
#gift-card-main div.column.right.payment-details a.worldpay { margin-left: 150px; }
#gift-card-main div.column.right fieldset.deliver { }
#gift-card-main div.column.right fieldset.deliver div.field { margin-bottom: 10px; }
#gift-card-main div.column.right fieldset.deliver div.field label { width: 120px; float: left; text-align: right; margin-right: 10px; margin-top: 4px; }
#gift-card-main div.column.right fieldset.deliver.cc div.field label { width: 120px; }
#gift-card-main div.column.right fieldset.deliver.confirm div.field { width: 300px; margin-left: 30px; margin-right: auto; font-size: 1.1em; float: left; } /* see ie.css for override */
#gift-card-main div.column.right fieldset.deliver.confirm div.field b { display: block; width: 120px; float: left; }
#gift-card-main div.column.right fieldset.deliver div.field input.text { width: 230px; }
#gift-card-main div.column.right fieldset.deliver.cc div.field input.text { width: 210px; }
#gift-card-main div.column.right fieldset.deliver div.field input.text.short { width: 55px; }
#gift-card-main div.column.right fieldset.deliver div.field.billing { margin-left: 110px; clear: left; }
#gift-card-main div.column.right fieldset.deliver div.field.billing label { float: none; vertical-align: text-top; }
#gift-card-main div.column.right fieldset.deliver div.field.billing input { vertical-align: middle; }
#gift-card-main div.column.right fieldset.deliver div.field label.error { clear: left; width: 218px; margin: 5px 0 10px 130px; text-align: left; } /* see ie.css for override */
#gift-card-main div.column.right fieldset.deliver.cc div.field label.error { width: 198px; margin-left: 130px; } /* see ie.css for override */
#gift-card-main div.column.right fieldset.deliver div.field label span { display: block; font-size: 0.8em; }
#gift-card-main div.column.right fieldset.message { } /* see ie.css for override */
#gift-card-main div.column.right fieldset.message textarea { width: 380px; height: 80px; }
#gift-card-main div.column.right fieldset.message label { display: block; margin-bottom: 10px; }
#gift-card-main div.column.right fieldset.message p { margin: 5px 0; }
#gift-card-main div.column.right fieldset.message p.chars { color: #666666; display: none; }
#gift-card-main div.column.right fieldset.message label.error { margin-top: 8px; text-align: center; }
#gift-card-main div.column.right input.submit { float: right; margin: 15px; }
#gift-card-main div.column.right fieldset#toggle-billing { margin: 0; }
#gift-card-main div.column.right fieldset#toggle-billing h3 { margin-bottom: 15px; }
#gift-card-main div.column.right fieldset#toggle-billing div.field { margin-left: 15px; }
#gift-card-main div.column.right div#final-step { padding: 20px 0 0 0; clear: left; }
#gift-card-main div.column.right div#final-step dl { margin: 0 0 10px 10px; padding: 0; color: #af0222; width: 240px; }
#gift-card-main div.column.right div#final-step dl dt { font-weight: bold; font-size: 1.4em; }
#gift-card-main div.column.right div#final-step dl dd { margin: 0; padding: 0; font-size: 1.1em; }
#gift-card-main div.column.right div#final-step ul { list-style: none; margin: 0; padding: 0; }

#gift-card-main div.column.right fieldset#shortlist { margin-top: 0; padding: 0 12px 12px; background: #F6DFB5; margin-left: 0px; width: 368px; color: #333333; float: left; }
#gift-card-main div.column.right fieldset#shortlist input { float: left; margin-right: 10px; margin-top: 6px; width: 24px; }
#gift-card-main div.column.right fieldset#shortlist label { float: left; width: 326px; text-align: left; display: block; margin: 2px 0 0 0px; }
#gift-card-main div.column.right fieldset#shortlist b { display: block; }
#gift-card-main div.column.right fieldset#shortlist .form.country { margin-left: 38px; } /* see ie.css for override */
#gift-card-main div.column.right fieldset#shortlist .form.country label { /*width: 120px;*/ margin-bottom: 10px; margin-top: 10px; }
#gift-card-main div.column.right fieldset#shortlist label.error { margin-left: 0!important; width: 290px!important;}


/* one column receipt */
#gift-card-main div.column.receipt { width: 680px; background-color: #f6dfb5; }
#gift-card-main div.column.receipt div.content { padding: 20px; }
#gift-card-main div.column.receipt div.content h3 { color: #ad0625; font-size: 1.5em; margin: 0 0 0.5em; padding: 0; }
#gift-card-main div.column.receipt div.content p { margin: 0 0 0.5em; padding: 0; }
#gift-card-main div.column.receipt div.content ul { list-style: none; margin: 0; padding: 0.5em 0;}
#gift-card-main div.column.receipt div.content ul li.left { width: 290px; font-size: 0.8em; }
#gift-card-main div.column.receipt div.content ul li.left img { margin-left: -5px; }
#gift-card-main div.column.receipt dl.important { width: 265px; }
#gift-card-main div.column.receipt dl.important dd.rollover { width: 255px; }
#gift-card-main div.column.receipt div#interim-card { background: #e8ce9f; padding: 19px; font-size: 1.1em; /*position: relative;*/ z-index: 0; }
#gift-card-main div.column.receipt div#interim-card fieldset { width: 300px; float: left; }
#gift-card-main div.column.receipt div#interim-card h5 { color: #b10021; font-size: 1.2em; margin: 0 0 0.6em; padding: 0; }
#gift-card-main div.column.receipt div#interim-card p.note { color: #b10021; font-size: 0.8em; margin-top: 2px; }
#gift-card-main div.column.receipt div#interim-card label { display: block; font-size: 1.1em;  }
#gift-card-main div.column.receipt div#interim-card div.field { margin: 10px 0; width: 300px; }
#gift-card-main div.column.receipt div#interim-card label.left { float: left; margin-top: 2px; }
#gift-card-main div.column.receipt div#interim-card label.radio { float: none; margin-top: 2px; display: inline; font-weight: bold; padding-right: 10px; }
#gift-card-main div.column.receipt div#interim-card div.field.your label.left { width: 50px; }
#gift-card-main div.column.receipt div#interim-card div.field.your p { margin: 10px 0 0 50px; }
#gift-card-main div.column.receipt div#interim-card div.field.your p.note { margin-top: 5px; }
#gift-card-main div.column.receipt div#interim-card div.field.dear label { width: 50px; }
#gift-card-main div.column.receipt div#interim-card div.field.dear p { margin-left: 60px; }
#gift-card-main div.column.receipt div#interim-card div.field.dear input.text { width: 230px; }
#gift-card-main div.column.receipt div#interim-card div.field.best-wishes label { width: 90px; }
#gift-card-main div.column.receipt div#interim-card div.field.best-wishes input.text { width: 190px; }
#gift-card-main div.column.receipt div#interim-card div.field.best-wishes p { margin-left: 90px; }
#gift-card-main div.column.receipt div#interim-card textarea { margin: 5px 0; width: 280px; height: 100px; } /* see ie.css for override */
/*#gift-card-main div.column.receipt div#interim-card img.cards { position: absolute; top: 100px; left: 350px; }*/
#gift-card-main div.column.receipt div#interim-card img.cards { float: right; margin-top: 70px;  }
#gift-card-main div.column.receipt div#interim-card a img { position: absolute; top: 250px; left: 330px; }
#gift-card-main div.column.receipt div#interim-card a.preview img { top: 320px; }
/*#gift-card-main div.column.receipt div#interim-card input.image { position: absolute; top: 320px; left: 330px; }*/
#gift-card-main div.column.receipt div#interim-card input.image { float: right; margin-top: 75px; } /* see ie.css for override */

/* one column faq */
#gift-card-main div.column.faq { width: 680px; background-color: #f6dfb5; }
#gift-card-main div.column.faq ol.head { margin: 20px; padding: 20px 20px 20px 40px; background-color: #E8CE9F; }
#gift-card-main div.column.faq ol.head li { margin-bottom: 0.5em; font-size: 1.2em; }
#gift-card-main div.column.faq dl { padding: 0 20px 20px; font-size: 1.2em; }
#gift-card-main div.column.faq dl dt { font-weight: bold; margin-bottom: 0.5em; }
#gift-card-main div.column.faq dl dd { padding-bottom: 1em; }
#gift-card-main div.column.faq dl dd.top { border-bottom: 1px solid #dbb674; padding-bottom: 1em; margin-bottom: 2em; text-align: right; }
#gift-card-main div.column.faq dl ul { margin: 1em; }
#gift-card-main div.column.faq dl ul li { margin-bottom: 0.5em;  }



/* Footer
----------------------------------------*/

div#gift-card-footer { background: #937956; text-align: center; color: #FFFFFF; font-size: 1.1em; padding: 1em 0.5em; }
div#gift-card-footer a { padding: 0 10px; color: #FFFFFF; text-decoration: none; }
div#gift-card-footer a:hover { text-decoration: underline; }
div#gift-card-footer a:visited { color: #CCCCCC; }
div#gift-card-footer strong { font-size: 1.1em; }


/* Footer
----------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; } /* End hide from IE-mac */