/* Minification failed. Returning unminified contents.
(5377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5388,17): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(5398,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5421,17): run-time error CSS1039: Token not allowed after unary operator: '-light'
(5423,46): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5423,65): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(5428,17): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(5433,50): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(5433,71): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5437,21): run-time error CSS1039: Token not allowed after unary operator: '-light'
(5464,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5471,22): run-time error CSS1039: Token not allowed after unary operator: '-light'
(5472,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5486,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5493,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5494,26): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(5509,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5516,22): run-time error CSS1039: Token not allowed after unary operator: '-glass'
(5519,40): run-time error CSS1034: Expected closing parenthesis, found ','
(5519,40): run-time error CSS1042: Expected function, found ','
(5519,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(5520,37): run-time error CSS1034: Expected closing parenthesis, found ','
(5520,37): run-time error CSS1042: Expected function, found ','
(5520,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(5524,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5544,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
header,
footer,
nav,
section {
    display: block;
}
.fb_iframe_widget span {
    padding: 0px !important;
}

.addapetlink {
    float: right;
}
.textbox-uppercase {
    text-transform:uppercase;
}
a:link, a:visited {
color:#E51B24;
text-decoration:none;
}

.left {
    float: left;
}

.dateFloat {
    float: left; 
    padding-left: 10px;
}
   
a:hover {/*color:#d69b42;*/
text-decoration:none;
}

.step4summary {
    font-size: 14px !important;
    padding: 0 0 15px 0 !important;
    font-weight: bold;
}
.scroll {
    overflow-y: scroll !important;
    overflow-x: hidden;
    height: 200px;
}

.headingPadding {
    padding-top: 30px !important;
}
.clear {
    clear:both;
}

.right {
    text-align: right !important;
}

.exit_survey label {
    width: auto !important;   
}

.exit_survey li {
    padding-bottom:20px;   
}

.stop_scrolling {
  height: 100%;
  overflow: hidden;
}

.small_disabled_textbox label {
    border: 1px solid #ccc;
    background-color: #ebebe4;
    width: 27px !important;
    padding: 1px;
    color: #545454;
    margin-right: 5px !important;
}
.left {
    padding-right: 2px;
    float: left;
    color: red;
}

.requiredfieldinstruction {
    width:140px !important;
    float: right;
}


.newsummarytable {
    border: none !important;
}

.newsummarytable th, .newsummarytable td {
    border-bottom: 1px solid #bae1f5;
    padding: 5px;
}

.newsummarytable th {
    text-align: left;
    font-weight:bold;
    color:#1a5178;
    font-size:17px;
}

.newsummarytable td {
    width: 36%;
}

.newsummarytable ul li {
    padding: 0 0 5px 0 !important;
}

#paymenttabs ul {
    overflow: hidden !important;
    border-bottom: none !important;
}

#paymenttabs li {
    width: auto !important;
    padding: 0 !important;
}

#paymenttabs {
    width: inherit;
    margin: 0 10px;
}

.ui-widget {
    font-size: 1em !important;
    font-family: Arial, Verdana, Helvetica, Sans-Serif !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-menu .ui-menu-item a {
    font-size: .85em !important;
    font-family: Arial, Verdana, Helvetica, Sans-Serif !important;
}

/*this is remove the white bar from showing in dialogs. jQuery UI uses background images, this overwrites it*/
.ui-widget-overlay {
    background: #AAA !important;
}

/* Styles for basic forms
-----------------------------------------------------------*/
.underwriting-question-validation-error {
    float: right;
    margin-right: 50px;
    color: red;
}
fieldset 
{
    border-bottom:1px solid #d6d6d6;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.error-text {
    color:red !important;
    font-size:12px !important;
}
.field-validation-error {
    color: #856404;
    display: block;
    clear: both;
    background-color: #fff3cd;
    border-radius: 0.25rem;
    border: 1px solid #ffeeba;
    padding: 3px;
    font-size: 11px;
    margin: 0 0 5px 0;
    line-height: 1.2em;
}

.validation-error-container {
    padding-bottom: 5px;
}

.validation-margin-left-sm {
    margin-left: 140px;
}
.validation-margin-left {
    margin-left: 155px;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #856404;
    background-color: #fff3cd;
    padding-top: 20px;
    padding-bottom: 5px;
}

.validation-summary-valid
{
    display: none;
}

.RadioButtonHorizontal
{
    float:left !important;
    margin-right: 15px;
}

.RadioButtonHorizontal label
{
    float: none !important;
}
#vetselecttabs li {
    padding: 5px 0 5px 0;
}
#vetselecttabs label {
    font-size: 13px;
    /*margin-right: 50px;*/
    font-weight:bold;
}
#vetselecttabs .qe_magnifying {
    margin-right: 0;
}
#vetselecttabs  {
    border-radius:0;
    width:706px;
    margin-top: 10px;
    float: left;
}
#vetselecttabs > ul li {
    /*width: 49%;*/
    padding: 0;
}
#vetselecttabs input[type="checkbox"] {
    margin-top: 15px;
}
#vetselecttabs input[type="text"] {
    width: 32%;
}
#vetselecttabs #updatePostalCode {
    margin-left: 160px;
}

.padding {
    padding: 10px;
}
.medinfo_left{
 	float:left;
	width:290px;
}
.medinfo_right{
	float:left;
	width:370px;
 
}
.medinfo_right li{
	padding:10px;

	}
.medinfo_right .paddinglabel {
    padding-top: 10px;
    padding-bottom: 10px;
}
.medinfo_top {
    width: 706px;
    overflow: auto;
    margin-top: 10px;
    float: left;
}

#main, #right, .main, .right {
	float: left;
	display: inline;
}
#qe div.main { 
	width: 710px;
}
#qe div.right {
	width: 250px;
	overflow: hidden;
    margin-left: 20px;
}
#qe{
	float: left;
	display: inline;
	overflow:hidden;
	width: 980px;
	margin:0px;
}
    /*#qe div#right {
        margin-top: 90px;
    }*/
.qe_other_button_bar {
    overflow: hidden;
    margin-right: 20px;
}
#qe div.qe_wrap {
	width: 708px;
	float: left;
	display: inline;
    margin-top:-30px;
    padding-top: 30px;
}
#qe #step2.qe_wrap.step2_wrap {
    margin-top: -35px;
}
.medinfo {
    float:left;
    margin-top: 5px;
    width: 706px; 
}
.ui-tabs {
    padding: 0em!important;
}
.qe_button_bar  {
    width: 100%;
	margin: 0 15px 10px 0;
    overflow: hidden;
    float: right;
}
#container_1{
	width: 980px;
	margin: 0px auto;
    overflow:hidden;
}
.gm-style-iw h3 {
    padding: 0;
    font-size: 1.2em;
    font-weight: 300;
    white-space: nowrap;
 }
.gw-style-iw p {
    font-size: 12px;
    white-space: nowrap;
}
div.gm-style-iw {
    overflow: visible !important;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav {
 
}
 ul.PetMedicalInformation li {
     padding: 10px !important;
 }
 
.bold{
    font-weight:bold;
}
.ui-tabs .ui-tabs-panel {
    padding: 10px 10px 0 10px !important;
}
.smallwide {
    width: 36%;
    float: left;
}
#qe_summary {
    display: inline;
    float: left;
    overflow: auto;
    padding: 10px 5px;
    width: 700px;
}
#qe_summary table, #qe_payment table, #qe_receipt table{
    border: 1px solid #dad3cc;
	margin:0;
    margin-top:10px;
    width: 700px;
	overflow:hidden;
}
.otherinfo_top {
    float: left;
    font-size: 15px;
    width: 708px;
    margin-top: 20px;
}
#qe div.qe_selection {
	overflow:hidden;
	float: left;
	display: inline;
	font-size:12px;
    width: inherit;
}
#qe div.qe_plans {
	width: 582px;
	overflow:hidden;
	display: block;
	font-size:12px;
	height:175px;
	margin:10px auto 0;
}
div.qe_info{
    padding-top:5px;
	font-size:17px;
	width: 581px;
	margin:2px auto 0;
	overflow:hidden;
}
#qe div.qe_details {
	float: left;
    margin-top: 20px;
    width: 708px;
    font-size:15px;
}
div.asterix{
    margin-top: 10px;
	font-size:9px;
	width:591px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.other_info{
 float:left;
 margin-top: 10px;
}
#declaration, #complete {
    /*border: 1px solid #ddd;*/
    padding: 10px ;
	margin:10px;
    width: inherit;
	overflow:hidden;
	line-height:16px;
}
#qe_form {
    padding: 40px 10px 30px 15px;
}
#qe_form, #qe_form_dialog {
	overflow:hidden;
	float: left;
	display: inline;
	font-size:14px;
}
#main {
    width: 710px;
}
#right {
	width: 250px;
    margin-left: 20px;
	overflow: hidden;
}

#right .tab0_spacer {
    height: 34px;
}
#right .tab1_spacer {
    height: 21px;
}
#main, #right {
    display: inline;
    float: left;
}
.choose_plan {
    padding-left: 15px
}
.choose_plan h4 {
    padding-left: 8px
}

 ul.PetMedicalInformation {
     padding-top: 5px;
     padding-bottom: 10px;
 }
 .addapetlink {
     margin-right: 10px;
 }
 #qe_tab {
     margin-left: 15px;
     
 }
#vetselecttabs [type="text"], #vetselecttabs input[type="password"], #vetselecttabs input[type="tel"], #vetselecttabs input[type="select"], #vetselecttabs textarea{ /* adds border style to input type "text"*/
    padding: 7px;
    margin: 5px 0 6px 0;
    border-radius: 5px;
    font-size:14px;
    float: none;
}
.selectmenu {
    display: inline !important;
    padding: 7px !important;
    margin: 5px 0 6px 0 !important;
    border-radius: 5px !important;
}
a#bbblink {
    z-index: -1;
}

/*IE 10+ gets rid of "X" at end of textboxes*/
::-ms-clear {
    display: none;
}

input[readonly] {
    background-color: lightgrey !important;
}

#moneris-messages {
    margin-bottom: 10px;
}

#cvv-checkmark {
    border-color: lightgray;
}
@charset "UTF-8";
/* ------------- BODY AND CONTAINER OBJECTS -------------- */
html,
body {
	margin:0;
	padding:0;
	height:100%;
}
body {
    font-family: 'ubuntu', Arial, Helvetica, sans-serif;
    font-size: 13px;
    position: relative;
    min-height: 100%;
}

pre, blockquote, dl, figure, table, p, ul, ol, form {
    margin-bottom: 0!important;
}

label, legend { display: inline!important; }
th, td {
    border-bottom: 0!important;
}
p{ font-size: 13px;}

h1 {
    color: #1a5178;
    font-size: 30px
}

h2 {
    color: #0e155e;
    font-size: 20px
}

h3 {
    color: #878787;
    font-size: 20px;
    margin-bottom:0;
    padding-bottom:0;
}

h4 {
    color: #222;
    font-size: 45px;
    line-height:25px;
}


a {
    color: #fc6506;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer
}

.cursor-pointer {
    cursor: pointer;   
}

.disabled {
    background-color: #F0F0F0;
}

.blue {
    color: #222!important;
}
.clear {
    clear: both;
    display: block;
}
.smalltext {
    font-size: 13px!important;
}
.smallertext {
    font-size: 12px!important;
}
.underline {
    text-decoration: underline;
    color: #0082C4;
}
.capitalize {
    text-transform: capitalize;
}

.welcomeWrp .three.columns {
    line-height: normal;
}
.dental-text {
    height: 40px;
    margin-left: 256px;
    color: #7ECE61;
    padding-top: 20px;
    max-width: 538px;
    text-align: center;
}

.dental-text > img {
    float: left;
    margin-right: 2px;
}

.effective-date {
    margin-left: 205px;
    font-size: 1.5em;
    font-weight: bold;
    color: #4C4A4A;
    padding-top: 10px;
}

.paddingright_requiredfields {
    padding-right: 6px;
}
.rightalign {
    text-align: right;
    width: auto;
}
#closex {
    float: right;
    cursor: pointer;
    width: 20px;
}
#closex img {
    padding-left:10px;
    padding-right: 10px;
}
.quickquoteheading {
    padding: 15px 0 0 0 !important;
}
.autoheight {
    height: auto !important;
}
.clinicbold{
font-weight:bold;
}
.homepage-link {
    margin-left: 5px;
    line-height: 1.6em;
	text-align:center
	
}
.question{
	font-size:16px;
	font-weight:bold;
	color: #152B75;
	
}
section.discount, .firstmonth {
    border-bottom: 1px solid #DADADA;
    padding: 5px 0;
}
.petDetailBox {
    padding-top: 10px;
    border-top: 1px solid #DADADA;
    padding-bottom: 5px;
}
.addapet {
        border-bottom: 1px solid #DADADA;
        margin: 0;
        padding-bottom: 10px;
}
    .headline {
        font-size: 120%;
        margin-bottom: 0;        
        line-height: 2;
    }
    .divider {
        border-top: 1px solid #DADADA;
        margin: 0;
        display: block;
        width: 100%;
     }
    .petDetailBox p, .petDetailBottom p, section.discount p, .firstmonth p {
        font-size: 15px;
        margin-bottom: 0;
    }
    .petDetailBox p.petName {
        font-weight: 600;
    }
#container_1 {
    overflow: visible;
}
div.side_bottom >div.homepage-link > p.product{
	font-size:25px;
	font-weight:bold;
	color: #47afe3;
	padding:10px 0 9px 0;
	line-height:13px;
	text-transform:none;
	letter-spacing:normal;
}
div.homepage-link a{
	font-weight:bold;
	font-size:16px;

}

.fieldsetStyle {
    padding:20px;
    border: none;
}
#plan_information {
    width: 100%;
    float: left;
}
#main {
    width: 100%;
    margin-top: 20px;
}
#main_full { 
	width: 980px;
	margin: 5px 0px 0px 0px;
}
div.qe_wrap#complete_container {
    width: 978px;
}
#qe div.qe_details {
    background-color: #FFF;
    border: 1px solid #222;
    padding: 0 20px;
    width: 100%;
}

