.container_table{ height: 100%;   border-style: none; font-family: Verdana,sans-serif; color: #666; margin: auto; }    
		.container_details_table{   width: 500px;   border-style: none; font-family: Verdana,sans-serif; color: #666; }    
		.content{   font-family: Verdana,sans-serif; color: #666;  }    
		.content_header{   font-size: 11px; font-family: Verdana,sans-serif; color: #666;  }    
		.bookingdetailstable td{vertical-align:top; font-family: Verdana,sans-serif; padding: 5px;}
		.bookingdetailslabel{ min-width: 110px !important; font-weight: bold; font-family: Verdana,sans-serif;}
		td h2 {margin: 0 0 0 0;  font-size: 12px;}
		.roomtable{ width: 100%; border-bottom: 2px solid silver; font-family: Verdana,sans-serif; color: #666; border-collapse: collapse;}
		.roomdetaillabel{ width: 170px !important; font-family: Verdana,sans-serif;}
		.bookingextralabel{ font-family: Verdana,sans-serif;  font-weight: normal; color: #666; text-align: center;}
		.roomindex{font-size: larger;}

		.bookingtotalrow{border-bottom: 1px solid black; font-weight: bold;}
		.depositrow{border-bottom: 1px solid black;}
		.balancerow{font-weight: bold;}
		.dailrateslist{}
		.dailrateslist li{padding-left: -5px;}
		/*.roomdetailvalue{font-size: 11px !important;}
		.bookingextravalue{font-size: 11px !important;}
		.bookingdetailsvalue{font-size: 11px !important;}*/
		.footercontainer{text-align: center; vertical-align: middle; background-color: #292a4a; color: #ffffff; padding: 20px;}
		xtd{padding: 5px;}		
		
		.bookingdetailstable{width: 100%; margin: 15px auto;}
		.bookingdetailstable tr {height: 20px;}

    /* CSS Reset : BEGIN */

        /* What it does: Remove spaces around the email design added by some email clients. */
        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
        html,
        body {
            margin: 0 auto !important;
            padding: 0 !important;
            height: 100% !important;
            width: 100% !important;
        }

        /* What it does: Stops email clients resizing small text. */
        * {
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        /* What it does: Centers email on Android 4.4 */
        div[style*="margin: 16px 0"] {
            margin: 0 !important;
        }

        /* What it does: Stops Outlook from adding extra spacing to tables. */
        table,
        td {
            mso-table-lspace: 0pt !important;
            mso-table-rspace: 0pt !important;
        }

        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
        table {
            border-spacing: 0 !important;
            border-collapse: collapse !important;
            table-layout: fixed !important;
            margin: 0 auto !important;
        }
        table table table {
            table-layout: auto;
        }

        /* What it does: Uses a better rendering method when resizing images in IE. */
        img {
            -ms-interpolation-mode:bicubic;
        }

        /* What it does: A work-around for email clients meddling in triggered links. */
        *[x-apple-data-detectors],  /* iOS */
        .x-gmail-data-detectors,    /* Gmail */
        .x-gmail-data-detectors *,
        .aBn {
            border-bottom: 0 !important;
            cursor: default !important;
            color: inherit !important;
            text-decoration: none !important;
            font-size: inherit !important;
            font-family: inherit !important;
            font-weight: inherit !important;
            line-height: inherit !important;
        }

        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */
        .a6S {
            display: none !important;
            opacity: 0.01 !important;
        }
        /* If the above doesnt work, add a .g-img class to any image in question. */
        img.g-img + div {
            display: none !important;
        }

        /* What it does: Prevents underlining the button text in Windows 10 */
        .button-link {
            text-decoration: none !important;
        }

        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */
        /* Create one of these media queries for each additional viewport size youd like to fix */

        /* iPhone 4, 4S, 5, 5S, 5C, and 5SE */
        @media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
            .email-container {
                min-width: 320px !important;
            }
        }
        /* iPhone 6, 6S, 7, 8, and X */
        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
            .email-container {
                min-width: 375px !important;
            }
        }
        /* iPhone 6+, 7+, and 8+ */
        @media only screen and (min-device-width: 414px) {
            .email-container {
                min-width: 414px !important;
            }
        }

    /* CSS Reset : END */

    /*  Progressive Enhancements : BEGIN */

    /* What it does: Hover styles for buttons */
    .button-td,
    .button-a {
        transition: all 100ms ease-in;
    }
    .button-td:hover,
    .button-a:hover {
        background: #555555 !important;
        border-color: #555555 !important;
    }

    /* Media Queries */
    @media screen and (max-width: 600px) {

        /* What it does: Adjust typography on small screens to improve readability */
        .email-container p {
            font-size: 17px !important;
        }

    }


/* Progressive Enhancements : END */