/* Minification failed. Returning unminified contents.
(5336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5339,17): run-time error CSS1039: Token not allowed after unary operator: '-recaptcha-legal-text'
(5356,21): run-time error CSS1039: Token not allowed after unary operator: '-recaptcha-legal-link'
(5363,25): run-time error CSS1039: Token not allowed after unary operator: '-recaptcha-legal-link-hover'
 */
/* 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;
}
      
a:hover {
    text-decoration:none;
}

.step4summary {
    font-size: 14px !important;
    padding: 0 0 15px 0 !important;
    font-weight: bold;
}
.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 {
    float: left;
}

/*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;
}

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

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

.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 .qe_magnifying {
    margin-right: 0;
}
#vetselecttabs  {
    border-radius:0;
    margin-top: 10px;
}
#vetselecttabs > ul li {
    padding: 0;
}
#vetselecttabs input[type="checkbox"] {
    margin-top: 15px;
}
.padding {
    padding: 25px;
}

#qe div.right {
    width: 250px;
    overflow: hidden;
    margin-left: 20px;
}
.qe_other_button_bar {
    overflow: hidden;
    margin-right: 20px;
}
.qe_button_bar  {
}
.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 {
  padding:0 0 0 0 !important;  
}
.bold{
    font-weight:bold;
}
.ui-tabs .ui-tabs-panel {
    padding: 10px 10px 0 10px !important;
}
.otherinfo_top {
    margin-top: 20px;
}
#qe div.qe_selection {
	overflow:hidden;
	float: left;
	display: inline;
	font-size:12px;
    width: inherit;
}
#qe div.qe_details {
    padding: 25px;
}
#qe div.qe_plans {
	overflow:hidden;
	display: block;
	font-size:12px;
	margin:10px auto 0;
}
div.qe_info{
    padding-top:5px;
	font-size:17px;
	margin:2px auto 0;
	overflow:hidden;
}
#qe div.qe_details {
    font-size:15px;
    overflow: hidden;
    float: left;
    display: inline;
    border: none;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    background-color: RGB(250,250,250);
}
div.asterix{
	font-size:10px;
    margin-bottom: 1.5rem;
}
#declaration {
    padding: 10px ;
	line-height:16px;
}

#declaration h1 {
    font-size: 20px;
    font-weight: bolder;
}

#declaration h2 {
    font-size: 16px;
    font-weight: bolder;
}

#declaration .underlined {
    text-decoration: underline;
}

#complete {
    padding: 25px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    background-color: RGB(250,250,250);
    color: #737373;
}
#qe_form {
    padding: 25px 25px 1px 25px;  
}
#right {
	width: 250px;
    margin-left: 20px;
	overflow: hidden;
}

#right .tab0_spacer {
    height: 34px;
}
#right .tab1_spacer {
    height: 21px;
}
.choose_plan {
    padding-left: 15px
}
.choose_plan h4 {
    padding-left: 8px
}
 .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;
    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;
}

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

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

#cvv-checkmark {
    border-color: lightgray;
}

#creditCard > div:nth-child(1) > div.four.columns {
    width: 150px;
}

#creditCard > div:nth-child(1) > div.four.columns > span > label {
    display: inline;
    line-height: 38px;
}
#AccountHolderName {
    width: 92%;
}

.moneriserrormessages {
    margin:0px;
}

@media screen and (max-width:700px) {
    #moneris-container #monerisFrame {
        height: 240px !important;
        width:100%;
    }
    .moneriscontainer {
        height: 240px;
        width: 100%;
    }
}
@charset "UTF-8";

html {
    height: 100%;
    box-sizing: border-box;
    background: #f9f9f6;
}

@font-face {
    font-family: "ProximaNova Regular";
    src: url(https://www.petsecure.com/fonts/ProximaNovaW01-Regular.otf) format("truetype");
    src: url(https://www.petsecure.com/fonts/ProximaNovaW01-Regular.woff) format("woff");
}

@font-face {
    font-family: "ProximaNova Bold";
    src: url(https://www.petsecure.com/fonts/ProximaNovaW01-Bold.otf) format("truetype");
    src: url(https://www.petsecure.com/fonts/ProximaNovaW01-Bold.woff) format("woff");
}

/* ------------- BODY AND CONTAINER OBJECTS -------------- */
body {
    font-size: 13px;
    min-height: 100%;
    position: relative;
    font-family: 'ProximaNova Regular' !important;
}

label {
    font-weight: 500 !important;
}

#main {
    margin-bottom: 80px;
}

.container {
    max-width: 1000px;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

p {
    font-size: 13px;
}

h1 {
    color: #003359;
    font-size: 30px;
    font-family: 'ProximaNova Bold' !important;
}

h2 {
    color: #007944;
    font-size: 20px;
    font-family: 'ProximaNova Bold' !important;
}

h3 {
    color: #333;
    padding-bottom: 0;
    letter-spacing: 0 !important;
    font-size: 2.4rem !important;
    margin-bottom: 16px !important;
    font-family: 'ProximaNova Bold' !important;
}

h4 {
    color: #333;
    font-size: 45px;
    line-height: 25px;
    letter-spacing: 0 !important;
    font-family: 'ProximaNova regular' !important;
}

h5 {
    color: #333;
    font-family: 'ProximaNova Bold' !important;
}

h6 {
    font-size: 2.4rem !important;
    font-family: 'ProximaNova Regular' !important;
}


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

    a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

div, span {
}



/*New css for DGI and TPIC*/

.float-right {
    float: right !important;
}

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

input[type="text"] {
    border-radius: 0px !important;
}

.LPMcontainer {
    display: none !important;
}

.navbar-links {
    margin-left: 15px;
}

    .navbar-links a {
        position: relative;
        text-decoration: none;
    }

        .navbar-links a:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: #007944;
            visibility: hidden;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
        }

        .navbar-links a:hover:before {
            visibility: visible;
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

#button1, #button2, #button3 {
    margin-left: 0px;
}

.fa-phone, .fa-user, .fa-canadian-maple-leaf {
    margin: 0 8px 0 0;
}

.fa-canadian-maple-leaf {
    font-size: 21px;
}

.fa-paw {
    margin-left: 15px;
}

    .fa-paw.fa-spin {
        font-size: 50px;
        margin: 27px 106px;
        color: #007944;
    }

a span {
    color: #007944;
}