.four.columns.testimonials {
     margin-top: 20px;
    width: 25%;
}
.footer-br {
    border-bottom: 1px solid #F0F0F0;
    padding-top: 50px;
}
.testimonials p {
    color: #222;
    font-family: 'ubuntu', Arial, sans-serif;
    font-size: 19px;
    text-align: center;
}
    .testimonials p .smaller {
        font-size: 14px;
    }
#eft-promo-img {
    margin: -30px 0 0;
}
#qe div.qe_wrap {
    border: 1px solid #222;   
    width: 63%; 
    background-color: #FFF;
}
#qe #step2.qe_wrap {
    border: none;
    margin-left: 0;
    margin-top: -35px;
}
.dateFloat {
    padding-left: 0;
}
#qe div.step3wrap {
    float:left;
   width: 63%;
    margin-top: -20px;
    margin-left: 0;
}
ul.noBullet {
    list-style-type: none;
}
.addapetlink{
    background:  url(../images/add.png) no-repeat center right;
    float: right;
    width: 38px;
    height:38px;
    padding: 0px 15px 0 0 !important;
    margin-right:20px;
	font-size:12px;
    width:100px;
    color:#fc6506;
}
.addapetlink p{
    color:#fc6506 !important;
    margin: 10px 30px 0 0;
}
.edit {
    background: url("../images/edit.png") no-repeat left center;
    color: #fc6506;
	float: left;
    font-size: 12px;
    height: 28px;
    padding: 10px;
    vertical-align:middle;
    width:150px !important;
    margin-top: 5px;
    cursor: pointer;
}
.remove {
    background: url("../images/delete.png") no-repeat left center;
    color: #fc6506;
    float: left;
    font-size: 12px;
    height: 28px;
    padding: 10px;
    vertical-align:middle;
    width:150px !important;
    cursor: pointer;
}
.change {
    background: url("../images/change2.png") no-repeat left center;
    color: #fc6506;
    float: left;
    font-size: 12px;
    height: 28px;
    padding: 10px;
    vertical-align:middle;
    width:200px !important;
    cursor: pointer;
}
.offer {
    background: url("../images/offer.png") no-repeat left center;
    color: #fc6506;
    float: left;
    font-size: 12px;
    height: 28px;
    padding: 10px;
    vertical-align:middle;
    width:200px !important;
    cursor: pointer;

}

.edit p, .change p, .offer p, .remove p{
  
   margin: 10px 0 0 35px;

    }
#qe div.qe_wrap_plan {
	width: 970px;
	overflow:auto;
	float: left;
	display: inline;
    
}
#info_holder {
    text-align: left;
	float: left;
    border:1px solid red;
}
.qe_plan_information {
     float: left;
    line-height: 1.3em;
    margin-bottom: 0;
    margin-right: 16px;
    position: relative;
    width: 180px;
}
    .qe_plan_information .icon {
        background: url("../images/icons-sprit.png") no-repeat 0 0;
        width: 180px;
        height: 72px;
        color: #7ECE61;
        font-size: 14px;
    }
    .qe_plan_information .icon.canadian {
        background-position: -180px 0;
    }
    .qe_plan_information .icon.fees {
        background-position: -360px 0;
    }
    .qe_plan_information .icon.coverage {
        background-position: -540px 0;
    }
    .qe_plan_information .icon.about-ths {
        background-position: -720px 0;
    }

.qe_plan_information p {
    color: #8f8e8e;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 15px;
    padding: 0 5px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

div.canadian, div.coverage, div.fees {
    height:60px;
    float: left;
    width: 60px;
    margin-right: 10px;
}
.canadian{
    background: url("../images/english/calendar.png") no-repeat top center;
    }
.coverage_en {
    background: url("../images/english/80.png") no-repeat top center;
	float: left;
    margin-right: 10px;
    height: 60px;
    width: 60px;
}
.coverage_fr {
    background: url("../images/french/80.png") no-repeat top center;
    float: left;
    margin-right: 10px;
    height: 60px;
    width: 60px;
    }
.fees{
    background: url("../images/english/medkit.png") no-repeat top center;
    }
/* ======== PLAN SELECTION ====================*/
#qe div.qe_selection {
	width: 100%;
	margin-left:10px;
	overflow:hidden;
	float: right;
	display: inline;
	font-size:12px;
}
#qe div.qe_selection h3{
    color:#152B75;
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
}
#qe div.qe_selection h4 {
    color: #7C8BCE;
    font-size: 12px;
    padding-bottom: 5px;
}

.align{
 vertical-align:3px;
}
div.qe_info{
  padding-top:5px;
	font-size:17px;
	float: left;
	width: 586px;
	margin:2px 0 0 4px;
	overflow:hidden;
	height:47px;
	background:#b3b8d2 url(../images/qe_info_bg.png) no-repeat bottom center;
}
div.qe_info h2{
	margin:0px 0 0 10px;
	height:18px;
	font-size:17px;
	float: left;
	background:#b3b8d2 url(../images/help.png) no-repeat  left;
	padding:13px 30px;
	font-weight:800;
}
a.qe_helpmechoose{
    display: inline;
    float: right;
    height: 34px;
	width: 100%;
    margin: 5px 10px 10px 10px;
    padding: 0;
    text-decoration: none;
    text-indent: -5000px;
	background:url(../images/English/help_me_choose.png) no-repeat 0 0;
}
a.qe_helpmechoose:hover {
background-position:0 -34px;
}
a.qe_helpmechoose_fr{
    display: inline;
    float: right;
    height: 34px;
	width:131px;
    margin: 5px 10px 10px 10px;
    padding: 0;
    text-decoration: none;
    text-indent: -5000px;
	background:url(../images/French/help_me_choose.png) no-repeat 0 0;
}
a.qe_helpmechoose_fr:hover {
background-position:0 -34px;
}
/*============ COVERAGES ======================*/

.planBox {
    border: 1px solid #222;
    display: inline-block;
    width: 99%;
    margin-top: 20px;
    padding: 0 0 10px;
    text-align: center;
    font-size: 13px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
}
.planHeader.select-plan {
    background: #F0F0F0 !important;
    padding: 10px 0 0;
    display: block;
    position: relative;
}
.planBox h3 {
    font-size: 163% !important;
    text-align: center;
    color: #222;
}
.planBox h4 {
    color: #F0F0F0 !important;
    font-size: 12px;
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.planBox h5 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.1;
    color: #222;
}
.plan-info-hover {
    display: block;
    float: right;
    position: relative;
    right: 25px;
    width: 17px;
    height: 17px;
    background-color: #66584c!important;
    border-radius: 8px;
    color: #fff;
    font-style: italic;
    font-family: serif;
    cursor: pointer;
    text-transform: none;
}
.bg_popular {
    background: #7ECE61 none repeat scroll 0 0;
    color: #fff;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: 600;
    height: 25px;
    left: 0;
    line-height: 25px;
    margin: -30px auto 0;
    padding: 5px 0 0;
    width: 80%;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 10;
}
.planBox p {
    color: #222 !important;
    line-height: 1;
}
.deductible-pill-container {
    width: 80%;
    height: 34px;
    border-radius: 15px;
    margin: 10px auto 0;
}
.selected-deductible {
    background-color: #7ECE61;
    color: #fff;
}
.selected-deductible > h5, .selected-deductible p {
    color: #fff !important;
}
.selected-deductible-hover {
    background-color: #A4E27E;
    color: #fff;
}
.hide-clones {
    display: none;
}
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0.8;
    z-index: 1000;
}
.plan-details-hover {
    width: 330px;
    background: white;
    padding: 3px 3px 10px 3px;
    border-radius: 4px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    color: black;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 18px;
    position: relative;
    left: 32%;
    bottom: 26em;
    border: 1px solid #eee;
    z-index: 99999;
    display: none;
}
.deductible-right-container {
    width: 47%;
    float: left;
    border: #EEEEEE 1px solid;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.deductible-left-container {
    border: #EEEEEE 1px solid;
    width: 47%;
    float: left;
    border-right: solid #EEEEEE 2px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.planBox hr {
   border-top: 1px solid #D1D1D1;
    margin: 5px 0 0 0;
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
}
.planBox .next-button {
    color: #FFFFFF;
    font-size: 100%;
    background-color: #7ECE61;
    border: none;
    height: 45px;
    width: 100%;
    margin: 10px 0;
    float: none;
    padding: 0 15px;
}



div.qe_plans > ul {
    margin: 2px;
	margin-top:50px;
    padding: 0;
	list-style: none outside none;
}
div.qe_plans li {
    
    text-align: center;
}
.perday, .monthlytext{
    font-size:11px;
	margin:0;
	padding:0;
	font-weight:normal;
}
.noselect{
 color:#a7acc2;
}
.superscript{
   font-size:18px; 
   vertical-align:top;
}


.newsummarytable th {
    color: #66584c;
}
.newsummarytable th, .newsummarytable td {
    border-bottom: 1px solid #7ECE61;
    padding: 5px;
}
.newsummarytable tfoot td {
    border-bottom: none!important;
}
.summarylargefont {
    font-size: 16px;
    color:#3b197f;
}
.green {
   color:#98bb3d;
   font-size:17px;
}
.price {
	font-size:36px;
    font-weight: bold;
	padding:0px;
	margin:0px;
	margin-top:9px;
}
.summaryprice {
	font-size:22px;
	padding:0px;
	margin:0px;
	margin-top:9px;
    font-weight:bold;
    color:#47afe3;
}
.selectplan{
    font-size:14px;
}

.monthlyprice{
   margin-top:15px;
   font-weight:900;
   font-size:15px;
}

div.plan {
	border-top:none;
	float:left;
	height:174px;
	overflow:auto;
	width:12.25em;
}

/*french plans*/
div.plan1_select_fr {
	background:  url(../images/french/plans1.png) no-repeat -36.9em 0px;
    color: #000;
}
div.plan1_noselect_fr {
    background: url(../images/french/plans1.png) no-repeat -36.9em -14.53em;
    color: gray;
}
div.plan2_select_fr {
    background: url(../images/french/plans1.png) no-repeat -24.65em 0px;
    color: #000;
}
div.plan2_noselect_fr {
	background: url(../images/french/plans1.png) no-repeat -24.65em -14.53em;
    color: gray;
}
div.plan3_select_fr {
	background:  url(../images/french/plans1.png) no-repeat -12.31em 0px;
    color: #000;
}
div.plan3_noselect_fr {
	background:  url(../images/french/plans1.png) no-repeat -12.31em -14.53em;
    color: gray;
}
div.plan4_select_fr {
	background:  url(../images/french/plans1.png) no-repeat 0px 0px;
    color: #000;
}
div.plan4_noselect_fr {
	background:  url(../images/french/plans1.png) no-repeat 0 -14.53em;
    color: gray;
}

div.plan1_select {
	background:  url(../images/english/plans1.png) no-repeat -36.9em 0px;
    color: #000;
}
div.plan1_noselect {
    background: url(../images/english/plans1.png) no-repeat -36.9em -14.53em;
    color: gray;
}
div.plan2_select {
    background: url(../images/english/plans1.png) no-repeat -24.65em 0px;
    color: #000;
}
div.plan2_noselect {
	background: url(../images/english/plans1.png) no-repeat -24.65em -14.53em;
    color: gray;
}
div.plan3_select {
	background:  url(../images/english/plans1.png) no-repeat -12.31em 0px;
    color: #000;
}
div.plan3_noselect {
	background:  url(../images/english/plans1.png) no-repeat -12.31em -14.53em;
    color: gray;
}
div.plan4_select {
	background:  url(../images/english/plans1.png) no-repeat 0px 0px;
    color: #000;
}
div.plan4_noselect {
	background:  url(../images/english/plans1.png) no-repeat 0 -14.53em;
    color: gray;
}

td.plan1, li.plan1 {
	background-color:  #bad17d;
}
td.plan2, li.plan2 {
	background-color:  #757eab;
}
td.plan3, li.plan3 {
	background-color:  #c5cee7;
}
td.plan4, li.plan4  {
	background-color:  #cec5bb;
}

/*========= STEPS - Form Elements ============*/


 #qe_form_dialog {
     padding: 0 !important;
 }
 #right .tab0_spacer {
    height: 18px;
}
 #right .tab1_spacer {
    height: 36px;
}
 #right .tab1_spacer.step_wrap {
     height: 45px;
 }
#qe_form table, #qe_form_dialog table {
    border-spacing: 0;
    border-collapse: separate;
	margin:0 auto ;
	margin-top:25px;
}
#qe_dialog ul{
    list-style: none outside none;
    overflow: hidden;
    padding-bottom: 10px;
}
#qe_dialog li{
    float: left;
    overflow: hidden;
    padding: 5px 0 10px 0;
    width:97%;
}
#qe_form {
    position: relative;
    width: 100%;
}
#qe_dialog li{
padding-left: 15px;
}	
#qe_form ul , #qe_other ul, #qe_form_dialog ul{
    list-style: none outside none;
}
#qe_form li, #qe_other li, #qe_form_dialog li{
    float: left;
    overflow: hidden;
    padding: 5px 0 10px 0;
    width:97%;
}
#qe_form li{

    padding-top: 5px;

}

 #qe_other li{
    padding-left: 15px;
	}
 #step3 #qe_other li {
     padding-bottom: 0;
    margin-bottom: 0;
 }

#qe_other li.no_top_padding{
    padding-top: 0px !important;
}

#qe_other li.no_bottom_padding{
    padding-bottom: 0px !important;
}
#qe_other h3, #qe_form h3, #qe_form_dialog h3 {
    padding: 0px 0  15px 15px;
	color:#1a5178;
	font-size:22px;
    font-weight:bold;
	}
 #qe_other h4{
    padding: 0px 0  15px 0px;
	color:#47afe3;
	font-size:19px;
    font-weight:bold;
	}
