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

@font-face {
    font-family: 'Netto';
    src: url('/fonts/NettoOT.eot');
    src: url('/fonts/NettoOT.eot?#iehack') format('eot'),
        url('/fonts/NettoOT.otf') format('opentype'),
        url('/fonts/NettoOT.ttf')  format('truetype');
}
@font-face {
    font-family: 'Netto';
    font-weight: bold;
    src: url('/fonts/NettoOTBold.eot');
    src: url('/fonts/NettoOTBold.eot?#iehack') format('eot'),
        url('/fonts/NettoOTBold.otf') format('opentype'),
        url('/fonts/NettoOTBold.ttf')  format('truetype');
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    font-family: Netto;
}

html {
    height: 100%;
}

body {
    height: 100%;
    font: .625em Helvetica, Arial, sans-serif;
    color: #222427;
    background: #FFF;
    position: relative;
}

a {
    text-decoration: underline !important;
}

/**
* CLEARFIX and bindings
*/
.clearfix:after,
ol.items li:after,
.cols-2:after,
.cols-3:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix,
ol.items li,
.cols-2,
.cols-3 {
    display: inline-block;
}

html[xmlns] .clearfix,
html[xmlns] ol.items li,
html[xmlns] .cols-2,
html[xmlns] .cols-3 {
    display: block;
}

* html .clearfix,
* html ol.items li,
* html .cols-2,
* html .cols-3 {
    height: 1%;
}

.hide {
    position: absolute;
    left: -9999px;
    visibility: hidden;
}

.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/** ============================================================================
*/
#page {
    /*min-width: 950px;*/
    height: 100%;
}

/** = CONTENT = ================================================================
*/
#content {
    position: relative;
    min-height: 100%;
    /*width: 960px;*/
    margin: 0 auto;
}

#content_wrap {
    padding-bottom: 80px;
}

.home #content_wrap {
    background: none;
}

/** = MAIN = ===================================================================
*/
#main {
    position: relative;
    /*width: 960px;*/

}

.ds_content_layout_container {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
}

.ds_content_layout_container td {
    padding:  0;
}

#main .inner {
    padding: 0px;
}

#ds_logo {
    margin: 13px 0 0;
}

/** = FOOTER = =================================================================
*	Footer is sticky (content does not need to push it down for it to be at the
*	bottom, content will push it further down if it needs to).
*	Footer also extends for entire width footer content in .inner centered to
*	fit with content layout width.
*/
#footer {
    position: absolute;
    bottom: 2px;
    height: 80px;
    /*min-width: 960px;*/
    clear:both;
}

#footer div.inner {
    position: relative;
    width: 695px;
    margin: 0 auto;
}

#footer div.inner img {
    float: left;
}

#footer p {
    padding: 3px 0 0 106px;
    font-size: .95em; /* 9 */
}

#footer p.ds_footer_text {
    padding-top: 12px;
}

img.socket {
    display: none;
}

/* Progress bar */

ol.progress-bar {
    list-style-type: none;
    padding: 0 20px 0 20px;
    overflow: hidden;
    background: url(../images/progress-bar-sprite.png) 0 19px repeat-x;
    height: 35px;
    margin-top: 15px;
    margin-bottom: 20px;
}

ol.progress-bar li {
    width: 130px;
    float: left;
    padding-bottom: 17px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #808080;
    background: url(../images/progress-bar-sprite.png) center -30px no-repeat;
}

body.opt-out ol.progress-bar li.selected {
    background: url(../images/progress-bar-sprite.png) center 3px no-repeat;
}

body.opt-in ol.progress-bar li.selected {
    background: url(../images/progress-bar-sprite.png) center -14px no-repeat;
}

ol.progress-bar li span {
    display: block;
    background-color: white;
    height: 19px;
}

/**
* INNER COLS GENERIC
*/
.cols-2, .cols-3 {
    margin-bottom: 20px;
}

.cols-2 .col {
    float: left;
    width: 50%;
}