.toggle-coverage {
    color: #007944;
}

.next-button.submit-quote {
    width: 410px;
    margin-left: 80px;
    padding-left: 15px;
}

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

#qe div.qe_details, #qe_customer, #qe_other, .summary_top {
    background: white;
}

td {
    font-size: 13px;
}

label {
    font-size: 15px;
}

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;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    color: #333 !important;
}


i.fa.fa-chevron-circle-right {
    margin: 5px 10px;
    font-size: 26px;
    float: right;
    opacity: .4;
}

#button1:hover i,
#button2:hover i,
#button3:hover i,
.step2-next-button:hover i {
    opacity: .9 !important;
}

#step2-continue-button:disabled {
    opacity: .3;
}

@media (max-width: 550px) {
    .account-info > li.navbar-links {
        display: none;
    }

    .top-layer-black > ul > li {
        display: inline-block;
    }

    .mobile-navbar > a {
        color: whitesmoke !important;
        font-size: 16px;
    }

    .header-phone {
        float: right;
    }

    .pre.next-button {
        margin-left: 0px;
        width: 290px;
    }

    .next-button-fr {
        margin-left: -15px !important;
        width: 310px !important;
        font-size: 13px !important;
    }

        .next-button > i,
        .next-button-fr > i {
            margin-left: 5px;
        }

    i.fa.fa-chevron-circle-right {
        margin: 7px 10px;
        font-size: 23px;
    }

    .planHeader > h3 > i {
        margin-left: 10px;
    }

    .fa-paw {
        margin-left: 0px;
    }

    .fa-external-link-alt {
        margin: 0 0 0 60px;
    }

    div.Underwriting .Answer {
        margin-top: 40px !important;
    }

    .Underwriting > .Answer > .Progress {
        margin: 25px 5px 10px 0px;
    }

    .Progress > .counter {
        height: 80px;
        width: 270px;
        margin-right: 10px;
        margin-left: 0px;
    }

    .next-button.submit-quote {
        width: 307px !important;
        margin-left: -10px !important;
        font-size: 14px !important;
    }

    .next-button.submit-quote-fr {
        width: 325px;
        margin-left: -20px;
        font-size: 12px !important;
        padding-left: 7px;
    }

    .step2-next-button {
        width: 250px !important;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
        width: 95% !important;
        height: auto !important;
        margin-bottom: 40px;
        left: 2% !important;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
        width: 150px !important;
        height: 100px !important;
        left: 34% !important;
    }

    #dialog-processing > img {
        margin: 10px 0 0 30px !important;
    }

    .fa-paw.fa-spin {
        font-size: 40px;
        margin: 15px 37px;
        color: #007944
    }
}

@media(min-width: 550px) {
    .mobile-navbar {
        display: none;
    }
}

/*End css for DGI and TPIC*/

/*New Radio button Styling*/
/* The container */
.radio-button-container {
    display: inline;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 103px;
}

    /* Hide the browser's default radio button */
    .radio-button-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.pet-type-selected {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 132px;
    background-color: #ccc;
    color: white;
    border-radius: 25px;
    transition: .2s;
}

/* On mouse-over, add a grey background color */
.radio-button-container:hover input ~ .pet-type-selected {
    background-color: #b7b7b7;
}

/* When the radio button is checked, add a blue background */
.radio-button-container input:checked ~ .pet-type-selected {
    background-color: #e0ab00;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.pet-type-selected:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-button-container input:checked ~ .pet-type-selected:after {
    display: inline;
}

/* Style the indicator (dot/circle) */
.radio-button-container .pet-type-selected:after {
    top: 9px;
    left: 9px;
    width: 20px;
    height: 20px;
    border-radius: 10%;
    color: white;
}

.fa-dog, .fa-cat {
    margin: 5px 8px 7px 19px;
    font-size: 25px;
}

.radio-button-row {
    margin-bottom: 25px !important;
}
/*End Radio button styling*/

/*New Declaration Checkbox Styling and Validation*/
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 3s;
}

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

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

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: transparent;
    border: 1px solid #929292;
    border-radius: 2px;
    transition: .4s;
}

/* When the checkbox is checked, add a background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #007944;
    border: 1px solid #007944 !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 6px;
    top: 0px;
    width: 7px;
    height: 15px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox-list {
    margin-top: 20px;
    margin-bottom: 130px;
}

.checkbox-container label {
    float: left !important;
}

#declaration-checkmark {
    border-color: lightgray;
}

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

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

.agreement-checkbox-validation {
    padding: 5px;
    color: orangered;
    font-weight: bold;
    font-size: 13px;
    border-radius: 3px;
    margin-left: 3px;
    transition: .5s;
    opacity: .9;
}
/*End checkbox styling*/


.mobileshow .headline {
    display: none;
}

.cursor-pointer {
    cursor: pointer;
}

.pull-right {
    line-height: normal;
}

.disabled {
    background-color: #D3D3D3;
}

.blue {
    color: #333 !important;
}

.clear {
    clear: both;
    display: block;
}

.smalltext {
    font-size: 13px !important;
}

.smallertext {
    font-size: 12px !important;
}

.underline {
    text-decoration: underline;
    color: #0082C4 !important;
}

.capitalize {
    text-transform: capitalize;
}

.dental-text {
    height: 40px;
    margin-left: 256px;
    color: #0082c4;
    padding-top: 20px;
    max-width: 538px;
    text-align: center;
}

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

.dental-text-PS {
    color: #0082c4;
    text-align: center;
}

.effective-date {
    color: #003359;
    font-size: 1.5em;
    font-weight: bold;
    margin: -20px 0 20px;
    padding-top: 0;
    text-align: center;
}

.rightalign {
    text-align: right;
    width: auto;
}

.welcomeWrp .three.columns {
    line-height: normal;
}

#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: #003359;
}

#qe {
    margin-top: 3%;
}
/* 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;
    }

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

.fa-lock, .fa-credit-card {
    font-size: 25px !important;
}

.fa-cc-visa, .fa-cc-mastercard {
    color: #ddd;
    font-size: 28px !important;
    right: 5px;
    position: absolute;
    top: 6px;
}

    .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;
}

span.navListCircle {
    border-radius: 100px;
    border: 2px solid #0082C3;
    color: #0082C3;
    padding: 2px 13px;
    font-size: 26px;
    text-align: center;
}

    span.navListCircle.active {
        border: 2px solid #FFF;
        color: #FFF;
    }

.logo-wrapper img {
    margin-right: 20px;
}

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

/* Quick Quote Space fixes */
.planBox .plan-coverage {
    margin-bottom: 5px;
}