#qe_other p{
	font-size:12px;
	padding:5px 0 10px 15px;
	line-height:15px;	
	}
#qe_other_button {
	line-height:80px;	
	}
 #qe_form h3, #qe_form_dialog h3{
    padding: 30px 0  15px 0px;
	}

.vetSelect {
    margin-top: 10px;
}
div.indent {
    display: inline;
    float: left;
    font-size: 12px;
    line-height: 1.5em;
    margin-right: 25px;
    width: 100px;
}

.species_lbl {
    margin-top: 6px;
}

.species_rdo {
    position: relative;
    top: -3px;
}
 
.species_rdo_lbl {
    position: relative;
    top: -5px;
}

.pet-type-selected {
    vertical-align: text-bottom;
}

input[type="text"], input[type="password"], input[type="tel"], input[type="select"], textarea { /* adds border style to input type "text"*/
    padding: 7px;
    margin: 5px 0 6px 0;
    border-radius: 15px !important;
    border: 1px solid #222 !important;
    color: #333;
    font-size: 14px;
    font-family: 'ubuntu', Arial, sans-serif !important;
}
/*select {/* adds border to select boxes
     margin-bottom:5px;
     border-width:1px;
	 border-style:solid;
	 border-color:#85a1bc;
}
input[type="select"]{
	float: left;
	display: inline;
	}*/

.ReferralSourcesList
{
    width: 170px;      
}
#qe_dialog label {
    display: inline;
    float: left;
    font-size: 12px;
    line-height: 1.5em;
    margin-right: 25px;
    width: 100px;
	}

#qe_other label {
    display: inline;
    float: left;
    font-size: 13px;
    margin-right: 25px;
    
    color: #000000;
	}
.step3label label {
    width: 168px !important;
}
#qe_form label, #qe_form_dialog label {
    display: inline;
    float: left;
    font-size: 14px;
    line-height: 25px;
    margin-right: 0;
    width: 110px;
    color: #222;
    font-family:'ubuntu', Arial, sans-serif !important;
	}
#qe_form label {
    width: 120px;
}

/*.offercode label {
    width: 200px !important;
}*/

#qe_form p, #qe_form_dialog p {
    padding-bottom:20px;
	padding-top:10px;
	line-height:15px;
    color: #222!important;
    font-family:'ubuntu', Arial, sans-serif !important;

	}
#qe_form label.wide, #qe_form_dialog label.wide {
    padding-right: 20px;
    width: 270px;
}
#qe_form label.smallwide, #qe_form_dialog label.smallwide {
    padding-right: 0px;
    width: 45%;
}


#qe_form label.small, #qe_form_dialog label.small {
    padding-right: 0px;
    width: 40px;
}
#qe_form .none, #qe_other .none, #qe_dialog .none, #qe_form_dialog .none{ /* class clears float on labels that don't need to be floated left*/
		float:none;
		display:inline;	
		width:100px;
}
#qe_pet_info {
    display: inline;
    float: left;
    margin: 0 0 0 28px;
    padding: 8px 8px 0 14px;
    width: 80px;
}
.pet_info a {
    color: #66584c;
}
#qe_form_info {
    display: inline;
    float: left;
    padding: 8px 8px 0 12px;
    width: 240px;
}

.form_color
{
    border-color: #bae1f5;
    background-color:#e0eef5;
}
.medinfo, #vetselecttabs {
    background-color: #fff;
    border: 1px solid #222;
    width: 100%;
}
.medinfo_top {
    background-color: #e0eef5;
    border: 1px solid #bae1f5;
}

.medinfo_bottom  {
    background: url("../images/medi_info_bottom.png") no-repeat center bottom transparent;
    padding: 15px 15px 10px 10px;
}

.qe_helpbutton_outline {
    float: right;
	display:inline;
	margin-right:37px;
    width: 19px;
	height:19px;
	background:url(../images/help_button.png) no-repeat top center;
}
.counter{
   border-radius: 5px;
   display: block;
   height: 40px;
   margin-right: 33px;
   overflow: hidden;
   width: 508px; 
}

.counter_item
{
    
    background-color: #eff2fe;
    border-bottom: 1px solid #bae1f5;
    border-right: 1px solid #bae1f5;
    border-top: 1px solid #bae1f5;
    float: left;
    height: 37px;
    width: 38px;
}

.counter_item_first
{
    border-left: 1px solid #bae1f5;
}

.counter_item_last
{
    border-right: 1px solid #bae1f5;
}

.counter_selected_item
{
    background-color:#aeb8e9;
    background: url(../images/check2.png) no-repeat 50% 50% #1a5178;

}

.counter_arrows{
    width:110px;
    height:32px;
    overflow:hidden;
    margin-right:15px;
    margin-top:5px;
    cursor: pointer;
}
.left_arrow {
 background:url(../images/arrow_left.png) no-repeat top center;
 float:left;
 width:34px;
 height:64px;
}
.left_arrow_disabled {
 background:url(../images/arrow_left.png) no-repeat top center;
 float:left;
 width:34px;
 height:64px;
 background-position:0 -33px;
}
.right_arrow {
 background:url(../images/arrow_right.png) no-repeat top center;
 float:right;
 width:34px;
 height:64px;
  margin-right:22px;

}
.right_arrow_disabled {
 background:url(../images/arrow_right.png) no-repeat top center;
 float:right;
 width:34px;
 height:64px;
  margin-right:22px;
 background-position:0 -33px;

}
.qe_magnifying {
    background: url(../images/magnifying.png) no-repeat 0 0;
    float: right;
    height: 38px;
    width: 38px;
	margin: 0px 135px 0 0 !important;
} 
 
.voidcheque{
  background: url(../images/english/voidcheque.gif) no-repeat  0 0;
  width:300px;
  height:61px;
  margin:0 0 0 15px;

}
.samplecheck {
    /*background: url(../images/help_button.png) no-repeat 0px 3px ;*/
    display: block;
	font-size:10px;
	height: 18px;
    margin-left: 195px;
    padding: 10px 0 10px 32px;
}
/* ----- -------------FORM ELEMENTS END---------------------*/

.callback_header {
    background: url("../images/english/letstalk.png") no-repeat;
    background-position-y: 256px;
    height: 560px;
}

#callback_form .fieldsetStyle .CustomerInformation span {
    padding: 5px 0 5px 5px;
}
#callback_form .fieldsetStyle .CustomerInformation input[type="text"], input[type="password"], input[type="select"] textarea {
    padding: 3px;
    margin: 3px 0;
}
#callback_form.success > #callbacksuccess {
    width: 60%;
    padding: 520px 0 0 50px;
    font-size: 20px;
    line-height: 25px;
    color: #7c9bce;
    height: 263px;
}
#callback_form.success {
    background: url("../images/english/thankyou.jpg") no-repeat;
    height: 760px;
    background-position-y: 260px;
}
.CustomerInformation li {
    padding: 5px 0;
}
.CustomerInformation {
    float: left;
    padding-left: 10px;
    margin-top: 50px;
}
.CustomerInformation.left {
    width: 31%;
}
.CustomerInformation.right {
    width: 43%;
}
#callback_form .qe_button_bar {
    position: relative;
    padding: 0;
}
#callback_form .field-validation-error {
    width: 53%;
}
.fieldsetStyle .qe_button_bar .float_right {
    width: 170px !important;
}
#callback_form .fieldsetStyle {
    background: url("../images/english/bottom.jpg") no-repeat;
    height: 314px;
    padding: 0;
    margin-top: -54px;
}
#callback_form {
    width: 882px;
    margin: 0 auto;
}
#complete a.callback_btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 20px;
    background: #fc6506;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    margin-top: -58px;
    float: right;
}

#complete a.callback_btn:hover {
  background: #f5c007;
  text-decoration: none;
}
#qe_tab {
	width: 100%;
    /*overflow: hidden;*/
	float: left;
    margin: 0;
}
.requiredfieldinstruction {
    position: absolute;
    right: 0;
    top: 50px;
}
#qe_tab  div.tab_0{
	background: url(../images/english/quick-quote-button.png) no-repeat ;
	height:66px;
    position: relative;
    z-index: 2;
    margin-left:10px;
}
#qe_tab  div.tab_0_fr{
	background: url(../images/French/quick-quote-button-FR.png) no-repeat ;
	height:66px;
    position: relative;
    z-index: 2;
    margin-left:10px;
}
#qe_tab1 {
	width: 716px;
    overflow: hidden;
	float: left;
    margin-left: 180px;
}

#qe_tab1  div.tab_1{
	background: url(../images/english/1.gif) no-repeat ;
    background-size: 100%; 
	height:30px;
}
#qe_tab  div.tab_1_fr{
	background: url(../images/French/1-FR.gif) no-repeat ;
	height:81px;
    /*margin:50px 0 0 175px;*/
    margin-left: 197px;
}
#qe_tab  div.tab_2{
    width: 100%;
	background: url(../images/english/2.gif) no-repeat;
	height:45px;
}
#qe_tab  div.tab_2_fr{
    width: 960px;
	background: url(../images/French/2-FR.gif) no-repeat ;
	height:50px;
    margin-bottom:30px;
    margin:0 auto;
    /*margin:50px 0 0 175px;*/
}
#qe_tab  div.tab_3{
	background: url(../images/english/3.gif) no-repeat ;
	height:45px;
    width: 100%;
    margin: 0 auto;

}
#qe_tab  div.tab_3_fr{
	background: url(../images/French/3-FR.gif) no-repeat ;
	height:55px;
    width: 960px;
    margin: 0 auto;
    /*margin:50px 0 0 175px;*/
}
#qe_tab  div.tab_4{
	background: url(../images/english/qe_tabs_4.png) no-repeat ;
	height:81px;
    margin:50px 0 0 175px;
}
#qe_tab  div.tab_4_fr{
	background: url(../images/French/qe_tabs_4.png) no-repeat ;
	height:51px;
    margin:50px 0 0 175px;
}
#qe_tab  div.tab_5{
	background: #7ECE61 none repeat scroll 0 0;
    color: #fff;
    font-size: 2em;
    font-weight: 600;
    height: 51px;
    line-height: 51px;
    margin: 10px 0 -5px 20px;
    position: relative;
    text-align: center;
    width: 200px;
}
#qe_tab  div.tab_5_fr{
	background: url(../images/French/complete.png) no-repeat ;
	height:51px;
    margin:10px 0 -5px 20px;
    position: relative;
}

div.verisign{
  	/*background: url(../images/english/verisign.png) no-repeat ;*/
	padding:0;
	margin:0;
	float:right;
    cursor: pointer;
}
div.verisign table {
    margin-top: 0 !important;
}
.verisign img {
	/*width:80px;	
  	margin-left:50px;*/
  }
div.verisign2{
  	/*background: url(../images/english/verisign.png) no-repeat ;*/
	padding:0;
	margin:0;
	float:left;
    cursor: pointer;
}
div.verisign2 table {
    margin-top: 0 !important;
}
#qe_form li.rule, #qe_form_dialog li.rule {
	border-top: 1px solid #dad3cc;
    padding-top: 15px;	
}
.rule {
	border-top: 1px solid #dad3cc;
}
.qe_label_note_breed {
    border: medium none;
    color: #333131;
    display: inline-block;
    float: none;
	font-size:12px;
}
.qe_label_note_practice{
    border: medium none;
    color: #333131;
    display: inline-block;
    float: none;
    margin-left: 245px;
	font-size:10px;
	
}

/*-------------- SIDE images -----------*/
.readmore a {
    font-size: 9px;
    text-decoration: none;
    text-transform: uppercase;
	float:right;
	margin:10px;
	padding-top:15px;
}
.floatright a{
	float:right;
	font-size: 11px;
	padding:0;
	margin-right:70px;
	
}
.help_top {
    background: url(../images/help_top.jpg) no-repeat  center top transparent;
    margin-top: 10px;
    width: 230px;
}
.help_bottom {
    background: url(../images/help_bottom.jpg) no-repeat  center bottom transparent;
    margin-top: 15px;
    padding: 10px 15px 65px 15px;
}
.ff ul, .ff li, dd ul, .dd li {
    list-style: none outside none !important;
	}
.ff li {
    background: url(../images/help.png) no-repeat left center transparent;
    font-size: 14px;
    font-weight:normal;
}
.dd li {
    background: url(../images/dd_download.png) no-repeat left center transparent;
    font-size: 14px;
    font-weight:normal;
}
.ff li a {
    display: block;
    padding: 5px 30px;
	color:#000;
}
 .dd li a{
    display: block;
    padding: 5px 30px;

}
.ff li a:hover {
	color:#d69b42;
}
.side_top {
    background: url(../images/side_info.jpg) no-repeat  center top transparent;
    margin-top: 10px;
    width: 230px;
}
.side_bottom {
    background: url(../images/side_info_bottom.jpg) no-repeat  center bottom transparent;
    margin-top: 15px;
    padding: 15px 15px 15px 10px;
}

.side_bottom h3, .help_top h3  {
    color: #152B75;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.1em;
	margin-top: 5px;
	margin-bottom:10px;
    text-align:center;
}
div.side_bottom > h3{
	padding-bottom:5px;
	font-size: 29px;
	

}
.side_bottom h4{
	color: #47afe3;
    font-size: 20px;
	padding: 6px 0 0 13px;
    text-align: center;
	/*height:30px;*/
}
.side_bottom p{
    font-size: 12px;
	padding:10px 0px 0px 0px;
	text-align:center;
	font-weight:bold;
	letter-spacing:.07em;
}
.summary_top {
    border: 1px solid #222;
    border-radius: 5px;
    float: left;
    margin-left: 4%;
    margin-top: 0;
    padding: 10px;
    width: 227px;
}
.summary_top_fr {
    border: 1px solid #222;
    border-radius: 5px;
    float: left;
    margin-left: 4%;
    margin-top: 0;
    padding: 7px;
    width: 227px;
}
.summary_top_fr.noprint #containingSummaryBox h2 {
    color: #7ECE61;
    font-size: 34px;
    padding-bottom: 20px;
    text-align: center;
    font-weight: 400;
}
.summary_top_fr.noprint .pet_box_first {
    padding-top: 10px;
}
.summaryTitle {
    color: #7ECE61;
    font-size: 38px;
    letter-spacing: 0;
    text-align: center;
}