.cols-3 .col {
    float: left;
    width: 33%;
}

.customer-email {
    font-size: 1.8em;
}

/**
* LATEST PRODUCTS
*/

div.latest-products {
    border: 1px solid #E2E1E1;
    border-width: 1px 0;
    margin: 30px 0;
    padding-bottom: 30px;
}
div.latest-products h2 { margin-bottom: 30px; }
div.latest-products p { text-align: center; }
div.latest-products a img { margin-top: 15px; }

div.ds-latest-products .ds-cols-2 h2.first-row {
    padding-top: 0;
}

div.ds-latest-products .ds-cols-2 h2 {
    line-height: 30px;
    padding-left: 3px;
    padding-top: 20px;
    background-color: white;
}

div.ds-latest-products p { text-align: center; }
div.ds-latest-products p { text-align: center; }
div.ds-latest-products .ds-col-left a {
    display: block;
    color: #333;
}

div.ds-latest-products ul.proudly-carbon-neutral {
 text-align: center;
 padding: 24px;
}

i.list-arrow {
    background-image: url(../images/list_arrow.png);
    background-repeat: no-repeat;
    display: inline-block;
    min-width: 12px;
    min-height: 11px;
    margin-right: 4px;
    margin-bottom: -1.5px;
}

div.ds-latest-products a img {
    margin-top: 3px;
    margin-left: 16px;
}
div.ds-latest-products ul {
    padding: 7px;
    margin: 0;
    border-top: 1px solid #cccccc;
}

div.ds-latest-products li {
    list-style: none inside none;

    padding-top: 4px;
    padding-left: 3px;
}

.ds-cols-2 {
    background-color: #E6E6E6;
}

.ds-cols-2 .ds-col {
    float: left;
    width: 340px;
}

.ds-col-left {
    border-right: 20px solid white;
}

.ds-col-right {
}


/** = PRODUCT INFO = */
div.product-info {
    width: 660px;
    margin-top: 20px;
}

div.product-info .col {
    float: left;
    width: 225px;
    padding: 0 5px 0 100px;
}

div.product-info .product {
    padding-bottom: 30px;
}

div.product-info .col img {
    float: left;
    margin-left: -110px;
}

div.product-info p {
    font-size: 1.1em;
}

div.product-info p.desc {
    color: #777A80;
    font-size: 1.3em;
    font-style: italic;
}

div.product-info h3 {
    font-size: 1.5em;
    font-weight: normal;
}

/** = BODY.OVERLAY = ===========================================================
*	Special body class for html inside lightbox style overlays
*	ie. order other books
*/
body.overlay,
div.overlay {
    background: #f8f8f8;
    height: auto;
    padding: 25px 25px 5px 25px;
}

.mobile-only {
    display: none;
}



.ds_nav {
    width: 240px;
    padding: 0px;
    float: left;
    position: absolute;
}

.ds_nav ul {
    margin-left: 0;
    padding: 0 10px;
}
.ds_nav li {
    list-style: none;
    border-bottom: 1px solid #CCCCCC;
    padding: 5px 10px;
    margin-bottom: 0;
    font: Arial;
    font-size: 12px;
}

.ds_nav a {
    color: #595959;
    vertical-align: middle;
}
.ds_nav a:hover {
    color: #262626;
}
.ds_nav a:active {
    color: #595959;
}

.ds_nav_base {
    display: table-cell;
    padding-left: 50px;
    height: 44px;
}
.ds_nav_faq {
    background: url(../images/FAQ_normal.png) 0 0 no-repeat;
}


.ds_nav_faq:hover {
    background: url(../images/FAQ_hover.png) 0 0 no-repeat;
}

.ds_nav_contact_us {
    background: url(../images/contact_normal.png) 0 0 no-repeat;
}

.ds_nav_contact_us:hover {
    background: url(../images/contact_hover.png) 0 0 no-repeat;
}

.ds_page_content {
    padding: 5px 0px;
    background: #0055c3;
    margin: 0px;
}