div.verisign table {
    margin-bottom: 0 !important;
}

.three.columns, .four.columns {
    vertical-align: middle;
}

.your-account .offset-by-five.column, .your-account .offset-by-five.columns {
    line-height: 2.5em;
}

.six.columns input, .two.columns input, .twelve.columns input {
    margin-bottom: 5px;
    padding: 0 6px;
}

#qe_form ul li, #qe_form ul li .row {
    /*height: 60px;*/
    margin-bottom: 10px;
    display: block;
    clear: both;
}

.summary-ticker {
    margin-top: 20px;
    float: right !important;
    padding-left: 0 !important;
}

#birthdateValidation {
    margin-top: 5px;
}

.padding {
    padding: 10px 20px 0;
}

#step3 .other_info .three.columns {
    line-height: normal !important;
}

    #step3 .other_info .three.columns .selectmenu {
        height: 38px;
    }

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_full {
    width: 980px;
    margin: 5px 0px 0px 0px;
}

#qe #step2.qe_wrap {
    border: none;
}

.account-info {
    padding-top: 25px;
    list-style: none;
    line-height: 2.5em;
}

.account-menu-item {
    float: left;
    width: 33%;
    margin-left: 0px;
}


account-menu-item > a > img {
    height: 10rem;
}

.account-info li {
}

.account-menu-item > img {
    margin-bottom: -1px;
}

.account-divider {
    float: right;
    color: white;
}

#step3 .petDetailBottom .pull-right {
    line-height: 1.6;
}

#step3 .dialog-addpet {
    font-size: 13px;
    margin-top: 0;
}

.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: #0081C3;
    padding-top: 10px;
    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;
}

.petDetailHeader {
    border-bottom: 1px solid #DADADA;
    padding-bottom: 0;
    font-weight: bold;
    color: #0082C4;
    font-size: 17px;
}

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: 18px;
    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: 16px;
    margin-bottom: 0;
}

    .petDetailBox p.petName {
        font-weight: 600;
    }

#qe_customer .four.columns, .salutationLbl, #qe_customer .three.columns, #paymenttabs .four.columns {
    line-height: 38px !important;
}

.petDetailBottom {
    padding-top: 5px;
}

.edit p, .change p, .offer p, .remove p {
    margin: -5px 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 {
    line-height: 1.3em;
    margin-right: 10px;
    width: 226px;
    float: left;
    margin-bottom: 10px;
}

    .qe_plan_information p {
        font-size: 12px;
        line-height: 1.3em;
        padding: 0 5px 0 5px;
        color: #8f8e8e;
        width: 70%;
        margin-left: 30%
    }

.icon-dog {
    background: url("../Images/dog_icon.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-size: 100%;
}

.icon-cat {
    background: url("../Images/cat_icon.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-size: 100%;
}

div.canadian, div.coverage, div.fees {
    height: 60px;
    float: left;
    width: 60px;
    margin-right: 10px;
}

.canadian {
    background: url("../images/english/canadian.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/coverage.png") no-repeat top center;
}
/* ======== PLAN SELECTION ====================*/

.details-title-bar {
    background-color: #1D9DD2;
    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: 0;
    display: inline-block;
}

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

.plan-coverage-hover {
    background-color: #eaf1d8;
    border: solid #c1d68a !important;
    border-width: 1px !important;
}

.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: 100em;
    display: none;
    border: 1px solid #eee;
    z-index: 1001;
}

.plan-info-hover { /* using open sans font */
    border-radius: 10px;
    color: #fff;
    background-color: #1D9DD2;
    border-radius: 10px;
    cursor: pointer;
    font-size: 12px;
    font-style: italic;
    margin-left: 5px;
    padding-left: 6px;
    padding-right: 7px;
    text-transform: initial;
}

#qe div.qe_selection {
    width: 100%;
    margin-left: 10px;
    overflow: hidden;
    float: right;
    display: inline;
    font-size: 12px;
}

    #qe div.qe_selection h3 {
        color: #003359;
        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: 131px;
    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 ======================*/
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;
}

.summarylargefont {
    font-size: 16px;
    color: #0082C4;
}

.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: 0;
    font-weight: bold;
    color: #0082C4;
}

.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;
    width: 97%;
}

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

    #qe_dialog li a {
        color: orange;
    }

#qe_form {
    padding: 25px 25px 1px 25px;
    font-size: 14px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    background-color: white;
}

    #qe_form ul, #qe_other ul, #qe_form_dialog ul {
        list-style: none outside none;
    }

#qe_other {
    padding: 25px;
}

    #qe_other li.no_bottom_padding {
        padding-bottom: 0px !important;
    }

    #qe_other h4 {
        padding: 0px 0 15px 0px;
        color: #47afe3;
        font-size: 19px;
        font-weight: bold;
    }

    #qe_other p {
        display: inline-block;
        width: 85%;
    }

@media (min-width: 800px) {
    #qe_other img {
        margin-top: -20px;
        float: right;
    }
}

#qe_other_button {
    line-height: 80px;
}

.vetSelect {
    margin-top: 10px;
}

#vetselecttabs input[type="checkbox"] {
    margin-top: 0;
}

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;
}

.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;
}

.step3label label {
    width: 168px !important;
}

#qe_form label, #qe_form_dialog label {
    display: inline;
    color: #373737;
}

    #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;
}

#qe_pet_info {
    display: inline;
    float: left;
    margin: 0 0 0 28px;
    padding: 8px 8px 0 14px;
    width: 80px;
}

#qe_form_info {
    display: inline;
    float: left;
    padding: 8px 8px 0 12px;
    width: 240px;
}

.form_color {
    border-color: #bae1f5;
    background-color: #e0eef5;
}

.medinfo {
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    background-color: RGB(250,250,250);
}

.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;
}

.answer-progress-bar {
    margin-top: 50px;
}

.counter_item {
    padding-top: 14px;
    color: #007944;
    font-size: 20px;
    border-bottom: 1px solid;
}


.counter_arrows {
    width: 110px;
    height: 32px;
    overflow: hidden;
    margin: 30px 0px 0px;
    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: 0 135px 0 0 !important;
}

