/**
* FORMS - Directory Select
* @author	Rhys Burnie
*/

.visible-block {
    display: block;
}

.hidden {
    display: none;
}

em {
    font-weight: bold;
    font-style: normal;
}

form {
    margin: 0;
    padding: 0;
}

form.wizard {
    margin-bottom: 60px;  /*Some space for the .button-container */
}


fieldset {
    border: 0;
}

body.overlay fieldset {
    padding-bottom: 0;
}

body.overlay legend {
    width: auto;
}

legend {
    font-size: 1.8em; /* 18 */
    font-weight: bold;
    padding-bottom: 10px;
    color: #222427;
    white-space: normal;
    width: 100%;
}

legend.small {
    font-size: 1.3em; /* 13 */
    font-weight: bold;
    padding-bottom: 10px;
}

legend span {
    display: block;
}

label {
    font-size: 1.1em;
}

input {
    font-size: 1.3em;
}

p label {
    font-size: 1em;
}

form div.details {
    padding-bottom: 15px;
    font-size: 1em;
    margin-bottom: 5px;
}
form div.details ul {
    font-size: 1em;
}

.border-top {
    border-top: 1px solid #e2e1e1;
    padding-top: 10px;
}

div.border-bottom {
    border-bottom: 1px solid #e2e1e1;
}

div.thick-border {
    border-width: 2px;
}

div.details.border-bottom {
    margin-bottom: 15px;
}

form p.desc {
    margin: 10px 0 0;
    font-size: 1.1em;
    font-style: italic;
    color: #6b6b6c;
}

form h3.desc {
    margin: 10px 0 0;
    font-size: 1.1em;
    font-style: italic;
    font-weight: bold;
    color: #6b6b6c;
}

form.home-page-form p.error {
    font-size: 1.1em;
}

form p.error {
    font-size: 1.3em;
    color: red;
    padding-top: 5px;
}

form p.error.large {
    font-size: 1.3em;
}

body.home p.error {
    width: 260px;
    padding-left: 20px;
    margin: 5px auto;
    text-align: left;
    min-height: 30px;
}

form ol.items p.error {
    line-height: 12px;
}