.ds_page_content_wrap {
    padding: 5px 10px 10px;
    background: white;
    min-height:500px;
    height:auto !important;
}

.opt-out .ds_page_content  {
    background: #e36f1e;
}

.opt-in .ds_page_content  {
    background: #5C8000;
}

#main {
    background: url(../images/left_sidebar_bg.gif) top left repeat-y white;
}

#content_inner_main {
    position: relative;
    margin-left: 240px;
}

div.alternatives {
    display: table;
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #E2E1E1;
    border-bottom: 1px solid #E2E1E1;
}

div.alternatives label {
    display: table-row;
}

div.alternatives label.zebra0 {
    background-color: #F7F7F7
}

div.alternatives label.zebra1 {
    background-color: #EDEDED;
}

.opt-out div.alternatives label.alternative-invalid {
    background-color: #FFD0B2;
}

.opt-in div.alternatives label.alternative-invalid {
    background-color: #DFE4A7;
}

.opt-in div.alternatives label.active {
    background-color: #C7D06C;
}

div.alternatives label.alternative-invalid .message span#invalid-address-heading {
    font-size: 1.2em;
}

div.alternatives label.alternative-invalid .message span#invalid-address-warning {
    display: inline-block;
}

.opt-out div.alternatives label.active {
    background-color: #FFA366;
}

div.alternatives label div {
    display: table-cell;
    vertical-align: middle;
    height: 37px;
    width: 85px;
    font-weight: normal;
}

div.alternatives label div.message {
    width: auto;
    padding: 8px 0px 8px 15px;
    font-size: 13px;
    color:#333333;
}

.alternative-footer {
    padding-left: 15px;
    color:#333333;
    font-size: 13px;
}

div.alternatives label div.radio {
    text-align: center;
}

#navbar_TopNav {
    max-height: 34px;
}

#contact_us_top_nav {
    text-align: center;
    background-color: #0055C3;
    padding: 14px 10px;
    font-size: 20px;
    margin: 14px 0;
    color: #FFFFFF;
}

#contact-us-submit {
    float:right;
}

.twitter {
    padding-right: 25px;
    background: transparent url(../images/twitter.png) no-repeat right center;
    display: inline-block;
}

/**
 * The new home page without the power socket
 **/
#logo {
    background: url('../images/home-logo.jpg');
    background-repeat: no-repeat;
    background-color: white;
    height: 432px;
    /*width: 960px;*/
    text-align: center;
    display: table-cell;
    vertical-align: bottom;
}

#tab-head {
    height: 122px;
    background: url('../images/home-tabs.png') 0 -131px no-repeat;
}

#tab-head.opt-out { background-position: 0 -131px; }
#tab-head.opt-in { background-position: 0 3px; }


#tab-head a {
    display: inline-block;
    width: 450px;
    height: 122px;
    background: transparent;
    color: white;
}

#tab-head a:hover {
    cursor: pointer;
}

#tab-body {
    text-align: center;
}

.tab-form {
    background: #ffffff;
    padding: 0 0px 20px 0px;
}

.tab-form h2 {
    background: #ffffff;
    font-size: 20px;
    padding: 10px;
    color: #606060;
}

.tab-form .ds_fieldset input {
    font-size: 26px;
    line-height: 32px;
}

.tab-form .ds_fieldset p.error {
    font-size: 13px;
    display: inline-block;
}

.tab-form .ds_fieldset input[type='text'] {
    width:160px;
    line-height: 32px;
}

#tab-footer {
    padding: 10px;
    text-align: center;
    background: #dcdcdc;
    color: white;
    font-size: 16px;
    background: #E36F1E;
}
#content-coda {
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
}
#content-coda ul {
    list-style: none;
    margin: 10px auto;
}

#content-coda li {
    display: inline-block;

    width: 290px;
    height: 90px;

    vertical-align: top;
    background-image: url(../images/home-footer-gradient-bg.png);
    background-size: 290px auto;

    padding: 5px;
    margin: 0px 5px;
}

