﻿
@font-face {
    font-family: 'gotham-bold';
    src: url('../fonts/gotham-bold.eot');
    src: url('../fonts/gotham-bold.woff'), url('../fonts/gotham-bold.ttf'), url('../fonts/gotham-bold.svg#GothamBold');
}

@font-face {
    font-family: 'gotham-book';
    src: url('../fonts/gotham-book.eot');
    src: url('../fonts/gotham-book.woff'), url('../fonts/gotham-book.ttf'), url('../fonts/gotham-book.svg#GothamBook');
}
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'gotham-book', arial, sans-serif;
    /*font-family: Arial;*/
    font-size: 16px;
    background: #F4F4F4 none repeat scroll 0% 0%;
	overflow-x:hidden;
	min-width:320px;
}
/* .cust-check input::before {
    content: "";
    border-width: 0px 10px 2px 20px;
    border-style: solid;
}
.cust-check input:checked::after {
    content: "\2713";
    border-width: 7px 2px 0px 11px;
    border-style: solid;
    position: absolute;
    top: -4px;
    left: 9px;
    color: white;
}
.cust-check input::after{border-color:transparent;} */
.cust-check input{text-indent:-9999px;}
.cust-check input::before {
    content: "";
	width:24px;height:24px;
	display: block;
    background: url(../../images/uncheck.svg);
}
.cust-check input:checked::before {
    content: "";
	width:24px;height:24px;
	display: block;
    background: url(../../images/check.svg);
    
}
.right-text{text-align:right !important;}
.right-text label{color: #333;}

a {
	color:#5f9de2;
    text-decoration: none;
}

    a:hover {
		color:#5f9de2;
		text-decoration:underline;
    }
	
/* Styles for inner tables  */
.dh-globalfont {
	font-size: 14px;
    font-weight: normal;
    font-family: 'Lato', sans-serif !important;
	text-transform:capitalize;
}
.dg-th-padding {
	padding: 15px!important;
    border-right: 1px solid #a0a0a0!important;
    min-height: 65px;
    color: #fff;
}
.dg-th-padding h4 {
	font-size:14px;
}
.dg-td-padding {
	padding:15px!important;
	border-right:1px solid #d0d0d0!important;
	min-height: 58px;
}
.dg-sec-border{
	border-left: 1px solid #d0d0d0;
	display: flex;
	border-bottom: 1px solid #d0d0d0;
}
.dg-innerTable{
	border: 1px solid #d0d0d0;
}
.dg-heading{background: #888;
    
    color: #fff;
    padding: 5px 15px!important;
    font-size: 14px;
    font-weight: normal;}
	
.clearNone {clear:none!important;}
.marLft15 {margin-left: -15px;}
.status_icon {
	float:left;
    color: #fff;
    font-size: 10px;
    border-radius: 15px;
    padding: 4px 8px;
    font-weight: bold;
    cursor: default;
}
.panel-body .panel-default .panel-heading .btn, table .btn, .table .btn, .btn-padsmall {
    padding: 3px 12px!important;
    font-size: 12px!important;
    line-height: 1.35;
    background-color: #66A4A9;
    color: #fff;
    margin-bottom: 0;
    min-width: auto;
    float: left !important;
    font-family: 'Lato', sans-serif;
}
.lapsed {  background: #002060; }
.invited {  background: #3eb056; }
.need_attention {  background: #c00000; }

.table-row-active td span.lapsed {  background: #002060 !important; color:#fff !important; }
.table-row-active td span.invited {  background: #3eb056 !important; color:#fff !important; }
.table-row-active td span.need_attention {  background: #c00000 !important; color:#fff !important; }

.audit_panel .panel-heading {
    padding: 0 !important;
}

.audit_panel .panel-heading {
    background: #f3f3f3 !important;
}
.audit_panel .panel{
	margin:0 !important;
	border: 0;
}
.audit_panel .panel{
	margin:0 !important;
	border: 0;
}
.audit_panel #C2__TXT_A8DEA467261EF91372329 .panel{
	background: #888 !important;
}
.audit_panel .panel-heading {
    background: #f3f3f3 !important;
}
.audit_panel .panel-body.showing-view {
	padding: 5px 15px !important;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #d0d0d0!important;
}
.audit_panel .panel-body.showing-view:nth-last-of-type(1) {
	border-top: 0;
}
.audit_panel .showing-view-panel {
	border-top: 1px solid #c0c0c0!important;
}
.audit_panel .showing-view-panel:nth-of-type(1) {
	border-top: 0!important;
}
.audit_panel .showing-view-panel:nth-last-of-type(1) .panel-body.showing-view {
	border-top: 1px solid #c0c0c0!important;
}
.audit_panel .showing-view-panel .panel-heading .panel-title>div {
	border-left: 1px solid #d0d0d0!important;
}
.audit_panel .showing-view-panel .panel-heading .panel-title>div:first-of-type {
	border-left: 0!important;
}
.audit_panel .showing-view-panel .panel-heading .panel-title>div>div>div>div {
	display:none;
}
.audit_panel .showing-view-panel .panel-heading .panel-title>div>div>div>div:nth-last-of-type(2) {
	display:block;
}
.audit_panel .panel .tophead {
    background: #888 !important;
	padding: 0;
	width: calc(100% - 17px);
}
.tophead .panel-title a {
    color: #fff !important;
}
.audit_panel .policynotes_btnrow button {
    padding: 3px 12px!important;
    font-size: 12px!important;
    line-height: 1.35;
}
.audit_panel .showing-view-panel .panel-heading .panel-title button {
	position: relative;
    right: 10px;
}
.audit_panel .showing-view-panel .panel-heading .panel-title button.btn-black {
	background: #505050;
}
.audit_panel .showing-view-panel .panel-heading .panel-title button.btn-black:hover {
	background: #404040!important;
}
.audit_panel .panel-heading .btn-warning  {
	border:0;
	
}
.audit_panel .panel-default>.panel-heading {
    color: #333;
}
.audit_panel .panel-heading  {
	background:#f3f3f3 !important; border:0;
	
}

.audit_panel .panel .tophead {
	background:#999 !important; width:100%;
}
/* END Styles for inner tables  */

.clearPrefix{
	display:none !important;
}
.vehicle_select .list-group-item{
	white-space: normal;
}
.DG_Table th:last-child{display:table-cell !important;width:230px;} 
	.padleft_10 {
  padding-left: 10px;
}
.Vehicle-WJ label, .alignment label{
	float:right;
}
.MPbold {
  font-weight: bold !important;
}
.contact_modal .modal-popup-content {
    width: 1100px;
}
.contact_modal     .ui-selectmenu-button {
        width: 100% !important;
    }
.contact_modal .radio, .contact_modal .checkbox {
	margin-top: 5px;
	margin-left: 0px ! important;
	
}
.contact_modal .radio label:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 25px!important;
    height: 25px!important;
    left: 18px!important;
    margin-left: -20px!important;
    border: 1px solid #999!important;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out;
	top: -1px !important;
}
.contact_modal .radio input[type="radio"]:checked + label:after
{
	    background-color: #555 !important;
    border: 0 solid #999;
}

.contact_modal .radio label:after {
    display: inline-block;
    position: absolute;
    content: "";
    width: 15px!important;
    height: 15px!important;
    left: 23px!important;
    top: 4px!important;
    margin-left: -20px!important;
    border-radius: 50%;
    
    cursor: pointer;
    transition: inherit;
} 
.contact_modal .checkbox label:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 25px!important;
    height: 25px!important;
    left: 0;
    border: 1px solid #999!important;
    border-radius: 2px!important;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
    -o-transition: border .15s ease-in-out, color .15s ease-in-out;
    transition: border .15s ease-in-out, color .15s ease-in-out;
	top: -1px !important;
}
.contact_modal .checkbox input[type="checkbox"]:checked + label::after {
	font-family: "FontAwesome";
    content: "\f00c";
	color:#fff;
	 background-color: #555;
}
.contact_modal .checkbox label:after {
    display: inline-block;
    position: absolute;
    width: 23px;
    height: 23px;
    left: 0;
    top: 0px;
    margin-left: 1px;
    padding-right: 5px;
    padding-top: 4px;
    font-size: 11px;
    color: #555555;
}
.contact_modal .modalPreference{
	margin-bottom: 10px;
}
.remove_date img{
	display:none;
}
.contact_modal label{
	float: right ! important;
}
.contact_modal .date-default label{
	float: none ! important;
}
.border-left.righttbl_cell {
	border:0; display:block;
}
.righttbl_cell{
	display: table-cell; 
	float: none !important; 
	vertical-align:top;
}
.contact_modal .righttbl_cell,
.contact_modal #C2__C1__COL_B86E71877193D01B84674 { /* AW added 08/02/2018 */
	padding-left: 20px;
    padding-right: 0;
    margin-right: -15px;
	width: 50%;
	border-left: 1px solid #ccc;
}
.contact_modal .righttbl_cell .col-sm-8,
.contact_modal #C2__C1__COL_B86E71877193D01B84674 .col-sm-8,
.contact_modal #C2__C1__COL_B86E71877193D01B84221 .col-sm-8 { /* AW added 08/02/2018 */
    padding-right: 0;
}
.contact_modal .righttbl_cell .btn-default { /* AW added 08/02/2018 */
    font-size: 13px;
	margin-bottom: 5px;
    margin-right: 9px;
	padding: 6px 10px;
}
.contact_modal .righttbl_cell .btn-default[value="Enter Address Manually"] { /* AW added 08/02/2018 */
    margin-right: 0;
}
.contact_modal .tab-pane #C2__C1__FMT_C576323730C8CBA4805929,
.contact_modal .lefttbl_cell #C2__C1__row_SPC_0B295603684320B41477337,
.contact_modal .lefttbl_cell #C2__C1__FMT_D1459E849B220951104541,
.contact_modal .righttbl_cell #C2__C1__p1_BUT_B5F37DDFDCE76BB21217366,
.contact_modal .righttbl_cell #C2__C1__p1_BUT_B5F37DDFDCE76BB21217368,
.contact_modal .righttbl_cell #C2__C1__p2_BUT_B5F37DDFDCE76BB21217368,
.contact_modal .righttbl_cell #C2__C1__p3_BUT_B5F37DDFDCE76BB21217368 { /* AW added 08/02/2018 */
    display: none;
}
.contact_modal .righttbl_cell, .contact_modal .lefttbl_cell {
	display: table-cell;
}
.contact_modal .col-md-5.lefttbl_cell .gap-micro { /* AW added 08/02/2018 */
    margin: 3px 0 3px 0;
}
.contact_modal .lefttbl_cell .gap-mini { /* AW added 08/02/2018 */
    margin: 5px 0 5px 0;
}
.lefttbl_cell  {
	display: table-cell; 
	/*float: none !important; */ 
	vertical-align:top; 
	float: initial !important;
}
.contact_modal .lefttbl_cell,
.contact_modal  #C2__C1__COL_B86E71877193D01B84672 { /* AW added 08/02/2018 */
	padding-left: 0;
    padding-right: 5px;
	/* width: 50%; */
	border-right: none;
}
.padding_zero{
	padding: 0;
}
.contact_modal .lefttbl_cell .line-bottom {
    border-bottom: 1px solid #c0c0c0;
    margin-right: 15px;
}
.contact_modal .tab-pane #C2__C1__FMT_C576323730C8CBA4805929,
.contact_modal .lefttbl_cell #C2__C1__row_SPC_0B295603684320B41477337,
.contact_modal .lefttbl_cell #C2__C1__FMT_D1459E849B220951104541,
.contact_modal .righttbl_cell #C2__C1__p1_BUT_B5F37DDFDCE76BB21217366,
.contact_modal .righttbl_cell #C2__C1__p1_BUT_B5F37DDFDCE76BB21217368,
.contact_modal .righttbl_cell #C2__C1__p2_BUT_B5F37DDFDCE76BB21217368,
.contact_modal .righttbl_cell #C2__C1__p3_BUT_B5F37DDFDCE76BB21217368 { /* AW added 08/02/2018 */
    display: none;
}
.highlight{color:#b2161a;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #b2161a;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #b2161a;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.date-default .input-group-addon{
	border-right: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
.container {
    max-width: 1008px;
}

.row {
    position: relative;
}

#brand-logo h1 {
    margin: 15px 0 19px 0;
}