form ol.items {
    list-style-stype: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

select.full {
    width: 658px;
}

input.error {
    border-color: #d29193 !important;
}

em.required {
    font-style: normal;
    color: red;
    font-size: 1.5em;
}

input.example {
    font-style: italic;
    color: #757677;
}

input.checkbox {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
}

/** = BUTTONS = ================================================================
*	Text of next / previous buttons set via the inputs value attribute.
*	buttons can expand in width to 300px or so.
*/
div.buttons {
    padding-bottom: 20px;
}

span.btn,
a.btn {
    display: inline-block;
    float: right;
    background: transparent url(../images/btn-sprite.gif) left 0 no-repeat;
    padding-left: 20px;
    height: 40px;
    margin: 15px 0;
}

a.btn {
    float: none;
}

span.btn input {
    width: 220px;
}

span.btn input,
a.btn span {
    display: inline-block;
    background: #f8f8f8 url(../images/btn-sprite.gif) right 0 no-repeat;
    padding: 5px 32px 15px 0;
    border: 0;
    overflow: hidden;
    font-size: 1.6em;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    cursor: pointer;
    cursor: hand;
}

body.home span.btn {
    float: none;
}

body.home span.btn input {
    font-size: 1.3em;
    padding-top: 6px;
}

body.home div.button {
    width: 220px;
    margin: 0 auto;
}

body.home span.btn {
    float: none;
}

body.home span.btn input {
    font-size: 1.3em;
    padding-top: 6px;
}

body.home div.button {
    width: 220px;
    margin: 0 auto;
}

p a.btn span {
    font-size: 1.23076923em; /* 16 / 13 */
    padding-top: 8px;
    padding-bottom: 15px;
}

body.overlay span.btn input,
body.overlay a.btn span {
    background-color: #fbfafa;
}

span.btn:hover,
span.btn-hover,
a.btn:hover {
    background-position: left -150px;
    text-decoration: none;
}

* html a.btn:hover {
    background-position: left 0;
}

span.btn:hover input,
span.btn-hover input,
a.btn:hover span {
    background-position: right -150px;
}

* html a.btn:hover span {
    background-position: right 0;
}

span.btn-previous {
    display: inline-block;
    float: left;
    background: transparent url(../images/btn-sprite-prev.gif) right 0 no-repeat;
    padding-right: 28px;
    height: 40px;
    margin: 15px 0;
}

span.btn-previous input {
    display: inline-block;
    background: #f8f8f8 url(../images/btn-sprite-prev.gif) left 0 no-repeat;
    padding: 5px 0 15px 42px;
    border: 0;
    overflow: hidden;
    font-size: 1.6em;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    cursor: pointer;
    cursor: hand;
}

span.btn-previous:hover,
span.btn-previous-hover {
    background-position: right -150px;
}

span.btn-previous:hover input,
span.btn-previous-hover input {
    background-position: left -150px;
}

span.btn-next {
    display: inline-block;
    float: right;
    background: transparent url(../images/btn-sprite-next.gif) left 0 no-repeat;
    padding-left: 20px;
    height: 40px;
    margin: 15px 0;
}

span.btn-next input {
    display: inline-block;
    background: #f8f8f8 url(../images/btn-sprite-next.gif) right 0 no-repeat;
    padding: 5px 42px 15px 0;
    border: 0;
    overflow: hidden;
    font-size: 1.6em;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    cursor: pointer;
    cursor: hand;
}

span.btn-next:hover,
span.btn-next-hover {
    background-position: left -150px;
}

span.btn-next:hover input,
span.btn-next-hover input {
    background-position: right -150px;
}

/* = CHECKBUTTONS = ------------------------------------------------------------
*	Style only appears when js enhance successful
*	class to use in markup is "check-btn" NOT "check-btn-js" !
*/
label.check-btn-js {
    display: inline-block;
    height: 30px;
    margin-top: 10px;
    padding-left: 10px;
    background: transparent url(../images/check-btn-sprite.gif) left 0 no-repeat;
    font-size: 1.3em;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    cursor: pointer;
    cursor: hand;
}

label.check-btn-js span {
    display: inline-block;
    padding-top: 5px;
    height: 25px;
    padding-right: 30px;
    background: #fbfafa url(../images/check-btn-sprite.gif) right 0 no-repeat;
}

label.check-btn-js.checked {
    background-position: left -150px;
}

label.check-btn-js.checked span {
    background-position: right -150px;
}

label.check-btn-js input {
    display: none !important;
}

#suburb_filter li.radio-group {
    padding-left: 120px;
    border-top: 1px solid #e2e1e1;
    padding-top: 10px;
    margin-top: 10px;
}

#suburb_filter li.radio-group label {
    display: block;
    width: auto;
    float: none;
    text-align: left;
    padding: 0;
    margin-bottom: 1em;
}

/**
* = BOOK RESULTS LIST = ========================================================
*
*/
.form-header {
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 5px;
    float: left;
}

.form-header .columns-2,
.form-header .select-books-title {
    float: left;
}

.form-header .columns-2 {
    padding-left: 418px;
    width: 140px;
}

.opt-in .form-header .columns-2 {
    padding-left: 308px;
}

.form-header .select-books-title {
    padding-left: 12px;
    width: 80px;
}

.form-header .cancel-delivery {
    padding-left: 0;
    width: 100px;
}

ol.book-results {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 660px;
    font-size: 1em;
}

ul.ds_booklist {
  list-style-type: none;
  margin: 0px;
}

.order-item-list {
    display: table;
    width:100%;
    list-style-type: none;
    margin: 0px;
}

.order-item-list li div {
    vertical-align: top;
    display: table-cell;
}

.order-item-image {
    width:50px;
    padding: 10px 0 10px 5px;
    vertical-align: middle;
}

.order-item-qty {
    width:30px;
    padding: 30px 6px 20px 0px;
    text-align:right;
    font-weight: bold;
}

.order-item-book {
    padding: 30px 10px 20px 0px;
    font-weight: bold;
}

.order-item-book p {
    font-weight: normal;
}