#content-coda li a, #content-coda li a:hover, #content-coda li a:active {
    color: #898989;
}

#content-coda li a {
    display: block;
    vertical-align: top;
    font-size: 12px;
    text-align: left;
}

#content-coda li a span {
    display: inline-block;
    padding-top: 15px;
    vertical-align: top;
    width: 200px;
    text-align: left;
}

#content-coda li a div {
    width: 60px;
    height: 60px;
    background-image: url(../images/home-footer-icons-sprite.png);
    display: inline-block;
}

#icon-returning {
    background-position: 0px 0px;
}

#icon-apartment {
    background-position: 180px 0px;
}

#icon-directories {
    background-position: 120px 0px;
}

#content-coda li a:hover span {
    text-decoration: underline;
}

#content-coda li a:hover #icon-returning {
    background-position: 0px -60px;
}

#content-coda li a:hover #icon-apartment {
    background-position: 180px -60px;
}

#content-coda li a:hover #icon-directories {
    background-position: 120px -60px;
}

.button-submit, .button-common {
    border: none;
    outline: 0;
    width: 127px;
    height: 45px;
    font-weight: bold;
    text-align: center;
    margin-left: 20px;
    font-family: Helvetica, Arial, sans-serif;
}


.button-submit {
    background: transparent url(../images/home-button-sprites.png) no-repeat;
    color: black;
}

.button-common {
    background: transparent url(../images/common-button-sprites.png) no-repeat;
    color: #FFFFFF;
    font-size: 2em;
}

.opt-out .button-submit, .button-common  {
    background-position: 0px -47px;
}

.opt-out .button-submit:hover, .button-common:hover {
    background-position: 0px -93px;
}

.opt-out .button-submit:active, .button-common:active {
    background-position: 0px -139px !important;
}

.opt-in .button-submit {
    background-position: -127px -47px;
}

.opt-in .button-submit:hover {
    background-position: -127px -93px;
}

.opt-in .button-submit:active {
    background-position: -127px -139px;
}

form p.error {
    font-size: 15px;
}

.other-products-image {
    background: transparent url(../../images/other-products.jpg) left 0 no-repeat;
    /*width: 700px;*/
    height: 280px;
    padding-bottom:10px;
}

/**
 * END of the new new homepage without the power socket
 */

/* FAQ Start */
#faq h1 {
    margin-bottom: 20px
}
#faq h2 {
    margin: 20px 0px;
}
#faq h3 {
    margin: 20px 0px 5px 0px;
}
#faq p {
    margin: 10px 0px 0px 0px;
}
/* FAQ End */