/* Contact Pulldown */
#contact-pulldown-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
}

#contact-pulldown {
    width: 100%;
    background-color: #E5E5E5;
    display: none;
    padding: 15px 0 10px 0;
}

#retrieve-quote {
    min-height: 40px;
    padding: 0 10px;
    margin: 20px 0;
}

#phone-details {
    text-align: right;
}

    #phone-details p {
        font-size: 12px;
        margin: 18px 0 0 0;
    }

    #phone-details span {
        font-size: 20px;
    }

#phone-number {
    font-size: 24px;
    color: #333;
    text-decoration: none;
}

#contact-pulldown-tab {
    float: right;
    background-color: #E5E5E5;
    padding: 5px 10px;
    cursor: pointer;
    -o-transition: 150ms ease-in-out;
    -moz-transition: 150ms ease-in-out;
    -webkit-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
}

    #contact-pulldown-tab p {
        float: left;
        margin: 0 40px 0 0;
    }

    #contact-pulldown-tab:hover {
        padding-top: 10px;
    }

#contact-pulldown-tab p span {
    top: 3px;
    -moz-transition: ease-out transform 0.5s;
    -o-transition: ease-out transform 0.5s;
    -webkit-transition: ease-out transform 0.5s;
    transition: ease-out transform 0.5s;
}