.order-item-amount {
    width: 60px;
    padding: 30px 0px 20px 0px;
}

.ds_booklist li, .order-item-list li {
    display: table-row;
    border-bottom: 1px solid #e2e1e1;
}

.ds_booklist li.last {
    border-bottom: none;
}

.ds_booklist img {
    vertical-align: middle;
    margin: 10px 0px 10px 10px;
}

.ds_booklist .book_desc {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.book_desc h2 {
    font-size: 1em;
    margin-left: 10px;
    width: 400px;
}

.opt-in .book_desc h2 {
    float: left;
    margin-left: 0;
}

.border-top-thick {
    border-top: 2px solid #e2e1e1;
}

.details-section {
    padding: 15px 0px;
    font-size: 1em;
    margin-bottom: 5px;
}

.details-section .address th {
    width: 19%;
}

.details-section .address td {
    width: 81%;
}

fieldset.order-section {
    padding: 0px;
}
fieldset.order-section legend {
    padding-bottom: 0;
}

p.subheading {
    width: 390px;
}

ol.book-results.no-top-border {
    border: 0;
}

ol.book-results li {
    border-bottom: 1px solid #e2e1e1;
    padding-bottom: 5px;
}

#out-of-area-section {
    background-color: #DFE4A7;
    padding:10px;
    margin:15px 0 5px;
}

#out-of-area-section.inactive:hover {
    background-color: #C7D06C;
}

#out-of-area-section > h3 {
    margin-bottom: 0;
}

#out-of-area-section > h3:hover {
    cursor: pointer;
}

#out-of-area-section > h3 a {
    color: #222427;
    text-decoration: none;
    background: url(../images/out-of-area-add-btn.png) no-repeat 0 center;
    padding: 4px 0 0 35px;
    min-height: 19px;
    display:block;
}

.link-no-style:link,
.link-no-style:hover,
.link-no-style:visited,
.link-no-style:active {
    color: inherit !important;
    text-decoration: none;
}

/*disable telephone links for desktop devices, handheld will enable them selectively*/
a.tel-link {
    pointer-events:none;
    cursor: default;
}

#out-of-area-order-books {
    background: white;
    padding: 10px 10px 5px 10px;
    margin-top: 15px;
}

#out-of-area-order-books div.columns-2 {
    padding-left: 288px;
}

#out-of-area-section .ds_fieldset {
    background-color: #C7D06C;
    padding: 10px;
    margin:20px 0 0 0;
}

#out-of-area-user-input label {
    font-size: 15px;
    font-weight: bold;
    display:inline;
}

#out-of-area-order {
    margin-top: 5px;
    padding: 10px 0 5px 0;
}

#ds-message-box-id {
    padding-left: 34px;
    width: auto;
    background-position: 3px 6px;
}

#ds-message-box-id p {
    padding: 4px 0;
    color: white;
}

#footer-description {
    padding:10px 0;
}

#footer-description .desc-header {
    font-weight: bold;
    font-style: italic;
}

#in-area-order ol.book-results li.last-child,
#out-of-area-order ol.book-results li.last-child,
#recurring-order ol.book-results li {
    border-bottom: none;
}

#recurring-order ol.book-results input.checkbox {
    padding: 0;
}

ol.book-results div.desc {
    float: left;
    width: 200px;
    padding-left: 70px;
    font-size: 1em;
    color: #303338;
    font-style: normal;
}

ol.book-results div.details {
    float: left;
    width: 150px;
    margin-left: 40px;
}

ol.book-results div.input {
    float: left;
    width: 80px;
    display: inline-block;
    padding-left: 12px;
}

ol.book-results div.input::selection {
    background-color: transparent;
}

ol.book-results .desc img {
    float: left;
    margin-left: -50px;
    margin-bottom: 5px;
}

ol.book-results p {
    font-size: 1.1em;
    line-height: 18px;
}

ol.book-results .desc h2,
ol.book-results .ds-book-desc h2 {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 5px;
}

ol.book-results .desc p,
ol.book-results .ds-book-desc p {
    font-size: 1.2em;
    font-style: italic;
    color: #777a80;
    line-height: 1.1em;
}