/* New Header Start */
.header-container {
    height: 80px;
    width: 100%;
    background-color: #231F20;
    color: #FFF;
    position: fixed;
    top: 0;
    z-index: 10000;
}
.header-container .container {
    height: 100%;
    position: relative;
}
.header-container .container a {
    color: #FFF;
    text-decoration: none !important;
}
.header-container .container .header-image {
    position: absolute;
    height: 50px;
    min-width: 60px;
    top: 20px;
    left: 15px;
    z-index: 2;
}
.header-container .container .header-navbar {
    position: absolute;
    bottom: 0;
    right: 0;
}
.header-container .container .header-navbar-alt {
    display: none;
}
.header-container .container .header-navbar div {
    display: inline-block;
    line-height: 40px;
    padding: 0 10px;
    font-size: 18px;
    cursor: pointer;
}
.header-container .container .header-navbar div:hover:not(#contactSubMenu),
.header-container .container #contactNavbarMenu.open {
    background-color: #6E6E6E;
}
.header-container .container #contactNavbarMenu {
    width: 120px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.header-container .container #contactSubMenu {
    display: none;
    position: absolute;
    bottom: -80px;
    right: 0;
    height: 80px;
    width: 120px;
    padding: 0;
    z-index: 1;
}
.header-container .container #contactSubMenu div {
    display: block;
    background-color: #000;
    height: auto;
}
/* New Header End */
/* Sticky Footer CSS */
.wrapper {
    display: table;
    height: 100%;
    width: 100%;
    padding-top: 80px;
}
.body {
    display: table-row;
    height: 100%;
}
/* END Sticky Footer CSS */
/* New Footer Start */
.footer {
    display: table-row;
    width: 100%;
    font-size: 12px;
}
.footer * {
    font-family: Arial;
}
.footer .top-panel {
    background-color: #E9E9E9;
    border-top: 3px solid #231F20;
}
.footer .top-panel .container > a div,
.footer .top-panel .container > div {
    display: inline-block;
    height: 100%;
    text-align: center;
    padding-bottom: 10px;
    vertical-align: top;
}
.footer .top-panel .container > a {
    font-size: 0;
}
.footer .top-panel .container > a div span,
.footer .top-panel .container > div * {
    color: #000 !important;
    text-decoration: underline;
    font-size: 12px;
}
.footer .top-panel .container .ds-div {
    background-color: #D3D3D3;
    padding-top: 21px;
    padding-left: 20px;
    padding-right: 20px;
}
.footer .top-panel .container .ds-div div {
    width: 100%;
}
.footer .top-panel .container .sensis-div,
.footer .top-panel .container .yellow-div,
.footer .top-panel .container .white-div {
    padding-top: 20px;
    padding-left: 80px;
}

.footer .top-panel .container .sensis-div span,
.footer .top-panel .container .yellow-div span,
.footer .top-panel .container .white-div span {
    display: none;
}

.footer .top-panel .container .white-div .brand-logo {
    padding-top: 10px;
    padding-bottom: 11px;
}
.footer .top-panel .container div .ds-logo {
    height: 50px;
    display: block;
    margin: auto;
}
.footer .top-panel .container div .brand-logo {
    width: 120px;
    display: block;
    margin: auto;
}

.footer .top-panel .container div .brand-logo.yellow-logo {
    width: 103px;
    height: 60px;
}

