/* Shared styles for the Domestic product pages.
 * Extracted verbatim from the inline <style> in Domestic.aspx,
 * byte-identical across all country clones. */
        {
            position: absolute;
            z-index: 2;
            color: #fff;
            background: transparent;
            width: 100%;
        }

        .tune-container {
            /*width: 100%;*/
            margin: 0 auto;
        }

        .logo-title {
            padding: 7.5px 0;
            text-align: center;
        }

        #lbl_sectionReviewTitle1ID {
            font-size: 30px;
            text-align: center;
            text-transform: uppercase;
            font-family: 'MontserratBold', Arial, Helvetica, Geneva, sans-serif;
            color: #e43a6c;
        }

        .wrapper {
            margin: 0.5em 0.5em 1em 0.5em;
            padding: 1em 0.5em 0.5em 0.5em;
            /*border-top: 0.5em solid #fff;
	  border-bottom: 0.1em solid #bdc3c7 !important;*/
            background: #fff;
            /*box-shadow: 0 0 0 0.5em rgba(189, 195, 199, 0);*/
            -moz-transition: box-shadow 0.15s linear;
            -o-transition: box-shadow 0.15s linear;
            -webkit-transition: box-shadow 0.15s linear;
            transition: box-shadow 0.15s linear;
            border-radius: 8px;
            /*
	   * alpha
	   */
            /*
	   * beta
	   */
            /*
	   * gamma
	   */
            /*
	   * delta
	   */
        }

            .wrapper:hover {
                /*box-shadow: 0 0 0 0.5em rgba(189, 195, 199, 0.6);*/
            }

            .wrapper h2 {
                font-size: 0.8em;
                font-weight: 700;
                margin: 0 auto 1em auto;
                line-height: 1.7em;
            }

            .wrapper h3 {
                font-weight: 400;
                margin: 0;
                font-size: 1.2em;
                line-height: 1.2;
            }

            .wrapper address {
                font-style: normal;
                margin-bottom: 0.5em;
            }

            .wrapper ul {
                margin: 0;
            }

            .wrapper li {
                margin-bottom: 0.5em;
                border-bottom: .25em solid #fff;
                padding-bottom: 0.5em;
            }

                .wrapper li:last-child {
                    border: none;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }

            .wrapper label {
                cursor: pointer;
            }
            /*.wrapper input {
	  width: 1.15em;
	  height: 1.15em;
	  margin-right: .25em;
	  cursor: pointer;
	  box-shadow: inset 0 0 0 .25em #dddddd;
	  vertical-align: text-bottom;
	  -moz-appearance: none;
	  -webkit-appearance: none;
	  -moz-transition: background 0.15s linear;
	  -o-transition: background 0.15s linear;
	  -webkit-transition: background 0.15s linear;
	  transition: background 0.15s linear;
	}*/

            .wrapper input[type="number"] {
                width: 1.75em;
                height: 60%;
                border: none;
                padding: 0 0.25em;
                text-align: center;
                font-size: 2em;
                position: relative;
            }

                .wrapper input[type="number"]:focus {
                    outline: none;
                    background: #ecf0f1;
                }

                .wrapper input[type="number"]::-webkit-inner-spin-button, .wrapper input[type="number"]::-webkit-outer-spin-button {
                    -webkit-appearance: none;
                    cursor: pointer;
                    width: 0.5em;
                    height: 100%;
                    text-align: center;
                    color: #bdc3c7;
                }

                    .wrapper input[type="number"]::-webkit-inner-spin-button:before, .wrapper input[type="number"]::-webkit-outer-spin-button:before {
                        position: absolute;
                        left: 0;
                        top: 0;
                        content: '\25B4';
                    }

                    .wrapper input[type="number"]::-webkit-inner-spin-button:after, .wrapper input[type="number"]::-webkit-outer-spin-button:after {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        content: '\25BE';
                    }
            /*.wrapper input:checked {
	  background: #E4170E;
	}*/
            .wrapper input[type="checked"] {
                display: inline-block;
                width: 19px;
                height: 19px;
                margin: -1px 4px 0 0;
                vertical-align: middle;
                background: url(/images/check_radio_sheet.png) left top no-repeat;
                cursor: pointer;
            }

                .wrapper input[type="checked"]:checked + label span {
                    background: url(/images/check_radio_sheet.png) -19px top no-repeat;
                }

            .wrapper input[type="text"] {
                /*display:inline-block;
    width:50%;
    height:30px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
	border-radius: 20px;
	display: block;*/
            }

                /*}2016*/

                .wrapper input[type="text"] + label span {
                }

            /* input checkbox css */
            /*
	.wrapper input[type="checkbox"] {
    display:none;
	}
	.wrapper input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(./images/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
	}
	.wrapper input[type="checkbox"]:checked + label span {
    background:url(./images/check_radio_sheet.png) -19px top no-repeat;
	} */
            /* end input checkbox css*/

            .wrapper img {
                /*max-width: 60%;*/
                max-height: 5em;
                /*border: .25em solid #fff;*/
            }

            .wrapper table {
                width: 100%;
                border-spacing: 0 0.25em;
                border-collapse: separate;
                margin-top: -0.25em;
            }

            .wrapper th {
                text-align: right;
                padding-right: 0.5em;
            }

            .wrapper thead {
                /*background: #414141;*/
                background: #b7b7b7;
            }

                .wrapper thead th {
                    text-align: left;
                    padding: 0.5em;
                    color: #fff;
                }

                    .wrapper thead th:last-child {
                        text-align: right;
                    }

            .wrapper tr.alpha {
                background: #414141;
                color: #fff;
            }

                .wrapper tr.alpha > th {
                    padding: 0.5em 1em 0.5em 0.5em;
                }

            .wrapper hr {
                border: none;
                border-bottom: 0.25em solid #fff;
            }

            .wrapper .tune-btn-red {
                -webkit-transition: all .5s cubic-bezier(1,.01,0,.99);
                -moz-transition: all .5s cubic-bezier(1,.01,0,.99);
                -o-transition: all .5s cubic-bezier(1,.01,0,.99);
                position: relative;
                cursor: pointer;
                font-family: "MontserratMedium", Arial, Helvetica, Geneva, sans-serif;
                overflow: hidden;
                border-radius: 40px;
                -webkit-border-radius: 40px;
                padding: 11px 53px;
                background: #EE2E24;
                color: #ffffff;
                border: 1px solid #e4170e;
            }

                .wrapper .tune-btn-red:hover {
                    background: #fff !important;
                    color: #ee2e24;
                    border: 1px solid #ee2e24;
                }

            .wrapper .btn-grey {
                width: 100%;
                border: none;
                padding: 0.5em;
                background: #ecf0f1;
                -moz-appearance: none;
                -webkit-appearance: none;
                -moz-transition: background 0.15s linear;
                -o-transition: background 0.15s linear;
                -webkit-transition: background 0.15s linear;
                transition: background 0.15s linear;
                font-family: 'MontserratMedium', Arial, Helvetica, Geneva, sans-serif;
            }

                .wrapper .btn-grey:hover {
                    background: #bdc3c7;
                }
                           
            .wrapper .text--right {
                text-align: right;
            }

            .wrapper .helper--alpha {
                padding-left: 0em;
            }

            .wrapper .wrapper--box {
                color: #414141;
                padding: 0em;
                list-style-type: none;
            }

            .wrapper.wrapper__alpha {
                border-color: #414141;
                background: #e43a6c;
                background: linear-gradient(45deg,#e43a6c 20%,#faa82f 90%);
                background: -webkit-linear-gradient(45deg,#e43a6c 20%,#faa82f 90%);
                background: -moz-linear-gradient(45deg,#e43a6c 20%,#faa82f 90%);
                background: -o-linear-gradient(45deg,#e43a6c 20%,#faa82f 90%);
            }

                .wrapper.wrapper__alpha .wrapper--box {
                    background: #ffffff;
                }

                .wrapper.wrapper__alpha h2 {
                    color: #e4170e;
                }

            .wrapper.wrapper__beta {
                border-color: #2980b9;
            }

                .wrapper.wrapper__beta .wrapper--box {
                    background: #2980b9;
                }

                .wrapper.wrapper__beta h2 {
                    color: #3498db;
                }

                .wrapper.wrapper__beta li {
                    border-color: #3498db;
                }

                .wrapper.wrapper__beta input:checked {
                    background: #3498db;
                }

            .wrapper.wrapper__gamma {
                border-color: #cc0000;
            }

                .wrapper.wrapper__gamma .wrapper--box {
                    color: #000;
                }

        .wrapper2__alpha h2 {
            font-size: 20px;
            color: #262932;
        }

        .wrapper.wrapper__gamma h3 {
            color: #e4170e;
        }

        .wrapper.wrapper__gamma hr {
            border-color: #b7b7b7;
            margin: 0;
            border-width: 2px;
            /*border-color: #414141;
            margin: 0;*/
        }

        .wrapper.wrapper__delta {
            border-color: #cc0000;
        }

            .wrapper.wrapper__delta .wrapper--box {
                background: #ffffff;
            }

            .wrapper.wrapper__delta h2 {
                color: #e4170e;
            }

            .wrapper.wrapper__delta li {
                border-color: #414141;
            }

            .wrapper.wrapper__delta input:checked {
                background: #E4170E;
            }

        /* wrapper2 */
        .wrapper2 {
            margin: 0.5em 0.5em 1em 0.5em;
            padding: 1em;
            /*border-top: 0.5em solid #fff;
	  border-bottom: 0.1em solid #bdc3c7 !important;*/
            /*-moz-transition: box-shadow 0.15s linear;
            -o-transition: box-shadow 0.15s linear;
            -webkit-transition: box-shadow 0.15s linear;*/
            transition: box-shadow 0.15s linear;
            /*border-radius: 8px;*/
            border-radius: 12px;
            background-color: #fff;
            border: 3px solid #e41e26;
            /*
	   * alpha
	   */
            /*
	   * beta
	   */
            /*
	   * gamma
	   */
            /*
	   * delta
	   */
        }

            .wrapper2 h2 {
                font-size: 1.2em;
                font-weight: 700;
                margin: 0 0 0.5em 0;
            }

            .wrapper2 h3 {
                font-weight: 400;
                margin: 0;
                font-size: 1.2em;
                line-height: 1.2;
            }

            .wrapper2 address {
                font-style: normal;
                margin-bottom: 0.5em;
            }

            .wrapper2 ul {
                margin: 0;
            }

            .wrapper2 li {
                margin-bottom: 0.5em;
                border-bottom: .25em solid #fff;
                padding-bottom: 0.5em;
            }

                .wrapper2 li:last-child {
                    border: none;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }

            .wrapper2 label {
                cursor: pointer;
            }
            
            .wrapper2 input[type="number"] {
                width: 1.75em;
                height: 60%;
                border: none;
                padding: 0 0.25em;
                text-align: center;
                font-size: 2em;
                position: relative;
            }

                .wrapper2 input[type="number"]:focus {
                    outline: none;
                    background: #ecf0f1;
                }

                .wrapper2 input[type="number"]::-webkit-inner-spin-button, .wrapper input[type="number"]::-webkit-outer-spin-button {
                    -webkit-appearance: none;
                    cursor: pointer;
                    width: .5em;
                    height: 100%;
                    text-align: center;
                    color: #bdc3c7;
                }

                    .wrapper2 input[type="number"]::-webkit-inner-spin-button:before, .wrapper input[type="number"]::-webkit-outer-spin-button:before {
                        position: absolute;
                        left: 0;
                        top: 0;
                        content: '\25B4';
                    }

                    .wrapper2 input[type="number"]::-webkit-inner-spin-button:after, .wrapper input[type="number"]::-webkit-outer-spin-button:after {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        content: '\25BE';
                    }
            /*.wrapper2 input:checked {
	  background: #E4170E;
	}*/
            .wrapper2 input[type="checked"] {
                display: inline-block;
                width: 19px;
                height: 19px;
                margin: -1px 4px 0 0;
                vertical-align: middle;
                background: url(/images/check_radio_sheet.png) left top no-repeat;
                cursor: pointer;
            }

                .wrapper2 input[type="checked"]:checked + label span {
                    background: url(/images/check_radio_sheet.png) -19px top no-repeat;
                }

            .wrapper2 input[type="text"] {
                /*display:inline-block;
    width:50%;
    height:30px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
	border-radius: 20px;
	display: block;*/
            }

                /*}2016*/

                .wrapper2 input[type="text"] + label span {
                }

            /* end input checkbox css*/

            .wrapper2 img {
                max-width: 50%;
                max-height: 8em;
                border: .25em solid #fff;
            }

            .wrapper2 table {
                width: 100%;
                border-spacing: 0 0.25em;
                border-collapse: separate;
                margin-top: -0.25em;
            }

            .wrapper2 th {
                text-align: right;
                padding-right: 1em;
            }

            .wrapper2 thead {
                background: #414141;
            }

                .wrapper2 thead th {
                    text-align: left;
                    padding: 0.5em;
                    color: #fff;
                }

                    .wrapper2 thead th:last-child {
                        text-align: right;
                    }

            .wrapper2 tr.alpha {
                background: #414141;
                color: #fff;
            }

                .wrapper2 tr.alpha > th {
                    padding: 0.5em 1em 0.5em 0.5em;
                }

            .wrapper2 hr {
                border: none;
                border-bottom: 0.25em solid #fff;
            }

            .wrapper2 button {
                display: inline-block;
                padding: 11px 53px;
                background: #ee2e24;
                font-size: 12.5px;
                text-transform: uppercase;
                color: #fff;
                font-family: "MontserratMedium", Arial, Helvetica, Geneva, sans-serif;
                margin: 0 5px;
                border-radius: 40px;
                -webkit-border-radius: 40px;
                cursor: pointer;
                vertical-align: middle;
                width: 100%;
            }

                .wrapper2 button:hover {
                    background: #fff !important;
                    color: #ee2e24;
                    border: 1px solid #ee2e24;
                }

                .wrapper2 button.alpha:before {
                    content: "x";
                    color: #414141;
                }

                .wrapper2 button.beta {
                    background: #e4170e;
                    color: #fff;
                    padding: 0.5em;
                    margin-top: 0.25em;
                    font-size: 1.25em;
                    width: 100%;
                    border-radius: 20px;
                    font-family: 'MontserratMedium', Arial, Helvetica, Geneva, sans-serif;
                    text-transform: uppercase;
                }

                    .wrapper2 button.beta:hover {
                        background: #cc0000;
                    }

                    .wrapper2 button.beta:before {
                        content: '\25B6';
                    }

                .wrapper2 button.gamma:before {
                    content: '\25AA';
                    color: #bdc3c7;
                }

                .wrapper2 button.gamma:hover:before {
                    color: #ecf0f1;
                }

            .wrapper2 .text--right {
                text-align: right;
            }

            .wrapper2 .helper--alpha {
                padding-left: 1.5em;
            }

            .wrapper2 .wrapper2--box {
                color: #414141;
                padding: 0.5em;
                list-style-type: none;
            }

        .styled-select {
            background: #fff url(/images/arrow-down-red.png) no-repeat 96%;
            overflow: hidden;
            width: 100%;
            border: 1px solid #ccc;
            border-radius: 20px;
        }

            .styled-select select {
                background: transparent;
                border: none;
                width: 110%;
            }

        .wrapper2.wrapper2__alpha .wrapper2--box {
            background: #ffffff;
        }

        .wrapper2.wrapper2__alpha h2 {
            font-size: 20px;
            color: #e41e26;
        }

        .wrapper2.wrapper2__beta {
            border-color: #2980b9;
        }

            .wrapper2.wrapper2__beta .wrapper2--box {
                background: #2980b9;
            }

            .wrapper2.wrapper2__beta h2 {
                color: #3498db;
            }

            .wrapper2.wrapper2__beta li {
                border-color: #3498db;
            }

            .wrapper2.wrapper2__beta input:checked {
                background: #3498db;
            }

        .wrapper2.wrapper2__gamma {
            border-color: #cc0000;
        }

            .wrapper2.wrapper2__gamma .wrapper2--box {
                border-top: 0.5em solid #c0392b;
                color: #000;
            }

            .wrapper2.wrapper2__gamma h2,
            .wrapper2.wrapper2__gamma h3 {
                color: #e4170e;
            }

            .wrapper2.wrapper2__gamma hr {
                border-color: #414141;
                margin: 0;
            }

        .wrapper2.wrapper2__delta {
            border-color: #cc0000;
        }

            .wrapper2.wrapper2__delta .wrapper2--box {
                background: #ffffff;
            }

            .wrapper2.wrapper2__delta h2 {
                color: #e4170e;
            }

            .wrapper2.wrapper2__delta li {
                border-color: #414141;
            }

            .wrapper2.wrapper2__delta input:checked {
                background: #E4170E;
            }
        /* end wrapper2 */
        /*body { font-family: Arial; font-size: 10pt; }
        #dialog { height: 600px; overflow: auto; font-size: 10pt !important; font-weight: normal !important; background-color: #FFFFC1; margin: 10px; border: 1px solid #ff6a00; }
        #dialog div { margin-bottom: 15px; }*/
        .rowStyle {
            border: 1px solid red;
        }

        .cellStyle1 {
            background-color: blue;
        }

        /* Added by WL */
        /*.modal {
            position: fixed;
            z-index: 999;
            height: 100%;
            width: 100%;
            top: 0;
            background-color: Black;
            filter: alpha(opacity=60);
            opacity: 0.6;
            -moz-opacity: 0.8;
        }*/

        .loaderCenter {
            z-index: 1000;
            margin: 300px auto;
            padding: 10px;
            width: 50px;
            background-color: white;
            border-radius: 10px;
            filter: alpha(opacity=10);
            opacity: 1;
            -moz-opacity: 1;
        }

        .imageCenter {
            height: 32px;
            width: 32px;
        }

        /*input {
            border: solid 1pt #000;
        }*/

        input:required:invalid {
            background-color: white;
            /*border-color: #cc0e00;*/
            /*border-width: thick;*/
        }

        input:required:valid {
            background-color: none;
        }
        /* Added by SB */
        body {
            margin: 0;
            padding: 0;
        }

        /*.modal {
            position: fixed;
            z-index: 999;
            height: 100%;
            width: 100%;
            top: 0;
            background-color: Black;
            filter: alpha(opacity=60);
            opacity: 0.6;
            -moz-opacity: 0.8;
        }*/

        .center {
            z-index: 1000;
            margin: 300px auto;
            padding: 10px;
            width: 130px;
            background-color: White;
            border-radius: 10px;
            filter: alpha(opacity=100);
            opacity: 1;
            -moz-opacity: 1;
        }

            .center img {
                height: 128px;
                width: 128px;
            }

        /* Added by SB */
        /* Background of entire field. If necessary, add a "color" declaration  which matches that in the .form-all rule. */
        .form-line-error {
            background: #090 repeat scroll 0 0;
        }

        .form-error-message {
            background: #090 !important;
            font-weight: bold;
        }

        .section-tq-screen {
            font-size: 16px !important;
        }

        #triangle {
            background-image: url("https://s3-ap-southeast-1.amazonaws.com/tuneprotect.com/airasia/powerbyTuneProtect3.png");
            background-size: cover;
            position: absolute;
            top: 70px;
            right: 0;
            width: 100px;
            height: 100px;
            z-index:10;
            /* clip-path: polygon(0 0, 100% 0, 100% 100%);*/
            }
 
            @media (max-width: 760px) {
            #triangle{
            width: 80px;
            height: 80px;
            top: 70px;
            }

        .rbl input[type="radio"]
        {
            margin-left: 10px;
            margin-right: 1px;
        }
    