.voidcheque {
    background: url(../images/english/voidcheque.gif) no-repeat 0 0;
    width: 300px;
    height: 61px;
    margin: 0 0 0 15px;
}
/* ----- -------------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;
}

#qe_tab1 {
    width: 716px;
    overflow: hidden;
    float: left;
    margin-left: 180px;
}

    #qe_tab1 div.tab_1 {
        background: url(../images/english/step1.gif) no-repeat;
        background-size: 100%;
        height: 30px;
    }

    #qe_tab1 div.tab_1_fr {
        background: url(../images/French/step1.gif) no-repeat;
        background-size: 100%;
        height: 30px;
    }

#qe_tab div.tab_2 {
    width: 100%;
    background: url(../images/english/step2.gif) no-repeat;
    background-size: 100%;
    height: 45px;
}

#qe_tab div.tab_2_fr {
    width: 100%;
    background: url(../images/english/step2.gif) no-repeat;
    background-size: 100%;
    height: 45px;
}

#qe_tab div.tab_3 {
    background: url(../images/english/step3.gif) no-repeat;
    background-size: 100%;
    height: 45px;
    width: 100%;
    margin: 0 auto;
}

#qe_tab div.tab_3_fr {
    background: url(../images/english/step3.gif) no-repeat;
    background-size: 100%;
    height: 45px;
    width: 100%;
    margin: 0 auto;
}

#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: url(../images/english/complete.png) no-repeat;
    height: 76px;
    margin: 10px 0 -5px 20px;
    position: relative;
}

#qe_tab div.tab_5_fr {
    background: url(../images/French/complete.png) no-repeat;
    height: 76px;
    margin: 10px 0 -5px 20px;
    position: relative;
}

div.verisign {
    padding: 0;
    margin: 0;
    cursor: pointer;
    float: right;
}

    div.verisign table {
        margin-top: 0 !important;
    }

.verisign table tbody tr td {
    border-bottom: none !important;
    padding: 0 !important;
}

div.verisign2 {
    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 {
    color: #333131;
    font-size: 12px;
}

/*-------------- 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: #003359;
        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;
}

.side_bottom p {
    font-size: 12px;
    padding: 10px 0px 0px 0px;
    text-align: center;
    font-weight: bold;
    letter-spacing: .07em;
}

.summaryTitle {
    color: #0082C4;
    font-size: 35px;
}

.summary_top {
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    margin-top: 0;
    padding: 20px 20px;
}

.summary_top_fr {
    background: #FAFAFA;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    margin-top: 0;
    padding: 25px;
}

    .summary_top_fr.noprint #containingSummaryBox h2 {
        color: #C6C6C6;
        font-size: 34px;
        padding-bottom: 20px;
        text-align: center;
        font-weight: 400;
    }

#containingSummaryBox .name h3 {
    font-size: 2.4rem !important;
    color: #000;
    font-weight: normal !important;
}

#containingSummaryBox i {
    float: right;
    padding: 10px 12px 12px;
    border: 1px solid;
    border-radius: 50%;
    font-size: 30px;
    margin-top: 0px;
    background: #e0ab00;
    color: white;
}

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

.pet_box_other {
    padding-top: 10px;
}

.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: 10px;
        font-size: 20px;
    }

.pet_info {
    padding: 5px 0px;
    overflow: hidden;
    margin: auto 0;
}

    .pet_info table {
        font-size: 11px;
        margin-bottom: 0;
        width: 100%;
    }

    .pet_info td {
        border-top: 1px solid #C6C6C6;
        padding: 5px 0px 5px 7px;
    }

        .pet_info td.noborder {
            border-top: none;
        }

.bold {
    font-family: ProximaNova Bold;
}

    .bold span {
        font-family: ProximaNova Regular !important;
        font-weight: 300;
    }

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

.otherinfo_top {
    background-color: #FAFAFA;
    border: none;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
}
/* ------------- 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_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: #000000;
    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;
}

#vetselecttabs {
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    border: none;
    background-color: RGB(250,250,250);
    padding: 15px 20px 5px;
}

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;
}

/* ------------- 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;
    }

/* ------------- FOOTER  -------------- */
.footerLink:hover {
    text-decoration: underline;
}

#footer {
    overflow: hidden;
    clear: both;
    margin: 0 auto;
    color: #898989;
    text-align: center;
}

    #footer a {
        color: #496478;
        border: none;
    }

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

    #footer p {
        font-size: 10px;
    }

.top {
    vertical-align: top;
}

.bottom {
    vertical-align: bottom;
}


#footer_left {
    float: left;
    width: 500px;
    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: #003359;
    font-size: 19px;
    margin: 0;
}

#qe_summary h1 {
    color: #9FBF49;
    font-size: 22px;
    margin: 0;
}

.petname {
    color: #9FBF49;
    font-size: 20px !important;
    padding: 1px 0 0 75px;
    width: 300px !important;
    display: inline;
}

#qe_summary h3 {
    color: #333;
    font-size: 20px;
}

#qe_summary h5, #qe_payment {
    color: #47afe3;
    font-size: 15px;
    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: #003359;
        font-size: 15px;
        font-weight: 600;
    }

h4.add_pet a:hover {
    color: #D69B42 !important;
}

#declaration ul {
    list-style: none;
}

#declaration li {
    list-style-position: outside;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.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 {
    list-style: none;
    font-size: 13px;
    margin-bottom: 20px;
}

.PetMedicalInformation .six.columns label.smallwide {
    line-height: 38px;
}

.PetMedicalInformation label, .PetMedicalInformation span {
    margin-bottom: 0;
    line-height: 30px;
}

.PetMedicalInformation li {
    margin-bottom: 0;
}

#vetselecttabs li {
    padding: 5px 0 5px 0;
    margin-bottom: 0;
}

.petMedicalTitle {
    padding-bottom: 15px;
}

.Underwriting {
    clear: both;
}

div.Underwriting .Question {
    margin-top: 10px;
}

div.Question label {
    font-size: 16px;
}

div.Underwriting .Answer {
    margin-top: 30px;
}

div.Answer .AnswerOptions {
    clear: both;
    font-size: 16px;
}


#vetselecttabs > ul li {
    list-style: none;
    margin-top: 10px;
}

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: 30px;
    color: #007944 !important;
    font-family: 'ProximaNova Bold' !important;
}