ol.book-results .desc p.title,
ol.book-results .ds-book-desc p.title {
    font-style: normal;
    margin-top: 2px;
    margin-bottom: 0;
}

ol.book-results div.details h3 {
    font-size: 1.1em;
    margin-bottom: .2em;
}

ol.book-results .input p {
    width: 80%;
    float: left;
}

ol.book-results .error-container {
    clear: left;
    width: 90px;
}

ol.book-results .input p.error {
    width: 100%;
}

ol.book-results .price {
    display: block;
    float: left;
    font-size: 1.1em;
    line-height: 18px;
    padding-top: 2px;
    width: 46px;
    text-align: right;
}

ol.book-results label {
    font-weight: bold;
}

ol.book-results input {
    height: 14px;
    width: 2em;
    font-size: 1em;
    vertical-align: bottom;
    font-weight: bold;
    padding: 2px;
    border: 1px solid #979797;
    text-align: center;
    -moz-box-shadow: inset 1px 0px 5px #ccc;
    -webkit-box-shadow: inset 1px 0px 5px #ccc;
    box-shadow: inset 1px 0px 5px #ccc;
}

ol.book-results select {
    font-size: 1em;
    min-width: 4em;
}

div.legal-disclaimer {
    display: none;
    background-color: #ffd0b2;
    padding: 6px 10px 1px;
}

#order-summary-form {
    margin-bottom: 80px;
}

#order-summary-form .recurring-note {
    color: #5C8000;
    font-size: 1em;
}

.amount-summary {
    display: table;
    font-size: 1.3em;
    border-top: #C7D06C 3px solid;
    margin: 0 7px;
    width:100%;
}

.amount-summary-row {
    display: table-row;
}

.amount-summary-row div {
    display: table-cell;
    padding: 5px 0 5px 0;
}

.amount-summary-row .label {
    text-align: right;
    padding-right: 60px;
}

.amount-summary-row .amount {
    width: 60px;
}

#out-of-area-order-books .ds-book-desc {
    width: 180px;
}

#out-of-area-order-books .amount-summary-row .label {
    padding-right: 50px;
}

#out-of-area-order-books .amount-summary-row .amount {
    padding-right: 74px;
}

.total-amount-row {
    border-top: #DFE4A7 solid 1px;
    font-weight: bold;
}

.change-order-link {
    padding-top:15px;
}

.footnote {
    margin-top: 10px;
    font-style: italic;
}

#out-of-area-order li:last-child {
    border-bottom: none;
}

#order-summary-form div.quantity-col {
    width: 25px;
    float: left;
}

#order-summary-form li.last-child {
    border-bottom: none;
}

.cancel-section .form-header {
    height: 15px;
    float: none;
}

.cancel-section ol.book-results .input {
    background-color: rgb(237, 237, 237)
}

.opt-out .cancel-section ol.book-results .selected {
    background-color: rgb(255, 163, 102)
}

/*.cancel-section ol.book-results .checkbox {*/
    /*margin-left: 28px;*/
/*}*/

.cancel-section .cancel-info .desc,
.cancel-section .cancel-info .ds-book-desc {
    width: 570px;

}

.cancel-section .cancel-info .desc p,
.cancel-section .cancel-info .ds-book-desc p {
    font-weight: bold;
    color: black;
    font-style: normal;
}

ol.book-results p.too-late {
    font-weight: normal;
    font-style: normal;
    color: #222427;
}

/**
* 2 cols version when theres no middle div.details
*/
ol.book-results.cols-2 div.desc {
    width: 480px;



}

ol.book-results.cols-2 div.input-column {
    width: 90px;
    float: left;
}

ol.book-results.cols-2 div.input {
    width: 40px;
}

ol.book-results.cols-2 div.checkbox {
    float: left;
    width: 200px;
    text-align: right;
}

select#why {
    margin-bottom: 5px;
}

label.why-label,
#checkboxs label.checkbox-head {
    display: block;
    float: left;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 5px 0;
}

/* Checkboxes addition */
legend.line-top {
    border-top: 1px solid #E2E1E1;
    padding: 15px 0 20px;
    width: 100%;
}