.footer .bottom-panel {
    height: 40px;
    background-color: #BDBCBC;
    padding: 5px;
}
.footer .bottom-panel .container div > div {
    display: inline-block;
    width: calc(100% - 130px);
}
.footer .bottom-panel .container div > div a {
    padding-right: 10px;
}
.footer .bottom-panel .container div * {
    vertical-align: bottom;
    color: #000 !important;
}
.footer .bottom-panel .container div a {
    text-decoration: underline;
}
.footer .bottom-panel .container div img {
    height: 30px;
    padding-right: 20px;
}
/* New Footer End */
/* New Front Page */
.body .top-section {
    display: block;
    width: 100%;
    background-color: #BDBCBC;
    padding-top: 50px;
    padding-bottom: 50px;
}
.body .top-section .container > div {
    width: calc(49.5% - 10px);
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.body .top-section .container > div:first-child {
    margin-right: 20px;
}
.body .top-section .container > div h2 {
    margin: 0;
    font-size: 34px;
}
.body .top-section .container > div .main-text {
    //font-weight: bold;
    font-size: 16px;
}
.body .top-section .container > div .sub-text {
    font-size: 12px;
}
.body .top-section .container > div .directory-buttons-container .directory-button {
    width: calc(50% - 10px);
    line-height: 40px;
    background-color: #000;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.body .top-section .container > div .directory-buttons-container .directory-button:hover {
    background-color: #9E9E9E;
}
.body .top-section .container img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
.body .top-section-alt {
    display: none;
}
.body .lower-section {
    height: auto;
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: #FFF;
}

/* this class is added to the container div when there is only one container in .body . lower section */
.body .lower-section .solo-container{
    padding-top: 90px;
    padding-bottom: 50px;
}

.body .lower-section .container .content-container {
    border: 1px solid #000;
    padding: 20px;
    font-size: 12px;
}
.body .lower-section .container .content-container h2 {
    margin: 0;
    font-size: 34px;
}
.body .lower-section .container .content-container:first-child {
    margin-bottom: 20px;
    display: table;
    width: 100%;
}
.body .lower-section .container .content-container:first-child > div {
    display: table-row;
}
.body .lower-section .container .content-container:first-child > div > div {
    display: table-cell;
    vertical-align: middle;
}
.body .lower-section .container .content-container:first-child > div > div:not(:first-child) {
    text-align: center;
}
.body .lower-section .container .content-container:first-child > div > div:last-child {
    padding-left: 40px;
}
.body .lower-section .container .content-container:first-child img {
    width: 120px;
}
.body .lower-section .container .content-container .news-button {
    width: 100%;
    line-height: 40px;
    font-size: 16px;
    background-color: #C2C3C1;
    text-align: center;
    cursor: pointer;
}
.body .lower-section .container .content-container .news-button:hover {
    background-color: #E5E5E5;
}
.body .lower-section .container .content-container-alt {
    display: none;
}
@media only screen and  (max-width: 992px) {
    .body .top-section .container > div .directory-buttons-container {
        display: block;
    }
    .body .top-section .container > div .directory-buttons-container .directory-button {
        width: 100%;
        margin-top: 4px;
        float: none !important;
    }
}
/* New Front Page End */
/* News Page Start */
.body .news-header {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #E9E9E9;
}
.body .news-header .container h2 {
    margin: 0;
    font-size: 34px;
}
.body .news-header .container p {
    font-size: 16px;
}
.body .news-body {
    padding-top: 40px;
    padding-bottom: 40px;
}
.body .news-body .container .news-item-container {
    border: 1px solid #000;
    padding: 20px;
}
.body .news-body .container .news-item-container:not(:first-child) {
    margin-top: 20px;
}
.body .news-body .container .news-item-container h2 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}
.body .news-body .container .news-item-container p {
    font-size: 14px;
}
/* News Page End */
/* FAQs Page Start */
.body .faqs-header {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #E9E9E9;
}
.body .faqs-header .container h2 {
    margin: 0;
    font-size: 34px;
}
.body .faqs-body {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 14px;
    position: relative;
}
.body .faqs-body > span {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #444444;
}
.body .faqs-body .category-outer-container .category-container {
    width: 100%;
    position: relative;
    padding: 10px 40px 10px 10px;
    cursor: pointer;
    font-size: 16px;
}
.body .faqs-body .category-outer-container .category-container:hover {
    background-color: #E9E9E9;
}
.body .faqs-body .category-outer-container .category-container.selected {
    background-color: #E9E9E9;
    font-weight: bold;
}
.body .faqs-body .category-outer-container .category-container span {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.body .faqs-body .category-outer-container-alt {
    display: none;
}
.body .faqs-body .content-container h2 {
    height: 20px;
    font-weight: bold;
}
.body .faqs-body .content-container .faq-container {
    margin-bottom: 20px;
}
.body .faqs-body .content-container .faq-container .question-container {
    font-weight: bold;
    background-color: #E9E9E9;
    padding: 10px 10px 10px 50px;
    position: relative;
    cursor: pointer;
}
.body .faqs-body .content-container .faq-container .question-container:hover {
    background-color: #D3D3D3;
}
.body .faqs-body .content-container .faq-container .question-container .q-container {
    height: 100%;
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 25px;
    background-color: #D3D3D3;
}
.body .faqs-body .content-container .faq-container .question-container .q-container > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.body .faqs-body .content-container .faq-container .answer-container {
    padding-left: 50px;
    padding-top: 20px;
}
/* FAQs Page End */
/* New Cancel Page Start */
.body .directory-header {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #E9E9E9;
}
.body .directory-header .container div {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
}
.body .directory-header .container div:first-child {
    width: 69%;
}
.body .directory-header .container div h2 {
    margin: 0;
    font-size: 34px;
}
.body .directory-header .container div p {
    font-size: 16px;
}
.body .directory-header .container div .logo-notif {
    font-size: 16px;
}
.body .directory-header .container div .yellow-page-logo {
  width: 103px;
  height: 60px;
  float: left;
}
.body .directory-header .container div .white-page-logo {
  width: 103px;
}
.body .directory-header .container div img {
    max-height: 120px;
    max-width: 120px;
    float: right;
}
.body .directory-container {
    font-size: 12px;
}
.body .directory-container .directory-panel {
    margin-top: 40px;
    border: 1px solid #000;
}
.body .directory-container .directory-panel:last-child {
    margin-bottom: 40px;
}
.body .directory-container .directory-panel .panel-head {
    color: #FFF;
    background-color: #000;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    cursor: pointer;
}
.body .directory-container .directory-panel .panel-head.disabled {
    cursor: not-allowed;
    background-color: #4F4C4C;
}
.body .directory-container .directory-panel .panel-head span {
    transition: all 0.4s;
}
.body .directory-container .directory-panel .panel-head.collapsed span {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.body .directory-container .directory-panel .panel-content {
    padding: 20px;
}
.body .directory-container .directory-panel .panel-content input,
.body .directory-container .directory-panel .panel-content select,
.body .directory-container .directory-panel .panel-content button {
    border: 1px solid #000;
    border-radius: 0;
}
.body .directory-container .directory-panel #detailsPanelBody .panel-content label:not(:first-child) {
    margin-top: 10px;
}
.body .directory-container .directory-panel #detailsPanelBody .panel-content .form-control.required.invalid.touched {
    border: 1px solid red;
}
.body .directory-container .directory-panel #detailsPanelBody .panel-content > div:last-child {
    margin-top: 60px;
    width: 100%;
    min-height: 40px;
}
.body .directory-container .directory-panel #detailsPanelBody .panel-content h2 {
    font-size: 16px;
}
.body .directory-container .directory-panel .panel-content .validation-message {
    display: none;
    color: red;
}
.body .directory-container .directory-panel #detailsPanelBody .panel-content #addressGroup {
    margin-bottom: 4px;
}
.body .directory-container .directory-panel #detailsPanelBody .panel-content #addressGroup .input-group-btn {
    display: none;
}
.body .directory-container .directory-panel #detailsPanelBody .panel-content .details-div-alt {
    display: none;
}
.body .directory-container .directory-panel #detailsPanelBody .panel-content .details-div-alt div:not(.validation-message) {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
}
.body .directory-container .directory-panel #detailsPanelBody .panel-content .details-div-alt div .form-control {
    width: auto;
}
.body .directory-container .directory-panel .panel-content div .disclaimer-text {
    display: none;
    width: 70%;
    max-width: calc(100% - 241px);
    font-size: 10px;
    color: #3E3E3E;
}
.body .directory-container .directory-panel .panel-content div .panel-next-button {
    padding: 0 40px;
    background-color: #B4DD31;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    line-height: 40px;
    width: 241px;
    float: right;
    text-align: center;
}
.body .directory-container .directory-panel .panel-content div .panel-next-button.disabled {
    background-color:#C2C3C1;
}
.body .directory-container .books-panel .panel-content div .panel-next-button.disabled {
    cursor: not-allowed;
}
.body .directory-container .directory-panel .panel-content div .panel-next-button:not(.disabled):hover {
    background-color: #DAEE92;
}
.body .directory-container .directory-panel #booksPanelBody .panel-content > div:last-child {
    margin-top: 60px;
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.body .directory-container .directory-panel #booksPanelBody .panel-content div .confirm-box {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
    margin-top: 10px;
}
.body .directory-container .directory-panel #booksPanelBody .panel-content div .confirm-box.confirmed {
    border: 1px solid #B4DD31;
    background-color: #DAEE92;
    background-image: url('/images/check_new.png');
    background-size: cover;
}
.body .directory-container .confirmation-panel .panel-content h2 {
    font-size: 34px;
    font-weight: bold;
}
.body .directory-container .confirmation-panel .panel-content h3 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 40px;
}
.body .directory-container .directory-panel #confirmationPanelBody .panel-content {
    text-align: center;
}
.body .directory-container #booksPanelBody .panel-content .row > div {
    padding-left: 15px;
    margin-bottom: 4px;
    font-size: 14px;
}
.body .directory-container #booksPanelBody .panel-content .row > div:not(:first-child) {
    text-align: center;
}
.body .directory-container .books-panel .book-container {
    padding: 20px 0;
    border: 1px solid #000;
    cursor: pointer;
    position: relative;
    width: 100%;
    max-width: 350px;
    display: inline-block;
}
.body .directory-container .books-panel .book-container .book-image {
    max-height: 100px;
}
.body .directory-container .books-panel .book-container.selected {
    border: 1px solid #FFF;
    background-color: #B4DD31;
}
.body .directory-container .books-panel .book-container .check-image {
    display: none;
}
.body .directory-container .books-panel .book-container.selected .check-image {
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 30px;
    height: 30px;
}
.body .directory-container .books-panel .book-container .super-text {
    font-size: 20px;
    margin-top: 20px;
    height: 52px;
}
.body .directory-container .books-panel .book-container .sub-text {
    font-size: 12px;
    height: 30px;
}