.ui-widget-header, .ui-dialog-titlebar-close {
    color: #000 !important;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ui-widget-header {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #C6C6C6 !important;
}

.ui-dialog-titlebar-close {
    border: none !important;
}

.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 #FAFAFA !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none !important;
    border: 1px solid #d3d3d3 !important;
    color: #ffffff !important;
    border: none !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    background-color: #007944;
    color: #ffffff !important;
}

.VisaDebit {
    font-size: 12px;
    font-weight: bold;
    float: right;
    line-height: 35px;
}

#paymenttabs {
    background: #FAFAFA;
    padding: 20px 5px 20px 5px;
}

.saveButtonClass {
    background-color: #1D9DD2 !important;
}

    .saveButtonClass:hover {
        background-color: #60C2E9 !important;
    }

.ui-state-hover {
    background-color: #848688 !important
}

#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;
}

.noBullet {
    list-style: none;
}

.add {
    background-image: url("../images/plus-minus.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #000000;
    font-size: 11px;
    height: 16px;
    line-height: 11px;
    padding: 0 0 0 25px;
    margin-left: 25px;
    margin-bottom: 12px;
    width: 80%;
    max-width: 140px;
}

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

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

.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;
}

#socialHolder a {
    margin-left: 5px;
    margin-top: 15px;
}

div.samplecheck a:link, div.samplecheck a:visited {
    color: darkslategray;
}

a:link, a:visited {
    color: #007944;
    text-decoration: none;
}

a:hover {
    color: #007944 !important;
}

.top-layer-black {
    background: #333;
    width: 100%;
    height: 4rem;
}

    .top-layer-black > ul > li {
        color: whitesmoke;
        list-style: none;
        max-width: 1000px;
        margin: 0 auto;
        text-align: right;
        padding: 0.7rem 2rem;
        font-size: 17px;
    }

.top-layer-wrapper {
    border-top: none;
    font-size: 12px;
    overflow: visible !important;
    height: auto !important;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 10;
}

.portal-footer-wrapper {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6rem;
}

.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-menu {
    margin-top: 10px;
    margin-bottom: 10px
}

.portal-top-body {
    background-color: white;
    height: auto;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.1);
}

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

#complete, #qe_form, #step3 {
    margin-bottom: 2.5rem;
}

/** START 2016 new PS plans*/
.planBox {
    background: white none repeat scroll 0 0;
    display: inline-block;
    font-size: 13px;
    margin-top: 20px;
    padding: 0 0 10px;
    text-align: center;
    width: 100%;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    color: #555;
}

    .planBox .planHeader h3 {
        color: #FFF;
        font-size: 28px;
        padding-bottom: 10px;
        padding-top: 0;
        text-align: center !important;
        text-decoration: none !important;
    }

    .planBox .planHeader {
        background: #1D9DD2;
        color: #fff;
        padding: 10px 0 0;
        position: relative;
        margin-bottom: 10px;
    }

.planHeader h3 {
    text-transform: uppercase;
}

    .planHeader h3 i {
        font-size: 18px;
    }

.planBox hr {
    border-top: 1px dotted rgba(0,0,0,0.075);
    margin: 5px 0 0 0;
    padding-bottom: 5px;
}

.bg_popular {
    background: #1D9DD2 none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: 600;
    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 h4 {
    color: #1D9DD2;
    font-size: 12px;
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.planBox h5 {
    margin-bottom: 0;
}

.planBox h6 {
    margin-bottom: 0 !important;
}

.planBox p {
    font-size: 12px;
    line-height: 1.6;
}


@media only screen and (min-width: 500px) {

    .plans-dental {
        height: 140px;
    }

    .plans-additional {
        height: 200px;
    }

    .plans-preventive {
        height: 200px;
    }
}

.plans-dental a, .plans-additional a {
    color: #007944 !important;
}

.fa-plus-circle {
    font-size: 16px;
    color: #007944;
}

    .fa-plus-circle:hover {
        text-decoration: underline;
        cursor: pointer;
    }

i.fas.fa-minus-circle {
    color: red;
}

.addRemove {
    background: #007944 !important;
}

    .addRemove:hover {
        background: #777 !important;
    }

.darkred {
    background: #D4182F !important;
}

.darkgreen {
    background: #007944 !important;
}

.addRemove > span {
    color: white;
}


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

.validation-summary-errors ul {
    list-style: none;
    text-align: center;
}
/** END 2016 new PS plans*/

.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 a, .portal-top-body-content {
    color: #007944;
    font-size: 15px;
    max-width: 960px;
    margin: 0 auto;
    padding: 5px 0 5px 0;
}

    .portal-top-body-content a {
        font-family: 'ProximaNova Bold';
        font-size: 18px;
        padding-bottom: 2px;
    }

    .portal-top-body-content img {
        height: 60px;
        vertical-align: middle;
    }

        .portal-top-body-content img:hover {
            border: none;
        }

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

.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
    }


.red-orange-text {
    color: #1d9dd2;
}

.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: #1a5178;
    font-size: 20px;
    font-weight: bold;
    margin-top: 7px;
}

.call-now {
    background: url("../images/phone-icon-25x25.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
    color: #47afe3;
    font-size: 16px;
    font-weight: normal;
    height: 44px;
    margin-top: 17px;
    padding: 13px 0px 12px 40px;
}

.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
}

#mobileMenuButton {
    display: none;
    float: right
}

#mobileSocialButton {
    display: none;
    float: left
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

.selectmenu {
    border: 1px solid #DADADA !important;
    color: #333 !important;
    font-size: small;
    background-color: #ffffff !important;
    padding: 0 5px !important;
    margin: 0 0 10px !important;
    border-radius: 5px !important;
    height: 35px;
}

.helpmechoose {
    font-size: 13px;
}

.newsummarytable {
    font-size: 14px;
    width: 100%;
}

    .newsummarytable tfoot tr td {
        border-bottom: none !important;
    }

#qe_customer label {
    display: inline;
    float: left;
    font-size: 13px;
    margin-right: 15px;
    margin-bottom: 1rem;
    color: #000000;
}

#qe_customer .province {
    margin-bottom: 20px;
}

#qe_customer {
    padding: 25px;
}
/*.accountHolderName {
    margin-bottom: 25px !important;
}*/
#preferredcontactfield label {
    width: 95% !important;
}