.glyphicon{margin-right:5px;}

.dropdown-wrap p {
    float: right;
    font-size: 14px;
    line-height: 18px;
}

.dropdownBtn, .dropdownBtn a:link, .dropdownBtn a:visited, .dropdownBtn a:hover {
    float: right;
    min-width: 200px !important;
    height: auto;
    border: 1px solid #333;
    text-align: center;
    line-height: 14px;
    border-radius: 6px;
    font-size: 14px;
    color: #333 !important;
    padding: 10px;
    margin: 0 10px;
    text-decoration: none;
}

    .dropdownBtn .icon-Email, .icon-Phone {
        margin-right: 10px;
    }

.openingTimes {
    float: right;
    font-size: 13px;
}

/* Header */
header {
    background-color: #FFF;
    margin-bottom: 20px;
}

	header .img-responsive{    
		max-height: 70px;
		margin-top: 10px;
	}

#insurance-heading h2 {
    color: #B2161a;
    text-align: right;
    font-size: 22px;
    margin: 50px 0px 12px;
}

/* Navigation */
#quote-nav {
    width: 100%;
    background-color: #222;
    color: #FFF;
	min-height:60px;
}

    #quote-nav ul {
        float: left;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        #quote-nav ul li {
            position: relative;
            display: inline-block;
            font-size: 14px;
            padding: 19px 15px;
            margin-right: -5px;
        }