#checkboxs input {
    clear: left;
    float: left;
    margin: 0 5px 5px 0;
}

#checkboxs label {
    display: block;
    float: left;
    font-size: 1.2em;
    margin: 0 0 5px 0;
    width: 500px;
    padding-left: 3px;
}

#checkboxs p.error {
    clear: both;
}

.ds_form_heading {
    font-size: 1.8em;
    font-weight: bold;
    color: #222427;
    margin-bottom: 10px;
}

.opt-in .ds_emphasized {
    color: #5C8000;
}

.opt-out .ds_emphasized {
    color: #E36F1E;
}

.ds_emphasized {
    font-weight: bold;
}

.ds_email {
    color: #047DAD;
    font-weight: bold;
    text-decoration: underline;
}

.ds_reminder {
    display: block;
    font-weight: bold;
    padding: 10px;
    margin: 20px 0px;
    background-color: #ffffff;
}

.opt-out .ds_reminder { border: 2px solid #E36F1E; }
.opt-in  .ds_reminder { border: 2px solid #5C8000; }

.ds_greybox {
    background: #efefef;
    padding: 15px;
    margin-top: 20px;
}


/** = ds_fieldset = ======================================================= START
* Basic styling for elements in Directory Select form fieldset
*/

.ds_fieldset {
    padding: 0;
    margin: 10px 0;
}

.ds_fieldset .fieldset_heading {
    font-size: 1.8em;
    font-weight: bold;
    color: #222427;
    margin-bottom: 10px;
}


.ds_fieldset .error {
    font-weight: bold;
}

.opt-out .ds_fieldset .error .fieldset_heading {
    color: #C35406;
}

.opt-in .ds_fieldset .error .fieldset_heading {
    color: #5C8000;
}

.ds_fieldset .fieldset_legend {
    font-size: 1.1em;
}

.ds_fieldset ol.items {
    margin: 0;
}

.ds_fieldset ol.items li {
    padding-bottom: 3px;
}

.ds_fieldset label {
    display: block;
    font-weight: bold;
    float: none;
    margin-bottom: 3px;
}

.ds_fieldset input[type="text"] {
    border: 1px solid #979797;
    padding: 5px;
    border-radius: 3px;
    -moz-box-shadow: inset 1px 0px 5px #ccc;
    -webkit-box-shadow: inset 1px 0px 5px #ccc;
    box-shadow: inset 1px 0px 5px #ccc;
    line-height: 1.1em;
}

.ds_fieldset select.full {
    border: 1px solid #979797;
    border-radius: 3px;
    line-height: normal;
    padding: 4px;
}

.ds_fieldset input.large {
    width: 486px;
}

.ds_fieldset .medium {
    width: 194px;
}

.ds_fieldset div.medium, .ds_fieldset div.small {
    padding: 8px 6px;
    font-size: 1.3em;
}

.ds_fieldset .small {
    font-size: 1em;
}

.ds_fieldset input.error {
    border: 1px solid #F05258;
    -webkit-box-shadow: inset 0px 2px 2px 2px #F7929A;
    -moz-box-shadow: inset 0px 2px 2px 2px #F7929A;
    box-shadow: inset 0px 2px 2px 2px #F7929A;

    background: #ffd9da; /* Old browsers */
    background: -moz-linear-gradient(left, #ffabad 0%, #ffd9da 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffabad), color-stop(100%, #ffd9da)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffabad 0%, #ffd9da 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffabad 0%, #ffd9da 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffabad 0%, #ffd9da 100%); /* IE10+ */
    background: linear-gradient(left, #ffabad 0%, #ffd9da 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffabad', endColorstr = '#ffd9da', GradientType = 1); /* IE6-9 */
}

.ds_fieldset p.error {
    clear: both;
    background: url('../images/error.png') left center no-repeat;
    padding-left: 23px;
    margin: 4px 0px;
}

.ds_fieldset p.error.medium {
    width: 200px;
}

.ds_fieldset ol.items p.desc {
    padding-top: 0px;
    margin: 3px 0 0 0;
}

.ds_fieldset ol.items .col p.desc {
    padding-left: 10px;
}

.ds_fieldset textarea {
    clear: both;
    float: left;
    width: 654px;
    height: 98px;
    border: 1px solid #979797;
    border-radius: 3px;
}

.ds_fieldset #other_reason_wrap {
    margin: 20px 0;
}

.ds_fieldset #other_reason_wrap label {
    display: block;
    float: none;
    padding: 0px;
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 3px 0;
}

.ds_fieldset #other_reason_wrap textarea {
    clear: both;
    float: left;
    width: 654px;
    height: 98px;
    border: 1px solid #979797;
    border-radius: 3px;
}

.ds_fieldset #other_reason_wrap p.error {
    clear: both;
    background: url('../images/error.png') left center no-repeat;
    padding-left: 23px;
    margin: 4px 0px;
}