.errorBox {
    padding: 25px 25px 1px 25px;
    font-size: 14px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    background-color: #ffffff;
}

/**** GET QUOTE NOW/CONTINUE BUTTON *****/
.save-button {
    float: left;
    padding-left: 20px;
}

button.next-button {
    color: #FFFFFF;
    border: none;
    background-color: #007944;
    border: none;
    height: 45px;
    border-radius: 0px;
    width: 48%;
    margin-left: 150px;
    margin-top: 30px;
    font-family: 'ProximaNova Bold';
    font-size: 19px;
    border-radius: 25px;
    transition: .2s;
}

.pre.next-button {
    font-size: 140%;
}

.continue-button,
.submit-quote,
.submit-quote-fr {
    padding-left: 15px;
}


.next-button:hover,
.next-button-fr:hover {
    cursor: pointer;
    opacity: .9;
}


.next-button-fr {
    color: #FFFFFF;
    border: none;
    background-color: #007944;
    border: none;
    height: 45px;
    border-radius: 0px;
    width: 80%;
    margin-left: 60px;
    margin-top: 30px;
    font-family: 'ProximaNova Bold';
    font-size: 19px;
    border-radius: 25px;
    transition: .2s;
}

.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;
}

td.clickable button {
    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: #E03F01;
    }

.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: #EFEFEF;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #C6C6C6;
    padding-top: 3%;
    padding-left: 10%;
    height: 126px;
}

.testimonialSmall {
    background-color: #FAFAFA;
    margin-top: 12px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
}

.testimonialSmall_fr {
    background-color: #FAFAFA;
    margin-top: 12px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
}

.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 {
    padding: 0px 25px 5px 25px;
    font-size: 13px;
}

.testimonial_image {
    text-align: center;
    padding: 65px 25px 0px 25px;
}

    .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;
    }

.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;
    }

#requestcallform ul {
    list-style-type: none;
    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;
}
/*Petsecure overwrite some skelton classes*/
@media (min-width: 550px) {
    #plans-slider > .three.columns {
        width: 25% !important;
    }

    #plans-slider .column, #plans-slider .columns {
        margin-left: 2% !important;
    }
}

@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, .headline {
        display: none;
    }

    .mobileshow, .mobileshow p {
        float: none !important;
    }

        .mobileshow .headline {
            display: block;
            font-size: 100%;
        }

    .firstmonth .eight.columns {
        width: 60%;
    }

    .firstmonth .four.columns {
        width: 40%;
    }

    .petDetailBox {
        border-top: 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;
}

.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;
}

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

#dialog-declaration a {
    color: #98ba3c !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: #1A5178;
    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: #FC6506;
    border-radius: 10px;
    font-size: 14px;
    color: #FFF;
    padding: 8px 15px;
    text-decoration: none;
    width: 170px;
    cursor: pointer;
}

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

#promoImage {
    position: absolute;
}

.portal-bbblink-holder {
    float: right;
    margin-right: 20px;
}

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

#qe_form.welcomeWrp .left {
    display: inline-block;
    float: none;
}

#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;
}

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

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

#step2 div.asterix {
    font-size: 12px;
}

#step2 .qe_button_bar div.asterix {
    float: left;
}

#step2 .RadioButtonHorizontal {
    float: none !important;
}

#vetselecttabs input[placeholder] {
    font-size: 12px !important;
}

/** Step 3 **/
#step3 .change, #step3 .edit, #step3 #qe_customer .asterix {
    display: none;
}

#step3 .summaryprice {
    font-size: 16px;
}

#step3 .asterix {
    font-size: 12px;
}

#step3 #qe_customer li {
    list-style: none;
}

#step3 #qe_customer label {
    margin-right: 0;
}

#step3 .space {
    padding-left: 10px;
}

.fa-tag {
    background: #1D9DD2 none repeat scroll 0 0;
    border-radius: 60px;
    color: white;
    content: "";
    display: block;
    font-size: 17px;
    margin-right: 5px;
    padding: 6px;
}

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

.fa.fa-times.fa-2 {
    background: #0082C4;
}

#step3 .samplecheck i {
    background: darkslategray none repeat scroll 0 0;
    border-radius: 60px;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
}

#step3 .samplecheck a {
    font-size: 80%;
}

#summaryImageDiv p {
    color: #1a5178;
    font-size: 16px;
    font-weight: 600;
}

/**================= Footer ================**/
#footer_left {
    width: 100% !important;
    margin: 0 auto 20px !important;
    border-bottom: 1px solid #bfbfbf;
    border-top: 0 !important;
}

#footer_bottom_left {
    border: none !important;
    text-align: left !important;
}

#footer_right {
    border-bottom: 1px solid #bfbfbf;
    margin: 0 auto !important;
    padding-bottom: 20px !important;
    width: 100% !important;
}

.footer-coverage-wrapper {
    background: url("/Content/Home/images/coverage_bg.png") repeat-x center;
    width: 100%;
}

    .footer-coverage-wrapper .wrapper {
        padding: 68px 0;
    }

    .footer-coverage-wrapper img {
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .footer-coverage-wrapper p {
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        margin-right: 20px;
    }

.footer-quote-wrapper {
    background: url("/Content/Home/images/blue_pattern.jpg") repeat-x center;
    width: 100%;
    padding: 140px 0 40px;
}

.footer-quote {
    bottom: 0;
    margin: 10px auto 0;
    position: absolute;
    text-align: center;
    width: 680px;
    max-width: 100%;
}

    .footer-quote h4 {
        float: left;
        color: #fafafa;
        font-size: 35px;
        margin-bottom: 0;
        padding-bottom: 10px;
        text-align: left;
    }

.footer-quote-wrapper a, .footer-quote-wrapper a:hover {
    background: #1D9DD2 url("/Content/Home/Images/arrow.png") no-repeat 13px center;
    color: #fafafa !important;
    font-size: 28px;
    line-height: 0;
    padding: 24px 20px 24px 55px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2);
    float: right;
    display: block;
}

    .footer-quote-wrapper a:hover {
        text-decoration: none;
        background: #98DE0F url("/Content/Home/Images/arrow.png") no-repeat 13px center;
    }

.footer-coverage-wrapper .wrapper, .footer-quote-wrapper .wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 950px;
}