.pet_box, #owner_box {
  margin:  0;
  /*overflow: auto;*/
  color: #47afe3;
  font-size: 20px;
}

.pet_box_other {
  padding-top:10px;
}

.pet_box_first{
  padding-top:13px;
}

.pet_box div.cat{
	float:right;
	background: url(../Images/cat-icon-lrg.png) no-repeat  right center ;
	height:84px;
	width:100px;
	overflow:auto;
}

.pet_box div.dog{
	float:right;
	background: url(../Images/dog-icon-lrg.png) no-repeat  right center ;
	height:84px;
	width:100px;
	overflow:auto;
}
.pet_box div.name, #owner_box div.name {
	float:left;
	overflow: hidden;
}
.pet_box div.name h3, #owner_box div.name h3{
	color:#000;
	font-size:18px;
	overflow: hidden;
	font-weight:500;
}
.pet_box div.name h3{
	margin-top:20px;
    margin-left:9px;
    font-size:15px;
}
.pet_info {
    border-top: 1px solid #F0F0F0;
    width: 100%;
    padding: 5px 0px;
    overflow: hidden;
    margin: auto 0;
}
.pet_info > table, div[id*="coverage"] > table {
    width: 100%;
    font-size:13px;
}

.pet_info tr{
width: 227px;
}
    .pet_info td {
        border-top: 1px solid #F0F0F0;
        padding: 7px 0px 7px 7px;
    }
.pet_info td.noborder{
border-top: none; 
}
.bold{
font-weight:bold;
}

/* ------------- OWNER INFO ----------- */
.validation-margin-left {
    margin-left: 115px;
}

.otherinfo_top {
    border: 1px solid #222;
    width: 103% !important;
}

.otherinfo_top qe_other{
    background-color: pink;
}
.otherinfo_bottom {
   /* background: url(../images/otherbg_bottom.png) no-repeat  center bottom transparent;
    height:24px;
    width:621px;
    float:left;*/
}
/* ------------- BUTTONs -------------- */

a.button { /*global button style applied to all buttons*/
	display:block;
	float: left;
	display: inline;
	padding: 0px;
	margin-right: 10px;
	height: 42px;
	text-decoration:none;
	text-indent: -5000px;
	background-position: 0px 0px;
}
a.smallbutton { /*global button style applied to all buttons*/
	display:block;
	float: left;
	display: inline;
	padding: 0px;
	margin-right: 10px;
	height: 31px;
	text-decoration:none;
	text-indent: -5000px;
	background-position: 0px 0px;
}
a.qe_confirm {
width:305px;
background:url(../images/English/button_qe_confirm.png) no-repeat;
margin: 0;
padding:0;
}
a.qe_confirm_fr {
width:305px;
background:url(../images/French/button_qe_confirm.png) no-repeat;
margin: 0;
padding:0;
}

a.qe_continue {
width:170px;
background:url(../images/English/button_qe_continue.png) no-repeat;
margin:0;
padding:0;
}
a.qe_continue_fr {
width:170px;
background:url(../images/French/button_qe_continue.png) no-repeat;
margin:0;
padding:0;
}
a.qe_get_quote {
width:230px;
background:url(../images/English/get_quote.png) no-repeat;
margin:0;
padding:0;
}
a.qe_get_quote_fr {
width:230px;
background:url(../images/French/get_quote.png) no-repeat;
margin:0;
padding:0;
}
a.qe_continue:hover, a.qe_continue_fr:hover, a.qe_confirm:hover, a.qe_confirm_fr:hover, a.qe_get_quote:hover, a.qe_get_quote_fr:hover {
background-position:0 -42px;
}
a.apply_offercode:hover, a.apply_offercode_fr:hover, a.qe_back:hover, a.qe_back_fr:hover, .qe_save_later:hover, .qe_save_later_fr:hover, .qe_print:hover, .qe_print_fr:hover{
background-position:0 -31px;
}
#callback_form .qe_button_bar  {
    width: 63%;
	margin: 0px;
    overflow: visible;
}

.qe_button_bar li {
    display: inline;
    float: left;
    width: 100px !important;
}
.qe_button_bar li.float_right {
    float: right !important;
    width: 190px !important;
	
}
.qe_button_bar li.float_right_large {
    float: right !important;
    margin-right:30px;
    width: 315px !important;	
}
.qe_other_button_bar  {
    width: 580px;
	overflow:hidden;
	margin: 10px 0 0 15px;
}
.qe_other_button_bar li {
    display: inline;
    float: left;
    width: 100px !important;
}
.qe_other_button_bar li.float_right {
    float: right !important;
    width: 180px !important;
	
}
.qe_back {
    background: url("../images/english/qe_button_back.png") no-repeat 0 0 transparent;
    cursor: pointer;
    height: 33px;
    width: 85px;
	margin:0;
    padding:0;
}
.qe_back_fr {
    background: url("../images/French/qe_button_back.png") no-repeat 0 0 transparent;
    cursor: pointer;
    height: 33px;
    width: 85px;
	margin:0;
    padding:0;
}
.qe_save_later {
    background: url("../images/english/qe_save_later.png") no-repeat 0 0 transparent;
    cursor: pointer;
    height: 33px;
    width: 85px;
	margin:0;
    padding:0;
}
.qe_save_later_fr {
    background: url("../images/French/qe_save_later.png") no-repeat 0 0 transparent;
    cursor: pointer;
    height: 33px;
    width: 85px;
	margin:0;
    padding:0;
}
.qe_print {
    background: url("../images/english/qe_print.png") no-repeat 0 0 transparent;
    cursor: pointer;
    height: 33px;
    width: 85px;
	margin:0;
    padding:0;
}
.qe_print_fr {
    background: url("../images/French/qe_print.png") no-repeat 0 0 transparent;
    cursor: pointer;
    height: 33px;
    width: 85px;
	margin:0;
    padding:0;
}
/* ------------- BANNER -------------- */


#wfic_link_fr {
    background-image: url("../images/footer_logo_fr.png");
    background-repeat: no-repeat;
    height: 53px;
    width: 117px;
}
#northPIA_link_fr {
    background-image: url("../images/footer_naphia_fr.png");
    background-repeat: no-repeat;
    height: 53px;
    width: 60px;
    top: 3px;
    position: relative;
}
#bbb_link_fr {
    background-image: url("../images/footer_bbb_fr.png");
    background-repeat: no-repeat;
    height: 59px;
    width: 37px;
    position: relative;
	}
#ckc_link_fr {
    background-image: url("../images/ckc_fr.png");
    background-repeat: no-repeat;
    height: 59px;
    width: 63px;
}

#bcspca_link_fr {
    background-image: url("../images/bcspca_fr.png");
    background-repeat: no-repeat;
    height: 80px;
    width: 100px;
    top: -10px;
    position: relative;
}

#vet_recommended div.vet_logo {
    float: left; 
    height: 95px;
    width: 90px;
	overflow:hidden;
}


.pet_owner {
    color:#82551e;
    font-size:12px;
    font-weight:bold;

}
.vet_recommended_logo {
    background-image: url("../images/English/vet_ribbon.png");
    background-repeat: no-repeat;  
    height: 118px;
    width: 116px;  
	float:left;  
    margin-top:10px;
}

div.vet_text h3 {
    font-weight: bold;
    color: #1a5178;
    font-size: 16px;  
    margin-bottom: 5px;   
}
.vet_text {
    padding:20px 10px 20px 10px;
    size:14px;
}
#vet_recommended {
    margin-top: 5px;
	overflow:hidden;
	margin-left:95px;	
}

div.vet_text label {
    font-size: 12px;  
}


h1 img {
	position: relative;
}

h1.atco img, h1.atco_french img {
	top: -60px;
}

h1.banner img {
	top: -0px;
}

h1.logo_petsecure img, h1.logo_petsecure_french img {
	top: -0px;
}

/* ------------- logos  -------------- */
#bottom_logos{
width:600px;
float:left;
margin:10px 5px 0 10px;
padding:10px;
}
#bottom_logos ul {
    list-style: none outside none;
}
#bottom_logos li {
    display: inline;
    float: left;
    padding-right: 42px;
}
/* icons inside field */
#creditCardIcon, #expDateIcon, #cvvCode {
    position: relative;
}
#expDateIcon:before, #cvvCode:before, #creditCardIcon:before {
    color: #666;
    content:"";
    font-family: FontAwesome;
    position: absolute;
    top: 4px;
    left: 5px;
}
#creditCardIcon:after {
    color: #666;
    content:"";
    font-family: FontAwesome;
    position: absolute;
    top: 2px;
    right: 5px;
}
#creditCard li {
    float: none;
}

#containingSummaryBox i {
    float: right;
    padding: 10px 12px 12px;
    border: 2px solid;
    border-radius: 50%;
    font-size: 30px;
    margin-top: 0;
    background: #fff;
    color: #7ECE61;
}

.fa-external-link-alt {
    margin: 0 0 0 3px;
    color: #7ECE61;
    font-size: 15px !important;
}

.fa-exclamation-circle {
    margin: 0 3px 0 5px;
}

.fa-calendar-alt, .fa-lock, .fa-credit-card {
    color: #0082c4;
    font-size: 24px !important;
    left: 5px;
    position: absolute;
    top: 12px;
}

.fa-cc-visa, .fa-cc-mastercard {
    color: #ddd;
    font-size: 28px!important;
    right: 5px;
    position: absolute;
    top: 10px;
}
.fa-cc-visa.active, .fa-cc-mastercard.active {
     color: #0082c4;
}
.fa-cc-mastercard {
    right: 51px;
}
#CCExpiryDate, .security-code, #CCCardNumber {
    padding-left: 40px!important;
}
#CCCardNumber,#ccExpDate {
    padding-left: 45px!important;
}
.security-code {
    padding-left: 30px !important;
}


#DelcarationAgreement, label[for="read_declaration"], .VisaDebit {
    font-weight: 400!important;   
}
/* ------------- FOOTER  -------------- */

.underwrite {
    margin-top: 17px;
    margin-left: 0;
}
.portal-footer-wrapper #footer_bottom {
    margin: 0 auto;
    max-width: 960px;
}
#footer_bottom_left {
    color: #222;
    margin: 0 auto;
    padding: 30px 0;
    width: 1280px;
}
#footer-bbb {
    margin: 0 auto;
    width: 950px;
    padding-top: 20px;
}

.copyright.three.columns {
    float: left;
    width: 30%;
    line-height: 20px;
    margin-left: 3%;
}

.copyright.three.columns.bottom-fr {
    margin-left: 17%;
}

.underwrite {
    font-size: 11px;
    vertical-align: bottom;
    width: 160%;
}
.wfic-logo {
    display: inline-block;
    vertical-align: bottom;
    width: 20%;
}
    .wfic-logo img {
        display: inline-block;
        vertical-align: top;
    }
#footer .extra-links {
    float: left;
    width: 50%;
    margin-left: -7%;
}
    .extra-links > ul {
        float: right;
    }
        .extra-links li {
            display: inline-block;
            line-height: 20px;
            vertical-align: top;
            margin-left: 5px;
        }
        #footer a {
            font-size: 11px;
        }
        #footer .extra-links li a {
            color: #222;
            font-size: 12px;
            text-decoration: underline;
            border-right: 1px solid #222;
            padding-right: 5px;
        }
    #footer .extra-links .fa {
            font-size: 20px;
        }

.social a {
    text-decoration: none;
}


#footer {
    clear: both;
    color: #222;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

#footer a{
    color: #7ECE61;
	border:none;
}

#footer u{
    text-decoration: none;
}

#footer a:hover{
	color:#666666;
}

#footer p{
	clear: both;
	font-size: 11px;
	margin: 0;
}



.top {
    vertical-align: top;
}

.bottom {
    vertical-align: bottom;
}


#footer_left{
	float: left;
	width: 600px;
    line-height:130%;             
    display:inline;
}

#footer_left a{
    text-decoration:none;
}

#footer_left img {
	border:none;
	padding-bottom:10px;
}

.cdn_flag {
	float: left;
	border: none;
	background:url(../images/flag_cdn.png) no-repeat left center;
	padding:0px 13px 0px 25px;
}

p.vpi_link {
	background:url(../images/flag_us.png) no-repeat left center;
	padding-left: 25px;
	margin: 10px 0px;
}
/*========= STEP4- Main Summary ================*/


#qe_summary h2{
	color:#152b75;
	font-size:19px;
	padding:0 0 15px 0;
	margin:0;
}
#qe_summary h1{
	color:#9FBF49;
	font-size:22px;
	padding:0 0 10px 0;
	margin:0;
}