.body .directory-container .books-panel .book-container .alert-text {
    font-size: 12px;
    height: 30px;
    color: red;
}

.body .directory-container .details-panel .panel-content button,
.body .directory-container .confirmation-panel .panel-content button {
    background-color: #B4DD31;
}
.body .directory-container .confirmation-panel .panel-content button.disabled {
    background-color: #C2C3C1;
}
.body .directory-container .confirmation-panel .panel-content #confirmEmailSuccess {
    display: none;
}
/* New Cancel page End */
/* New Contact Us Start */
.body .contact-us-header {
    background-color: #E9E9E9;
    padding-top: 40px;
    padding-bottom: 40px;
}
.body .contact-us-header h2 {
    font-size: 34px;
}
.body .contact-us-container {
    font-size: 14px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.body .contact-us-container .sub-heading {
    font-size: 20px;
    font-weight: bold;
}
.body .contact-us-container .sub-heading > span:last-child {
    font-size: 16px;
    line-height: 24px;
}
.body .contact-us-container .form-control {
    border-radius: 0;
    border: 1px solid #000;
}
.body .contact-us-container textarea {
    margin-bottom: 20px;
    min-height: 100px;
    max-height: 300px;
    resize: vertical;
}
.body .contact-us-container label:not(:first-child) {
    margin-top: 8px;
}
.body .contact-us-container hr + div {
    color: #6E6E6E;
    margin-bottom: 8px;
}
.body .contact-us-container #preferredMethod {
    width: 150px;
}
.body .contact-us-container .contact-submit-button {
    margin-top: 8px;
    padding: 10px 40px;
    font-weight: bold;
    cursor: pointer;
    background-color: #B4DD31;
    width: 150px;
    text-align: center;
}
.body .contact-us-container .contact-submit-button.disabled {
    background-color: #C2C3C1;
}
.body .contact-us-container #notRobotLabel {
    padding: 1px;
}
.body .contact-us-container #notRobotLabel.invalid.touched {
    padding: 0;
}
.body .contact-us-container .required.invalid.touched {
    border: 1px solid red !important;
}
.body .contact-us-container .validation-message {
    display: none;
    color: red;
}
.body .contact-us-container .disclaimer-text {
    font-size: 10px;
    color: #3E3E3E;
    margin-top: 8px;
}
.body .contact-us-success {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 24px;
    display: none;
}
/* New Contact Us End */
/* Auto-complete styles Start */
ul.ui-autocomplete li.ui-menu-item {
    padding: 12px !important;
    font-size: 12px;
    max-width: 100% !important;
}
/* Auto-complete styles End */