.footer-quote-wrapper .wrapper, .footer-coverage-wrapper .wrapper {
    position: relative;
}

.copyright {
    margin: 18px 0 0;
}

#footer-bbb {
    margin: 0 auto;
    padding: 20px 0;
}

    #footer-bbb p {
        color: #888 !important;
        display: inline-block;
        margin: 19px 0 0 0;
    }

    #footer-bbb a {
        color: #888 !important;
        font-size: 10px
    }

#footer_bottom_left .copryright-links li a {
    color: #898989;
    font-size: 13px;
    margin: 0 7px 0 7px;
}

#footer_bottom_left .copryright-lin li a {
    color: #898989;
    font-size: 13px;
    margin: 0 7px 0 7px;
}

#footer .copyright > p, .copryright-links li {
    color: #898989;
    font-size: 13px;
    width: fit-content;
}

.copryright-links {
    margin: 12px 0 0;
}

    .copryright-links > ul {
        width: max-content;
    }

    @media (max-width: 768px){
        .copryright-links > ul {
            width: 100%;
        }
    }

@media (max-width: 1280px) {
    .copryright-links > ul {
        width: 90%;
    }
}

#footer-bbb ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

    #footer-bbb ul li {
        display: inline-block;
        vertical-align: middle;
        margin-left: 12px;
    }

#footer .petline-logo {
    display: inline-block;
    vertical-align: middle;
}

#footer-bbb .sf_2cols_2_50 {
    width: 45% !important;
}

#footer-bbb .sf_2cols_1_50 {
    width: 55% !important;
    margin-top: -15px !important;
}

#footer_bottom {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background: #333;
}

#footer_bottom_left li {
    padding: 5px 0 0 !important;
}

    #footer_bottom_left li.twitter, #footer_bottom_left li.youtube, #footer_bottom_left li.instagram {
        height: auto !important;
        margin-left: 4px;
        padding: 4px 0 0 !important;
    }

#footer_bottom .fa {
    background: #888 none repeat scroll 0 0;
    color: #FFF;
    font-size: 16px;
    line-height: 16px;
    padding: 6px;
    text-align: center;
    width: 14px;
}

.fa.fa-linkedin {
    background: #2085c7 none repeat scroll 0 0 !important;
}

.fa.fa-pinterest {
    background: #eb5755 none repeat scroll 0 0 !important;
}

.fa.fa-twitter {
    background: #78cdf0 none repeat scroll 0 0 !important;
}

.fa.fa-instagram {
    background: #004879 none repeat scroll 0 0 !important;
}

.fa.fa-youtube {
    background: #e9654b none repeat scroll 0 0 !important;
}

.fa.fa-linkedin {
    background: #2085c7 none repeat scroll 0 0 !important;
}

.fa.fa-facebook {
    background: #537bbd none repeat scroll 0 0 !important;
}

#footer_left .section ul {
    padding-left: 0;
}

#footer_left .section.margin ul {
    margin-left: 25px;
}

#footer_top_left {
    margin: 0 auto !important;
    padding: 60px 0 0;
    position: relative;
}

    #footer_top_left .section ul li a, #footer_top_left .section ul li, #footer_top_left .section p, #footer_top_left .section ul li h4, #footer_top_left .section h4, #footer_top_left .section a {
        font-size: 12px !important;
        padding: 0 !important;
        text-decoration: none !important;
        color: #898989;
    }

        #footer_top_left .section ul li h4, #footer_top_left .section h4 {
            font-weight: 600 !important;
            text-align: left;
            text-transform: uppercase;
            margin: 0 0 5px 0;
        }

    #footer_top_left .section ul li {
        padding: 0 !important;
    }

#footer_top_right .slick-slider {
    margin-bottom: 0;
    padding-left: 15px !important;
}

#footer_top_right li img {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
    width: auto !important;
}

#footer_top_right li {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0 !important;
    width: 100% !important;
}

#footer_top_right .slick-track {
    width: 100% !important;
}

#footer a {
    color: #fff;
}

#footer_left {
    margin: 20px auto;
    padding-bottom: 0;
    overflow: hidden;
    width: 950px;
}

#footer_top_left {
    color: #FFFFFF;
    margin-top: 0;
    width: 950px;
}

.section {
    float: left;
    border-left: 1px solid #606060;
    font-size: 10px;
    height: 110px;
    width: 236px;
    color: #fff;
    margin-bottom: 25px;
}

.section-34 {
    float: left;
    width: 600px;
}

.section-14 {
    float: left;
    width: 350px;
}

#footer_left .section ul {
    float: left;
    list-style: none outside none;
    width: 100%;
    line-height: 20px;
}

#footer_top_left .section ul li a {
    font-size: 12px;
    padding: 0 5px 0 10px;
    text-decoration: none;
}

.bold a {
}

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

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

#footer_top_left .section ul li {
    padding: 0px 5px 0px 40px;
}

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

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

#footer_bottom_left li {
    float: left;
    display: inline;
    padding: 5px 5px 0px 5px;
}

    #footer_bottom_left li a {
        color: #005ca5;
        font-size: 12px;
    }

#footer_payment_methods {
    float: right;
    background: url(images/payment_options.png) no-repeat 0% 50%;
    height: 27px;
    margin-top: 10px;
    width: 180px;
}

.followus {
    background: url(images/follow_us.png) no-repeat left center;
    text-indent: -10000px;
    height: 41px;
    width: 106px;
    display: block;
    margin-left: 4px;
}

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

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

#footer_bottom_left li.twitter {
    height: 27px;
    margin-left: 4px;
    margin-top: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

#footer_top_right {
    margin: 0 auto;
    width: 950px;
    overflow: hidden;
}

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

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

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

#footer_bottom_right {
    margin: 10px auto 0;
    width: 950px;
    border-top: 1px solid #606060;
    padding-top: 30px;
    line-height: 130%;
}

    #footer_bottom_right a {
        text-decoration: none;
        color: #47afe3;
    }

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

    #footer_bottom_right ul {
        float: left;
        margin-left: 4px;
    }

    #footer_bottom_right li {
        float: left;
        display: inline;
        padding: 5px 5px 0px 5px;
    }

#footer a:hover {
    color: #898989 !important;
    border-bottom: 1px solid #898989;
}

.mobileEFTbanner {
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
}