.quote-steps .active{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.quote-steps a{ cursor:default;; }

/* .quote-steps .checked{background:#b2161a;} */

.quote-steps .checked:after{border-left-color:#b2161a;}

		
#quote-steps .active {
    color: #000;
    background-color: #FFF;
}

    #quote-steps .active:after {
        position: absolute;
        content: ' ';
        right: -10px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-left: 10px solid #FFF;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        z-index: 0;
    }

#quote-steps .checked {
    color: #FFF;
    background-color: #78BE20;
    padding: 19px 25px;
}

    #quote-steps .checked:after {
        position: absolute;
        content: ' ';
        right: -9px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-left: 10px solid #78BE20;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        z-index: 2;
    }


/* Content */
.question-section {
    background-color: #FFF;
    border: 1px solid #DBDBDB;
	margin: 20px 0;
    padding: 20px 20px 0;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
}

    .question-section h3, .h3 {
        font-family: 'gotham-bold';
        color: #b2161a;
        font-size: 24px;
        margin-top: 0;
    }

.question-row {
    margin-bottom: 5px;
}
.date-default {
	margin-bottom: 10px;
}
.ui-selectmenu-button{
	margin-bottom: 5px;
}

.ui-front {
    z-index: 99999;
}
.more-details {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
	margin-top:0px;
}

.accordion-content {
    background-color: #DBDBDB;
    padding: 10px;
    margin: 20px 0 10px;
    position: relative;
	border-radius:5px;
}

    .accordion-content p {
        margin-bottom: 0;
    }

    .accordion-content:before {
        content: ' ';
        position: absolute;
        top: -12px;
        right: 0;
        width: 0;
        height: 0;
        border-right: 20px solid #DBDBDB;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
    }

.notice h4 {
    font-size: 16px;
    font-weight: bold;
}