.deductible{
	color:#47afe3;
	font-size:15px;
	padding:10px 0 0 75px;
	font-weight:700;
	width:200px;
	display:inline;
}
.petname{
	color:#9FBF49;
	font-size:20px !important;
	padding: 1px 0 0 75px;
	width:300px !important;
	display:inline;	
}
#qe_summary h3{
	padding: 10px 0  0 15px;
	color:#1A5178;
	font-size:20px;
	
}
#qe_summary h5, #qe_payment{
	color:#47afe3;
	font-size:15px;
	padding:5px 0 10px 0;
	font-weight:700;
}
.bolded_purple{
	color:#47afe3;
	font-size:15px;
	font-weight:bold;
    padding-top: 5px !important;
}
.bolded_purple_heading{
	color:#47afe3;
	font-size:15px;
	font-weight:bold;
	padding-bottom:0;
	margin-left:10px;
}
.bolded{
	font-size:13px;
	font-weight:bold;
}
.plan1_summary{
	background: url(../images/english/qe_summary_secure1.png) no-repeat top left; 
	width:71px;
}
.plan2_summary{
	background: url(../images/english/qe_summary_secure2.png) no-repeat top left; 
	width:71px;
}
.plan3_summary{
	background: url(../images/english/qe_summary_secure3.png) no-repeat top left; 
	width:71px;	
}
.plan4_summary{
	background: url(../images/english/qe_summary_secure4.png) no-repeat top left; 
	width:71px;
}
td.col1 label {
    width: auto !important;
}
td.col1 {
    padding: 10px 0 0 20px;
    text-align: left;
	vertical-align:top;
    width: 65%;
}
.less_padding {
    padding: 0 20px !important;
}
.more_padding {
    padding: 15px 20px 5px 20px!important;
}
td.col2 {
    text-align: center;
    width: 10%;
}
td.col3_price {
    text-align: center;
	padding-top:10px;
    width: 25%;
}
td.col3 {
    background-color: #F5F4EC;
    text-align: right;
    padding-right: 30px;
	padding-top:10px;
    width: 25%;
}
tr.dark {
    background-color: #DCD9C0;
	height:35px;
}
tr.dark td.col3 {
    background-color: #BEB991;
}
tr.top_rule td {
    border-top: 1px solid #E9E7D7;
}
tr.bottom_rule td {
    border-bottom: 1px solid #E9E7D7;
}

div.price {
	clear: both;
	color:#4C4A4A;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	left: 25%;
	margin: 16px auto;
	position: relative;
	overflow:hidden;
}
div.price div{
	float: left;
	display: inline;
	text-align: center;
	position:relative;
	margin-bottom: -5px;
}
.dollar {
	font-size: 42px;
	font-weight:normal;
}
.cents, .currency {
	font-size: 18px;
	padding-top: 4px;
}
div.price div.perday {
	clear: both;
	font-size: 10px;
	margin-left:32px;
	margin-top:-17px;
}
h4.add_pet {/* Add A Pet "+" button  */
     background: url(../images/qe_add_pet.png) no-repeat 110px 0px;
	 height:25px;
	 color:#ffffff;
	 font-size:15px;
	 padding: 3px 0 0 0px;
}
h4.add_pet a{
	color:#ffffff;
	font-weight:600;vertical-align:top;
}
h4.coverage_up { /* See Coverage Details Row Arrows */
	background:url(../images/qe_coverage_arrow_minus.png) no-repeat 0px 5px ;
	padding:3px 0 0 15px;
}
h4.coverage_down {
	background:url(../images/qe_coverage_arrow_plus.png) no-repeat 0px 5px ;
	padding:3px 0 0 15px;
}
h4.coverage_down a, h4.coverage_up a{
	color:#152b75;
	 font-size:15px;
	 font-weight:600;
}

h4.add_pet a:hover{
	color:#D69B42!important;
}
#declaration, #complete {
   
    padding: 10px 10px 0;
	margin:10px 0 0 10px;
    width: 610px;
	overflow:hidden;
	line-height:16px;
    font-size: 13px;
}
    
    
#complete {
    width: 938px;
    border:none;
    padding:10px;
    margin: 10px;
}
#complete img {
    display: none;
}
#complete h2 {
    color: #66584c;
}
#complete p{
	color: #66584c;
    font-size: 15px;
    line-height: 2;
    padding: 0;
	}
#complete span{
	padding: 0 0  10px 15px;
	color:#152B75;
   
	}

#complete a{
    color: #3b197f;
}

#declaration li{
	list-style-type:  none;
    padding-bottom: 15px;
}

#declaration h1 {
    font-size: 24px;
}

#declaration h2 {
    font-size: 18px;
}

.scroll {
    height: auto;
}
.overflow-hidden {
    overflow-y: visible !important;
}

.collapsed {
    display: none;
}

.retrievequote-container {
    display: block;
    background-color: #47AFE3;
    padding-top: 10px;
    border-radius: 5px;
    padding-bottom: 10px;
    text-align: center;
}

#retrievequote {
    color:#fff !important;
	font-size:16px;
}

#retrievequote span {
    font-size: 20px;
    font-weight: bold;
}

.retrievequote-container:hover {
    background-color: #f5c007;
}

.PostalCode {
    width: 100px;
}

.EditLink {
    margin-left: 20px;
    font-size: 0.8em;
    text-decoration: none !important;
}

 ul.PetMedicalInformation {
     padding-top: 5px;
     padding-bottom: 10px;
 }

 ul.PetMedicalInformation span {
     line-height: 1.5em;
     display: inline;
 }
 
 .Underwriting {
     clear: both;     
 }
 
 div.Underwriting .Question {
     height:50px;
 
 }
 
 div.Question label {
     width: 380px !important;
 }
 
 div.Underwriting .Answer {
     float: left;
     width: 180px
 }
 
 div.Answer .AnswerOptions {
     clear: both;
     margin-left: 70px;
     font-size: 15px;
 }
 
 div.Answer .Progress {
     clear: both;
     margin: 10px 0 0 70px;     
 }
 
 span.HeadingLabel label {
     font-size: inherit !important;
     width: inherit !important;
 }
 
  ul.SummaryTwoColumns  {
     padding-top: 5px;
     padding-bottom: 10px;
 }

 ul.SummaryTwoColumns li {
     padding-top: 0px !important;
     padding-bottom: 0px !important;
 }

 ul.SummaryTwoColumns span  {
     line-height: 1.5em;
     display: inline;
 }

ul.SummaryTwoColumns label {
     width: 150px !important;
 }
 
 div.left_summary_col {
     float: left;
     margin-right: 25px;
     width: 150px;
 }
 
 div.price_summary label {
     font-size: 13px !important;
 }
 
 div.price_summary_total label 
 {
     font-size: 15px !important;
 }
 
 div.right_summary_col {
     float: left;
     width: 150px;
 }
 
 div.right_summary_col span {
     line-height: 1.5em;
     word-wrap: break-word;
 }
 
 div.full_summary_col {
     float: left;
     width: 325px;
 }
 
 div.full_summary_col label {
     width: 325px !important;
 }
 
 .price_summary_cpd {
     height: 32px;
     top: 7px;
     position: relative;
 }
 
 .welcome {
    font-size: 24px;
    font-weight: normal;
    text-align: left;
    padding: 0 !important;
    line-height: 1.2em !important;
	color: #47afe3 !important;
	/*margin-top: 15px;
    padding-bottom: 0px !important;*/  
 }
 
 .ui-widget-header, .ui-dialog-titlebar-close {

    background: url("../images/english/bg_image.png") repeat-x scroll 50% 50% #e0eef5 !important;
    color: #000 !important;
    
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.ui-widget-header {
 border: none!important;
 padding:0;
 margin:0;
 border-radius:0!important;
 color:red;
 background-color: #e0eef5;
 border-bottom: 1px solid #F0F0F0!important;
    
}

.ui-dialog-titlebar-close {
    border: none !important;
   
}
.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 #e0eef5 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image:none!important;
    background-color: #bae1f5!important;
    border: 1px solid #d3d3d3!important;
    color: #ffffff!important;
    font-weight: bold!important;
    border:none!important;

}
 .ui-widget-content {
    /*border: 1px solid #BBC4EC !important;*/
   
}
.ui-tabs .ui-tabs-panel {
    background: #fff !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none!important;
    background-color: #7ECE61 !important;
    border: 1px solid #d3d3d3!important;
    color: #ffffff!important;
    font-weight: bold!important;
    border: none!important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    background-color: #7ECE61;
    color: #ffffff!important;
    font-weight:bold;
    border-radius:5px 5px 0px 0px;
}
#paymenttabs {
    border: 1px solid #222;
}
#ConsentToUseCC {
    float: left;
    max-width: 20%;
    margin: 4px 10px 0 0;
}

#creditCard .checkbox-container label {
    float: left;
    display: block;
    margin-bottom: 10px;
    max-width: 80%;
}

 .saveButtonClass, .cancelButtonClass {
    background: none !important;
    background-color: #FDB813 !important;
    color: #10155E !important;
    border: 1px solid #77D5F7 !important;
 }
.ui-state-hover{color:#000 !important; background-color:#FDB813}

#bottom_logos{
float:left;
}

#species_icons ul {
    list-style: none outside none;
}

#species_icons li {
    display: inline;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 15px;
    width: 31px;
}

#species_icons li.selected {
    border: solid;
    border-color: #fdb813;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}

#species_icons li.selected1 {
    background-color: #fdb813;
}

.dogicon {
    background-image: url("../images/icon_dog.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 31px;
    position: relative;
}

.caticon {
    background-image: url("../images/icon_cat.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 31px;
    position: relative;
}
#mcafee {
    float: right;
}
.icon-dog {
    background: url("../Images/dog-icon.png") no-repeat;
    display: inline-block;
    width: 57px;
    height: 56px;
}
.icon-cat {
    background: url("../Images/cat-icon.png") no-repeat;
    display: inline-block;
    width: 57px;
    height: 56px;   
}

/*New style*/
.co-insurance-text {
    margin-left: 205px;
    color: #4C4A4A;
    padding-top: 20px;
    font-size: 1.5em;
}

.plans-table {
  width:100%;  
  border-collapse: separate;
}
.plans-coverages {
    background-color: #dad1c9;
    border-bottom: 1px solid white;
    color: #66584c;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}
.plans-table td {
    padding: 6px;
    text-align:center;
   
}

p.text-bold {
    color:#1a5178;
    text-transform:uppercase;
    font-size:20px;
    display:block;
}

.secure-1-text, .secure-2-text, .secure-3-text, .secure-4-text {
    color:#7ECE61;
    font-size:20px;
}
.secure-1-subtext, .secure-2-subtext, .secure-3-subtext, .secure-4-subtext {
    color: #7ECE61 !important;
}
.plan_text {
    font-weight:bold;
    font-size:25px;
    color:#ffffff;
}

.text-hover {
    color: #A4E27E !important;
}

.subtext-hover {
    color: #A4E27E !important;
}

.perday {
    color:#1a5178;
    padding-top:4px;
   
    font-size:25px;
    font-weight:bold;
    
}
.permonth {
    color:#66584c;
    font-size:22px;
    font-weight:bold;
    
}

.coverage-reference-text {
    position: relative;
    bottom: 5px;
    font-size: 9px;
}

.add {
    background-image: url("../images/plus-minus-brown.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
    color:#000000;
    font-size: 11px;
    height: 16px;
    line-height: 11px;
    padding: 0 0 0 18px;
    margin-left: 18px;
    margin-top: 8px;
    width:80%;
}

.subtract {
    background-image: url("../images/plus-minus-brown.gif");
    background-position: 0 -16px;
    background-repeat: no-repeat;
    float: left;
    color:#000000;
    font-size: 11px;
    height: 16px;
    line-height: 11px;
    padding: 0 0 0 18px;   
    margin-left: 18px;
    margin-top: 8px;
    width:80%;
}

.add-subtract-hover {
    background-image: url("../images/plus-minus-green.gif") !important;
}

.plans-hover {
    background-color: #bad17d;
}

td.plan-header, td.plan-signup{ 
    background-color: #66584c;
  }

td.plan-header-popular, td.plan-signup-popular{ 
    background-color: #3b197f;
  }

/*td.plan-popular-hover, td.curve-bottom.plan-popular-hover { 
    background-color: #3B197F;
  }*/
td.plan-header-hover, td.plan-signup-hover, td.plan-popular-hover { 
    background-color: #A4E27E;
  }

div.plan-title-container{
    height: 62px;
    width:119px;
    margin: 10px auto 0;
    text-indent:-5000px; 
}

td.secure-1-content, td.secure-2-content, td.secure-3-content, td.secure-4-content {
    border: solid #7ECE61;
    border-width: 1px;
}   


.details-title-bar {
    background-color: #66584c;
    color: white;
    border-radius: 4px;
    height: 30px;
    margin-bottom: 6px;
    text-align: center;
    padding-top: 6px;
}

.details-content-div {
    padding-left: 10px;
}

.dental-coverage-container {
    position: relative;
    top: 4px;
}

.dental-coverage-subtext {
    font-weight: normal;
    font-style: italic;
}

.online-discount {
    background-color: #bdd9e5;
    color: #ffffff;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 20px;
    padding: 3px;
    border-radius: 6px;
    width: 120px;

}

.online-discount-hover {
    background-color: #A8B50A !important;
}

.curve-bottom {
    border-radius: 0px 0px 10px 10px;
}
.curve-top {
    border-radius: 10px 10px 0px 0px;
}
.curve-top-side {
    border-radius: 10px 0px 0px 0px;
}
.curve-bottom-side {
    border-radius:0px 0px 0px 10px;
}

.popular-banner-english {
    background: url("../Images/English/secure-2.png") no-repeat;
}

.popular-banner-french {
    background: url("../images/french/secure-2-FR.png") no-repeat;
}

#secure1Header, #secure2Header, #secure3Header, #secure4Header {
    padding: 0
}

#secure1{
    background: url("../images/english/secure-1.png") no-repeat;
    background-size: 100%;
    width: 100%;  
}

#secure2{
    background-size: 100%;
    width: 100%;
    position: relative;
    top: 10px;
    padding-bottom: 11px;
    width: 100%;
}

#secure3{
    background: url("../images/english/secure-3.png") no-repeat;
    background-size: 100%;
    width: 100%;    
}

.secure2_bestvalue
{
    background: url("../images/english/secure2.png") no-repeat  0 0;
}

.secure2_bestvalue_fr
{
    background: url("../images/french/secure2.png") no-repeat  0 0;
}

.secure2_bestvalue:hover, .secure2_bestvalue.hovered {
    background: url("../images/english/secure2.png") no-repeat 0 -104px;
}

.secure2_bestvalue_fr:hover, .secure2_bestvalue_fr.hovered {
    background: url("../images/french/secure2.png") no-repeat 0 -104px;
}