#contact-us-form .ds_fieldset {
    padding-bottom: 5px;
}


/** = PERSONAL DETAILS = =======================================================
*/
#personal_details ol.items {
    margin: 30px 0;
}

#personal_details ol.items li {
    padding-bottom: 15px;
}

#personal_details ol.items li.cols div.col {
    float: left;
    width: 292px;
}

#personal_details label,
#suburb_filter label {
    display: block;
    float: left;
    width: 70px;
    padding: 8px 10px 0px 6px;
    text-align: right;
    font-weight: bold;
}

#suburb_filter label {
    width: 100px;
}

#personal_details input,
#suburb_filter input.medium {
    float: left;
    border: 1px solid #979797;
    padding: 5px;
    -moz-box-shadow: inset 1px 0px 5px #ccc;
    -webkit-box-shadow: inset 1px 0px 5px #ccc;
    box-shadow: inset 1px 0px 5px #ccc;
}

#personal_details input.large {
    width: 486px;
}

#personal_details .medium {
    width: 194px;
}

#personal_details div.medium, #personal_details div.small {
    float: left;
    padding: 8px 6px;
    font-size: 1.3em;
}

#personal_details .small {
    width: 48px;
}

#personal_details #suburb_wrap {
    width: 206px;
    float: left;
}

#personal_details select#suburb {
    width: 98%;
    margin-top: 5px;
}

#personal_details p.desc,
#personal_details p.error {
    clear: both;
    padding-left: 91px;
}

#personal_details #suburb_wrap p.error {
    padding-left: 0;
}

#personal_details p.error {
    float: left;
}

#personal_details p.error.medium {
    width: 200px;
}

#personal_details ol.items p.desc {
    padding-top: 5px;
}

#personal_details ol.items .col p.desc {
    padding-left: 10px;
}

#personal_details ol.items li.gutter {
    padding-left: 91px;
}

#personal_details ol.items p label {
    display: inline;
    width: auto;
    float: none;
    font-weight: normal;
}

#captcha {

}

#captcha .wrap {
    float: left;
    width: 310px;
    height: 120px;
}

#captcha p.error {
    float: left;
    width: 240px;
    padding-top: 32px;
    margin-left: 16px;
}

#captcha .desc {
    float: left;
    width: 420px;
    margin: 5px 0 0 0;
    height: auto;
    padding-bottom: 0;
}

div.readonly {
    border: 1px #EAEAEA solid;
    background: transparent;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#change_cancel_book, #change_your_details {
    height: 0px;
    position: relative;
    margin: 0px;
}

#change_cancel_book a {
    position: absolute;
    top: -1.7em;
    right: 0;
}

#change_your_details a {
    position: absolute;
    right: 0;
    color: #047DAD;
}

body.home div.clearfix {
    width: 660px;
    background: url(../images/cut-tile-y.gif) center top repeat-y;
}

body.home div.clearfix div.col {
    width: 310px;
    padding: 0 10px;
    float: left;
    text-align: center;
}

body.home div.col p strong {
    display: block;
}

body.home div.bar {
    position: relative;
    background: url(../images/cut-tile-x.gif) 0 0 repeat-x;
    margin-top: 10px;
    height: 4em;
}

body.home div.bar p {
    font-size: 1.7em;
    padding: 10px;
    width: 660px;
    position: absolute;
    top: 0;
    left: -10px;
    margin: 0;
    background: url(../images/cut-bar-pins.gif) center center no-repeat;
    text-align: center;
}