.notice p {
    margin-bottom: 0;
}
/* Form Elements */
label {
    float: right;
    text-align: right;
    font-weight: normal;
	/* margin-top:10px; */
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"],input[type="password"] {
    padding-left: 5px;
    height: 42px;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    margin-bottom: 10px;
}
.contact_modal .ans-style span {
    padding-left: 5px;
    height: 42px;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    margin-bottom: 10px;
	padding-top: 10px!important;
}
.contact_modal .ques-style{
	white-space: nowrap;
}
.contact_modal .list-group-item{
	white-space:normal;
}
.contact_modal .ans-style span :hover, .contact_modal .ans-style span :focus {
        border: 1px solid #000;
        -moz-box-shadow: 0 0 5px #000;
        -webkit-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 5px #000;
    }

    input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="password"]:hover {
        border: 1px solid #000;
        -moz-box-shadow: 0 0 5px #000;
        -webkit-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 5px #000;
    }

    input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="password"]:focus {
        border: 1px solid #000;
        -moz-box-shadow: 0 0 5px #000;
        -webkit-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 5px #000;
    }

/* input[type="checkbox"],  */
input[type="radio"] {
    display: none;
}
.hideCheckBox input[type=checkbox] {
    display: none;
}
input[type="text"]:disabled,.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
	opacity: .5 ! important;
}
    input[type="checkbox"] + label .checkbox {
        display: inline-block;
        width: 19px;
        height: 19px;
        background-color: #FFF;
        border: 1px solid #999;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        padding: 10px;
        margin: 0 10px -5px 0;
        cursor: pointer;
    }

    input[type="checkbox"]:checked + label .checkbox {
        position: relative;
        background-color: #000;
    }

    input[type="checkbox"] + label .checkbox:hover {
        border-color: #000;
    }

    input[type="checkbox"]:checked + label .checkbox:after {
        content: '\2714';
        font-size: 14px;
        position: absolute;
        top: 0;
        left: 4px;
        color: #FFF;
    }

    input[type="radio"] + label .radio {
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 1px solid #999;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 10px;
        margin: 0 5px 0 0;
        cursor: pointer;
        background-color: #FFF;
        vertical-align: text-bottom;
    }

        input[type="radio"] + label .radio:hover {
            border-color: #000;
        }

    input[type="radio"]:checked + label .radio:after {
        content: ' ';
        width: 10px;
        height: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #000;
        font-size: 14px;
        position: absolute;
        top: 5px;
        left: 5px;
        color: #000;
    }

    input[type="radio"] + label {
        float: left!important;
        margin-right: 15px;
    }


.input-lg {
    width: 295px;
}

.margin15{
	margin: 0px 15px 0px 15px;
}

.input-md {
    width: 150px;
}

.input-sm {
    width: 100px;
}

.input-lg, .input-md {
   font-size:16px;
}

.input-group-lg{
	width:250px;
}

.input-group-md{
	width:150px;
}

.input-group-sm{
	width:1000px;
}

.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn{height:42px;}

.input-group-lg>.form-control{padding-left:5px; font-size:16px;}

.input-group-btn>.btn {
    height: 42px;
    font-size: 20px;
    line-height: 18px;
	border-color:#999;
}
.input-group-btn>.btn .glyphicon {margin:0;}

.btn-space-Rht {
	margin-right:15px;
}

.action-button {
    color: #FFF;
    background: #b2161a;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 16px;
	line-height:1.42857143;
    border-radius: 2px;
    text-decoration: none!important;
    padding: 15px 15px 15px 30px !important;
	border:0;
	text-transform:uppercase;
	font-family:'gotham-book', arial, sans-serif ;
	margin-bottom: 10px;
    /* margin-top: 10px; */
}

    .action-button:hover, .action-button:active, .action-button:focus {
        background: #981316;
        color: #fff;
    }

.glyphicon-chevron-left:before{
	    margin-right: 30px;
}
.bootstrap-datetimepicker-widget .glyphicon-chevron-left:before {
margin-right: 0px;
}
.back-button {
    float: left!important;
    color: #fff;
    background: #444;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 14px;
    border-radius: 2px;
    text-decoration: none!important;
    padding: 15px 30px 15px 15px !important;
}

.back-button span {
    /* margin-right: 30px; */
    top: 2px;
}
    .back-button:hover, .back-button:focus, .back-button:active {
		background:#222;
		color:#FFF;
    }