.secure3_bestvalue
{
    background: url("../images/english/secure3.png") no-repeat  0 0;
}

.secure3_bestvalue_fr
{
    background: url("../images/french/secure3.png") no-repeat  0 0;
}

.secure3_bestvalue:hover{
    background: url("../images/english/secure3.png") no-repeat 0 -104px;
}

.secure3_bestvalue_fr:hover{
    background: url("../images/french/secure3.png") no-repeat 0 -104px;
}

#secure4{
    background: url("../images/english/secure-4.png") no-repeat;
    background-size: 100%; 
    width: 100%;
}

td.plan-signup > button, td.plan-signup-popular > button, td.plan-signup-hover > button {
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
    position:relative;
    background-image: url(../Images/English/continue-button.png);
    background-repeat: no-repeat;
    background-position: center;
}

td.plan-signup > button, td.plan-signup-popular > button, td.plan-signup-hover > button {
    background-color: transparent;
}


td.plan-signup > img,td.plan-signup-popular > img, td.plan-signup-hover > img {
    position:relative;
    top:10px;
}
#socialHolder a {
    margin-left:5px;
    margin-top:15px;
}

div.samplecheck a:link, div.samplecheck a:visited {
    color: #98ba3c !important;
}

a:link, a:visited {
    color: #7ECE61;
    text-decoration: none;
}
      
a:hover {
    text-decoration: none;
    color:#47afe3;
}
.ui-widget-header, .ui-dialog-titlebar-close {
    background: #F0F0F0 none repeat scroll 0 0 !important;
}
.portal-body-wrapper {
    min-height: 100%;
    position: relative;
}

.portal-top-wrapper {
    position: fixed;
    top: 0px;
    height: auto !important;
    background-color: #F0F0F0;
    width: 100%;
    z-index: 10;
}

.portal-body-wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 1024px;
}

.body-wrapper {
    padding-top: 50px;
    padding-bottom: 200px;
}

.portal-footer {
    height: 10%;
    width: 100%;
    float: left
}

.portal-footer-content {
    width: 90%;
    margin: 0 auto;
    height: 100%
}

.portal-footer-social {
    width: 100%;
    height: 50%;
    float: left
}

.portal-footer-content-left {
    width: 60%;
    height: 40%;
    float: left;
    margin-top: 35px
}
.portal-footer-content-right {
 width:40%;float:left;margin-top:50px;
}
.portal-footer-content-left a {
    margin-right: 5px;
    font-size:11px;
    color:#6F6F70;
}

.portal-top-layer {
    width: 100%;
}

.portal-top-menu {
    margin-top: 10px;
    margin-bottom: 10px
}

.portal-top-body {
    background-color: #F0F0F0;
    height: 45px;
    width: 100%
}

.portal-navigation {
    margin-top: 10px
}

.portal-top-body-right {
    height: 100%;
    margin: 0 auto;
    width: 960px;
}
.portal-logo-contact-wrapper {
    height: 90px;
    width: 100%;
    margin-bottom: 10px;
}
    .portal-logo-contact-wrapper a {
        display: block;
        width: 378px !important;
    }
.portal-logo-contact-wrapper-french {
    height: 70px; /*Needed for the French logo which requires a bit more height*/
    margin-top: 10px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.portal-logo-contact-content {
    float:right;
    /*width:429px;*/
}

.portal-logo-contact-left {
    float: left;
    width: 46%;
    height: 100%
}

.portal-logo-contact-right {
    float: left;
    width: 54%;
    height: 100%
}

.portal-navigation {
    width: 100%;
    height: 70px;
    float: left;
    margin-bottom: 20px
}

.portal-top-menu {
    float: left;
    width: 100%
}

.portal-top-menu a {
    font-size: 20px;
    text-decoration: none;
    float: left;
    color: #6f6f70
}

.portal-top-menu span {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    color: #6f6f70;
    font-size: 20px
}

.portal-top-body-content {
   color: #47afe3;
    float: right;
    font-size: 14px;
    height: 100%;
}

.portal-top-body-content a {
    margin-top: 5px;
    color: #222;
    float: left;
    font-size:14px;
    text-decoration: none;
}

.portal-top-body-content .top-lang {
    float: left;
    margin-top: 9px;
    margin-left: 35px
}

.portal-top-body-content .your-account {
    padding-bottom: 10px;
    float: left;
    margin-left: 20px;
    position: relative;
    z-index: 100;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;

}
.portal-top-body-content .your-account a {
    color:#222;
    font-weight:bold;
}
    .portal-top-body-content a:hover {
        color: #A4E27E;       
    }

.portal-top-body-content .your-account .account-text {
    float: left;
    margin-top: 15px;
    text-decoration: none;
    font-weight:400;
    width: 100%;
    text-align: center;
    font-size:13px;
   letter-spacing:0.03em;
}

.navbar-toggle {
    position: relative;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #7C8BCE;

}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff
}

.account-menu-item {
    width: 100%;
    float: left;
    border-top: 1px dotted #fff;
}

.account-menu-item a {
    text-decoration: none;
    margin-left: 0px;
    margin-top: 15px !important;
    margin-bottom: 15px;
    width:100%;
    text-align: center;
}

.red-orange-text {
    color: #7ece61
}

.grey-text {
    color: #4c4a4a
}

.phone-big {
    color: #fff;
    float: left;
    font-size: 25px;
    margin-left: 12px;
    margin-top: 9px;
    font-weight:bold;
    
}
.phone-number {
    color: #222;
    font-size: 20px;
    font-weight: bold;
    margin-top: 7px;
}
.call-now {

    color: #222;
     font-size: 16px;
     font-weight:normal;
    height: 44px;
    margin-top: 17px;
    padding:13px 0px 12px 0px;
        
}
.contact-email {
    text-decoration:none;float:left;margin-top:10px;margin-left:5px;
}

.contact-info-text {
    font-size: 20px
}
.email {
    background: url("../images/top_email.png") no-repeat scroll 90% 50% #98ba3c;
    border-radius: 5px;
    float: right;
    font-size: 16px;
    padding: 5px 8px;
    width: 112px;
    color: #ffffff !important;
    text-decoration:none!important;
}
.email_fr {
    background: url("../images/top_email.png") no-repeat scroll 97% 50% #98ba3c;
    border-radius: 5px;
    float: right;
    font-size: 16px;
    width: 200px;
    padding: 5px 8px;
    color: #ffffff !important;
    text-decoration:none!important;
}
.email:hover, .email_fr:hover{
	color:#fff;
    background-color:#f5c007;
}

.call_back {
	background:url("../images/top_chat.png") no-repeat scroll 95% 50% #0082c4;
    border-radius: 5px;
    color: #FFFFFF !important;
    font-size: 16px;
	 float: right;
    padding: 5px 15px;
	margin-right:10px;
    text-decoration: none;
	width:250px;
}
.call_back_fr {
	background:url("../images/top_chat.png") no-repeat scroll 97% 50% #0082c4;
    border-radius: 5px;
    color: #FFFFFF !important;
	 float: right;
    font-size: 16px;
    width: 275px;
    padding: 5px 15px;
	margin-right:10px;
    text-decoration: none;
}
.call_back:hover, .call_back_fr:hover {
    background-color: #f5c007;
	color:#fff;

    }
.contact-vbar {
    float: right;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px
}

.logo-link {
    display: block;
    margin: 30px 0 0 20px;
    width: 358px;
    max-width: 100%;
    height: auto;
}

.underwritten-by {
    box-sizing: border-box;
    margin-bottom: 20px;
    max-width: 388px;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    color: #66584c;
    padding: 0 30px;
}

    .underwritten-by p {
        font-size: 10px;
    }

#mobileMenuButton {
    display: none;
    float: right
}

#mobileSocialButton {
    display: none;
    float: left
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}
.selectmenu {
    border: 1px solid #222 !important;
    color: #333 !important;
    border-radius: 15px !important;
}
#customerbirthdate span, #customerbirthdate span label {
    padding-top: 15px;
}
.helpmechoose {
    font-size: 13px;
}
#qe_summary {
    width: 100%;
}
.newsummarytable {
    padding-left: 5px;
padding-right: 10px;
}
.ui-widget {
    font-family:'ubuntu', Arial, sans-serif !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-menu .ui-menu-item a {
    font-size: 100% !important;
    font-family: 'ubuntu', Arial, sans-serif !important;
}

#qe_customer ul {
    list-style: none outside none;
    padding-left: 30px;
}
#qe_customer li {
    float: left;
    overflow: hidden;
    padding: 5px 0 5px 0;
    width:95%;
    font-size:13px;
}

 #qe_customer li{
    padding-left: 15px;
	}

#qe_customer h3 {
    padding: 0px 0  15px 15px;
	color:#1a5178;
	font-size:22px;
    font-weight:bold;
	}
#qe_customer label{
    display: inline;
    font-size: 13px;
    margin-right: 15px;
    color: #000000;
	}

#preferredcontactfield label {
    width: 95% !important;
}

/**** GET QUOTE NOW/CONTINUE BUTTON *****/
.save-button {
    float: left;
    padding-left: 20px;
}
.next-button, .next-button-fr {
    border-radius: 15px;
    color: #222;
    font-size: 18px;
    font-weight:500;
    text-transform:uppercase;
	
    padding: 5px 15px;
	margin-left:150px;
    text-decoration: none;
	
    background-color: #7ECE61;
    border: none;
    height: 45px;
    margin-top:10px;
}

.next-button.submit-quote {
    width: 540px;
    font-size: 12px;
    font-weight: bold;
}

.next-button.submit-quote-fr {
    width: 540px;
    padding-left: 10px;
}

.next-button:hover, .next-button-fr:hover {
    background-color: #A4E27E;
    cursor: pointer;
    
}

.choose-plan-button {
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 16px;
    padding: 8px 15px;
    text-decoration: none;
    background-color: #fc6506;
    border: none;
}

.button1 {
    background-color: #FC6506;
}
.button1-hover {
    background-color: blue;
    cursor: pointer;

}
/*.button2, .button2:hover {
    background-color: #98BB3D;
}
.button3, .button3:hover {
    background-color: #7D8EDE;
}
.button4, .button4:hover {
    background-color: #82551E;
}*/

/*td.clickable {
    position:relative;
    padding-top:5%;
}*/

td.clickable button {
    /*position:absolute;
    width:100% !important;
    height:100%;*/
    top:0;
    left:0;
    z-index:10;
    text-transform:uppercase;
    background-color:#fc6506;
    /*border-radius:0 0 10px 10px;*/
    border-radius: 10px;
    font-size:14px;
}
    td.clickable button:hover {
   background-color:#f5c007;}

/* ------------- Parent footer ------------- */
.portal-footer-wrapper #footer_bottom {
    background: #F0F0F0 none repeat scroll 0 0;
    margin: 20px auto 0;
    max-width: 100%;
    padding-top: 1%;
    padding-bottom: 1%;
}


#footer a.footerLink, #footer .underwrite p {
    font-size: 12px;
    color: #222!important;
}
#parent_footer {
    background-color: #000000;
    color: #666666;
    overflow: hidden;
    padding-top: 15px;
	padding-bottom:20px;
    width: 100%;
	}

#parent_footer a {
    color: #fff;
}

#parent_footer_left {
    margin: 20px auto;
	padding-bottom:0;
    overflow: hidden;
    width: 950px;
}
#parent_footer_top_left {
    color: #FFFFFF;
    margin-top: 0;
    width: 950px;
}
.section {
    float: left;
	border-left:1px solid #606060;
    font-size: 10px;
    height: 145px;
    width: 236px;
	color:#fff;
}
#parent_footer_left .section ul{
	float: left;
    list-style: none outside none;
    width: 100%;line-height:20px;
}
#parent_footer_top_left .section ul li a {
    font-size: 12px;
    padding: 0 5px 0 10px;
    text-decoration: none;
}

#parent_footer_top_left .section ul li.first  {
    display: block;
    padding: 0px 5px 0px 49px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}
#parent_footer_top_left .section ul li.other  {
    display: block;
    padding: 0px 5px 0px 10px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}
#parent_footer_top_left .section ul li  {
    padding: 0px 5px 0px 40px;

}
#parent_footer_top_left .section ul li.none  {
    padding: 0px 5px 0px 0px;

}
#parent_footer_left .section ul li a:hover {
    background-position: 0px 9px;
    color:#fc6605;
    padding-left: 9px;
}

#parent_footer_bottom_left {
    border-top: 1px solid #606060;
    line-height: 130%;
    margin: 0px auto;
    padding-top: 10px;
    width: 950px;
}
#parent_footer_bottom_left ul{
    float: left;
    margin-left:4px;
}
#parent_footer_bottom_left li{
    float: left;
    display: inline;
    padding: 5px 5px 0px 5px;
}
#parent_footer_bottom_left li a{
    color:#005ca5;
    font-size:12px;
}

#parent_footer_bottom_left li.facebook {
	height:35px;
}

#parent_footer_bottom_left li.facebook div{
	border: none;
	background:url(../images/facebook.png) no-repeat left center;
	height:35px;
	width:35px;
}
#parent_footer_bottom_left li.twitter {
	height:27px;
	margin-left:4px;
	margin-top:1px;
}

#parent_footer_bottom_left li.twitter div {
	border: none;
	background:url(../images/twitter.png) no-repeat left center;
	height:35px;
	width:36px;
}

#parent_footer_bottom_left li.google {
	margin-left:6px;
}

#parent_footer_bottom_left li.google div {
	border: none;
	background:url(../images/google_plus.png) no-repeat left center;
	height:35px;
	width:35px;
}

#parent_footer_bottom_left li.youtube {
	height:27px;
	margin-left:6px;
	margin-top:1px;
}

#parent_footer_bottom_left li.youtube div {
	border: none;
	background:url(../images/youtube.png) no-repeat left center;
	height:35px;
	width:37px;

}