body.home div.bar p strong {
    text-transform: uppercase;
}

body.home #order_keywords,
body.home #cancel_keywords {
    border: 1px solid #979797;
    padding: 5px;
    -moz-box-shadow: inset 1px 0px 5px #ccc;
    -webkit-box-shadow: inset 1px 0px 5px #ccc;
    box-shadow: inset 1px 0px 5px #ccc;
    width: 244px;
}

/** = BODY.OVERLAY FORM = ======================================================
*/
body.overlay div.scrollarea {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #E2E1E1;
    border-width: 1px 0;
}

body.overlay #postcode_wrap {
    padding-bottom: 5px;
    margin-bottom: 15px;
}

body.overlay #postcode_wrap.border-bottom {
    padding-bottom: 20px;
}

body.overlay #postcode_wrap label {
    display: block;
    float: left;
    width: 200px;
    padding: 8px 10px 0 0;
    text-align: right;
    font-weight: bold;
    font-size: 1.1em;
}

body.overlay #postcode_wrap input {
    float: left;
    width: 398px;
    width: 60%;
    border: 1px solid #979797;
    padding: 5px;
    margin-bottom: 15px;
    -moz-box-shadow: inset 1px 0px 5px #ccc;
    -webkit-box-shadow: inset 1px 0px 5px #ccc;
    box-shadow: inset 1px 0px 5px #ccc;
}

body.overlay ol.book-results.cols-2 div.desc {
    width: 55%;
}

body.overlay ol.book-results.cols-2 div.checkbox {
    width: 30%;
}

body.overlay ol.book-results {
    width: 98%;
}

#postcode_wrap p.error {
    width: 100%;
    float: left;
}

body.overlay #postcode_wrap p.error {
    width: 418px;
    padding-left: 210px;
    font-size: 1.1em;
}

body.overlay {
    padding-right: 0px;
}

.strong {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.pcode-section {
    background: none repeat scroll 0 0 #D9D9D9;
    color: #626262;
    font-size: 14px;
    padding: 10px 0 10px 14px;
    border-radius: 3px;
    margin-top: 10px;
}

.pcode-link {
    display: inline;
    padding-left: 30px;
}

.pcode-pointer {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #D9D9D9;
    margin-left: 22px;
    margin-bottom: 10px;
}

.button-container {
    line-height: 4em;
    border-top: 1px solid #E2E1E1;
    margin-top: 0.5em;
    padding-top: 1em;

    bottom: 14px;
    left: 10px;
    right: 10px;
    position: absolute;
}
.button-previous-confirm {
    position: relative;
    top: 4px;
}

.button-base {
    height: 45px;
    text-align: center;
    font-size: 2em;
    border: 0;
    font-weight: bold;
}

.button-previous {
    background-color: transparent;
    background-position: left -47px;
    background-repeat: no-repeat;
    width: 146px;
    padding-left: 17px;
}


.button-confirm {
    background-color: transparent;
    width: 137px;
    float: right;
    background-position: 0px -54px;
    height: 54px;
    color: white;
    text-align: center;
    background-image: url(../images/button-confirm.png);
}
.button-confirm:hover {
    color: #FFFFFF;
    background-position: 0px -108px;

}
.button-confirm:active {
    color:#E3E3E3;
    background-position: 0px -162px;
}
.button-confirm:disabled {
    color:#ADA9A5;
    background-position: 0px 0px;
}


.button-home {
	background: transparent url(../images/home_btn_plain.png) no-repeat;
    height: 43px;
    width: 138px;
    cursor: pointer;
    font-size: 1.1em;
    line-height: 3.3em;
    text-decoration: none;
    margin: 0 auto 10px;
    display: block;
}


.button-home:hover {
    background-position: 0px -43px;
    text-decoration: none;
}

.button-home:active {
    background-position: 0px -86px;
    text-decoration: none;
}

.button-next {
    background-color: transparent;
    background-position: left -47px;
    background-repeat: no-repeat;

    width: 120px;
    padding-right: 17px;
    float: right;
}

.button-previous:hover,
.button-next:hover {
    background-position: left -93px;
}

.button-previous:active,
.button-next:active {
    background-position: left -138px;
}

.button-previous:disabled,
.button-next:disabled,
input[disabled].button-previous:active
input[disabled].button-next:active {
    background-position: left 0;
}

.opt-out .button-previous { background-image: url(../images/prev_btn_orange.png); }
.opt-out .button-next     { background-image: url(../images/next_btn_orange.png); }
.opt-in  .button-previous { background-image: url(../images/prev_btn_green.png); }
.opt-in  .button-next     { background-image: url(../images/next_btn_green.png); }

/** - Autocomplete override styles START- */
#autocomplete-container {
    width: 468px; /* Needed to set the maximum width of the drop down */
    position: absolute;
}