.save-button {
    width: auto;
    height: auto;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffffff), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top, #ffffff 0,#f8f8f8 100%);
    background: -o-linear-gradient(top, #ffffff 0,#f8f8f8 100%);
    background: -ms-linear-gradient(top, #ffffff 0,#f8f8f8 100%);
    background: linear-gradient(to bottom, #ffffff 0,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
    border: 1px solid #CCC;
    text-align: center;
    border-radius: 2px;
    font-size: 14px;
    color: #333;
    padding: 15px 30px;
    margin-top: 0px;
	text-transform:Capitalize;
}

	.save-button:hover, .save-button:focus, .save-button:active{
		background:#f4f4f4;
	}

.save-button span {
    margin-right: 10px;
}

#save-row {
    text-align: center;
	border-top:1px solid #e1e1e1;
	padding-top:15px;
}

.submit-section {
    margin: 30px 0;
}

.address-button {
    color: #FFF;
    background: #005EB8;
	background: #b2161a;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none!important;
    border: none;
    padding: 8px 0!important;
}

    .address-button:hover, .address-button:active, .address-button:focus {
        /* background: #222222; */
		/* background: #428BCD; */
		background: #981316;
        color: #fff;
    }

.button-lg {
    padding: 10px 10px;
    float: right;
}

    .button-lg span {
        margin-left: 30px;
    }

.button-md {
    width: 150px;
    padding: 5px 0;
}

.ui-selectmenu-button {
    background-color: #FFF;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: auto;
    outline: none;
}

    .ui-selectmenu-button span.ui-icon {
        border-top: 10px solid #666;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        margin: -6px 0 0 0;
    }

    .ui-selectmenu-button:hover {
        border: 1px solid #000;
    }

    .ui-selectmenu-button:focus {
        border: 1px solid #000;
        -moz-box-shadow: 0 0 5px #000;
        -webkit-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 5px #000;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        padding: 8px 20px 0px 14px;
		overflow: hidden !important;
		white-space: pre-wrap;
		margin-right : 10pz;

    }

.ui-selectmenu-menu .ui-menu {
    background-color: #FFF;
    border: 1px solid #999;
	margin-top:-3px;
}

.ui-menu .ui-menu-item {
    padding: 6px 10px;
    border-bottom: 1px solid #999;
}

    .ui-menu .ui-menu-item:last-child {
        border-bottom: none;
    }

.ui-menu .ui-state-focus {
    background-color: #EDEDED;
    margin: 0;
}

.ui-corner-all, .ui-datepicker-header, .ui-helper-clearfix, .ui-widget-header{background:#eaeaea;}

.ui-datepicker{ border: 1px solid #999; z-index:10 !important;}

.ui-icon-circle-triangle-e{border-left-color:#666;}

.ui-icon-circle-triangle-w{border-right-color:#666;}

.ui-datepicker td a, .ui-datepicker td span{text-align:center;}

body .webui-popover{padding:0;overflow: hidden;}

body .webui-popover.in{overflow:visible;}

/* body .webui-popover.in .arrow{display:block;} */

body .webui-popover.bottom>.arrow:after, body .webui-popover.bottom-right>.arrow:after, body .webui-popover.bottom-left>.arrow:after{
	border-bottom-color:#DBDBDB;
}

body .webui-popover .webui-popover-content{background:#DBDBDB;}

/* Typeahead CR*/
html .ui-autocomplete{height:100px}

.overflow-select {
    height: 200px;
}

.center-align {
    text-align: center;
}

.size-up {
    font-size: 40px;
    color: #78BE20;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight{
	color:#000;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	background:#000;
	color:#FFF;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	border-color:#000;
}



hr {
    margin-top: 5px;
    margin-bottom: 20px;
    border-width: 1px 0 0;
    border-style: solid none none;
    border-color: #dbdbdb -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}

.error-field {
    width: 100%!important;
    height: auto;
    border: 1px solid #b2161a;
    background: #FFEFEF;
    margin: 0;
    padding: 20px 0;
}

.error-text-align{
    margin-top:-25px;
}

.error-text {
    float: left;
    width: 100%!important;
    background: #fff;
    padding: 8px;
}

.error-text p {
    color: #b2161a;
    margin: 0;
    }

.error-icon {
    color: #b2161a;
    font-size: 17px;
    margin-right: 5px;
}

/* Footer */
footer {
    background-color: #222;
	background: linear-gradient(to bottom, #000,#333);
	border-top: 5px solid #ddd;
	/* background:#e0e0e0; */
    padding: 30px 0 20px 0;
}

    footer p {
        font-size: 12px;
        color: #fff;
    }

    footer a, footer a:link, footer a:hover {
        color: #b2161a;
		color:#999;
    }

footer .footer-tel {
    text-align: right;
}

    footer .footer-tel a {
        font-size: 24px;
		color:#b2161a;
    }

footer ul {
    margin: 0;
    padding: 0;
}

footer li {
    float: left;
    width: 50%;
    display: inline-block;
	padding: 0 0 10px 0;
    font-size: 12px;
    list-style-type: none;
}

.cookies-text {
    font-size: 11px;
    text-align: center;
    margin: 18px 0 37px 0;
}

.bold,.Bold {
	font-family: 'gotham-bold', 'gotham-book', arial, sans-serif;
    font-weight: bold;
}

#promo-display {
    display: none;
}

.no-left-margin {
    margin-left: 0;
}

.dob-mob {
        height: 5px!important;
        display: none;
}


/*   STANDARD LIST   */

.tick_list {
	width: 100%;
    margin: 0;
    padding: 0;	
}

.tick_list ul {
    margin: 0;
    padding: 0;
}

.tick_list li:before {
    content:"\e013";
    font-family: 'Glyphicons Halflings';
    color:#b2161a;
    position:relative;
    position: absolute;
    left: 20px;
}

.tick_list li {
    float: left;
	position:relative;
    width: 100%;
	display: block; 
	list-style: none; 
/*	background: url('../images/tick.png') no-repeat 17px 11px;*/
	margin: 0; 
	padding: 6px 0 8px 50px;
}

.pre-load{color:black;}


.summary-row {
    margin-bottom: 15px;
}

.pre-load{color:black;}

/* Bootstrap tabs */

.nav-tabs.two-tabs>li{width:50%;}

.nav-tabs.two-tabs>li:last-child a{margin:0;}

.nav-tabs>li>a{background:#B2161A; color:#FFF;}

.nav-tabs>li>a:hover, .nav-tabs>li>a:active, .nav-tabs>li>a:focus{background:#981316;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border-color:#CCC; border-bottom-color:transparent;}

.tab-content{border:1px solid #CCC; border-top:none; padding:15px;}


.addon-btn{
	border:0;
	background:transparent;
	pointer-events:none;
}
.dg-inner-table-sec{
	margin: 10px 0 0 10px;
}
.DG_Col{
	min-height: 70px;
}
.DG-icon:before{
	content: "\f071";
	font-size: 1.5em;
}
.DG-icon{
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
	margin-right: 5px;
    margin-top: 5px;
	border:0;
	background:transparent;
	pointer-events:none;
	padding-left: 5px;
    padding-right: 5px;
}
.DG-row-color{
	background:#e5b9b5;
}
.timeoutPopup .alert-danger{
	margin-bottom:0px;
}
.timeoutPayment .alert-danger{
	margin-bottom:0px;
}
.paymentContinue {
   background-color:#DC5824;
   color:#FFF;
   float:left;
   cursor:pointer;

}
.paymentTop {
   margin-top:20%;
}

/* Media Queries */

@media all and (max-width:767px) {
	.container {
		/*padding-left: 5px;
		padding-right: 5px;*/
	}

	.question-section {
		padding: 20px 10px;
	}

    #contact-pulldown {
        text-align: center;
    }

    #contact-pulldown-tab {
        margin-right: 15px;
    }
    
    #contact-pulldown-tab p {
        display: none;
    }

    #retrieve-quote {
        margin: 10px 0 0 0;
    }
    
    .dropdownBtn {
        width: 100%;
        margin: 0 0 10px 0;
    }

    #phone-details {
        text-align: center;
    }

        #phone-details p {
            margin-top: 10px;
        }

    .openingTimes {
        display: none;
    }

    #phone-number {
        display: block;
        margin-bottom: 10px;
    }

    /*#brand-logo {
        text-align: center;
    }*/

    #insurance-heading {
        display: none;
    }

    #quote-steps {
        text-align: center;
        width: 100%;
    }

        #quote-steps .step-text {
            display: none;
        }
        
    #quote-nav ul li {
        position: relative;
        display: inline-block;
        padding: 19px 25px;
    }

    .more-details {
        position: static;
        margin-top: 0px;
    }

    .footer-tel {
        text-align: left;
        margin-top: 15px;
    }
    
    label {
        float: left !important;
        text-align: left !important;
    }
    