#parent_footer_bottom_left li.pinterest {
	height:35px;
	margin-left:6px;

}

#parent_footer_bottom_left li.pinterest div {
	border: none;
	background:url(../images/pinterest.png) no-repeat left center;
	height:35px;
	width:37px;
}

#parent_footer_bottom_left li.linkedin {
	height:35px;
	margin-left:6px;
}

#parent_footer_bottom_left li.linkedin div {
	border: none;
	background:url(../images/linkedin.png) no-repeat left center;
	height:35px;
	width:36px;
}

#parent_footer_bottom_left li.addthis {
	border: none;
	padding-left: 0px;
	height:27px;
	margin-left:6px;
	margin-top:-2px;
}

#parent_footer_right {
    margin: 10px auto 0;
    width:950px;
	overflow:hidden;
}
#parent_footer_top_right{
	margin: 0 auto;
	width: 950px;
	overflow:hidden;
}



#parent_footer_top_right li{
    float: left;
    display: inline;
    padding: 0px 24px 0px 0px;
    margin:0px;
}

.voucher_link
{
    padding-left: 1px !important;
}

#us_customers li
{
    float: left;
    display: inline;
    padding: 0px;
    margin: 0px;
}

.parent_footer_phone
{
    font-size:17px;
    text-decoration: none !important;
    color: #82551e !important;
}    

#parent_footer_bottom_right {
    margin: 10px auto 0;
    width: 950px;
    border-top: 1px solid #606060;
    padding-top: 10px;
    line-height: 130%;
}
#parent_footer_bottom_right a{
    text-decoration:none;
    color:#fc6605;
}
#parent_footer_bottom_right img {
	border:none;
	padding-bottom:10px;
}

#parent_footer a:hover{
	color:#848DBC;
}
#parent_footer p{
	clear: both;
	font-size: 11px;
}
#northPIA_link
{
    width: 62px;
	height: 52px;
	margin-top: 8px;
    background-image:url(../images/footer_naphia.png);
    background-size: contain;
    background-repeat:no-repeat;
}

#bbb_link
{
    width: 118px;
	height: 48px;
	margin-top: 6px;
    background-image:url(../images/footer_bbb.png);
    background-size: contain;
    background-repeat:no-repeat;
}

.moneyback_link 
{
    width: 90px;
    height: 90px;
    background-image:url(../images/money_back.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: top;
    display: inline-block;
    padding: 0;
}

#cfhs_link 
{
    width: 95px;
    height: 59px;
    background-image:url(../images/logo_cfhs.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#ckc_link
{
    width: 66px;
	height: 71px;
    background-image:url(../images/ckc.png);
    background-repeat:no-repeat;
}

#va_link
{
    width: 181px;
	height: 71px;
    background-image:url(../images/footer_va.png);
    background-repeat:no-repeat;
}

#ovma_link
{
    width: 70px;
	height: 71px;
    background-image:url(../images/logo_OVMA.png);
    background-repeat:no-repeat;
    background-size:contain;
}

#bcspca_link
{
    width: 84px;
	height: 71px;
    background-image:url(../images/bcspca.png);
    background-repeat:no-repeat;    
}

#embrace
{
    float: left;
    width: 106px;
	height:32px;
    padding-left: 5px;
    margin-top: 5px;
    background-image:url(../images/embrace_sm.png);
    background-repeat:no-repeat;
}
#embrace_text
{
    float: left;
	margin-top:12px;
}

.paymentmethod-validation {
    padding-left: 50%;
    width: 90%;
}

.apply_offercode_wrapper {
    float:right;
    margin-top:5px;
}

.apply_offercode {
    width:200px;
    background:url(../images/English/apply.png) no-repeat;
    margin: 0;
    padding:0;
}

.apply_offercode_fr {
    width:200px;
    background:url(../images/French/apply.png) no-repeat;
    margin: 0;
    padding:0;
}
.vet_info {
    cursor: pointer;
     /*background:url(../images/english/did_you_know.png) no-repeat;*/
    background-color: #e0eef5;
    border-radius:5px;
    height: 185px;
}

.vet_info_fr {
    cursor: pointer;
     /*background:url(../images/french/did-you-know.png) no-repeat;*/
    background-color: #e0eef5;
    border-radius:5px;
    height: 216px;
}
.ourPartners {
    background: #e1f1b9;
    margin-top:12px;
    overflow: hidden;
    border-radius:5px 5px 5px 5px;
    border: 1px solid #c2d78c;
    padding-top: 3%;
    padding-left: 10%;
    height: 126px;
}
.testimonialSmall{
    background:url(../images/english/what_our_customers_say.png) top no-repeat #e1f1b9;
    margin-top:12px;
    height: 348px;
    overflow: hidden;
    border-radius:5px 5px 5px 5px;
    border: 1px solid #c2d78c;
}
.testimonialSmall_fr{
    background:url(../images/french/what_our_customers_say.png) top no-repeat #e1f1b9;
    margin-top:12px;
    height: 348px;
    overflow: hidden;
    border-radius:5px 5px 5px 5px;
    border: 1px solid #c2d78c;
}
.testimonialSmallbottom{
    background:url(../images/testimonial_corner.png) top right no-repeat;
   height:36px;
}
.testimonialSmall h3{
    font-size:15px;
    color:#1a5178;
    padding:10px 5px 10px 5px;
    font-weight:bold;
    text-align: center;
}
.testimonialSmall li {
    max-height: 300px;
    padding-bottom: 5px;
    overflow: hidden;
    
}
#testimonial_text p{
    margin:5px 15px 5px 15px;
    text-align:left;
    line-height:15px; 
    font-size:13px;
}
.testimonial_holder, .ourPartners {
    display: none;
}
.ui-widget-header {
    border: 1px solid #7ECE61;
}
#right .testimonial_image {
    text-align: center;
}
#right .testimonial_image img {
    border:4px solid #ffffff;
   -moz-box-shadow:    0 1px 2px 1px #3d4b20;
   -webkit-box-shadow: 0 1px 2px 1px #3d4b20;
   box-shadow:         0 1px 2px 1px #3d4b20;
   margin-top:65px;

}
.testimonialIcon {
    float: right; 
    font-size: 14px; 
    font-weight: bold;
    cursor: pointer;
    color: #1a5178;
    padding:5px 14px 0 0;
}
#hideTestimonialLink {
    display: none;
}
#testimonialStoryList li {
    height: 100px;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: none;
}
#testimonialStoryList li:first-child {
    display: block;
}
#testimonialImageList li {
    display: none;
}
#testimonialImageList li:first-child {
    display: block;
}
#topSummaryDiv {
    width: 100%; 
    float: left;
}
#bottomSummaryDiv {
    width: 100%; 
    clear: both;
}
#summaryImageDiv {
    float:left; 
    padding-top: 18px;
   
}

#requestcallform ul {
    list-style-type: none;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#requestcallform ul li label {
    padding-right:30px;
    width:100px;
    float:left;
}

#requestcallform input[type="text"], #requestcallform input[type="tel"] {
    width:150px;
}
#requestcallform select {
    width:200px;
}

.list-section {
    border:1px solid #BAE1F5;
    padding:10px;
}

@media only screen and (max-width: 640px) {
    div.qe_choose ul{
        text-align: left;
    }
    .qe div.qe_deductible {
        height: 100%;
    }
    .qe div.qe_selection {
	    width: 95%;
    }
    div.qe_info {
        height: 100%;
       
    }
    .right {
        width:100%;
    }
    .summary_top {
        display: none;
    }

    .body-wrapper {
        padding-top: 90px;
    }
    .portal-bbblink-holder { 
        float: none !important;
    }
        .portal-bbblink-holder li {
            width: 100%;
            margin-bottom: 0;
        }

    .portal-top-body-content {
        float: none;
        clear: both;
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: #F0F0F0;
    }
    .phone-number {
        text-align: center;
    }
    .top-lang {
        margin-left: 0 !important;
    }

    .regional-selection-page #main .regional-selector-logo {
        position: relative;
        max-width: 100%;
        top: unset;
        left: unset;
        margin: 0 auto !important;
        padding: 40px 0 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .regional-selection-page .brand-logo img {
        width: 180px;
        max-width: 100% !important;
        height: auto;
    }

    #regional-select-container section.background-image img {
        content: url("../Images/ths-region-banner-mobile.jpg");
        min-height: 0px !important;
        width: 100% !important;
        height: 100% !important;
    }

    #main .regional-selector-wrapper {
        max-width: 100%;
        top: unset;
        left: unset;
        padding: 0 30px;
        position: relative;
        display: flex;
        top: -40px;
        flex-direction: column;
        justify-content: center;
        gap: 30px;
    }

    .regional-container {
        margin: 0 !important;
        padding: 35px 30px !important;
    }

        .regional-container p {
            font-size: 18px !important;
            margin-bottom: 24px !important;
        }

    #regional-select-container .selectmenu {
        font-size: 19px !important;
    }

    .regional-footer-wrapper-mobile {
        display: block !important;
    }

    .regional-footer-wrapper {
        display: none;
    }
}

.snack_bite_holder {
    float: left;
    padding-top: 70px;
}

.snack_bites > li { display: none;}
.snack_bites p {background: url("../images/check3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    line-height: 15px;
    padding-left: 35px;

}
.snack_bites { width: 90%;margin: 0 auto;text-align: left;line-height: 15px;}
.snack_bites h3 {font-size: 14px;color:#1a5178;font-weight:bold;padding-bottom:5px;}
.snack_bites > li:first-child { display: block; }
.snack_bite_image { float: left;width: 29%;margin-right:2%}
.snack_bite_image img{ width: 100%;}
.snack_bite_image_text{ width: 69%;float: left;}
.contactus input{ float: left;width: 95%;}
.contactus textarea{ 
    height: 80px;
    width: 95%;
    border: 1px solid #bae1f5;
    color: #333;
    padding: 7px;
    margin: 5px 0 6px 0;
    border-radius: 5px;
    font-size:14px;
    font-family:'ubuntu', Arial, sans-serif !important;
}
.contactus input[type="submit"]{ width: 40%;}
.contactus #name {
    height: 0px;
    overflow: hidden;
}
#returnMessage {
    color: white;
    background-color: green;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 20px;
    display: none;
    }
.field-validation-error {
    margin-top: 10px;
}
.validation-margin-left-sm {
    margin-left: 0;
    width: auto;
}
.validation-error-container {
    padding: 0;
}

#qe div.qe_plans {
    height: 100%;
    width: 100%;
}

#dialog-declaration a {
    color: #7ECE61 !important;
    text-decoration: none !important;
}

.promotabs-info p {
    padding-bottom: 10px;
}
.promo-popup {
    position: fixed;
    bottom: 0;
    right: 10px;
    height: 316px;
    width: 310px;
    background-color: white;
    border-left: 1px solid lightgrey;
    border-radius: 10px 10px 0 0;
    box-shadow: 10px 10px 5px #C9C9C9;
    behavior: url(/Quote/Static/Scripts/ThirdParty/PIE.htc);
    display: none;
    text-align: center;
    font-style: italic;
    z-index: 10;
}
#promo-popup-header {
    background-color: #66584c;
    height: 60px;
    border-radius: 10px 10px 0 0;
    position: relative;
    z-index: 20;
    behavior: url(/Quote/Static/Scripts/ThirdParty/PIE.htc);
}
.promo-popup h2 {
    float: left;
    width: 90%;
    text-align: center;
    font-size: 17px;
    color: white;
    padding-top: 12px;
    padding-left: 21px;
    font-style: normal;
}
.promo-popup p {
    padding: 10px;
    font-size: 17px;
    width: 250px;
    margin-left: 15px;
}
.promo-popup h3 {
    color: #2DA7CE;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
}
#close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 17px;
    height: 17px;
    border: 2px solid white;
    text-align: center;
    font-size: 26px;
    color: white;
    letter-spacing: 0px;
    border-radius: 20px;
    behavior: url(/Quote/Static/Scripts/ThirdParty/PIE.htc);
    line-height: 11px;
    font-style: normal;
    cursor: pointer;
}

.promo-popup button {
    top: 0;
    left: 0;
    z-index: 10;
    text-transform: uppercase;
    background-color: #7ECE61;
    border-radius: 10px;
    font-size: 14px;
    color: #FFF;
    padding: 8px 15px;
    text-decoration: none;
    width: 170px;
    cursor: pointer;
}

.promo-popup button:hover {
   background-color:#A4E27E;
}

#promoImage {
    position:absolute;
}
.portal-bbblink-holder {
    float: left;
    margin-right: 20px;
}
    .portal-bbblink-holder ul li {
        list-style-type: none;
        float: left;
        margin-right: 10px;
    }

/** Welcome style **/
#qe_form.welcomeWrp label {
    display: inline-block;
    float: none;
    width: auto;
}
#qe_form.welcomeWrp .left {
    display: inline-block;
    width: 19%;
}
#qe_form.welcomeWrp .middle {
    width: 19%;
}
#qe_form.welcomeWrp .right {
    width: 15%;
}

#qe_form.welcomeWrp .RadioButtonHorizontal {
    display: inline-block;
    float: none!important;
    margin-right: 15px;
}

/** Step 2  **/

    #step2 .qe_label_note_practice {
    border: medium none;
    color: #333131;
    display: inline-block;
    float: none;
    font-size: 10px;
    margin-left: 290px;
}

.offset-by-eight.four.columns {
    margin-left: 67.5%;
}


#step2 #tab-1 {
    padding: 10px 10px 20px !important
}


#step2 .smallwide {
    display: inline-block;
    float: none;
    width: 40%;
}

#step2 .qe_label_note_practice {
    margin-left: 290px;
}


#step2 .left {
    float: none;
}

#step2 .qe_button_bar {
	margin: 0 0 10px;
}

#step2 div.asterix {
    font-size: 12px;
    margin-right: 20px;
    margin-top: 30px;
    padding-bottom: 10px;
    white-space: nowrap;
    width: auto;
}
#step2 .qe_button_bar div.asterix {
    float: left !important;
    position: relative !important;
    top: 0;
}