ul.ui-autocomplete li.ui-menu-item {
    max-width: 477px;
    border-bottom: 1px solid #999999;
}

.ui-widget-content .ui-state-hover {
    background: #eeeeee;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-menu {
    padding: 0px;
}

.ui-menu .ui-menu-item a {
    padding: 5px;
    font-size: 1.3em;
}

ul.ui-menu li.ui-menu-item {
    padding: 0;
}

#out-of-area-postcode-button {
    border: none;
    outline: 0;
    background: transparent url(../images/find-books-btn.png) 0 -32px no-repeat;
    width: 104px;
    height: 31px;
    color: black;
    font-weight: bold;
    text-align: center;
    margin-left: 10px;
    font-family: Helvetica, Arial, sans-serif;
}

#out-of-area-postcode-button:hover {
    background-position: 0 -64px;
}

#out-of-area-postcode-button:active {
    background-position: 0 -96px;
}


#out-of-area-order-books-find-books-progress-indicator {
    background: url(../images/ajax-loader-out-of-area.gif) no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    padding-top: 3px;
    display: inline-block;
}

#outOfAreaPostcodeError {
    padding: 5px 0 1px 23px;
    margin: 0;
}

#suggest_address_progress_indicator {
    background: url(../images/ajax-loader-11px.gif) no-repeat;
    width: 11px;
    height: 11px;
    margin-left: 5px;
    display: inline-block;
}

input.address {
    float: left;
    width: 330px;
}

.total_check_ad {
    width: 153px;
    height: 30px;
    position: relative;
    float: left;
    top: -2px;
    left: 10px;
}

.opt-out .total_check_ad {
    background: url(../images/poweredBy30pxheight.png) no-repeat;
}

.opt-in .total_check_ad {
    background: url(../images/poweredBy30pxheight-green.png) no-repeat;
}

.total_check_ad p {
    font-size: 0.9em;
    left: 16px;
    position: relative;
    top: 4px;
    width: 130px;
}

p.address-note {
    clear: both;
}
/** - Autocomplete override styles END- */

.opt-out ol.book-results div.input {
    width: 100px;
    height: 80px;
    background-color: #EDEDED;
    border-radius: 5px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    float: none;
    padding-left: 0px;
}

.ds-distribution-message {
    background: url(../images/excl_3.png) no-repeat;
    background-position: 3px 3px;
    border-radius: 5px;
    width: 465px;
    height: auto;
    display: inline-block;
    margin-top: 4px;
}
.ds-message-warning {
    background-color: #FF6600;
}

.ds-message-error {
    background-color: #DB610E;
}

ol.book-results .ds-distribution-message p {
    line-height: 1em;
    color: white;
    font-size: 0.9em;
    font-style: normal;
    font-weight: bold;
    margin: 4px 4px 4px 26px;
}

.ds-book-details {
    float: left;
    margin-left: 9px;
    width: 490px;
    margin-top: 14px;
}

.opt-in .ds-book-details {
    width: auto;
}

.ds-book-desc {
    float: left;
    width: 310px;
    font-size: 1em;
    color: #303338;
    font-style: normal;
}

.opt-in .ds-book-desc {
    width: 200px;
}

.ds-book-column-2 {
    float: left;
    margin-left: 40px;
    width: 140px;
}

img.ds-book-logo {
    float: left;
    margin-left: 4px;
}