.cookies-text {
    margin: 18px 15px 37px 15px;
}


.tick_list li {
    width: 90%;
}
/* Bug id : 16330*/
.quote-steps{
min-width:305px !important;
}
/* Bug id : 16330*/
#COL_479BA7E4A4088C2912318,#COL_479BA7E4A4088C2912332{
	width:100% !important;
}
.mobile-margin-left span {
    margin-left: 0px;
}
.width100{width:100%;}
.address-button-mob{width:150px!important;}
.nopad-xs
{
	margin-bottom:0px !important;
	margin-top:0px !important;
}

}

@media all and (max-width: 480px) {
	/* Bug 25086 WJ alignment of amounts on Mobile incorrect Start */
	.noPadLft{
		margin-left:14px;
	}
	
	.priceRecalc {
		width: 90% !important;
	    margin-left:2%;
	}
	/* Bug 25086 WJ alignment of amounts on Mobile incorrect End */
	
    input[type="text"], input[type="password"], .input-group-lg {
        width: 100%;
    }

    button, input[type="submit"] {
        width: 100% !important;
    }

    .ui-selectmenu-button {
        width: 100% !important;
    }

    .action-button {
        width: 100%;
        text-align: center;
		padding: 15px 15px 15px 15px !important;
    }
    
    .back-button {
        width: 100%;
        text-align: center;
        font-size: 24px;
        margin-top: 10px;
    }

    /*.back-button span {
        display: none;
    }*/
    
    .dob-mob {
        display: inline;
        visibility: hidden;
    }
    .ui-datepicker {
        width: 100%;
    }
	/* CSS added for Issue in responsive design "Text is overlapping the 5 star upgrade button" */
	.mob_top25 {
		margin-top:25px;
	}
	/* CSS added for Issue in responsive design "Cover values should be next to the relevant name. Currently they are separating onto two lines" */
	.cls_currency {
		display:inline;
	}
	/* CSS added for Issue in responsive design "Unnecessary white space in summary" */
	.mobile-leftalign{
		text-align: left !important;
	}
	/* CSS added for Issue in responsive design "text is overlapping in summary"  */
	.mob-clearFloat{
		float: none !important;
	}
	/* CSS added for Issue in responsive design "text is overlapping in summary"  */
	.mob-marginleft{
		margin-left: -14px;
	}
	/* CSS added for Issue in responsive design "text is overlapping in payment, confirmation checkbox"  */
	.mview_marginzero .summary-checkbox span {
		
		margin-left:0 !important;
	}
	/* CSS added for Issue in responsive design "back-button size" */
	.mob-button-lg {
    padding: 15px 15px 15px 4px !important;
	}
	/* CSS added for Issue in responsive design "annual and monthly checkbox overflow in margin" */
	.mob-paddingleft
	{
		padding-left: 15px;
	}
	/* CSS added for Issue in responsive design "DOB in your quote page" */
	.mob-paddingright  fieldset > span
	{
		padding-right:100px !important;
		width: 100% !important;
	}
	.mob-change
	{
		margin-top: 11px !important;
	}
	.mview_marginzero {
		
		margin-left:0 !important;
	}
	.address-button-mob {
    width: 120px !important;
}
}
@media all and (max-width:991px) {
    .center-align {
        text-align: left;
    }
	.mobile-margin-left span {
    margin-left: 0px;
	}
	
	.date-default label{
		float: none ! important;
	}
}

@media all and (min-width:481px) and (max-width:767px) {
}

@media all and (min-width:768px) and (max-width:991px) {
    .footer-tel {
        text-align: left;
    }

    footer li {
        width: 100%;
    }
    
.tick_list li {
    width: 90%;
}
/* Bug id : 16330*/
  .quote-steps {
	  min-width:767px !important;
  }
  .forget-pas{text-align:center !important;}
}

@media all and (min-width: 992px) and (max-width:1199px) {
}

@media all and (min-width:1200px) {
}