.western-full-desktop {
    width: 100%;
    box-sizing: border-box;
    margin-top: 0;
}

#footer .accredited {
    margin: 5px 0 0 0;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0.8;
    z-index: 1000;
}


/* ------------- FOOTER END  -------------- */

@media all and (max-width: 768px) and (min-width: 240px) {
    /*------------------- Footer ----------------------*/
    #footer_left {
        margin: 20px auto;
        max-width: 950px;
        overflow: hidden;
        padding-bottom: 0;
        width: 100%;
        border: none;
    }

    #footer_right {
        margin: 0 auto;
        max-width: 950px;
        width: 100%;
        padding-bottom: 0 !important;
    }

    #footer_payment_methods {
        float: none;
        margin: 10px auto;
        max-width: 180px;
        width: 100%;
    }

    #footer_top_right {
        display: none;
    }

    #footer_bottom_right {
        max-width: 100%;
        padding-top: 0;
        margin-top: 0;
        border: none;
    }

        #footer_bottom_right ul {
            float: none;
            margin-left: 0;
            margin: 0 auto;
            text-align: center;
            display: block;
        }

        #footer_bottom_right li {
            float: none;
            display: block;
            padding: 5px 5px 0px 5px;
            text-align: center;
        }

    #footer_bottom_left {
        border-top: 1px solid #606060;
        line-height: 130%;
        margin: 0px auto;
        width: 100% !important;
        overflow: hidden;
    }

    .copyright {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    #footer_bottom_left li {
        float: none !important;
        display: inline-block !important;
        padding: 5px !important;
    }

    #footer-bbb ul li {
        display: inline-block;
        float: none;
    }

        #footer-bbb ul li #bbblink {
            display: inline-block !important;
            vertical-align: middle;
        }

    #footer_top_left .section ul li.first {
        padding: 0 5px 0 9px;
    }

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

    #footer_bottom_right .section-14 {
        float: none;
        width: auto;
    }

    #am_best_link {
        margin: 10px auto 0;
    }

    select#CustomerInfo_Owner_SalutationId {
        margin-left: 0 !important;
    }

    .fa-cc-mastercard {
        right: 40px !important;
    }

    .fa-cc-visa, .fa-cc-mastercard {
        top: 9px !important;
        font-size: 20px !important;
    }
}

/* mobile */
@media (max-width: 640px) {

    #qq-image-placeholder {
        display: none;
    }

    .navbar-header {
        text-align: center;
    }

    .hide-mobile {
        display: none;
    }

    .show-mobile {
        text-align: center;
    }

    .planBox {
        margin-bottom: 10px;
    }

    #PetsecurePlan1 {
        margin-bottom: 30px;
    }

    .subtract, .add {
        max-width: none;
    }

    .plan-info-hover {
        display: none;
    }

    .mobileEFTbanner {
        display: none;
    }

    .mobileTopClaims {
        display: none;
    }

    .western-full-desktop {
        width: initial;
        box-sizing: initial;
    }

    .account-info {
        text-align: center;
    }

    .petDetailHeader {
        padding-top: 0px;
        display: none;
    }

    .petDetailBox {
        text-align: center;
    }

    /*.petDetailBottom {
        text-align: center;
    }*/

    #VetNotListedLabel, #ChangeRegionLabel {
        float: none !important;
        margin-bottom: 5px;
    }

    .annual-deductible-subheading {
        margin-top: 16px;
    }
}

@media (min-width: 620px) and (max-width: 760px) {
    #step3.step3wrap.eight.columns {
        width: 100% !important;
    }

    .summary_top, .summary-ticker {
        display: none !important;
    }
}

@media (min-width: 240px) and (max-width: 960px) {
    .portal-top-body-content li {
        width: 22% !important;
    }
}

@media (min-width: 240px) and (max-width: 670px) {
    .portal-top-body-content li {
        width: 24% !important;
    }

    #qe_form.welcomeWrp.eight.columns {
        width: 100%;
    }

    .your-account .offset-by-five.column, .your-account .offset-by-five.columns {
        line-height: 0.8em !important;
    }
}

@media (min-width: 240px) and (max-width: 570px) {
    .portal-top-body-content li {
        width: 46% !important;
    }
}

@media (min-width: 240px) and (max-width: 320px) {
    .portal-top-body-content li {
        width: 52% !important;
    }
}
/* Tablet */
@media (max-width: 1025px) {
    #footer_bottom .fa {
        background: #888 none repeat scroll 0 0;
        color: #FFF;
        font-size: 16px;
        line-height: 16px;
        padding: 4px;
        text-align: center;
        width: 14px;
    }

    .portal-top-body {
        margin: 0 auto;
        text-align: center;
    }

    .portal-top-body-content li:first-child {
        margin-left: 0;
    }

    .portal-top-body-content li {
        float: none;
        text-align: center;
        display: inline-block;
    }

    .account-text {
        vertical-align: top;
    }

    .your-account .offset-by-five.column, .your-account .offset-by-five.columns {
        line-height: 0.4em;
    }
}

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

/* recaptcha legal notice */
#footer .recaptcha-legal-wrapper {
    --recaptcha-legal-text: inherit;
    --recaptcha-legal-link: inherit;
    --recaptcha-legal-link-hover: inherit;
    color: var(--recaptcha-legal-text, inherit);
    font-size: inherit;
    line-height: 1.3;
    text-align: center;
    margin: 8px auto;
    padding: 6px 12px;
    max-width: 1000px;
}

    #footer .recaptcha-legal-wrapper p {
        margin: 0;
        color: inherit;
        font-size: inherit;
        line-height: inherit;
    }

    #footer .recaptcha-legal-wrapper a.attribution-link {
        color: var(--recaptcha-legal-link, currentColor);
        text-decoration: underline;
        font-size: inherit;
        font-weight: 400;
    }

        #footer .recaptcha-legal-wrapper a.attribution-link:hover {
            color: var(--recaptcha-legal-link-hover, currentColor);
            text-decoration: underline;
            opacity: 0.95;
        }

@media (max-width: 480px) {
    #footer .recaptcha-legal-wrapper {
        font-size: 12px;
        padding: 10px;
    }
}

/* hide the reCAPTCHA badge */
.grecaptcha-badge {
    visibility: hidden;
}
@media print
{

    .noprint
    {
        display: none;
    }

    .collapsed
    {
        display: inline;
    }
}