#step2 .medinfo_right .paddinglabel {
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 0;
    padding-top: 0;
    text-align: left;
}
#step2 ul.PetMedicalInformation {
    padding-bottom: 10px;
    padding-top: 5px;
    list-style-type: none;
}
.medinfo_right ul {
     list-style-type: none;
}
#step2 ul.PetMedicalInformation li {
    padding: 5px 10px 5px 0 !important;
}

#step2 .medinfo .medinfo_right .selectmenu {
    display: inline !important;
    margin: 5px 0 6px !important;
    padding: 2px 10px !important;
}
#step2 #vetselecttabs input[type="text"] {
    margin: 0;
    width: 100%;
}
#step2 .RadioButtonHorizontal {
    float: none!important;
}
#step2 .medinfo_right li {
    padding: 0;
}
#step2 .selectmenu, #step3 .selectmenu {
    padding: 5px!important;
}

/** Step 3 **/
#step3 .change, #step3 .edit, #step3 #qe_customer .asterix {
	display: none;
}
#step3 .summaryprice {
    font-size: 18px;
    color: #3b197f;
}
#step3 .asterix {
    float: left;
    font-size: 12px;
    margin: 40px 0 0 20px;
    width: auto;
}

#step3 .qe_button_bar {
    margin: 0 15px 10px 0;
    width: auto;
}
#step3 #qe_customer ul {
	padding-left: 20px;
    padding-right: 20px;
}
#step3 #qe_customer {
    padding-bottom: 20px;
    width: 97%;
}
#step3 #qe_customer li {
    display: inline-block;
    font-size: 13px;
    overflow: visible;
    padding: 5px 0 0;
    vertical-align: middle;
    width: 100%;
    float: none;
    margin-bottom: 0;
}

/*#step3 #qe_customer input[type="text"], #step3 #qe_customer input[type="password"], #step3 #qe_customer input[type="tel"], #step3 #qe_customer input[type="select"], #step3 #qe_customer textarea {
	padding: 7px 0 7px 2px;
    margin: 0;
    max-width: 200px;
}*/
#step3 #qe_customer label {
    margin-right: 0;
    width: 105%;
}
#step3 .samplecheck {
    position: absolute;
    margin-left: 0;
    padding-left: 10px;
}
#step3 .headingPadding {
    padding: 20px 0 10px 15px!important;
}
#step3 .other_info {
    margin-top: 0;
}
#step3 .space {
    padding-left: 10px;
}

.fa.fa-plus.fa-2, .fa.fa-tag.fa-2 {
    background: #7ECE61 none repeat scroll 0 0;
    border-radius: 50px;
    color: white;
    font-size: 14px;
    padding: 3px 5px;
}

#step3 .samplecheck i {
    background: #7ECE61;
    border-radius: 60px;
    color: #fff;
    font-size: 18px;
    padding: 2px 5px;
}
.newsummarytable a {
    color: #7ECE61;
}
#step3 .dialog-addpet {
        font-size: 13px;
        margin-top: 0;
    }
#summaryImageDiv p {
    color: #1a5178;
    font-size: 16px;
    font-weight: 600;
}
.pet_box #topSummaryDiv div.name h3 {
    margin-left: 0!important;
}

.VisaDebit {
    font-size: 12px;
    float: right;
    line-height: 29px;
    padding-left: 10px;
}

#footer_bottom .social i {
	font-size: 20px;
}

/* THS interceptor popup when Quebec selected */
#regional-popup {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250,250,250,0.9);
    z-index: 2;
    cursor: pointer;
    font-family: Arial, sans-serif !important;
}

    #regional-popup .regional-popup-box {
        background: white;
        padding: 40px;
        width: 600px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 50px;
        color: white;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-box-shadow: -4px 5px 15px 0px rgba(0,0,0,0.46);
        box-shadow: -4px 5px 15px 0px rgba(0,0,0,0.46);
    }

        #regional-popup .regional-popup-box p {
            color: black;
            margin: 0;
        }

    #regional-popup a.quote-button {
        background: #7ece61;
        padding: 20px;
        width: 80%;
        text-align: center;
        display: inline-block;
        margin: 20px 0 0;
        color: white !important;
        font-weight: 700;
        font-size: 1.5rem;
        text-decoration: none !important;
    }

@media (min-width: 240px) and (max-width: 1024px) {
	#main_full {
        width: 100%!important;
        margin: 5px 0px 0px 0px;
    }
    .planBox {
        margin-bottom: 30px;
    }
}

@media (min-width: 240px) and (max-width: 960px) {

    #qe_tab1 div.tab_1 {
        background: url("../images/english/1-mobile.gif") no-repeat 0 0;
        height: 30px;
    }
    #qe_tab div.tab_2 {
        background: url("../images/english/2-mobile.gif") no-repeat 0 0;
        height: 30px;
    }
    #qe_tab div.tab_3 {
        background: url("../images/english/3-mobile.gif") no-repeat 0 0;
        height: 30px;
        margin-bottom: 10px;
    }
  .portal-top-body-right, #container_1, #qe, #footer_bottom_left, #qe div.step3wrap {
      width: 100%;
  }

  .portal-top-body-content {
      margin-right: 20px;
  }
  .portal-logo-contact-wrapper {
      height: auto;
      width: 100%;
      margin-bottom: 0;
      margin-top: 24px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
    .portal-logo-contact-wrapper a {
        width: 465px !important;
    }
  .logo-link {
      margin: 0;
      width: 465px;
  }
  #qe div.qe_wrap {
        width: 98%;
    }
    .three.columns {
        margin-bottom: 20px;
    }

    #qe_form.welcomeWrp .offset-by-three {
        margin-left: 4%;
    }

    #qe_form.welcomeWrp .next-button, #qe_form.welcomeWrp .next-button-fr {
        white-space: normal;
        height: auto;
        margin-left: 26%;
    }
    .portal-body-wrapper {
        width: 95%;
    }
  #plan_information, #eft-promo-img, .testimonials, .plans-table td:first-child, .summary_top, .summary_top_fr, .petDetailHeader {
      display: none;
  }
  #qe_tab1 {
        margin-left: 0;
    }

  .portal-bbblink-holder {
      padding-left: 20px;
  }

    .body-wrapper { padding-bottom: 25px; }

  .underwritten-by {
      max-width: 100%;
      display: flex;
      justify-content: center;
  }

  .underwritten-by p {
      box-sizing: border-box;
      max-width: 410px;
      padding: 0 30px;
      font-size: 12px;
  }

  #footer-bbb {
        margin: 0 auto;
        width: 100%;
    }
  .copyright.three.columns {
        width: 100%;
        text-align: center;
    }
  #footer .extra-links {
        width: 100%!important;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
  .extra-links > ul {
      float: none;
  }
  .extra-links li {
        margin: 5px 20px;
    }
      #step3 .qe_button_bar {
        overflow: visible;
    }
    .footer-br {
        padding-top: 0;
        border-bottom: 0;   
    }

    .container.regional-selection-page {
        width: 100%;
        max-width: 100%;
        background: white;
        padding: 0 !important;
    }

    .regional-selection-page #main {
        background: white;
        position: relative;
        float: unset;
    }

    #regional-popup .regional-popup-box {
        box-sizing: border-box;
        width: 80%;
    }

    .regional-footer-wrapper p {
        padding: 0 30px;
    }
}
@media only screen and (max-width: 550px) {
    #qe_form.welcomeWrp .left, #qe_form.welcomeWrp .middle, #qe_form.welcomeWrp .right {
        width: 100% !important;
    }
    #qe_form.welcomeWrp .right {
        margin-left: 0;
    }
    #qe_form.welcomeWrp .offset-by-three {
        margin-left: 0;
    }
    #qe_form.welcomeWrp .next-button, #qe_form.welcomeWrp .next-button-fr {
        width: 100%;
        margin-left: 0;
    }
}
@media (min-width: 240px) and (max-width: 520px) {

    .portal-logo-contact-wrapper {
        margin-top: 24px;
    }

}

@media (min-width: 240px) and (max-width: 380px) {
    #regional-select-container .selectmenu {
        font-size: 17px !important;
    }
}

@media (min-width: 240px) and (max-width: 340px) {
    #qe_tab div.tab_1 {
        background-size: 35% auto;
    }
    #step3 .qe_button_bar {
        margin: 0 0 10px;
        width: 100%;
    }
}

/**************************
    THS Regional Styling
****************************/

.regional-selection-page #main {
    margin-top: 0;
    font-family: Arial, sans-serif !important;
}

.regional-selector-wrapper {
    position: absolute;
    max-width: 263px;
    top: 265px;
    left: 100px;
}

.regional-selection-page .regional-selector-logo {
    position: absolute;
    max-width: 405px;
    top: 115px;
    left: 100px;
}

.brand-logo {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

.regional-selection-page .brand-logo img {
    max-width: 200px;
    margin-bottom: 0;
}

.footer-alignment {
    display: flex;
    flex-direction: column;

}

.regional-container {
    background: #ECF0F3;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    padding: 25px 20px 25px 20px;
    display: inline-block;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
}

    .regional-container p {
        margin-bottom: 16px !important;
        font-weight: 700;
        line-height: 1.2;
        font-size: 14px;
    }

#regional-select-container section.background-image img {
    margin: 0 auto;
    object-fit: cover;
    object-position: center;
    min-height: 680px;
    max-width: 100%;
}

#regional-select-container .selectmenu {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: contain;
    background-image: url(../Images/THS-button.png);
    background-repeat: no-repeat;
    background-position-x: 100%;
    border: 1px solid #C3C3C3 !important;
    color: #333 !important;
    border-radius: 0px !important;
    font-size: 14px;
    text-indent: 10px;
    margin: 0 !important;
    padding: 0px 26px 0 7px !important;
    height: auto !important;
}

.regional-footer-wrapper {
    max-width: 960px;
    margin: 20px 0;
}

    .regional-footer-wrapper p {
        font-size: 12px;
        line-height: 1.3 !important;
    }

/*New Loader*/
#dialog-processing {
    box-sizing: border-box;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    display: none;
}

div.ui-dialog-buttons.ui-draggable.ui-resizable > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    display: block !important;
}

.fa-paw.fa-spin {
    font-size: 50px;
    margin: 27px 105px;
    color: #7ECE61;
}

/** End THS Regional Styling **/


/*REGIONAL SELECTOR MODAL*/
:root {
    --primary: #68BC49;
    --secondary: #B1E089;
    --dark: #323232;
    --light: #ffffff;
    --text: #000000;
    --success: #000000;
    --glass: rgba(255, 255, 255, 0.85);
}

h2.rsm-modal-header-title {
    font-family: inherit;
    color: var(--dark);
    font-weight: 900;
    margin-bottom: 2rem;
    position: relative;
    display: inline-block;
    font-size: 5rem !important;
}

label.rsm-modal-province-label {
    font-family: inherit;
    color: var(--text);
    font-weight: 600 !important;
    font-size: 18px !important;
    padding-bottom: 2rem !important;
}

p.rsm-modal-description {
    font-family: inherit;
    color: #94a1b2;
    font-weight: 400;
    font-size: 14px;
    max-width: 65ch;
}

button.rsm-confirm-button-style {
    border: none;
    border-radius: 20px !important;
    width: 100%;
    height: 55px;
    font-family: 'Averta Extra Bold', sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.05em;
    color: var(--light);
    cursor: pointer;
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: 0 8px 32px rgba(104, 188, 73, 0.5);
    color: var(--dark);
    text-transform: uppercase;
}

    button.rsm-confirm-button-style:hover {
        background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
        box-shadow: 0 6px 20px rgba(104, 188, 73, 0.5);
        transform: translateY(-2px) scale(1.02);
        letter-spacing: 0.05em;
        color: var(--light)
    }

    button.rsm-confirm-button-style:active {
        transform: translateY(1px) scale(0.98);
    }

    button.rsm-confirm-button-style::before {
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(120deg, transparent,rgb(255, 255, 255), transparent);
        transition: all 0.7s cubic-bezier(0.23, 1, 0.32,1);
    }

    button.rsm-confirm-button-style:focus {
        outline: none;
        transform: translateY(-2px);
        box-shadow: 0 12px 40px rgba(104, 188, 73, 0.5);
        letter-spacing: 0.05em;
    }

select.rsm-province-list-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid var(--primary) !important;
    border-radius: 8px !important;
    width: 100%;
    padding: 1.25rem;
    font-size: 18px;
    line-height: 1.5;
    height: 5rem;
    background: var(--light);
    color: var(--primary);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%2368BC49' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 24px;
    transition: all 0.35s ease;
    margin-top: 1rem;
}

    select.rsm-province-list-select:hover {
        background-color: rgba(104, 188, 73, 0.05);
    }

    select.rsm-province-list-select:focus {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(104, 188, 73, 0.1);
    }

    select.rsm-province-list-select option {
        padding: 1rem;
        line-height: 1.5;
        color: var(--primary);
        background: var(--accent);
        transition: background 0.2s ease;
    }

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: rgba(1, 147, 229, 0.05);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.glass-container {
    background: var(--glass);
    backdrop-filter: blur(12px);
    border-radius: 24px;
    border: 1px solid rgb(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgb(0,0,0, 0.05);
}

.select option, datalist option, input[list] {
    color: var(--text);
}

.modal-footer {
    padding: 2rem !important;
}


/*pop up*/

.rsm-popup-popup-wrapper {
    min-height: 40vh !important;
}

.rsm-popup-message-modal-container {
    margin-top: 2rem !important;
}

p.rsm-popup-message-modal-message {
    font-family: inherit;
    color: var(--text);
    font-weight: 400 !important;
    font-size: 20px !important;
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 4.5rem !important;
}

/* END REGIONAL SELECTOR MODAL*/
@media print
{

    .noprint
    {
        display: none;
    }

    .collapsed
    {
        display: inline;
    }
}