/******************************************* Typography Style *******************************************/
/*
@font-face {
  font-family: 'CalibriRegular';
  src: url('../fonts/calibri/calibri-webfont.eot');
  src: url('../fonts/calibri/calibri-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri/calibri-webfont.woff') format('woff'), url('../fonts/calibri/calibri-webfont.ttf') format('truetype'), url('../fonts/calibri/calibri-webfont.svg#CalibriRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CalibriRegular';
  src: url('../fonts/calibri/calibri_bold-webfont.eot');
  src: url('../fonts/calibri/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri/calibri_bold-webfont.woff') format('woff'), url('../fonts/calibri/calibri_bold-webfont.ttf') format('truetype'), url('../fonts/calibri/calibri_bold-webfont.svg#CalibriBold') format('svg');
  font-weight: bold;
  font-style: normal;
}


@font-face {
    font-family: Arial, Helvetica, sans-serif;
    src: url(../fonts/amaranth/amaranth-webfont.eot);
    src: url(../fonts/amaranth/amaranth-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/amaranth/amaranth-webfont.woff) format('woff'), url(../fonts/amaranth/amaranth-webfont.ttf) format('truetype'), url(../fonts/amaranth/amaranth-webfont.svg#AmaranthRegular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Arial, Helvetica, sans-serif;
    src: url(../fonts/amaranth/amaranth-italic-webfont.eot);
    src: url(../fonts/amaranth/amaranth-italic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/amaranth/amaranth-italic-webfont.woff) format('woff'), url(../fonts/amaranth/amaranth-italic-webfont.ttf) format('truetype'), url(../fonts/amaranth/amaranth-italic-webfont.svg#AmaranthItalic) format('svg');
    font-weight: 400;
    font-style: italic
}
*/

@-ms-viewport {
    width: device-width
}
/* Add back defaults that were being reset */
strong {
    font-weight: 700
}

b {
    font-weight: 700
}

em {
    font-style: italic
}

i {
    font-style: italic
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #4b4b4b;
    font-size: 13px;
    -webkit-font-smoothing: antialiased
}

.quotes,
h1,
h2,
h3,
/* A
h4 {
    font-family: AmaranthRegular
*/
h4 {
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 25px
}

h3 {
    font-size: 18px;
    margin-bottom: 12px
}

h3 a {
    font-size: 18px;
    font-weight: 400
}

h4 {
    font-size: 16px;
    margin-bottom: 12px
}

h5 {
    font-size: 16px
}

h5.bottom {
    padding-bottom: 30px!important
}

h6 {
    font-weight: 700;
    font-size: 16px
}

p {
    line-height: 1.5;
    font-size: 16px!important
}

.profileTitleWrap {
    font-size: 16px!important
}

.greenbg {
    background-color: #0f0
}

.yellowbg {
    background-color: #ff0
}

.redbg {
    background-color: red;
    color: #fff
}

p.alert {
    color: red!important;
    font-size: 18px;
    margin-bottom: 25px!important
}

p.faq2 {
    margin-bottom: 10px!important;
    margin-top: 10px!important
}

p.helptext {
    font-size: 13px!important
}

p.bottomPara {
    padding-bottom: 30px
}

p.blue {
    color: #00f;
    font-size: 13px
}

.red {
    color: red
}

.cornflowerblue {
    color: #6495ed
}

p.blue2 {
    color: #00f;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 25px!important
}

p.no_margin {
    margin-bottom: 0!important
}

p.box {
    color: #00f;
    margin-bottom: 25px!important
}

span.ppp {
    float: right;
    clear: left
}

.clear {
    display: block;
    clear: both
}

.ErrorTable {
    border: 1px solid #d6dde6;
    border-top: thin;
    border-collapse: collapse;
    margin-bottom: 30px;
    width: 400px;
    table-layout: fixed
}

.AlertTable {
    border: 1px solid #d6dde6;
    border-top: thin;
    border-collapse: collapse;
    margin-bottom: 30px
}

body#ad-result-house .AlertTable {
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap: break-word
}

.AlertTable th {
    vertical-align: baseline;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    background-color: #b0c4de
}

.AlertTable td {
    padding: 5px;
    text-align: left;
    vertical-align: text-top;
    vertical-align: top
}

body#ad-result-house .AlertTable td img {
    height: auto
}

.ContactTable {
    border-collapse: collapse
}

.ContactTable td {
    padding: 5px;
    text-align: left;
    vertical-align: text-center;
    vertical-align: center
}

#houseOwnerSitter {
    display: none
}

    /* 21/08/2018, Ian White, To fix menu nav running into logo - add padding */
#logo img {
    width: 146px;
    height: 69px;
    padding-right: 5px;
}

img#gplus32 {
    width: 35px;
    height: 36px
}

img#PinterestImg {
    width: 116px;
    height: 35px
}

body.right-main #middle .right-col form fieldset#basic_flexi_location .selectBox,
body.right-main #middle .right-col form fieldset#basic_flexi_location select,
body.right-main #middle .right-col form fieldset#basic_location .selectBox,
body.right-main #middle .right-col form fieldset#basic_location select {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 245px
}

/*
td{
  word-break:break-all;
 }
 */
 /*
 .homeSelectoractive{
    color: #FFF !important;
    background-color: #D9534F !important;
    border-color: #D43F3A !important;
 }
 /*

.ThumbTable   {
    /*table-layout: fixed;
    width: 800px;*/
}
.ThumbTable td, .ThumbTable th {
    /*padding:5px 5px 0 0;
    text-align:left;
    vertical-align: text-top;
    vertical-align:top;
    width:80px;
    overflow: hidden;*/
}

body#photoview .ThumbTable img {
    width: auto;
    height: auto
}

.row0 {
    background-color: #fff
}

.row1 {
    background-color: #ffffcf
}

.fancy-inline-box2 {
    /* width: 200px;*/
    padding: 40px;
    border: 3px solid #f1b312;
    background-color: #fff
}

.fancy-inline-box2 h2 {
    margin-bottom: 25px
}

.TextWrap {
    float: right;
    margin: 10px
}

.TextWrapLeft {
    clear: right;
    float: left;
    margin: 10px
}

/******************************************* Sprites *******************************************/

#fancybox-close,
.SI-FILES-STYLIZED .cabinet,
.SI-FILES-STYLIZED .cabinet:hover,
.arrow-link-down,
.arrow-link-up,
.big-btn,
.big-btn:hover,
.checklink-box ul li a,
.close_button,
.crlist,
.crlist:hover,
.ez-checkbox,
.ez-checked,
.ez-radio,
.icon,
.left-col .icon,
.mid-btn,
.mid-btn:hover,
.minus,
.minus:hover,
.plus,
.plus:hover,
.search-btn,
.search-btn:hover,
.selectBox-arrow,
.tip-boxes span.triangle,
.title-icon,
a.arrow-link,
a.arrow-link-left,
a.arrow-link:hover,
a.fb-icon,
a.fb-icon:hover,
a.twitter-icon,
a.twitter-icon:hover,
div#tab-indicator,
footer#footer div.container,
li#login,
li#login>a,
nav.slides-nav ul li a {
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat
}

/******************************************* Global Style *******************************************/
/* iw 4/12/2019 For home page take less space profile link */
.smallItalic{
font-size: 10px !important;
font-style: italic !important
}

body,
html {
    height: 100%;
    width: 100%;
    position: relative
}

select {
    width: 178px
}

div#wrap {
    width: 100%;
    min-width: 1024px;
    min-height: 100%
}

div#middle {
    /*overflow: auto;*/
    padding-bottom: 40px;
    /*  overflow-x: hidden;
 sticky footer setting: must be same height as the footer */
}

#main {
    margin: 22px auto;
     /*
  overflow: hidden;
  */
}

.container {
    width: 1008px;
    margin: 0 auto
}

.container2 {
    width: 1100px;
    margin: 0 auto
}

.rows {
    clear: both
}

.show {
    display: block!important
}

.hide {
    display: none!important
}

p.right-align {
    text-align: right
}

p.left-align {
    text-align: left
}
*/ IW 13/11/2019  for home page pic caption and link text */
a.piccaption {
    font-size: 12px!important;
    font-style: italic!important;
}
a.piccaption2 {
    font-size: 12px!important;
}
a.linktext {
    font-weight: 700;
    font-size: 14px!important;
    color: #00467f;
    text-decoration: none
}

a {
    font-weight: 700;
    font-size: 16px!important;
    color: #00467f;
    text-decoration: none
}

a:hover {
    border-bottom: 1px solid #efb412
}

a:active {
    color: #4b4b4b;
    border-bottom: 0
}

/* 21/08/2018, Praveen, For - remove sprite bleed from links */
a,
a:active,
a:focus,
a:hover {
    outline: 0
}

a.arrow-link {
    background-position: right -186px;
    padding-right: 10px;
    font-size: 16px
}

a.arrow-link:hover {
    border-bottom: 1px solid #efb412;
    text-decoration: none;
    font-size: 16px
}

a.arrow-link:active {
    background-position: right -199px
}

a.arrow-link-left {
    background-position: left -185px;
    padding-left: 10px;
    font-size: 16px!important
}

a.arrow-link-left:hover {
    border-bottom: 1px solid #efb412
}

a.arrow-link-left:active {
    background-position: left -199px
}

.arrow-link-down {
    background-position: right -913px;
    padding-right: 10px
}

.arrow-link-up {
    background-position: right -995px;
    padding-right: 10px
}



.labels {
    font-weight: 700;
    font-size: 13px
}

.quotes {
    font-style: italic;
    font-size: 22px;
    line-height: 30px
}

.dates {
    font-weight: 400;
    font-size: 13px;
    font-style: italic
}

.search-btn {
    font-weight: 700;
    font-size: 16px;
    height: 38px;
    line-height: 36px;
    color: #fff;
    text-transform: uppercase;
    background-image: none;
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    width: 109px;
    margin-top: 0;
    margin-bottom: 30px;
    padding: 0;
    cursor: pointer
}

.search-btn:hover {
    background-image: none;
    background-color: #2e6da4;
    border: 1px solid #2e6da4;
    color: #fff
}

.big-btn {
    display: block;
    width: 270px;
    height: 36px;
    line-height: 36px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 18px;
    text-align: center;
    color: #3e3d3d;
    background-color: #eeb210;
    background-position: left -252px;
    border: 1px solid #dcb99c;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 30px
}

.big-btn:hover {
    background-color: #717171;
    background-position: -280px -252px;
    border: 1px solid #4b4b4b;
    color: #fff;
    text-decoration: none
}

.long-btn {
    display: block;
    height: 36px;
    line-height: 36px;
    background-image: none;
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 18px;
    text-align: center;
    color: #fff;
    padding: 0 9px;
    margin-top: 0;
    margin-bottom: 30px
}

.long-btn:hover {
    background-image: none;
    background-color: #2e6da4;
    background-position: -150px -462px;
    border: 1px solid #2e6da4;
    color: #fff;
    cursor: pointer
}

.mid-btn {
    width: 140px;
    height: 36px;
    line-height: 36px;
    background-image: none;
    background-color: #337ab7;
    background-position: left -462px;
    border: 1px solid #2e6da4;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 18px;
    text-align: center;
    color: #fff;
    padding: 0;
    margin-top: 0;
    margin-bottom: 30px
}

.mid-btn:hover {
    background-image: none;
    background-color: #2e6da4;
    background-position: -150px -462px;
    border: 1px solid #2e6da4;
    color: #fff;
    cursor: pointer
}

a.alpha50 {
    background: url(../img/alpha50-repeater.png) repeat
}

a.alpha50:hover {
    background: url(../img/alpha67-repeater.png) repeat
}

.rgba a.alpha50 {
    background: rgba(255, 255, 255, .5)
}

.rgba a.alpha50:hover {
    background: rgba(255, 255, 255, .67)
}

.icon:hover {
    border-bottom: 0
}

.icon:hover>span {
    border-bottom: 1px solid #efb412
}

.title-icon {
    padding-left: 32px;
    height: 22px;
    line-height: 22px
}

.house-icon {
    background-position: left -664px;
    height: 20px;
    line-height: 22px
}

.people-icon {
    background-position: left -685px;
    height: 20px;
    line-height: 20px
}

.clipboard-icon {
    background-position: left -705px;
    height: 23px;
    line-height: 23px
}

ul.square {
    margin-left: 16px;
    margin-top: 8px!important
}

ul.square ul {
    margin-left: 20px
}

ul.square .arrow-link.active {
    background-position: right -913px
}

ul.square>li {
    list-style-image: url(../img/list-square.png);
    margin-bottom: 8px;
    font-size: 16px
}
/* Tooltip Style */
.tip-triggers {
    cursor: pointer
}

.tip-boxes {
    background-color: #f2d974;
    border: 1px solid #f0be3a;
    border-radius: 4px;
    color: #4b4b4b;
    display: none;
    font-weight: 400;
    left: 0;
    padding: 9px;
    position: absolute;
    top: 0;
    min-width: 142px;
    z-index: 999
}

.tip-boxes span.triangle {
    display: block;
    background-position: left -447px;
    width: 11px;
    height: 15px;
    position: absolute;
    left: -11px;
    top: 7px
}
/* Expand Form Tab Style */
.expand-trigger {
    display: block
}

.expand-trigger:hover {
    cursor: pointer
}

.plus {
    width: 14px;
    height: 14px;
    background-position: left -498px
}

.plus:hover {
    background-position: -24px -498px;
    cursor: pointer
}

.minus {
    width: 14px;
    height: 14px;
    background-position: -48px -498px
}

.minus:hover {
    background-position: -72px -498px
}

.crlist {
    width: 250px;
    height: 36px;
    line-height: 36px;
    background-color: #eeb210;
    background-position: left -627px;
    border: 1px solid #dcb99c;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 18px;
    text-align: center;
    color: #3e3d3d;
    padding: 0;
    margin: 0
}

.crlist:hover {
    background-position: -260px -627px;
    background-color: #717171;
    border: 1px solid #4b4b4b;
    color: #fff;
    cursor: pointer
}
/* Placeholder text style */
.placeholder,
:-moz-placeholder,
:-ms-input-placeholder,
::-webkit-input-placeholder {
    color: #9b9b9b
}
/* Form Element Style */
div#wrap form .input_label {
    line-height: 30px;
    margin-right: 10px
}

div#wrap form .input_row {
    clear: both;
    /*margin-bottom: 10px;
  overflow: hidden;*/
}

div#wrap form .input_row label.error {
    color: red;
    margin: 10px 0;
}

div#wrap .error {
    color: red
}

div#wrap form .input_row .input_label {
    display: block;
    float: left
}

div#wrap form .input_row .selectWrapper {
    position: relative;
    float: left
}

div#wrap form .input_row .selectWrapper label.error {
    position: absolute;
    z-index: 998;
    top: 1px;
    left: 1px;
    padding-left: 13px;
    background-color: #fff;
    margin-right: 32px;
    height: 28px;
    line-height: 28px
}

div#wrap form .input_row .inputWrapper {
    float: left
}

div#wrap form .input_row .inputWrapper label.error {
    display: block;
    margin-top: 10px;
    text-align: right
}

div#wrap form input[type=email],
div#wrap form input[type=password],
div#wrap form input[type=text],
div#wrap form textarea {
    width: 245px;
    font-weight: 400;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #9b9b9b;
    font-size: 14px;
    outline: 0
}

div#wrap form div.ContactForm textarea {
    width: 200px;
    font-weight: 400;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #9b9b9b;
    font-size: 14px;
    outline: 0
}

div#wrap form input[type=email],
div#wrap form input[type=password],
div#wrap form input[type=text] {
    height: 24px;
    padding: 2px 2px 2px 12px
}

div#wrap form textarea {
    resize: none;
    padding: 8px 12px
}

div#wrap form input[type=email]:focus,
div#wrap form input[type=password]:focus,
div#wrap form input[type=text]:focus,
div#wrap form textarea:focus {
    border-color: #ecbe40;
    outline: 0;
    color: #4b4b4b
}

/* Custom Style File Uploader */
.SI-FILES-STYLIZED .cabinet {
    display: block;
    overflow: hidden;
    width: 140px!important;
    height: 36px;
    background-position: left -538px;
    border: 1px solid #dcb99c;
    padding: 0;
    margin: 0;
    clear: none!important
}

.SI-FILES-STYLIZED .cabinet:hover {
    background-position: -150px -538px;
    border: 1px solid #4b4b4b
}

.SI-FILES-STYLIZED .cabinet input.file {
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0
}

/* ezMark Custom Checkbox style */
.ez-hide {
    opacity: 0
}

.ez-checkbox {
    background-position: left -932px;
    display: inline-block;
    margin-right: 5px;
    height: 20px;
    zoom: 1;
    /* IE fix */
}

.ez-checkbox input {
    margin: 0;
    margin-top: 4px
}

.ez-checked {
    background-position: left -965px
}

.ez-radio {
    background-position: -400px -512px;
    display: inline-block;
    margin-right: 5px;
    zoom: 1;
    /* IE fix */
}

.ez-radio input {
    margin: 0!important
}

.ez-selected {
    background-position: -430px -512px
}
/* Select Box Style */
.selectBox:hover {
    border-color: #d6d6d6
}

.selectBox-dropdown {
    font-weight: 400;
    border: 1px solid #d6d6d6;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 28px
}

.selectBox-dropdown .selectBox-label {
    line-height: 24px;
    padding: 2px 12px
}

.selectBox-dropdown .selectBox-arrow {
    background-position: left -116px;
    width: 15px;
    margin-right: 9px
}

.selectBox-dropdown.selectBox-menuShowing {
    border-color: #ecbe40!important
}

.selectBox-dropdown.selectBox-menuShowing span.selectBox-label {
    color: #4b4b4b
}

.selectBox-dropdown-menu {
    margin-top: -1px!important;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.selectBox-inline {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.selectBox-options li a {
    font-weight: 400;
    color: #4b4b4b;
    padding: 0 12px;
    border-bottom: 0
}

/* Cycle Slides Style */
.slides {
    display: none
}

nav.slides-nav {
    background-color: #fff
}

nav.slides-nav ul li {
    float: left
}

nav.slides-nav ul li a {
    display: block;
    width: 11px;
    height: 15px;
    text-indent: -9999px;
    margin: 0 5px
}

nav.slides-nav ul li a.prev-slides {
    background-position: left -213px
}

nav.slides-nav ul li a.prev-slides:hover {
    background-position: -21px -213px
}

nav.slides-nav ul li a.next-slides {
    background-position: left -228px
}

nav.slides-nav ul li a.next-slides:hover {
    background-position: -21px -228px
}

nav.slides-nav ul li a:hover {
    border-bottom: 0
}

#fancybox-close {
    background-position: left -613px
}

#fancybox-close:hover {
    border-bottom: 0
}

/******************************************* Header Style *******************************************/

header#top-header {
    position: relative
}

header#top-header div.container {
    position: relative
}

header#top-header div.container h1.top-headings {
    position: absolute;
    top: 170px;
    margin-bottom: 14px
}

a#logo {
    position: absolute;
    left: 0;
    top: 22px;
    /*
    background: url('../img/house-carers-logo.png') no-repeat;
    width: 154px;
    height: 69px;
    text-indent: -9999px;
    */

}

a#logo:hover {
    border-bottom: 0
}

nav#sub-nav {
    position: absolute;
    top: 21px;
    right: 197px
}

nav#sub-nav ul li {
    float: left;
    padding: 0 7px;
    border-left: 1px solid #4b4b4b
}

nav#sub-nav ul li a {
    font-weight: 400;
    font-size: 14px;
    color: #3f3f37
}

nav#sub-nav ul li a:hover {
    border-color: #3f3f37
}

nav#sub-nav ul li:first-child {
    border-left: 0
}

nav#sub-nav2 ul li {
    float: left;
    padding: 0 7px;
    border-left: 1px solid #4b4b4b;
    margin-top: 10px;
    margin-bottom: 10px
}

nav#sub-nav2 ul li a {
    font-weight: 400;
    font-size: 15px
}

nav#sub-nav2 ul li a:hover {
    border-color: #3f3f37
}

nav#sub-nav2 ul li:first-child {
    border-left: 0
}

ul#account {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    display: block
}

ul#account a:hover {
    border-bottom: 0
}

ul#account li#login {
    height: 56px;
    background-position: right -56px
}

ul#account li#login>a {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 16px;
    padding: 0 25px;
    display: block;
    background-position: left top;
    line-height: 56px;
    float: right;
    font-weight: 400;
    margin: 0 15px
}

ul#account li#login ul {
    display: none;
    clear: both
}

ul#account li#login ul li a {
    display: block;
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    line-height: 28px;
    text-align: center
}

ul#account li#login ul li a:hover {
    color: #fff;
    background-color: #00467f
}

ul#account li#login ul li:last-child a {
    padding-bottom: 8px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

ul#account li#login.locked>a {
    background-position: -280px top
}

.active-shortcut {
    background-color: #fff;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .27);
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, .27);
    box-shadow: 0 4px 6px rgba(0, 0, 0, .27)
}

nav#main-nav {
    position: absolute;
    top: 62px;
    right: 0
}

nav#main-nav ul li {
    float: left
}

/* ian white 31/07/2020 stop heading overlap logo in firefox reduce font size to 15px */
nav#main-nav ul li a {
    display: block;
    font-size: 15px !important;
    color: #4b4b4b;
    line-height: 38px;
    height: 38px;
    padding: 0 20px;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #fff
}

nav#main-nav ul li a:hover {
    border-bottom: 0
}

nav#main-nav ul li a.em {
    color: #00467f
}

nav#main-nav ul li a.active {
    background-color: #fff
}

nav#main-nav ul li:first-child a {
    border-left: 0;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

nav#main-nav ul li.about a {
    border-right: 0
}

nav#main-nav ul li.join a {
    background-color: #00467f;
    color: #fff;
    text-transform: uppercase;
    border-left: 0;
    border-right: 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

nav#main-nav ul li.join a:hover {
    background-color: #595959
}

div#social {
    position: absolute;
    z-index: 998;
    top: 118px;
    right: 0;
    width: 320px
}

div .shareaholic-share-buttons-heading-image {
    width: 191px;
    height: 63px
}

div#social2 {
    position: absolute;
    z-index: 998;
    top: 95px;
    right: 10;
    /* width: 320px;*/
    padding-left: 390px;
    padding-top: 10px
}

div#social3 {
    position: absolute;
    z-index: 998;
    top: 95px;
    right: 10;
    /* width: 320px;*/
    padding-left: 390px
}

div#social>a {
    margin-top: 2px
}

div#social2>a {
    margin-top: 2px
}

div#social a.addthis_button_facebook_like {
    width: 50px;
    margin-top: 0;
    margin-right: 32px
}

div#social a:hover {
    border-bottom: 0
}

div#top-nav-bg-repeater {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #595959 url(../img/top-nav-bg-repeater.jpg) repeat-x
}

div#top-nav-container {
    background: url(../img/top-nav-bg.jpg) no-repeat center top;
    height: 49px
}

div#top-nav-container ul {
    list-style: none
}

div#top-nav-container ul li {
    float: left;
    margin-top: 10px;
    padding: 0 37px
}

div#top-nav-container ul li a {
    font-weight: 700;
    font-style: italic;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    display: block
}

div#top-nav-container ul li a:hover {
    border-bottom: 0
}

div#top-nav-container ul li a.active,
div#top-nav-container ul li a:hover {
    font-weight: 700;
    color: #edb110
}

div#top-nav-container ul li {
    border-left: 1px solid #fff
}

div#top-nav-container ul li:first-child {
    border-left: 0
}

nav#tab {
    position: relative;
    height: 49px
}

nav#tab div#tab-indicator {
    position: absolute;
    display: none;
    background-position: left -243px;
    width: 18px;
    height: 9px;
    left: 0;
    top: 40px
}

/******************************************* Footer Style *******************************************/
 /* 27/08/2018, Praveen, To fix footer style */

footer#footer {
    position: relative;
    /*29/10/2019 DG*/
    /*margin-top: -182px;*/
    margin-top: 0px;
    /* sticky footer setting: negative value of footer height */
    /* height: 145px;  */
    /* min-height: 236px; */
    border-top: 1px solid #e5e5e5;
    border-bottom: 11px solid #595959;
    clear: both;
    background: #fff url(../img/footer-bg-repeater.png) repeat-x left top
}

footer#footer {
    min-height: inherit!important
}

footer#footer:after,
footer#footer:before {
    content: " ";
    display: table
}

footer#footer:after {
    clear: both
}

.homefooter {
    position: relative;
    margin-top: -173px;
    /* sticky footer setting: negative value of footer height */
    /* height: 160px; */
    border-top: 1px solid #e5e5e5;
    border-bottom: 11px solid #595959;
    clear: both;
    background: #fff url(../img/footer-bg-repeater.png) repeat-x left top
}

footer#footer div.container {
    /*margin-top: 45px; */
    margin-top: 15px;
    height: 103px;
    background-position: left -288px
}

footer#footer div.container nav ul {
    float: left;
    margin-left: 74px;
    line-height: 20px
}

footer#footer div.container nav ul li {
    font-size: 14px;
    font-weight: 400;
    color: #4b4b4b;
    padding: 8px 0
}

footer#footer div.container nav ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #4b4b4b
}

footer#footer div.container nav ul li a:hover {
    border-color: #4b4b4b
}

footer#footer div.container div#connects {
    float: left;
    margin-left: 75px;
    /* allow for more lines of links - add margin-top:30px;*/
    margin-top: 30px;
    width: 100%
}

#socialbtns a {
    position: relative;
    top: -10px;
    left: -40px
}

footer#footer div.container div#connects h3 {
    display: block;
    float: left;
    margin-right: 32px
}

footer#footer div.container div#connects a {
    display: block;
    float: left;
    line-height: 28px;
    text-indent: -9999px;
    margin-left: 24px
}

footer#footer div.container div#connects a:hover {
    border-bottom: 0
}

footer#footer div.container div#connects a.fb-icon {
    width: 11px;
    background-position: left -391px
}

footer#footer div.container div#connects a.fb-icon:hover {
    background-position: -21px -391px
}

footer#footer div.container div#connects a.twitter-icon {
    width: 36px;
    background-position: left -419px
}

footer#footer div.container div#connects a.twitter-icon:hover {
    background-position: -46px -419px
}

/*
footer#footer div.container div#dg-info {
  float: right;
  margin-top: 34px;
}

footer#footer div.container div#dg-info #dglink {
  display: block;
  float: right;
  font-weight: normal;
  color: #4b4b4b;
  border-color: #3f3f3f;
}
footer#footer div.container div#dg-info #dglogo {
  display: block;
  text-indent: -9999px;
  width: 20px;
  height: 16px;
  background: url('../img/dg-logo.png') no-repeat;
  float: right;
  margin-left: 10px;
  border-bottom: 0;
}
footer#footer div.container div#dg-info #dglogo:hover {
  background-position: left -16px;
}
*/

/* sticky footer setting: Opera Fix */
body:before {
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px
}

/******************************************* Home page style *******************************************/

body#home header#top-header {
    height: 562px;
    /*background: #d3e3f0 url(../img/home-clouds.png) no-repeat center top; edited on 12-11-2019*/
    background: #d3e3f0 url(../img/home-clouds.png) no-repeat center 70%;
    overflow: hidden
}

body#home header#top-header div.container {
    background: url(../img/home-buildings.png) no-repeat left bottom;
    height: 513px
}

body#home header#top-header div.container div#lights {
    background: url(../img/lights.png) no-repeat;
    position: absolute;
    left: 365px;
    bottom: 4px;
    width: 254px;
    height: 105px;
    display: none
}

body#home header#top-header div.container div.search-boxes {
    position: absolute;
    left: 0;
    top: 145px;
    width: 570px;
    height: 200px
}

body#home header#top-header div.container div.search-boxes span.tip-triggers {
    font-weight: 700;
    color: #00467f
}

/*
body#home header#top-header div.container div.search-boxes dt {
  font-family: 'AmaranthRegular';
  font-weight: bold;
  font-size: 45px;
  line-height: 60px;
  clear: both;
}
*/

body#home header#top-header div.container div.search-boxes h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 40px;
    /*line-height: 60px; 12/11/2019 RR - Join now text overlapped in 742*/
    padding-top: 15px;
    clear: both
}

body#home header#top-header div.container div.search-boxes dt2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 60px;
    clear: both
}

body#home header#top-header div.container div.search-boxes dd {
    float: left;
    line-height: 14px;
    padding: 0 10px;
    margin: 12px 0;
    border-left: 2px solid #4b4b4b
}

body#home header#top-header div.container div.search-boxes dd a {
    font-size: 15px
}

body#home header#top-header div.container div.search-boxes dd a.active {
    color: #4b4b4b
}

body#home header#top-header div.container div.search-boxes dd a.active:hover {
    border-color: #3f3f37
}

body#home header#top-header div.container div.search-boxes dd span.tip-triggers {
    font-size: 15px
}

body#home header#top-header div.container div.search-boxes dd .tip-boxes {
    width: 220px
}

body#home header#top-header div.container div.search-boxes dd:nth-child(2) {
    padding-left: 0;
    border-left: 0
}

body#home header#top-header div.container div.search-boxes form {
    clear: both;
    display: none
}

body#home header#top-header div.container div.search-boxes form select {
    float: left;
    width: 162px;
    margin-right: 23px;
    margin-bottom: 6px;
    height: 37px
}

body#home header#top-header div.container div.search-boxes form input[type=text] {
    float: left;
    width: 162px;
    height: 37px;
    line-height: 32px;
    font-size: 18px;
    margin-right: 24px;
    padding: 2px 2px 2px 18px;
    border: 1px solid transparent
}

body#home header#top-header div.container div.search-boxes form .selectBox-dropdown {
    width: 162px!important;
    border-color: transparent;
    padding-bottom: 1px;
    border-bottom: 0;
    height: 36px;
    font-size: 18px;
    margin-right: 24px;
    float: left
}

body#home header#top-header div.container div.search-boxes form .selectBox-dropdown .selectBox-label {
    padding: 2px 18px;
    line-height: 32px
}

body#home header#top-header div.container div.search-boxes form .selectBox-arrow {
    margin-right: 12px;
    background-position: left -112px
}

body#home header#top-header div.container div.search-boxes form input.search-btn {
    float: left
}

body#home header#top-header div.container div.search-boxes p.promote {
    font-weight: 700;
    font-size: 24px;
    line-height: 56px;
    margin-bottom: 5px;
    clear: both

}

body#home header#top-header div.container div.search-boxes p.promote a {
    font-size: 24px
}

body#home header#top-header div.container div#sitter-search {
    left: -9999px;
    opacity: 0
}

body#home header#top-header div.container div.profiles {
    position: absolute;
    right: 0;
    top: 152px;
    width: 337px;
    height: 356px;
    padding: 16px 14px 30px 31px;
    background: url(../img/profile-background.png) no-repeat
}

div.homefigure {
   height: 280px!important;
   overflow: hidden!important
}

body#home header#top-header div.container div.profiles div.slides-container {
    height: 314px;
    overflow: hidden
}

body#home header#top-header div.container div.profiles div.slides-container article.slides {
    background-color: #fff;
    width: 100%!important;
    height: auto!important
}

body#home header#top-header div.container div.profiles div.slides-container article.slides figure {
    margin-bottom: 6px;
    /*
    height: 180px;
    */
}

body#home header#top-header div.container div.profiles div.slides-container article.slides figure img {
    width: 100%;
    height: auto
}

body#home header#top-header div.container div.profiles div.slides-container article.slides h4 {
    text-transform: capitalize
}

body#home header#top-header div.container div.profiles div.slides-container article.slides p {
    margin-bottom: 10px
}

/* iw 16/11/2019 nav no longer needed
body#home header#top-header div.container div.profiles nav.slides-nav {
    position: absolute;
    bottom: 30px;
    right: 14px;
    z-index: 999
}
*/
body#home header#top-header div.container div#sitter-profiles {
    right: -9999px;
    opacity: 0
}

body#home nav#tab ul {
    margin-left: 272px
}

body#home nav#tab ul li#owner-tab {
  /*width: 50%;*/
}
body#home nav#tab ul li#sitter-tab {
  /*width: 50%;*/
}

body#home section#main article.block {
    float: left;
    width: 257px;
    margin-left: 95px;
    margin-top: 21px;
    line-height: 21px
}

body#home section#main article.block h2 {
    margin-bottom: 15px;
    line-height: 30px
}

body#home section#main article.block p {
    min-height: 140px
}

body#home section#main article.block .big-btn {
    margin-top: 35px
}

body#home section#main article:first-child {
    margin-left: 0
}

body#home section#main .rows {
    padding-top: 66px
}

body#home section#main div#quote {
    width: 600px;
    position: relative;
    float: left
}

body#home section#main div#quote address.author {
    font-size: 14px;
    line-height: 25px;
    border-bottom: 1px solid #d2d2d2
}

body#home section#main div#quote blockquote.quotes {
    padding: 20px 0
}

body#home section#main div#quote nav.slides-nav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999
}

body#home section#main div#quote nav.slides-nav ul li {
    height: 25px;
    padding: 0 8px
}

body#home section#main div#quote nav.slides-nav ul li a {
    display: block;
    margin-top: 5px;
    line-height: 15px
}

body#home section#main div#quote nav.slides-nav ul li:first-child {
    border-right: 1px solid #d2d2d2
}

body#home section#main div.fb-like-box {
    float: left;
    margin-left: 95px
}

body#home .selectBox-options li a {
    font-size: 18px;
    padding: 0 18px
}


/******************************************* Register page style *******************************************/
body.register header#top-header {
    height: 289px;
    background: #d3e3f0 url(../img/owner-reg-bg.png) no-repeat center top
}

body.register header#top-header #join-owner-tab {
    padding-left: 0
}

body.register div#main section {
    clear: both;
    border-bottom: 1px solid #d2d2d2;
    padding: 20px 0;
    /*overflow: hidden;*/
}

body.register div#main section h2 {
    margin-bottom: 40px
}

body.register div#main section#section-1 {
    padding-top: 0
}

body.register div#main section#section-1 h2 {
    margin-bottom: 5px
}

body.register div#main section#section-1 p {
    /* width: 590px;*/
    text-align: justify;
    font-size: 14px
}

body.register div#main form fieldset legend {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding-bottom: 30px
}

body.ad-search div#main form fieldset span.pp {
    float: right;
    clear: left
}

body.register div#main form #region-fields {
    display: none
}

body.register div#main form .three_cols_form .block {
  /*margin-left: 96px;
  float: left;*/
}

body#sitter-reg div#main form .three_cols_form .block {
    margin-left: 0
}

body#owner-reg div#main form .three_cols_form .block {
    margin-left: 0
}

body.register div#main form .three_cols_form .block .input_label {
    width: 82px
}

body.register div#main form .three_cols_form .block .inputWrapper,
body.register div#main form .three_cols_form .block .selectWrapper {
    width: 180px
}

body.register div#main form .three_cols_form fieldset.first {
    margin-left: 0;
    clear: left
}

body.register div#main form .two_cols_form h2 {
    display: block;
    float: left
}

body.register div#main form .two_cols_form .op_block {
    float: left;
    margin-left: 20px
}

body.register div#main form .two_cols_form p.optional {
    font-size: 15px;
    line-height: 25px
}

body.register div#main form .two_cols_form span.tip-triggers {
    line-height: 17px;
    margin-left: 5px
}

body.register div#main form .two_cols_form .expand-trigger {
    float: right;
    margin-top: 5px
}

body.register div#main form .two_cols_form fieldset {
    clear: both
}

body.register div#main form .two_cols_form fieldset legend span {
    font-size: 13px;
    font-weight: 400
}

body.register div#main form .two_cols_form fieldset .has-desc {
    float: left
}

body.register div#main form .two_cols_form fieldset a.arrow-link {
    margin-top: 5px
}

body.register div#main form .two_cols_form fieldset .input_label {
    width: 78px
}

body.register div#main form .two_cols_form div.left-col {
    /* width: 436px;
  clear: left;*/
    float: left;
    /* margin-right: 68px;*/
}

body.register div#main form .two_cols_form div.left-col fieldset#upload_img {
    margin-top: 40px
}

body.register div#main form .two_cols_form div.left-col fieldset#upload_img label {
    width: 242px;
    margin-right: 20px
}

body.register div#main form .two_cols_form div.left-col fieldset#upload_img .input_row {
    position: relative
}

body.register div#main form .two_cols_form div.left-col fieldset#upload_img .input_row .input_label {
    line-height: 1.5
}

body.register div#main form .two_cols_form div.left-col fieldset#upload_img .input_row label.error {
    position: absolute;
    top: 22px;
    left: 0
}

body.register div#main form .two_cols_form fieldset#urlisting a.arrow-link {
    float: right
}

body.register div#main form .two_cols_form fieldset#urlisting input[type=text] {
    width: 348px
}

body.register div#main form .two_cols_form fieldset#urlisting textarea {
    width: 338px;
    height: 160px
}

body.register div#main form .two_cols_form div.right-col {
    /* width: 436px;*/
    float: left;
    /*margin-left: 68px;*/
}

body.register div#main form .two_cols_form div.right-col #duration {
    width: 348px
}

body.register div#main form .two_cols_form div.right-col select#term {
    width: 362px
}

body.register div#main form .two_cols_form div.right-col #pet-options {
    margin-top: 20px
}

body.register div#main form .two_cols_form div.right-col #pet-options .legend {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px
}

body.register div#main form .two_cols_form div.right-col #pet-options .ez-checkbox {
    margin-top: 4px
}

body.register div#main form .two_cols_form div.right-col #pet-options input#pet-flag {
    float: left;
    margin-top: 5px
}

body.register div#main form .two_cols_form div.right-col #pet-options fieldset {
    margin-top: 0
}

body.register div#main form .two_cols_form div.right-col #pet-options div#pet-info {
    padding-left: 16px
}

body.register div#main form .two_cols_form div.right-col #pet-options div#pet-info .pet-lists {
    position: relative
}

body.register div#main form .two_cols_form div.right-col #pet-options div#pet-info .pet-lists label.error {
    position: absolute;
    top: 2px;
    left: 0
}

body.register div#main form .two_cols_form div.right-col #pet-options div#pet-info .pet_row {
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    padding: 14px 0;
    width: 420px
}

body.register div#main form .two_cols_form div.right-col #pet-options div#pet-info .pet_row input[type=text] {
    margin-bottom: 0
}

body.register div#main form .two_cols_form div.right-col #pet-options div#pet-info .pet_row .ez-checkbox,
body.register div#main form .two_cols_form div.right-col #pet-options div#pet-info .pet_row input[type=checkbox] {
    float: left
}

body.register div#main form .two_cols_form div.right-col #pet-options div#pet-info .pet_row .input_label {
    float: left;
    clear: none;
    width: 96px;
    margin: 0
}

body.register div#main form .two_cols_form div.right-col #pet-options div#pet-info .pet_row .input_row {
    clear: both
}

body.register div#main form .two_cols_form div.right-col #pet-options div#pet-info #other input[type=text] {
    width: 292px
}

body.register div#main form .two_cols_form div.right-col #pet-options div#pet-info #breed {
    border-bottom: 0
}

body.register div#main form .two_cols_form div.right-col #pet-options div#pet-info #breed input_label {
    margin-right: 16px
}

body.register div#main form .two_cols_form div.right-col #pet-options div#pet-info #breed input[type=text] {
    width: 292px
}

body.register div#main form .reg_form_foot {
    padding-bottom: 30px;
    border-bottom-width: 4px
}

body.register div#main form .reg_form_foot #source {
 /* width: 200px;*/
}

body.register div#main form .reg_form_foot .checkbox_row {
    position: relative;
    clear: both
}

body.register div#main form .reg_form_foot .checkbox_row .ez-checkbox,
body.register div#main form .reg_form_foot .checkbox_row input[type=checkbox] {
    float: left
}

body.register div#main form .reg_form_foot .checkbox_row .checkbox_label {
    float: left;
    margin-top: 6px
}

body.register div#main form .reg_form_foot .checkbox_row label.error {
    color: red;
    position: absolute;
    left: 17px;
    top: 30px
}

body.register div#main form p.right-align {
    margin-top: 20px
}

body.register .fancy-inline-box {
    width: 610px;
    padding: 40px;
    border: 3px solid #f1b312
}

body.register .fancy-inline-box h2 {
    margin-bottom: 25px
}

/******************************************* Sitter Register page style *******************************************/

body#sitter-reg header#top-header {
    background: #d3e3f0 url(../img/sitter-reg-bg.png) no-repeat center top
}

body#sitter-reg form h2#setup-title {
    float: left
}

body#sitter-reg form #member-options {
    padding-left: 36px;
    margin-top: 8px;
    position: relative
}

body#sitter-reg form #member-options .ez-radio,
body#sitter-reg form #member-options input[type=radio] {
    float: left
}

body#sitter-reg form #member-options .radio_label {
    float: left;
    margin-top: -2px;
    width: 74%
}

.topHeader {
    background-color: #fff;
    border: 1px solid #7f7c7c;
    position: fixed;
    top: 0;
    z-index: 1060;
    width: 100%;
    height: 55px;
    display: none
}

.iconHeaderRight {
    float: right;
    margin-right: 9px
}

.iconHeader {
    margin: 7px 6px 7px 9px;
    color: #00467f;
    font-weight: 300;
    cursor: pointer;
    font-size: 24px
}

.account {
    background-color: #e8f0f7;
    position: fixed;
    top: 39px;
    z-index: 1000;
    width: 228px;
    border-width: 1px;
    border-style: solid;
    border-color: #7f7c7c;
    display: none
}

.account ul li,
.swipeMenu ul li {
    position: relative;
    left: -23px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #bfbfbf;
    padding-bottom: 6px;
    padding-left: 7px
}

.swipeMenuLinks li:first-child {
    margin-top: 22px
}

.account ul li a,
.swipeMenu ul li a {
    font-size: 20px!important
}

div#social {
    display: block
}

nav#main-nav {
    display: block
}

ul#account {
    display: block
}

nav#sub-nav {
    display: block
}

a#logo {
    display: block
}

.swipeMenuLinks {
    list-style: outside none none;
    cursor: pointer;
    margin-left: 37px
}

.swipeMenu {
    background-color: #fff;
    position: fixed;
    /*top: 40px;*/
    top: 55px;
    width: 240px;
    border-bottom: 1px solid #7f7c7c;
    border-left: 1px solid #7f7c7c;
    border-right: 1px solid #7f7c7c;
    width: 100%;
    display: block;
    /*21-11-2019 RR z-index menu in mobile devices*/
    /*z-index:1000;*/
    z-index:9999999;
}

.navbar-toggle {
    border-color: #ababab
}

.navButton {
    margin-top: 2px;
    display: block
}

.icon-bar {
    background-color: #888
}

body#owner-reg form#owner-reg-form span.tip-triggers,
body#sitter-reg form#sitter-reg-form span.tip-triggers {
    margin-right: 1px;
    margin-left: 0;
    margin-top: -4px;
    padding: 1px 5px;
    border: 1px solid #3079ed;
    color: #fff;
    margin-bottom: 8px;
    text-shadow: 0 1px rgba(0, 0, 0, .1);
    background-color: #4d90fe;
    background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -o-linear-gradient(top, #4d90fe, #4787ed)
}

body#owner-reg form#owner-reg-form span.tip-triggers {
    margin-right: 10px;
    margin-left: 19px;
    float: left
}

body#sitter-reg form #member-options span.tip-triggers {
    margin-right: 6px;
    margin-left: 10px;
    float: left
}

body#sitter-reg form #country-list span.CountryPrompt {
    margin-right: 40px;
    margin-left: 90px;
    float: left
}

body#sitter-reg form #member-options label.error {
    position: absolute;
    top: 20px;
    left: 20px;
    color: red;
    margin: -3px 0
}

body#sitter-reg form #section-3 {
    border-bottom: 0
}

body#sitter-reg form #section-3 div.left-col fieldset#which-area select {
 /* width: 340px;*/
}

body#sitter-reg form #section-3 div.left-col fieldset#which-area input[type=text] {
    width: 328px
}

body#sitter-reg form #section-3 div.left-col #period span {
    display: block;
    float: left
}

body#sitter-reg form #section-3 div.left-col #period span:first-child {
    width: 82px;
    margin-right: 10px
}

body#sitter-reg form #section-3 div.left-col #period #period-list {
    position: relative
}

body#sitter-reg form #section-3 div.left-col #period #period-list label.error {
    position: absolute;
    top: 54px;
    left: 16px
}

body#sitter-reg form #section-3 div.left-col #period #period-list .input_row .ez-checkbox,
body#sitter-reg form #section-3 div.left-col #period #period-list .input_row input[type=checkbox] {
    float: left
}

body#sitter-reg form #section-3 div.left-col #period #period-list .input_row .fix_width {
    width: 110px;
    float: left;
    margin-top: 6px
}

body#sitter-reg form #section-3 div.left-col #period #period-list .input_row:first-child {
    padding-top: 10px
}

/******************************************* How it works page style *******************************************/
body#how header#top-header {
    height: 289px;
    background: #d3e3f0 url(../img/global-bg.png) no-repeat center top
}

body#how header#top-header #for-owner-tab {
    padding-left: 0
}

body#how div#main section#shortcut {
  /*width: 448px;
  margin-right: 40px;
  float: left;*/
}


body#how div#main section#shortcut p {
    margin-bottom: 10px
}

body#how div#main section#shortcut a.big-btn {
    margin-top: 15px
}

body#how div#main section#video {
    /* width: 520px;
    height: 320px;
    background: url('../img/video-bg.png') no-repeat;
    float: left;
    position: relative;*/
    ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=124, Color=#737373)";
    -moz-box-shadow: 2px 3px 5px 3px rgba(115, 115, 115, .5);
    -webkit-box-shadow: 2px 3px 5px 3px rgba(115, 115, 115, .5);
    box-shadow: 2px 3px 5px 3px rgba(115, 115, 115, .5);
    padding: 0
}

body#how div#main section#video img {
    /* position: absolute; */
    /* top: 12px; */
    /* left: 15px; */
    /* z-index: 1; */
    width: 100%;
    height: auto;
    /* overflow: hidden; */
    padding: 10px;
}

body#how div#main section#video a.play_btn {
    position: absolute;
    top: 12px;
    left: 15px;
    z-index: 2;
    width: 480px;
    height: 288px;
    text-indent: -9999px;
    background: url(../img/play-btn.png) no-repeat
}

body#how div#main section#video a.play_btn:hover {
    background-position: left -288px;
    border-bottom: 0
}

body#how div#main section.row {
    padding-top: 40px;
    clear: both
}

body#how div#main section.row .module {
  /*float: left;
  width: 270px;
  margin-left: 99px;*/
}

body#how div#main section.row .module h2 {
    margin-bottom: 14px
}

body#how div#main section.row .module p,
body#how div#main section.row .module ul {
    line-height: 20px
}

body#how div#main section.row .module:first-child {
    margin-left: 0
}
/******************************************* Blog ******************************************************************/
body#blog header#top-header {
    background: #d3e3f0 url(../img/blog-bg.png) no-repeat center top
}

body#blog .left-col>article {
    margin-top: 50px
}

body#blog .left-col>article header {
    border-bottom: 1px solid #d2d2d2;
    overflow: hidden;
    margin-bottom: 12px
}

body#blog .left-col>article header h3 {
    float: left;
    padding: 2px 12px 8px 0
}

body#blog .left-col>article header .comments {
    float: right;
    padding: 2px 0 8px 12px;
    border-left: 1px solid #d2d2d2
}

body#blog .left-col>article footer {
    border-top: 1px solid #d2d2d2;
    padding: 8px 0 6px 0;
    border-bottom: 4px solid #d2d2d2;
    overflow: hidden
}

body#blog .left-col>article footer address {
    float: left
}

body#blog .left-col>article footer .addthis_toolbox {
    float: left;
    overflow: auto;
    margin-left: 10px
}

body#blog .left-col>article footer .addthis_toolbox>a {
    float: left
}

body#blog .left-col>article footer .date {
    float: right
}

body#blog .left-col article:first-child {
    margin-top: 0
}

body#blog .left-col .pagination {
    margin-top: 26px;
    overflow: hidden
}

body#blog .left-col .pagination a.newer {
    float: left
}

body#blog .left-col .pagination a.older {
    float: right
}
/******************************************* 2 Column Layout - Left Main *******************************************/
body.left-main #wrap {
    background: #fff url(../img/left-main-bg-repeater.png) repeat-y right top
}

body.left-main header#top-header {
    background: #d3e3f0 url(../img/global-bg.png) no-repeat center top
}

body.left-main #middle .left-col {
  /*width: 620px;
  margin-right: 73px;
  float: left;*/
}

/***  ilw 28 May 2013 for wider left col ,  ***/
body.left-main  #middle .left-wide-col {
/*  width: 820px;
  margin-right: 73px;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  background: white !important;*/
}
body.left-main #middle .left-wide-col-sub-nav2 {
    /* width: 820px;*/
    margin-right: 73px;
    margin-left: 20px;
    float: left;
    background: #fff!important
}

body.left-main #middle .left-col div.filter {
    margin-top: 20px;
    overflow: hidden
}

body.left-main #middle .left-col div.filter label {
    width: 48px;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px
}

body.left-main #middle .left-col div.filter select {
    width: 170px
}

body.left-main #middle .left-col div.filter .selectBox,
body.left-main #middle .left-col div.filter select {
    float: left
}

body.left-main #middle .left-col article {
    line-height: 20px
}
/*ilw 30/5/2013 for single wide col */
body.left-main #middle .left-wide-col article {
    line-height: 20px
}

body.left-main #middle .left-col article h2 {
    line-height: 30px;
    margin-bottom: 32px
}

body.left-main #middle .left-wide-col article h2 {
    line-height: 30px;
    margin-bottom: 32px;
    margin-top: 20px
}
/*ilw 30/5/2013 for single wide col */
body.left-main #middle .left-wide-col article h2 {
    line-height: 30px;
    margin-bottom: 32px
}

body.left-main #middle .left-col article p {
    margin-bottom: 30px;
    font-size: 16px
}

body.memberLog #middle .left-col article p {
    margin-bottom: 19px;
    line-height: 26px
}

body.left-main #middle .left-col #faqs {
    margin-top: 40px
}

body.left-main #middle .left-col #faqs .faqTab {
    border-top: 1px solid #d2d2d2;
    padding: 18px 0;
    overflow: auto;
    clear: both
}

body.left-main #middle .left-col #faqs .faqTab h5 {
    font-weight: 700;
    color: #00467f;
    float: left
}

body.left-main #middle .left-col #faqs .faqTab span.expand-trigger {
    float: right
}

body.left-main #middle .left-col #faqs .faqTab section.expand-tab {
    clear: left;
    margin-top: 30px
}

body.left-main #middle .left-col #faqs .faqTab.active {
    border-top-width: 4px;
    padding-top: 15px
}

body.left-main #middle .left-col #faqs .faqTab.active h5 {
    color: #595959
}

body.left-main #middle .left-col .right-bottom {
    margin-top: 20px;
    border-top: 4px solid #e8e8e8;
    padding-top: 36px
}

body.left-main #middle .left-col .right-bottom p {
    margin-bottom: 28px
}

body.left-main #middle .left-col .right-bottom .module {
    float: left;
    width: 290px;
    margin-left: 35px
}

body.left-main #middle .left-col .right-bottom .module:first-child {
    margin-left: 0
}

/*******  login *****/
body.left-main #middle .left-col .logonpanel .module {
 /* float: left;
  width: 290px;
  margin-left: 35px;*/
}

body.left-main #middle .left-col .logonpanel .module:first-child {
    margin-left: 0;
    margin-top: 0
}

body.left-main #middle .left-col .logonpanel .module h3 {
    margin-bottom: 28px
}

body.left-main #middle .left-col .logonpanel .module p {
    margin-bottom: 14px
}
/****** end login ****/

body.left-main #middle .left-col .right-bottom #shortcut h3 {
    margin-bottom: 28px
}

body.left-main #middle .left-col .right-bottom #shortcut ul {
    line-height: 20px
}

body.left-main #middle .left-col .right-bottom #shortcut .big-btn {
    margin-top: 22px
}

body.left-main #middle aside.right-col {
 /* width: 280px;
  margin-left: 35px;
  float: left;*/
}

body.left-main #middle aside.right-col div.module {
    padding: 28px 0;
    border-top: 1px solid #d2d2d2
}

body.left-main #middle aside.right-col div.module h2 {
    margin-bottom: 15px
}

body.left-main #middle aside.right-col div.module p {
    margin-bottom: 20px;
    line-height: 20px
}

body.left-main #middle aside.right-col div.module ul {
    line-height: 20px
}

body.left-main #middle aside.right-col div.module:first-child {
    padding-top: 0;
    border-top: 0
}

body.left-main #middle aside.right-col div#testimonial {
    border-top: 0
}

body.left-main #middle aside.right-col div#testimonial h4 {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 8px;
    margin-bottom: 20px
}

body.left-main #middle aside.right-col div#testimonial p.quotes {
    line-height: 30px
}
/******************************************* Advanced Search *******************************************/
body.ad-search aside.left-col h2.title {
    float: left;
    padding-bottom: 20px
}

body.ad-search aside.left-col #search-again {
    float: right;
    margin-top: 6px
}

body.ad-search aside.left-col form {
    /*margin-right: 32px;*/
    clear: both
}

body.ad-search aside.left-col form fieldset {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 20px
}

/* legend not html5 compliant when used like this */
body.ad-search aside.left-col form fieldset legend {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding-bottom: 20px
}

body.ad-search aside.left-col form p.locationtitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding-bottom: 20px
}

body.ad-search aside.left-col form fieldset:last-child {
    border-bottom: 0
}

body.ad-search aside.left-col form #flexi_location label,
body.ad-search aside.left-col form #location label {
    /*width: 106px;*/
    display: block;
    float: left;
    clear: left;
    margin-bottom: 10px
}

body.ad-search aside.left-col form #flexi_location .selectBox,
body.ad-search aside.left-col form #flexi_location input[type=text],
body.ad-search aside.left-col form #flexi_location select,
body.ad-search aside.left-col form #location .selectBox,
body.ad-search aside.left-col form #location input[type=text],
body.ad-search aside.left-col form #location select {
    float: left
}

body.ad-search aside.left-col form .two-cols-checkbox .ez-checkbox,
body.ad-search aside.left-col form .two-cols-checkbox input[type=checkbox] {
    float: left
}

body.ad-search aside.left-col form .two-cols-checkbox label {
    width: 126px;
    display: block;
    float: left;
    line-height: 24px
}

body.ad-search aside.left-col form #flexi_term>div,
body.ad-search aside.left-col form #term>div {
    float: left
}

body.ad-search aside.left-col .checklink-box {
    clear: both;
    padding-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 15px;
    overflow: hidden
}

body.ad-search aside.left-col .checklink-box h3 {
    margin-bottom: 10px
}

body.ad-search aside.left-col .checklink-box ul li {
    float: left;
    margin: 5px 0;
    line-height: 14px
}

body.ad-search aside.left-col .checklink-box ul li a {
    display: block;
    width: 134px;
    font-weight: 400;
    color: #4b4b4b;
    padding-left: 20px;
    padding-top: 6px;
    background-position: left -932px
}

body.ad-search aside.left-col .checklink-box ul li a:hover {
    cursor: pointer;
    border-bottom: 0
}

body.ad-search aside.left-col .checklink-box ul li a.checked {
    background-position: left -965px
}

body.ad-search aside.left-col .checklink-box ul li:nth-child(2n) {
    margin-right: 0
}

body.ad-search aside.left-col .checklink-box .expand_content {
    overflow: hidden
}

body.ad-search aside.left-col .checklink-box .more_less {
    clear: both;
    float: left;
    margin-top: 10px;
    font-weight: 700;
    color: #00467f;
    cursor: pointer
}

body.ad-search aside.left-col #keywords {
    border-bottom: 0
}
/***  ilw 14 August more keywords ***/
body.ad-search aside.left-col #keywords2 {
    border-bottom: 0
}

body.ad-search aside.left-col #keywords3 {
    border-bottom: 0
}

body.ad-search aside.left-col #keywords4 {
    border-bottom: 0
}

body.ad-search aside.left-col #keywords5 {
    border-bottom: 0
}

body.ad-search aside.left-col #keywords6 {
    border-bottom: 0
}

body.ad-search aside.left-col #keywords7 {
    border-bottom: 0
}

body.ad-search div.right-col h2 {
    margin-bottom: 24px
}

body.ad-search div.right-col #location > div,
body.ad-search div.right-col #flexi_location > div {
  /*float: left;
  margin-bottom: 10px;*/
}
body.ad-search div.right-col #location > div label,
body.ad-search div.right-col #flexi_location > div label {
  /*width: 72px;
  display: block;
  float: left;*/
}

body.ad-search div.right-col #flexi_location>div .selectBox,
body.ad-search div.right-col #flexi_location>div input[type=text],
body.ad-search div.right-col #flexi_location>div select,
body.ad-search div.right-col #location>div .selectBox,
body.ad-search div.right-col #location>div input[type=text],
body.ad-search div.right-col #location>div select {
    float: left
}
body.ad-search div.right-col #location > div:nth-child(2n),
body.ad-search div.right-col #flexi_location > div:nth-child(2n) {
  /*margin-right: 128px;*/
}
body.ad-search div.right-col #term > div,
body.ad-search div.right-col #flexi_term > div {
  /*float: left;
  width: 124px;*/
}
/**** ian white 16/10/12 changed back to  checkbox ********/
body.ad-search div.right-col #flexi_term>div .ez-checkbox,
body.ad-search div.right-col #flexi_term>div input[type=checkbox],
body.ad-search div.right-col #term>div .ez-checkbox,
body.ad-search div.right-col #term>div input[type=checkbox] {
    float: left;
    clear: left
}
/**** ian white 7/8/12 changed to radio from checkbox
body.ad-search div.right-col #term > div input[type="radio"],
body.ad-search div.right-col #flexi_term > div input[type="radio"],
body.ad-search div.right-col #term > div .ez-radio,
body.ad-search div.right-col #flexi_term > div .ez-radio {
  float: left;
  clear: left;
  margin-top: 7px;
}
*/
/**** end change ******/
body.ad-search div.right-col #flexi_term>div label,
body.ad-search div.right-col #term>div label {
    float: left;
    line-height: 25px
}

body.ad-search div.right-col #term > div:last-child,
body.ad-search div.right-col #flexi_term > div:last-child {
  /*width: 134px;*/
}

body.ad-search div.right-col #flexi_pets-list .ez-checkbox,
body.ad-search div.right-col #flexi_pets-list input#pet-flag,
body.ad-search div.right-col #flexi_pets-list legend,
body.ad-search div.right-col #pets-list .ez-checkbox,
body.ad-search div.right-col #pets-list input#pet-flag,
body.ad-search div.right-col #pets-list legend {
    float: left
}

body.ad-search div.right-col #flexi_pets-list>div.checkbox-option,
body.ad-search div.right-col #pets-list>div.checkbox-option {
    clear: both
}

body.ad-search div.right-col #flexi_pets-list>div.checkbox-option .ez-checkbox,
body.ad-search div.right-col #flexi_pets-list>div.checkbox-option input[type=checkbox],
body.ad-search div.right-col #pets-list>div.checkbox-option .ez-checkbox,
body.ad-search div.right-col #pets-list>div.checkbox-option input[type=checkbox] {
    float: left
}

body.ad-search div.right-col #flexi_pets-list>div.checkbox-option .pet_row,
body.ad-search div.right-col #pets-list>div.checkbox-option .pet_row {
    clear: both
}

body.ad-search div.right-col #flexi_pets-list>div.checkbox-option .pet_row label,
body.ad-search div.right-col #pets-list>div.checkbox-option .pet_row label {
    display: block;
     /*width: 100px;*/
    float: left;
    line-height: 25px
}

body.ad-search div.right-col #filters {
    font-size: 15px
}

body.ad-search div.right-col #tabs {
    margin-top: 20px;
    margin-bottom: 10px
}

body.ad-search div.right-col #tabs .tip-triggers {
    float: left;
    margin-top: 7px
}

body.ad-search div.right-col #tabs .tip-boxes {
    margin-top: 7px
}

body.ad-search div.right-col #tabs a.tab-links {
    float: left;
    font-size: 15px;
    margin-top: 7px;
    padding: 0 5px;
    border-left: 2px solid #595959
}

body.ad-search div.right-col #tabs a.tab-links:hover {
    border-bottom: 0
}

body.ad-search div.right-col #tabs a.tab-links:hover span {
    border-bottom: 1px solid #efb412
}

body.ad-search div.right-col #tabs a:first-child {
    padding-left: 0;
    border-left: 0
}

body.ad-search div.right-col #tabs a.tab-links.active {
    color: #595959
}

body.ad-search div.right-col #tabs a.tab-links.active:hover {
    border-bottom: 0
}

body.ad-search div.right-col #tabs a.tab-links.active:hover span {
    border-color: #3f3f3f
}

body.ad-search div.right-col #tabs label {
    margin-left: 40px;
    margin-right: 5px;
    line-height: 30px;
    float: left
}

body.ad-search div.right-col #tabs .selectBox,
body.ad-search div.right-col #tabs select {
    float: left
}

body.ad-search div.right-col #results {
    margin-top: 10px;
    border-top: 1px solid #d2d2d2
}

body.ad-search div.right-col #results div.per_page {
    height: 36px;
    line-height: 36px
}

body.ad-search div.right-col #results div.per_page select {
    float: left;
    width: 90px
}

body.ad-search div.right-col #results div.per_page .selectBox {
    float: left;
    border: 0;
    height: 35px;
    line-height: 36px;
    font-weight: 700;
    color: #00467f
}

body.ad-search div.right-col #results div.per_page .selectBox .selectBox-label {
    padding: 2px 5px 2px 0
}

body.ad-search div.right-col #results div.per_page .selectBox .selectBox-arrow {
    background-position: left -65px;
    margin-left: 5px;
    margin-right: 5px
}

body.ad-search div.right-col #results nav.pagination {
    height: 36px;
    line-height: 36px;
    float: right
}

body.ad-search div.right-col #results nav.pagination a {
    font-weight: 400;
    color: #595959
}

body.ad-search div.right-col #results nav.pagination a:hover {
    border-color: #595959
}

body.ad-search div.right-col #results nav.pagination .active,
body.ad-search div.right-col #results nav.pagination .arrow-link,
body.ad-search div.right-col #results nav.pagination .arrow-link-left {
    font-weight: 700;
    color: #00467f
}

body.ad-search div.right-col #results nav.pagination .active:hover,
body.ad-search div.right-col #results nav.pagination .arrow-link-left:hover,
body.ad-search div.right-col #results nav.pagination .arrow-link:hover {
    border-color: #efb412
}

body.ad-search div.right-col #results nav.pagination.top {
    margin-top: -36px
}

body.ad-search div.right-col #results nav.pagination.bottom {
    margin-bottom: -36px
}

body.ad-search div.right-col #results #results-list {
    clear: both;
    border-top: 4px solid #d2d2d2;
    border-bottom: 4px solid #d2d2d2
}

body.ad-search div.right-col #results #results-list article {
    padding-bottom: 20px;
    border-top: 1px solid #d2d2d2;
    padding-top: 20px
}

body.ad-search div.right-col #results #results-list article figure {
  /*float: left;
  width: 190px;
  height: 142px;
  background: url('../img/search-result-img-bg.png') no-repeat;*/
}

body.ad-search div.right-col #results #results-list article figure img {
     /* float: left;
 margin-left: 3px;
  border: 4px solid #fff;*/
    height: auto
}

body.ad-search div.right-col #results #results-list article figure .post_date {
    float: left;
    margin-top: 16px;
    font-style: italic
}


/************* iw 1/10/12  changes for  find-sitter image overflow - fixed width variable hight to stop squashing of pics ******/

body.ad-search.find-sitter div.right-col #results #results-list article figure {
  /*float: left;
  width: 190px;
  height: 142px;
  background: url('../img/search-result-img-bg.png') no-repeat;*/
}

body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
    width: 100%;
    height: 140px;
    overflow: hidden;
    /*background: url('../img/search-result-img-bg.png') no-repeat;*/
    box-shadow: 0 3px 5px #ccc;
    -webkit-box-shadow: 0 3px 5px #ccc;
    -moz-box-shadow: 0 3px 5px #ccc;
    border: 6px solid #fff
}

body.ad-search.find-sitter div.right-col #results #results-list article figure .link_username {
    float: left;
    margin-top: 16px
}
/************* iw 10/8/12  end changes for advanced search results sitter image ******/
/************* iw 1/10/12  changes for  find-housesit image overflow - fixed width variable hight to stop squashing of pics ******/

body.ad-search.find-house div.right-col #results #results-list article figure {
  /*float: left;
  width: 190px;
  height: 142px;
  background: url('../img/search-result-img-bg.png') no-repeat;
  margin-right: 10px;*/
}

body.ad-search.find-house div.right-col #results #results-list article figure .imgDiv {
    width: 100%;
    height: 125px;
    overflow: hidden;
    /* background: url('../img/search-result-img-bg.png') no-repeat; */
    box-shadow: 0 3px 5px #ccc;
    -webkit-box-shadow: 0 3px 5px #ccc;
    -moz-box-shadow: 0 3px 5px #ccc;
    border: 6px solid #fff
}
body.ad-search.find-house div.right-col #results #results-list article figure img {
  /*float: left;
  margin-left: 3px;
  border: 4px solid #fff;*/
}

body.ad-search.find-house div.right-col #results #results-list article figure .link_username {
    float: left;
    margin-top: 16px
}

/*
body.ad-search.find-house div#wrap div#middle section#main.container .pagination2 {
  padding: 20 px;
}
/*

/************* iw 10/8/12  end changes for advanced search results sitter image ******/

body.ad-search div.right-col #results #results-list article section {
  /*float: left;
  width: 432px;*/
}

body.ad-search div.right-col #results #results-list article section h3 {
    margin-bottom: 5px;
    font-weight: 400
}

/************* iw 20/9/12   changes for sitter search headline ******/
body.ad-search.find-sitter div.right-col #results #results-list article section h5 {
    margin-bottom: 5px;
    font-weight: 400
}

body.ad-search div.right-col #results #results-list article section p {
    margin-bottom: 5px;
    font-size: 16px
}

body.ad-search div.right-col #results #results-list article section address {
    font-weight: 700;
    line-height: 20px
}

body.ad-search div.right-col #results #results-list article section address span.author {
    float: left;
    clear: left
}

body.ad-search div.right-col #results #results-list article section address span.author span {
    padding: 0 5px;
    border-left: 2px solid #595959
}

.pagination2 {
    padding-bottom: 35px!important
}
/* Praveen - 2018-10-30 - pagination style fix */
div.pagination2 a {
    display: inline-block;
    margin-bottom: 5px
}

body.ad-search div.right-col #results #results-list article section address span.author span.first {
  border-left: 0px;
}
/**** iw 20/9/12  change for date on new line sitters search ******/
body.ad-search.find-sitter div.right-col #results #results-list article section address span.date {
    float: left;
    clear: left
}

body.ad-search div.right-col #results #results-list article section address span.date {
    float: right
}

body.ad-search div.right-col #results #results-list article section address span.location {
    float: left
}

body.ad-search div.right-col #results #results-list article section address span.term {
    float: right
}

body.ad-search div.right-col #results #results-list article section div.actions {
    clear: both;
    /*padding-top: 18px;*/
}

body.ad-search div.right-col #results #results-list article section div.actions a {
    float: right;
    /*
        margin-left: 37px;
    */
    margin-left: 10px;
    display: block;
    height: 20px;
    line-height: 20px
}

body.ad-search div.right-col #results #results-list article section div.actions a:last-child {
    margin-left: 0
}

body.ad-search div.right-col #results #results-list article section div.actions a.reference {
    margin-top: 5px;
    padding-left: 30px;
    background-position: left -728px
}

body.ad-search div.right-col #results #results-list article section div.actions a.police_check {
    margin-top: 5px;
    padding-left: 17px;
    background-position: left -748px
}

body.ad-search div.right-col #results #results-list article section div.actions a.photo {
    margin-top: 5px;
    padding-left: 31px;
    background-position: left -768px
}

body.ad-search div.right-col #results #results-list article section div.actions a.save {
    margin-top: 5px;
    padding-left: 21px;
    background-position: left -788px
}

body.ad-search div.right-col #results #results-list article section div.actions a.phone {
    margin-top: 5px;
    padding-left: 21px;
    padding-right: 5px;
    background-position: left -808px
}

body.ad-search div.right-col #results #results-list article section div.actions a.pet {
    float: left;
    margin-left: 0;
    padding: 5px 0 0 30px;
    background-position: left -828px
}

body.ad-search div.right-col #results #results-list article:first-child {
    border-top: 0
}

body.ad-search div.right-col #map_wrapper {
    /* display: none; */
    padding: 20px 0;
    border-bottom: 4px solid #d2d2d2
}

body.ad-search div.right-col #map_wrapper #map_content {
    width: 100%;
    height: 450px;
}

body.ad-search div.right-col #map_wrapper #map_canvas {
    width: 100%;
    height: 500px
}

body.ad-search div.right-col #map_wrapper_2 #map_canvas_2 {
    width: 100%;
    height: 500px
}

body.ad-search div.right-col .infobox {
    width: 320px;
    height: 337px;
    background: url(../img/infobox-background.png) no-repeat
}

body.ad-search div.right-col .infobox>img {
    position: absolute;
    top: 305px;
    right: 14px;
    z-index: 2
}

body.ad-search div.right-col .infobox .main_content {
    padding: 16px 14px 30px 15px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

body.ad-search div.right-col .infobox .main_content .triangle {
    display: block;
    width: 14px;
    height: 42px;
    position: absolute;
    background: url(../img/triangle.png) no-repeat;
    top: 240px;
    left: -14px;
    z-index: 3
}

body.ad-search div.right-col .infobox .main_content .profile_pic {
    margin-bottom: 6px
}

body.ad-search div.right-col .infobox .main_content h4 {
    line-height: 30px
}

body.ad-search div.right-col .infobox .main_content p {
    margin-bottom: 10px
}

body.find-house header#top-header {
    background: #d3e3f0 url(../img/find-house-bg.png) no-repeat center top
}

body.find-sitter header#top-header {
    background: #d3e3f0 url(../img/find-sitter-bg.png) no-repeat center top
}

body.edit-sitter header#top-header {
    background: #d3e3f0
}

body.ad-search div.right-col #location #region-fields {
  /*margin-right: 128px;*/
}

/******************************************* Profile Details ********************************************************/
body.profile-details #middle p {
    margin-bottom: 20px;
    font-size: 16px
}

body.profile-details #middle .left-col .expand_content {
    overflow: hidden
}

body.profile-details #middle .left-col .more_less {
    margin-top: 10px;
    font-weight: 700;
    color: #00467f;
    cursor: pointer
}

body.profile-details #middle .left-col .more_less .page_bottom {
    margin-bottom: 10px
}

body.profile-details #middle .left-col #map_wrappaer {
    background: url(../img/gallery-bg.png) no-repeat;
    width: 290px;
    height: 238px;
    overflow: hidden;
    padding: 8px 18px 18px 10px;
    margin-top: 22px;
    position: relative;
    display: none
}

body.profile-details #middle .left-col #map_wrappaer #map_content {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 290px;
    height: 238px;
    z-index: 1
}

body.profile-details #middle .left-col #map_wrappaer #map_canvas {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 290px;
    height: 238px;
    z-index: 1
}

body.profile-details #middle .left-col #map_wrappaer .close_button {
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 25px;
    background-position: left -613px;
    width: 12px;
    height: 14px;
    text-indent: -9999px;
    display: block;
    cursor: pointer
}

/*
/************* iw 10/10/12  changes for  find-sitter image overflow - fixed width variable hight to stop squashing of pics  */
/* 29/08/2018 Praveen - changes for layout overlap problems - modified profile-picture image width and height */

body.profile-details #middle .left-col #gallery {
    width: 278px;
    height: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 15px;
    overflow: hidden;
    padding: 8px 8px 12px 10px;
    -moz-box-shadow: 2px 3px 5px 3px rgba(115, 115, 115, .5);
    -webkit-box-shadow: 2px 3px 5px 3px rgba(115, 115, 115, .5);
    box-shadow: 2px 3px 5px 3px rgba(115, 115, 115, .5)
}

body.profile-details #middle .left-col #gallery .imgDiv2 {
    height: auto!important
}
/*  profile picture */
body.profile-details #middle .left-col #gallery img {
    margin-bottom: 16px
}

body.profile-details #middle .left-col #gallery figcaption {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    float: left;
    margin-top: 8px
}

body.profile-details #middle .left-col #gallery a.arrow-link {
    float: right;
    margin-top: 8px
}

body.profile-details #middle .left-col #video.embed-responsive {
    width: 283px;
    height: 234px
}

body.profile-details #middle .left-col #video {
    background: url(../img/video-small-bg.png) no-repeat;
    width: 318px;
    height: 204px;
    overflow: hidden;
    position: relative;
    margin: 22px 0
}

body.profile-details #middle .left-col #video img {
    position: absolute;
    top: 8px;
    left: 10px;
    z-index: 1;
    width: 291px;
    height: 181px
}

body.profile-details #middle .left-col #video a.play_btn {
    background: url(../img/play-btn2.png) no-repeat;
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    width: 291px;
    height: 181px;
    z-index: 2;
    text-indent: -9999px
}

body.profile-details #middle .left-col #video a.play_btn:hover {
    background-position: left -181px;
    border-bottom: 0
}

body.profile-details #middle .left-col .icon {
    padding-left: 36px;
    line-height: 30px;
    margin-bottom: 10px
}

body.profile-details #middle .left-col .pet {
    background-position: left -828px
}

body.profile-details #middle .left-col .area {
    background-position: left -858px
}

body.profile-details #middle .left-col .keyword {
    background-position: left -888px
}

body.profile-details #middle .left-col #area {
    width: 305px;
    padding: 16px 0;
    margin: 16px 0;
    border-top: 4px solid #d2d2d2;
    border-bottom: 4px solid #d2d2d2
}

body.profile-details #middle .left-col #area section {
    border-top: 1px solid #d2d2d2;
    margin-bottom: 10px;
    padding-top: 20px
}

body.profile-details #middle .left-col #area section h6 {
    margin-bottom: 5px
}

body.profile-details #middle .left-col #area section.first {
    border-top: 0;
    padding-top: 0
}

body.profile-details #middle .left-col #pet {
    border-bottom: 4px solid #d2d2d2
}

body.profile-details #middle .left-col #pet h6 {
    margin-bottom: 5px
}

body.profile-details #middle .right-col h2 {
    margin-bottom: 20px
}

body.profile-details #middle .right-col h3.intro {
    float: left;
    margin-bottom: 20px
}

body.profile-details #middle .right-col h3.intro em {
    font-weight: 700
}

body.profile-details #middle .right-col .save {
    padding-left: 21px;
    background-position: left -788px;
    float: right;
    height: 20px;
    line-height: 20px
}

body.profile-details #middle .right-col p.pdate {
    clear: both
}

body.profile-details #middle .right-col dl {
    clear: both;
    line-height: 20px;
    overflow: auto
}

body.profile-details #middle .right-col dl dt {
    font-weight: 700;
    float: left;
    width: 94px;
    margin-right: 16px
}

body.profile-details #middle .right-col dl dd {
    float: left;
    /*width: 190px;*/
    margin-right: 16px
}

body.profile-details .profilTitle {
    float: left;
    width: 100px;
    font-weight: 700
}

body#house-profile-details .profilTitle {
    font-weight: 700
}

body.profile-details .profileTitleWrap {
    line-height: 15px;
    margin-bottom: 10px;
    width: 50%;
    float: left
}

body.profile-details .profilContent {
    width: 112px;
    float: left
}

/* 2018/08/31 - Praveen - Fixed - on desktop stop breaking of "My Calendar" (top right of page) into two rows */
body.profile-details .profilContent .available_date {
    display: inline-block
}

body.profile-details #middle .right-col dl dd.no_margin_right {
    width: 206px;
    margin-right: 0
}

body.profile-details #middle .right-col dl dd.no_margin_right a.available_date {
    margin-left: 20px
}

body.profile-details #middle .right-col .buttons {
    clear: both;
    text-align: right
}

/*body.profile-details #middle .right-col .buttons a {
  padding: 3px 0;
  margin-left: 38px;
}*/

body.profile-details #middle .right-col .buttons a {
    padding: 3px 0;
    margin-left: 10px
}

body.profile-details #middle .right-col .buttons a.reference {
    padding-left: 30px;
    background-position: left -728px
}

/* 2018/08/31 - Praveen - Fixed - sprite bleed from phone icon */
body.profile-details #middle .right-col .buttons a.police_check {
    padding-left: 17px;
    background-position: left -746px
}

body.profile-details #middle .right-col .buttons a.phone {
    padding-left: 30px;
    background-position: left -808px
}

body.profile-details #middle .right-col div.contact {
    clear: both;
    margin-top: 20px;
    padding: 20px 0;
    height: 38px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 4px solid #d2d2d2
}

body.profile-details #middle .right-col div.contact>p {
    float: left;
    line-height: 38px
}

body.profile-details #middle .right-col div.contact>p a {
    margin-left: 6px
}

body.profile-details #middle .right-col div.contact .big-btn {
    float: right
}

body.profile-details #middle .right-col article.detail_paras {
    margin-top: 30px;
    margin-bottom: 30px
}

/***  ilw 19 july 2012 2012 customers complaining too small  ***/
body.profile-details #middle .right-col article.detail_paras {
    font-size: 15px!important
}

body.profile-details #middle .right-col article.detail_paras h3 {
    margin-bottom: 10px
}

.fancy-inline-box {
    background-color: #fff
}

/***  ilw 20 june 2012 allow lightbox ***/
body.profile-details .fancy-inline-box {
    width: 300px;
    padding: 30px;
    border: 3px solid #f1b312
}

body.profile-details .fancy-inline-box {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial
}

body.profile-details #fancybox-wrap {
    -webkit-box-sizing: initial!important;
    -moz-box-sizing: initial!important;
    box-sizing: initial!important
}

body.profile-details #fancybox-content {
    -webkit-box-sizing: initial!important;
    -moz-box-sizing: initial!important;
    box-sizing: initial!important
}

body.profile-details .fancy-inline-box h2 {
    margin-bottom: 25px
}

body.howitworks .fancy-inline-box {
    width: 610px;
    padding: 40px;
    border: 3px solid #f1b312;
    box-sizing: border-box
}

body.howitworks .fancy-inline-box h2 {
    margin-bottom: 25px
}

/******************************************* 2 Column Layout - Right Main *******************************************/
/*
body.right-main #wrap {
  background: #ffffff url('../img/right-main-bg-repeater.png') repeat-y center top;
}
*/

body.right-main #middle aside.left-col {
      /*float: left;
      width: 318px;
      padding-right: 10px;
      padding-bottom: 40px;*/  /* add bottom padding to the left col */
    padding-right: 25px
}

body.right-main #middle aside.left-col .module {
    margin-top: 45px
}

body.right-main #middle aside.left-col .module h3 {
    margin-bottom: 18px;
    line-height: 30px
}

body.right-main #middle aside.left-col .module:first-child {
    margin-top: 0
}

body.right-main #middle .right-col {
  /*float: left;
  margin-left: 48px;
  width: 632px;*/
}
/** Ian White 14/11/12 accommodate table results ***/
body.ad-search.find-house #main {
    overflow: visible
}

body.ad-search.find-house.right-main  #middle .right-col {
    /*float: left;
    margin-left: 48px;  */
}

/** Ian White 14/11/12 accommodate table results END ***/
body.right-main #middle .right-col .tab_trigger_wrapper {
    margin-bottom: 20px
}

body.right-main #middle .right-col .tab_trigger_wrapper .tab_trigger {
    padding: 0 10px;
    border-left: 2px solid #4b4b4b
}

body.right-main #middle .right-col .tab_trigger_wrapper .tab_trigger a {
    font-size: 15px
}

body.right-main #middle .right-col .tab_trigger_wrapper .tab_trigger:first-child {
    padding-left: 0;
    border-left: 0
}

body.right-main #middle .right-col .tab_trigger_wrapper .tab_trigger.active a {
    color: #4b4b4b
}

body.right-main #middle .right-col .tab_trigger_wrapper .tab_trigger.active:hover {
    border-color: #4b4b4b
}

body.right-main #middle .right-col form fieldset {
    border-bottom: 1px solid #d2d2d2;
    margin: 16px 0;
    padding-bottom: 10px
}

body.right-main #middle .right-col form fieldset legend {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding-bottom: 20px
}

body.right-main #middle .right-col form fieldset#basic_flexi_location,
body.right-main #middle .right-col form fieldset#basic_location {
    padding-bottom: 30px
}

body.right-main #middle .right-col form fieldset#basic_flexi_location .selectBox,
body.right-main #middle .right-col form fieldset#basic_flexi_location select,
body.right-main #middle .right-col form fieldset#basic_location .selectBox,
body.right-main #middle .right-col form fieldset#basic_location select {
    float: left;
    margin-right: 10px
}

body.right-main #middle .right-col form fieldset#basic_flexi_location input.datepicker,
body.right-main #middle .right-col form fieldset#basic_location input.datepicker {
    float: left
}

body.right-main #middle .right-col form fieldset#flexi_pets-list,
body.right-main #middle .right-col form fieldset#pets-list {
    border-bottom: 4px solid #d2d2d2
}

body.right-main #middle .right-col form #basic_username {
    border-bottom: 4px solid #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 16px
}

body.right-main #middle .right-col form h2.hasDesc {
    display: inline;
    margin-right: 5px
}

div#socialFooter {
    text-align: center;
    display: none
}
/******************************************* Advanced Search House, Advanced Search Sitter **************************/
#ad-house #middle aside.left-col,
#ad-sitter #middle aside.left-col {
  /*width: 300px;
  padding-right: 28px;*/
}
/******************************************* No Top Navigation Page Style *******************************************/
body.no-top-nav header#top-header {
    height: 246px;
    border-bottom: 6px solid #767575
}
/******************************************* Fix conflicts with jQuery Validate & selectBox *******************************************/
html.js body.register select {
  /*display: block !important;
  left: -9999px;
  position: absolute;*/
}
/******************************************* no-js Style Override *******************************************/
.no-js {
  /* Global Override */

  /* Homepage - house sitter */

  /* Owner-reg */

}
.no-js .slides-container .slides:first-child {
    display: block
}

.no-js .slides-nav {
    display: none
}

.no-js ul#account:hover {
    background-color: #fff;
    height: 145px
}

.no-js ul#account:hover ul {
    display: block!important
}

.no-js body.house-sitter div#sitter-search {
    left: 0!important;
    opacity: 1!important
}

.no-js body.house-sitter div#sitter-profiles {
    right: 0!important;
    opacity: 1!important
}

.no-js #region-fields {
    display: block!important
}

.lightImage {
    background-image: url(../img/home-clouds_lights.png)!important;
    background-repeat: no-repeat
}
/* custom advanced search */
header#top-header div.container div.search-boxes form input.datepicker {
    z-index: 2000
}

.leftColumn .module {
    margin-bottom: 45px
}

.leftColumn .module h3 {
    margin-bottom: 18px;
    line-height: 30px
}

.rightColumn h2 {
    margin-bottom: 25px
}

.rightColumn .tab_trigger_wrapper {
    margin-bottom: 20px
}

.rightColumn .tab_trigger_wrapper .tab_trigger {
    padding: 0 10px;
    border-left: 2px solid #4b4b4b
}

.rightColumn .tab_trigger_wrapper .tab_trigger:first-child {
    padding-left: 0;
    border-left: 0
}

.rightColumn .tab_trigger_wrapper .tab_trigger a {
    font-size: 15px
}

.rightColumn .tab_trigger_wrapper .tab_trigger.active a {
    color: #4b4b4b
}

.searchInputs fieldset {
    border-bottom: 1px solid #d2d2d2;
    margin: 16px 0;
    padding-bottom: 10px
}

.searchInputs fieldset#basic_flexi_location,
.searchInputs fieldset#basic_location {
    padding-bottom: 30px
}

.searchInputs fieldset legend,
.searchInputs label.pet-flag {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding-bottom: 20px
}

.searchInputs input[type=text] {
    padding: 5px 10px!important;
    line-height: 20px;
    height: auto!important;
    font-size: 14px
}

.searchInputs #UserName,
.searchInputs #location input[type=text] {
    width: 100%!important
}

.searchInputs h2.hasDesc {
    display: inline;
    margin-right: 5px
}

.searchInputs .form-group .control-label {
    text-align: left
}

.searchInputs .selectboxit-container .selectboxit {
    height: 32px
}

.searchInputs #location .selectboxit-container {
    float: none;
    display: block;
    width: 100%!important;
    margin: 0
}

.searchInputs #location .selectboxit-container .selectboxit-options {
    width: 100%
}

.searchInputs #location .selectboxit-container .selectboxit {
    width: 100%!important
}

.searchInputs .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    background-position: 2px -114px
}

.rightColumn .searchInputs fieldset#flexi_pets-list,
.rightColumn .searchInputs fieldset#pets-list {
    border-bottom: 4px solid #d2d2d2
}

.searchInputs .noPad {
    padding: 0
}

.searchInputs .input_row .petFloat {
    float: left;
    width: 20%
}

.no-top-nav #main {
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px
}

.no-top-nav div#middle {
    padding-bottom: 0
}

.no-top-nav footer#footer {
    margin: 0
}

body#owner-reg div#wrap form input[type=text],
body#sitter-reg div#wrap form input[type=text],
body.ad-search aside.left-col form input[type=text],
div#wrap form input[type=email],
div#wrap form input[type=password],
div#wrap form textarea {
    width: 100%!important
}

body#sitter-reg div#wrap form input,
body#sitter-reg div#wrap form select {
    margin: 6px 0
}

body#owner-reg div#wrap form input,
body#owner-reg div#wrap form select {
    margin: 6px 0
}

body#sitter-reg div#wrap form input[type=submit] {
    margin: 0 17px
}

.checklink-box ul li a {
    background-image: url(../img/sprite_check.png);
    background-repeat: no-repeat;
    background-position: left 2px!important
}

.checklink-box ul li a.checked {
    background-position: left -78px!important
}

body.profile-details #middle .left-col #gallery .imgDiv2 img {
    margin-bottom: 16px;
    width: inherit;
    height: auto
}

.imgDiv2 {
    width: 100%;
    height: 204px;
    overflow: hidden
}

/*  advanced-search-find-housesit.cfm   */
body#ad-house .right-col {
    /*width: 55.666667%;*/
}

body#ad-house div#wrap form input[type=text],
body#owner-reg div#wrap form input[type=text],
body#sitter-reg div#wrap form input[type=text],
div#wrap form input[type=email],
div#wrap form input[type=password] {
    height: 33px
}

body#ad-house .left-align {
    clear: both
}

body#ad-house ul.swipeMenuLinks li:first-child {
    margin-top: 23px
}

body#ad-house div#ui-datepicker-div {
    top: 381px!important
}
/*******  advanced-search-results-housesit.cfm  **********/
.gm-style .gm-style-iw {
    font-family: Arial, Helvetica, sans-serif!important
}

body#ad-result-house #results-list span {
    /*display: inline;
    margin: 8px;
    text-align: center;*/
}

div.actions a.petPawIcon {
    height: auto!important;
    background: url(../img/paw_icon.png) no-repeat left top!important
}

div.petPawAction a.photo {
    width: auto!important
}

/** error message foe member_login3.cfm when session out**/
.informationMessage {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
    padding: 15px;
    margin-bottom: 20px;
    display: none
}
/***Responsive & Scrollable Tables***/
/*Biby chages for  table responsive heading*/
.tableClassicSrollable {
    width: 119%;
    /* overflow-x: auto;
    overflow-y: hidden;*/
    border: 1px solid #d6dde6;
    /*margin: 0 !important;*/
}

.tableClassicSrollable.table-scrollable-borderless {
    border: 0
}

.tableClassicSrollable>.table {
    width: 100%!important;
    margin: 0!important;
    margin-bottom: 0;
    background-color: #fff;
    table-layout: fixed
}

.tableClassicSrollable>.table>tbody>tr>th,
.tableClassicSrollable>.table>tfoot>tr>td,
.tableClassicSrollable>.table>tfoot>tr>th,
.tableClassicSrollable>.table>thead>tr>th {
    /*white-space: nowrap;*/
    white-space: normal
}

.tableClassicSrollable>.table-bordered {
    border: 0
}

.tableClassicSrollable>.table-bordered>tbody>tr>td:first-child,
.tableClassicSrollable>.table-bordered>tbody>tr>th:first-child,
.tableClassicSrollable>.table-bordered>tfoot>tr>td:first-child,
.tableClassicSrollable>.table-bordered>tfoot>tr>th:first-child,
.tableClassicSrollable>.table-bordered>thead>tr>td:first-child,
.tableClassicSrollable>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.tableClassicSrollable>.table-bordered>tbody>tr>td:last-child,
.tableClassicSrollable>.table-bordered>tbody>tr>th:last-child,
.tableClassicSrollable>.table-bordered>tfoot>tr>td:last-child,
.tableClassicSrollable>.table-bordered>tfoot>tr>th:last-child,
.tableClassicSrollable>.table-bordered>thead>tr>td:last-child,
.tableClassicSrollable>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.tableClassicSrollable>.table-bordered>tbody>tr:last-child>td,
.tableClassicSrollable>.table-bordered>tbody>tr:last-child>th,
.tableClassicSrollable>.table-bordered>tfoot>tr:last-child>td,
.tableClassicSrollable>.table-bordered>tfoot>tr:last-child>th,
.tableClassicSrollable>.table-bordered>thead>tr:last-child>td,
.tableClassicSrollable>.table-bordered>thead>tr:last-child>th {
    border-bottom: 0
}

body#ad-result-house .tableClassicSrollable th {
    background-color: #b0c4de
}

body#photoview .tableClassicSrollable {
    border: none
}

.tableClassicSrollable th {
    vertical-align: baseline;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    border: none
}

body#ad-result-house .tableClassicSrollable tbody tr:nth-child(odd) {
    background-color: #ffffcf!important
}

/*Biby chages for  table responsive heading*/
.tableClassicSrollable td,
.tableClassicSrollable th {
    border: 0!important;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    padding: 9px 3px!important
}

.tableClassicSrollable .classicListTable td img {
    width: 60px;
    height: auto
}

.refineClick {
    color: #00467f;
    font-size: 13px;
    border-bottom: 0;
    font-weight: 700
}

.refineClick:hover {
    border-bottom: 1px solid #efb412;
    cursor: pointer
}
/************ photo view ***********/
body#photoview img#DataField40 {
    width: inherit;
    max-width: 100%;
    height: auto
}

body#photoview #middle .left-wide-col article {
    width: 66%
}
/********** house sitting FAQ  *************/
body#faq.left-main #middle aside.right-col{
	width: 30.333333%;
	margin-left: 30px;
}
/********  about-us.cfm **********/
body#why.left-main #middle aside.right-col {
    padding-left: 4%
}

body#login #wrap,
body#tips #wrap,
body#why #wrap {
    /*background-position: -4340px;*/
    background-position: center center
}

body#why .slides-container div.slides {
    text-align: justify
}
/***** affiliate******/
body#tips .addGifImage {
    width: 60%
}

body.memberLog .addGifImage {
    width: 60%;
    margin-top: 10px
}

body#tips .left-col article img {
    width: auto;
    height: auto;
    max-width: 100%
}
/* 2018/08/31 - Praveen - Fixed right column encroaches on left column */
body#tips.left-main #middle aside.right-col {
    padding-left: 4%
}

body#how #fancybox-wrap {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial
}
/****************/
body.memberLog div#wrap form input[type=text] {
    width: 100%;
    height: 32px
}

body.memberLog .first div {
    margin-bottom: 10px
}

body.memberLog .alignLabel {
    margin-left: 15px
}

/******* feedback **********/
body.memberLog .feedBackWrap .col-sm-12 {
    margin-bottom: 15px
}

body.memberLog footer#footer div.container div#connects {
    width: 91%
}

body.memberLog .labelSapce {
    margin-top: 8px;
    width: 10.333333%
}
/******housesitter-registration.cfm******/
body#sitter-reg #period label {
    margin-top: 6px
}

body#sitter-reg label.control-label {
    padding: 0;
    margin-top: 15px
}

body#sitter-reg #fancybox-wrap {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial
}

body#sitter-reg .mainTopWrap {
    font-size: 14px
}

body#owner-reg #period label {
    margin-top: 6px
}

body#owner-reg label.control-label {
    padding: 0;
    margin-top: 15px
}

body#owner-reg #fancybox-wrap {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial
}

body#owner-reg .mainTopWrap {
    font-size: 14px
}

body#owner-reg .ez-checkbox,
body#owner-reg input[type=checkbox] {
    float: left
}

body#owner-reg form .two_cols_form .pet_row {
    border-bottom: 1px solid #d2d2d2;
    padding: 14px 0
}

body#owner-reg div#main .legend {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-top: -3px
}

body#owner-reg div.checkBoxWraper {
    margin: 10px 0 6px 0
}
/******** usa-state*********/
body.usaStates article h2 {
    margin: 23px 0
}

body.usaStates article p {
    margin: 4px 0!important
}

body.usaStates article h3 {
    margin: 8px 0;
    font-size: 16px
}

body#why div.sittersCityWrap {
    margin: 11px 0;
    font-size: 15px;
    padding: 0
}

body#why div.sittersCityWrap div {
    margin: 13px 0
}

body#photoview .referenceTitle {
    margin: 41px 0
}

body#photoview #fancybox-wrap {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial
}

div#viewReferences .buttonLink {
    height: 36px;
    line-height: 36px;
    background-image: none;
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    font-style: italic;
    font-size: 17px;
    text-align: center;
    color: #fff;
    padding: 0;
    width: 200px
}

div#viewReferences .buttonLink a {
    color: #fff;
    text-decoration: none
}

div#viewReferences .buttonLink a:hover {
    color: #fff
}
/******** wysihtml5 editer display**********/
.right-col article.detail_paras ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px;
    line-height: 20px;
    color: #333;
    cursor: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    word-wrap: break-word;
    word-spacing: 0
}

.right-col article.detail_paras ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px;
    line-height: 20px;
    color: #333;
    cursor: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    word-wrap: break-word;
    word-spacing: 0
}

.right-col article.detail_paras ul ul,
ol ul {
    list-style-type: circle;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

.right-col article.detail_paras h {
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700
}

.right-col article.detail_paras h5 {
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700
}

.right-col article.detail_paras ol ol ul,
ol ul ul,
ul ol ul,
ul ul ul {
    list-style-type: square!important;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

.right-col article.detail_paras blockquote {
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 20px;
    border-left: 1px solid #666!important;
    padding-left: 5px;
    display: block;
    opacity: .7;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px
}

.right-col article.detail_paras div {
    color: #333;
    cursor: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: normal;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-rendering: auto;
    word-break: normal;
    word-wrap: break-word;
    word-spacing: 0;
    background-color: #fff
}

/******homeowner-post-housesit.cfm*******/
#owner-post-housesit #main section {
    clear: both;
    border-bottom: 1px solid #d2d2d2;
    padding: 20px 0;
    overflow: hidden
}

body#owner-post-housesit div#wrap form input[type=text] {
    height: 33px
}

body#owner-post-housesit div#wrap form input[type=text] {
    width: 100%
}

body#owner-post-housesit .form-group .tip-boxes {
    top: 10px!important;
    left: 34px!important
}

body#owner-post-housesit div#main form .two_cols_form div.right-col #duration {
    width: 100%
}

body#owner-post-housesit div#main form .two_cols_form div.right-col #pet-options div#pet-info #other input[type=text] {
    width: 100%
}

body#owner-post-housesit div#main form .two_cols_form div.right-col #pet-options div#pet-info #breed input[type=text] {
    width: 100%
}

body#owner-post-housesit .reg_form_foot .ez-checkbox {
    margin-left: 30px
}

body#owner-post-housesit div#main form .two_cols_form fieldset .has-desc {
    float: left;
    width: 58%
}

body#owner-post-housesit div#main form .two_cols_form fieldset a.arrow-link {
    float: right
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    font-size: 16px!important
}

.helpboxtext {
    float: left!important
}

.bottom-margin {
    margin-bottom: 20px!important
}
 /* hose graphic devider */
.hose {
    display: block;
    width: 504px;
    height: 30px;
    margin: 10px 10px 10px 10px
}

.trial-sitter .fancy-inline-box.over-box {
    border: 3px solid #f1b312;
    padding: 23px;
    width: 600px
}

.trial-sitter #fancybox-close {
    right: -20px
}

.gold-member-wrap img {
    width: inherit
}

.recommended-span {
    padding-left: 40px
}

.testimonials_user blockquote {
    color: #8e8e8e;
    font-size: 13px;
    border: 1px solid #e5e5e5;
    padding: 9px 11px;
    margin: 6px 0
}

body.memberLog #middle .left-col article.testimonials_user blockquote p,
body.memberLog #middle .left-col article.testimonials_user blockquote p a {
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 14px!important
}

.highlight-text {
    color: #1335d4
}

.highlight-text-green {
    color: #239e46
}

.highlight-text-yellow {
    color: #f6990d
}

.captchaDiv img {
    width: 100%
}

/*4-11-19*/
body#sitter-reg form #section-3 div.left-col #period #period-list label.error{
    top: 60px;
}
body.register div#main form .reg_form_foot .checkbox_row label.error{
    top: 22px;
}
body.register div#main form .reg_form_foot .checkbox_row .checkbox_label{
    width: calc(100% - 35px);
}
body#sitter-reg #period label{
    width: calc(100% - 20px);
}
div#wrap form .input_row .selectWrapper label.error{
    left: 22px;
    line-height: 14px;
    padding-left: 0;
}



/*21-11-2019 image size issue */

body#home header#top-header div.container div.profiles div.slides-container img{
    width: 100%;
}




/* ------------------ RESPONSIVE DESIGN ------------ */
@media screen and (max-width:1600px)  {
	body#why #wrap, body#tips #wrap,body#login #wrap {
		/*background-position: -4224px;*/
	}
}
@media screen and (max-width:1440px)  {
	body#why #wrap,
	body#tips #wrap,
	body#login #wrap{
		/*background-position: -4351px;*/
	}
}

@media screen and (max-width:1280px)  {
	body#why #wrap, body#tips #wrap ,body#login #wrap {
		/*background-position: -4378px;*/
	}
}

@media screen and (max-width:1024px) {
    body#home header#top-header div.container div.profiles {
        right: 19px!important
    }
    div#social {
        right: 24px
    }
    nav#main-nav {
        right: 21px
    }
    ul#account {
        right: 20px
    }
    body#why #wrap, body#tips #wrap,body#login #wrap{
       /*background-position: -4510px;*/
    }
    body.profile-details div#connects {
        width: 96%!important
    }
    body#sitter-reg .radioLabelParent .tip-boxes {
        top: 10px!important;
        left: 34px!important
    }
    body#sitter-reg .radioLabelParent .tip-boxes span.triangle {
        display: none
    }
    body#owner-reg .radioLabelParent .tip-boxes span.triangle {
        display: none
    }
    body#owner-reg header#top-header {
        background-position: -205px 0
    }
    .tip-boxes {
        top: 32px!important;
        left: 13px!important
    }
    .tip-boxes span.triangle {
        display: none
    }
    .gold-member-wrap img {
        width: 100%;
        height: auto
    }
}
/*4-11-19*/
@media screen (min-width: 801px) and (max-width:900px) {
    body#sitter-reg form #member-options label.error{
        top: 34px;
    }
}
@media screen and (min-width: 801px) and (max-width:900px) {
    body#sitter-reg form #member-options label.error{
        top: 34px;
    }
}
@media screen and (max-width:967px) {
    .navButton {
        margin-top: 9px
    }
    /*04/12/2019--RR*/
    body#home header#top-header div.container div.search-boxes dd a {
    font-size: 15px !important;
}
    /*04/12/2019 RR*/
    nav#main-nav ul li a {
        padding: 0 7px !important;
    }
     /*04-12-2019 RR width 100% */
    body#home header#top-header div.container
    {
        width:100%;
    }
    body#home header#top-header div.container div.profiles {
        right: -32px!important;
        width: 342px
    }
    div#wrap {
        width: 100%;
        min-width: 0;
        min-height: 100%
    }
    .container {
        width: 90%
    }
    .no-top-nav .container {
        width: inherit;
        margin: 0 10px
    }
    body#home header#top-header div.container {
        height: 92%
    }
    body#home header#top-header {
        height: 604px
    }
    nav#main-nav {
        top: 60px;
        right: 0;
    }
    nav#main-nav ul li a.em {
            font-size: 12px!important;
    }
    nav#main-nav ul li.join a {
        font-size: 12px !important;
    }

    /* 21/08/2018, Praveen, To fix menu nav running into logo - reduced font size */
    nav#main-nav ul li a {
        font-size: 14px!important;
        padding: 0 10px
    }
    body#home header#top-header div.container div.search-boxes dt {
        font-size: 28px
    }
    body#home header#top-header div.container div.search-boxes {
        width: 54%
    }
    body#home div#ui-datepicker-div {
       /*left: 222.40625px !important;*/
        z-index: 15!important
    }
    body#home header#top-header div.container div.search-boxes form input.search-btn {
        margin-top: 14px;
        clear: both
    }
    body#home header#top-header div.container div.search-boxes p.promote {
        font-size: 22px;
        line-height: 24px
    }
    body#home nav#tab ul {
        margin-left: 33px
    }
    body#home header#top-header div.container div.profiles {
    }
    body#home header#top-header div.container div.profiles div.slides-container article.slides figure {
    }
    nav.slides-nav {
        bottom: 5%;
        right: 9px;
        z-index: 995
    }
    div.slides-container {
        width: 100%!important
    }
    body#home header#top-header div.container div.profiles nav.slides-nav {
    }
    body#home header#top-header div.container div.profiles div.slides-container article.slides p {
    }
    body#home header#top-header div.container div.profiles div.slides-container article.slides h4 {
    }
    body#home section#main article.block {
        width: 100%
    }
    body#home section#main article.block p {
        min-height: 69px;
        font-size: 13px
    }
    a.arrow-link {
        font-size: 14px
    }
    body#home section#main article.block {
        width: 100%;
        margin-top: 18px;
        line-height: 21px;
        margin-left: 0px !important;
    }
    body#home section#main article.block .big-btn {
        margin-top: 8px
    }
    body#home section#main div.fb-like-box {
        float: left;
        margin-left: 198px;
        width: 76%;
        margin-bottom: 24px
    }
    footer#footer {
        min-height: 400px
    }
    footer#footer div.container nav ul {
        margin-left: 70px;
        line-height: 22px;
        width: 22%
    }
    footer#footer div.container div#connects {
        margin-left: 55px;
        margin-top: 42px;
        width: 100%
    }
    body#home section#main div#quote blockquote.quotes {
        padding: 8px 0;
        font-size: 18px
    }
    body#home section#main div#quote nav.slides-nav {
        height: 8%
    }
    body#home section#main .rows {
        padding-top: 20px
    }
    a#logo {
        left: 0;
        top: 48px
    }
    .selectboxit-container {
        width: 100%!important;
        margin: 0 0 10px
    }
    .selectboxit-container .selectboxit,
    .selectboxit-container .selectboxit-options {
        width: 100%!important;
        margin: 0!important;
        min-width: 100%!important
    }
    body#home header#top-header div.container div.search-boxes form input[type=text] {
        width: 100%!important
    }
    body#home header#top-header div.container div.search-boxes form select {
        width: 100%
    }
    body#home header#top-header div.container div.profiles {
    }
    .no-top-nav div#wrap {
        min-height: inherit
    }
    body.regiActn.no-top-nav div#wrap {
        min-height: 100%
    }
    .no-top-nav footer#footer {
        margin: 0;
        min-height: inherit
    }
    body.right-main #wrap ,body#why #wrap, body#tips #wrap, body#login #wrap {
       /*background-position: -4615px;*/
    }
    body.no-top-nav header#top-header {
        background-position: right bottom
    }
    .no-top-nav #basic_location .selectboxit-container {
        width: 45%!important
    }
    .no-top-nav #basic_location .datepicker {
        width: 100%!important;
        margin-right: 0;
        margin-right: inherit;
        margin-left: 0;
        margin-top: 10px
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height: 134px
    }
  /* 2018/09/03 Praveen - Right column encroaches on left column - Fixed ipad issue */
    body#tips.left-main #middle aside.right-col,
    body#why.left-main #middle aside.right-col {
        padding-left: 5%
    }
    /** advanced-search-find-housesit.cfm **/
    body#ad-house .left-align {
        display: none
    }
    body#ad-house.no-top-nav footer#footer {
        margin: 0;
        min-height: 173px
    }
    body#ad-house.no-top-nav #basic_location .datepicker {
        width: 47%!important;
        margin-top: 0
    }
    /***** photo view ****/
    body#photoview #social2 {
        display: none
    }
    body#photoview footer#footer {
        min-height: 351px
    }
    /***** housesitting FAQ *****/
    body#faq.left-main #middle aside.right-col {
        width: 29.333333%;
        margin-left: 26px
    }
    body#faq footer#footer {
        min-height: 220px
    }
    /**** about-us****/
    body#why #wrap, body#tips #wrap,body#login #wrap{
       /*background-position: -4540px;*/
    }
    body#login.no-top-nav footer#footer,
    body#why.no-top-nav footer#footer {
        min-height: 276px
    }
    /*****how-homeowners.cfm*****/
    body#how footer#footer div.container div#connects {
        margin-left: 80px;
        width: 94%
    }
    /***** affiliate.cfm *****/
    .no-top-nav footer#footer {
        min-height: 150px
    }
    body#sitter-reg header#top-header {
        background-position: -257px 0
    }
    body#sitter-reg form #member-options {
        padding-left: 0
    }
    body#sitter-reg form #member-options div {
        padding: 0
    }
    body#owner-reg header#top-header {
        background-position: -259px 0
    }
    body#owner-reg div#wrap form div.firstCheckBox .input_label {
        margin-right: 0
    }
    body#owner-reg footer#footer {
        min-height: 182px
    }
    body#login div.logonpanel div.module {
        width: 100%
    }
    body#login div.formFieldWrapper {
        width: 50%
    }
}
/* 2018/09/03 Praveen - Right column encroaches on left column - Fixed ipad issue */
@media screen and (max-width:870px) {
    body#tips #wrap,
    body#why #wrap {
        background-position: 50.25%
    }
}

@media screen and (max-width:800px) {
    #wrap,
    body#login #wrap,
    body#tips #wrap,
    body#why #wrap {
        background-image: none
    }
    .mid-btn {
        margin-top: 10px;
        margin-right: 10px
    }
    footer#footer {
        min-height: 561px
    }
	body#home header#top-header div.container div.profiles {
	}
   /* 21/08/2018, Praveen, To fix menu nav running into logo - reduced font size */
    nav#main-nav ul li a {
        font-size: 14px!important;
        padding: 0 5px
    }
    .searchInputs h2.hasDesc,
    body.right-main #middle .right-col form h2.hasDesc {
        display: block;
        margin-bottom: 5px
    }
    .searchInputs .input_row .petFloat {
        width: 33%
    }
    body.right-main #wrap {
    	/*background-position: -4570px top;*/
    }
    .no-top-nav #basic_location .selectboxit-container {
        width: 56%!important;
        margin-right: 0
    }
    body.left-main #wrap {
       /*background-position: -4658px;*/
    }
    body#why #wrap, body#tips #wrap,body#login #wrap{
        /*background-position: -4687px;*/
    }
    body#why.left-main #middle .left-col .right-bottom .module {
        width: 100%;
        margin-left: 0
    }
    /*****how-homeowners.cfm*****/
    body#how footer#footer {
        min-height: 182px
    }
    /******** member_login2.cfm ***********/
    body.memberLog div.inputWrapper {
        width: 50%
    }
    body.memberLog .emailWraper {
        width: 67%!important
    }
    body#sitter-reg div.mainTopWrap {
        width: 100%;
        margin: 12px 0 14px 0;
        font-size: 14px
    }
    body#sitter-reg .titleRegisterWrap div h2#setup-title {
        margin-bottom: 0
    }
    body#owner-reg form#owner-reg-form span.tip-triggers,
    body#sitter-reg form #member-options span.tip-triggers {
        margin-left: 24px
    }
    body.usaStates header#top-header div.container h1.top-headings {
        font-size: 25px
    }
    body#photoview header#top-header div.container h1.top-headings {
        font-size: 24px
    }
	/* ian white fix for lighbox on iphone
	body.profile-details .fancy-inline-box {
		width: 100%;
	}
	*/

}
@media screen and (max-width:768px) {
/* 21-11-2019 RR added z-index */
.topHeader{
    z-index: 9999999;
}
/*04/12/2019 RR font change*/
body#home header#top-header div.container div.profiles a.smallItalic {
    font-size: 10px !important;
    font-style: italic !important;
}

body#home header#top-header div.container div.profiles a{
    font-size: 14px !important;
}
     /*Biby changes for  table responsive heading*/
    .tableClassicSrollable {
        width: 100%
    }
	body#home div#ui-datepicker-div {
		/*left: 161.40625px !important;		*/
	}
    div#social {
        display: none;
        top: 50px
    }
    nav#main-nav {
        display: none
    }
    ul#account {
        display: none
    }
    nav#sub-nav {
        display: none
    }
    .topHeader {
        display: block
    }
    a#logo {
        display: none
    }
    a#logomob img {
    	/*width: 49%;
    	height: 89%;*/
        width: 100px;
        height: 43px
    }
    a#logomob {
        position: absolute;
        left: 3px;
        top: 2px
    }
    body#home header#top-header div.container div.profiles {
        right: -29px;
        top: 81px
    }
    body#home header#top-header div.container div.search-boxes {
        top: 77px;
        /*padding: */
        padding: 0px 17px;
    }
    .mid-btn {
        margin-top: 10px
    }
    div#socialFooter {
        display: none;
        padding-left: 55px
    }
    #at15s.atm {
        display: none!important
    }
    body.no-top-nav header#top-header {
        height: 171px;
        background-position: -520px bottom
    }
    body.no-top-nav .container {
        width: inherit
    }
    body.no-top-nav header#top-header div.container h1.top-headings {
        top: 100px;
        left: 0
    }
	body.right-main #wrap {
		/*background-position:-4576px top;*/
	}
    body.ad-search aside.left-col .checklink-box ul li a {
        width: 110px;
        padding-left: 13px;
        padding-top: 3px;
        background-position: left 2px
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height: 105px
    }
    div#top-nav-container ul li {
        padding: 0 72px
    }
    /** advanced-search-find-housesit.cfm **/
    body#ad-house .right-col {
    	/*width: 61.666667%;*/
    }
    body#ad-house.ad-search.find-house.right-main #middle .right-col {
    	/*margin-left: 8px;*/
    }
    body#ad-house.no-top-nav #basic_location .datepicker {
        width: 247px!important
    }
    body#ad-house select#sta {
        width: 182px
    }
    body#ad-house.no-top-nav footer#footer {
        min-height: 272px
    }
    body#ad-house .tip-boxes {
        top: 32px!important;
        left: 14px!important
    }
    body#ad-house div#ui-datepicker-div {
        top: 352px!important
    }
    /******** advanced-search-results-housesit.cfm **********/
    body#ad-result-house #results-list span {
        display: block
    }
    body#ad-result-house #results-list .petDescriptionSet span {
        float: none!important
    }
    .tableClassicSrollable {
        overflow-x: auto;
        overflow-y: hidden
    }
    .tableClassicSrollable td,
    .tableClassicSrollable th {
        border: 0!important;
        white-space: normal;
        word-wrap: break-word;
        word-break: break-word;
        word-wrap: inherit;
        word-break: inherit
    }
    .tableClassicSrollable>.table {
        table-layout: inherit
    }
    .tableClassicSrollable .classicListTable td img {
        width: 80px
    }
    /********* photo view ************/
    body#photoview #middle .left-wide-col article {
        width: 75%
    }
    /******* how-homeowners.cfm ********/
    body#how header#top-header div.container h1.top-headings {
        top: 118px
    }
    body#how header#top-header {
        height: 215px;
        background: #d3e3f0 url(../img/global-bg.png) no-repeat -453px -74px
    }
    /*********** affiliate.cfm *************/
    body#how div#main section#video a.play_btn {
        top: -46px;
        left: -63px
    }
    /******** member_login2.cfm ***********/
    body.memberLog footer#footer div.container div#connects {
    	/*width: 95%;*/
    }
    /******* feedback **********/
    body.memberLog .feedBackWrap .feedBackinputBox {
        width: 64%
    }
    body.memberLog .labelSapce {
        width: 15.333333%
    }
    #social2 {
        display: none
    }
    /****** house sitter registration*********/
    body#sitter-reg .titleRegisterWrap fieldset#member-options {
        padding-left: 0
    }
    body.register div#main form .three_cols_form .block {
        float: none
    }
    body#sitter-reg div.mainTopWrap h2 {
        margin-bottom: 0
    }
    body#sitter-reg .searchEngineSelect {
        width: 50%
    }
    body#sitter-reg header#top-header div.container h1.top-headings {
        top: 78px
    }
    body#sitter-reg header#top-header {
        background-position: -460px -98px;
        height: 188px
    }
    body#sitter-reg .fancy-inline-box {
        width: 100%
    }
    body#sitter-reg footer#footer {
        min-height: 182px
    }
    body#owner-reg header#top-header div.container h1.top-headings {
        top: 91px;
        font-size: 29px
    }
    body#owner-reg header#top-header {
        background-position: -519px -100px;
        height: 189px
    }
    body#owner-reg div.mainTopWrap {
        width: 100%;
        margin: 12px 0 14px 0;
        font-size: 14px
    }
    body#owner-reg .titleRegisterWrap div h2#setup-title {
        margin-bottom: 0
    }
    body#owner-reg div.op_block .tip-boxes {
        top: 20px!important;
        left: 299px!important
    }
    body#owner-reg div#main form .two_cols_form fieldset#fromContainer {
        width: 71%
    }
    body#owner-reg div.checkBoxWraper {
        width: 80%
    }
    body#owner-reg section.reg_form_foot div.mainTopWrap div.col-sm-9.col-xs-9 {
        width: 98%
    }
    body#owner-reg div#main section h2 {
        margin-bottom: 5px
    }
    body#owner-reg .fancy-inline-box {
        width: 100%
    }
    #owner-post-housesit #main section {
        padding: 20px 9px
    }
    body#owner-post-housesit div#main form .two_cols_form fieldset .has-desc {
        float: none;
        width: 100%
    }
    body#owner-post-housesit div#main form .two_cols_form div.right-col #pet-options div#pet-info .pet_row {
        width: 100%
    }
    body#owner-post-housesit div#main form .reg_form_foot .checkbox_row .checkbox_label {
        float: left;
        margin-top: 7px;
        width: 80%
    }
    body.memberLog footer#footer div.container div#connects.social-footer {
        margin-left: 0;
        width: 99%
    }
    /*4-11-19*/
    body#sitter-reg header#top-header {
        background: #d3e3f0;
    }
}

 /*25-11-2019 RR removing Refine your search link from landscape mode*/
.refineWrap{
    display: none;
}
/* remove the house image for small devices (01-11-2019 DG)*/
@media screen and (max-width:767px) {
    /*25-11-2019 RR removing Refine your search link from landscape mode*/
    .refineWrap{
        display: block;
    }

    body.register header#top-header {
        background: #d3e3f0;
        background-image: none;
            height: 190px !important;
    }
    header#top-header div.container h1.top-headings {
        position: absolute;
        /* top: 170px;*/
        margin-bottom: 14px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }
    /*4-11-19*/
    #member-options div.radioLabelParent{
        font-size: 14px;
        margin-bottom: 17px;
    }
}

@media screen and (max-width:737px) {
    div#top-nav-container ul li {
        padding: 1px 61px
    }
    body.right-main #wrap {
        background: 0 0
    }
    aside.leftColumn {
        display: none
    }
    .searchInputs h2.hasDesc {
        display: inline
    }
    .searchInputs .control-label {
        padding-top: 7px
    }
    .searchInputs .input_row .petFloat {
        width: 20%
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height: 155px
    }
    body#home header#top-header div.container div.profiles {
        right: -31px!important;
        width: 319px
    }
    /*** advanced-search-find-housesit.cfm ***/
    #ad-house #middle aside.left-col,
    #ad-sitter #middle aside.left-col {
        display: none
    }
    body#ad-house .right-col {
        width: 100%
    }
    body#ad-house.no-top-nav #basic_location .datepicker {
        width: 243px!important
    }
    body#ad-house.no-top-nav footer#footer {
        min-height: 179px
    }
    body#ad-house div#ui-datepicker-div {
        top: 278px!important
    }
    /************/
    body#ad-result-house #results-list span {
        display: inline
    }
    #refineWrap {
        margin-top: 10px
    }
    body#ad-result-house #results-list .petDescriptionSet span {
        display: block
    }
    body.left-main #wrap {
        background: 0 0
    }
    /****** house sitting FAQ*******/
    body#faq.left-main #middle aside.right-col {
        width: 100%;
        margin-left: 0
    }
    /*******  how-homeowners.cfm  ********/
    body#how header#top-header div.container h1.top-headings {
        top: 119px;
        font-size: 30px
    }
    body#how header#top-header {
        background: #d3e3f0 url(../img/global-bg.png) no-repeat -495px -74px
    }
    body#how div#main section#video a.play_btn {
        top: 36px;
        left: 78px
    }
    body#how div#main section.row .module {
        margin-bottom: 18px
    }
    /******* affiliate.cfm *******/
    body#tips .module.addGifImage {
        width: 24%
    }
    body#tips #middle aside.right-col {
        margin-top: 49px
    }
    body#tips footer#footer div.container div#connects {
        width: 84%
    }
    /******** member_login2.cfm ***********/
    body.memberLog.left-main #middle aside.right-col {
        padding-left: 42px;
        margin-top: 40px
    }
    body.memberLog .addGifImage {
        width: 29%
    }
    body.memberLog .tip-boxes {
        display: none!important
    }
    body.memberLog .labelSapce {
        width: 11.333333%
    }
    body.memberLog div.inputWrapper {
        width: 36%
    }
    body.memberLog .emailWraper {
        width: 68%!important
    }
    #member-options div.radioLabelParent {
        font-size: 14px;
        margin-bottom: 17px
    }
    body#sitter-reg .AgeContainer {
        width: 64%!important
    }
    body.register div#main form fieldset legend {
        padding-top: 18px
    }
    body#sitter-reg form #member-options .radio_label {
        width: 40%
    }
}

@media screen and (max-width:700px) {
    nav#main-nav {
        top: 109px;
        right: 3px
    }
    nav#sub-nav {
        top: 63px;
        right: 160px
    }
    ul#account {
        top: 35px
    }
    div#social {
        top: 157px;
        width: 323px
    }
    body#home header#top-header div.container div.search-boxes {
        width: 65%;
        top: 66px;
        line-height: 37px
    }
    body#home header#top-header div.container div.profiles  {
    }
    body#home header#top-header div.container {
        height: 92.1%;
        width: 94%;
        background-size: 157%
    }
    body#home header#top-header div.container div#lights {
        background: url(../img/lights.png) left bottom no-repeat;
        left: 347px;
        bottom: 3px;
        background-size: 96%
    }
    body#home header#top-header {
        height: 620px
    }
    body#home section#main div.fb-like-box {
        margin-left: 134px
    }
    footer#footer div.container nav ul {
        margin-left: 62px;
        width: 31%
    }
    footer#footer div.container div#connects {
        margin-left: 24px
    }
    body#home section#main div#quote {
        width: 107%
    }
    body#home section#main div.fb-like-box {
        margin-left: 128px;
        margin-top: 10px
    }
    body#home header#top-header div.container div.profiles {
    }
    .mid-btn {
        margin-top: 10px
    }
    div#top-nav-container ul li {
        margin-top: 9px;
        padding: 0 16px
    }
    div#top-nav-container ul li a {
        font-size: 16px;
        width: 100%
    }
    div#social {
        top: 48px;
        width: 323px
    }
    body.no-top-nav header#top-header {
        height: 141px;
        background-position: right bottom;
        background-size: 150%
    }
    body.no-top-nav header#top-header div.container h1.top-headings {
        top: 70px
    }
    .searchInputs fieldset#basic_flexi_location,
    .searchInputs fieldset#basic_location {
        padding-bottom: 20px
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
    }
    /******* housesitting FAQ  ********/
    body#how .fancy-inline-box {
        width: inherit;
        padding: 15px
    }
}

@media screen and (max-width:667px) {
    div#top-nav-container ul li {
        /* 29-10-2019 DG*/
        /*padding: 0 50px*/
    }
    body#home div#ui-datepicker-div {
        left: 18.40625px!important;
        top: 245px!important
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height: 139px
    }
    body#home header#top-header div.container div.search-boxes form select {
        width: 77%
    }
    body#home header#top-header div.container div.search-boxes form input[type=text] {
        width: 77%!important
    }
    body#home header#top-header div.container div.profiles {
        right: -3px!important;
        width: 284px
    }
    /***** how-homeowners.cfm *****/
    body#how header#top-header div.container h1.top-headings {
        top: 114px;
        font-size: 26px
    }
    body#how header#top-header {
        height: 198px;
        background: #d3e3f0 url(../img/global-bg.png) no-repeat -556px -91px
    }
    body#how div#main section#video a.play_btn {
        top: 26px;
        left: 50px
    }
    /******* affiliate.cfm *******/
    body#tips footer#footer div.container div#connects {
        margin-left: 58px;
        width: 90%
    }
    /******** member-login-2 ********/
    body.memberLog footer#footer div.container div#connects {
        width: 100%;
        margin-left: 8px;
        margin-top: 68px
    }
    body.memberLog .emailWraper {
        width: 77%!important
    }
    body#sitter-reg header#top-header {
        background-position: -571px -101px
    }
    body#sitter-reg header#top-header div.container h1.top-headings {
        top: 93px;
        font-size: 28px;
    }
    body#sitter-reg .AgeContainer {
        width: 70%!important
    }
    body#owner-reg header#top-header {
        background-position: -582px -100px;
        height: 189px
    }
    body#owner-reg div#main form .two_cols_form fieldset#fromContainer {
        width: 86%
    }
    body#photoview footer#footer {
        min-height: 250px
    }
    .trial-sitter .fancy-inline-box.over-box {
        width: 400px
    }
    /*4-11-19*/
    body#sitter-reg header#top-header div.container h1.top-headings {
        top: 75px;
        font-size: 28px
    }
}

@media screen and (max-width:640px) {
    body#home header#top-header div.container div#lights {
        width: 241px;
        left: 333px
    }
    body#home div#ui-datepicker-div {
        position: relative!important;
        top: -2030px!important
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height: 132px
    }
    body#home header#top-header div.container div.profiles {
        right: -13px!important;
        top: 101px;
        width: 255px
    }
    body#home header#top-header div.container div.search-boxes form select {
        width: 81%
    }
    body#home header#top-header div.container div.search-boxes form input[type=text] {
        width: 81%!important
    }
    body#photoview #middle .left-wide-col article {
        width: 81%
    }
}

@media screen and (max-width:620px) {
    body#home div#ui-datepicker-div {
        position: relative!important;
        top: -2050px!important
    }
    body#sitter-reg form #member-options .radio_label {
        width: 45%
    }
}

@media screen and (max-width:604px) {
    div#top-nav-container ul li {
        /*Footer space 29-10-2019 DG/
    /*    padding: 0 41px*/
    }
    div#social {
        top: 56px;
        width: 323px
    }
    body#home header#top-header div.container div.search-boxes {
        width: 60%;
        top: 75px;
        line-height: 37px
    }
    body#home header#top-header div.container div.profiles {
        right: -13px;
        top: 94px;
        width: 244px
    }
    body#home header#top-header {
        height: 620px
    }
    body#home section#main article.block p {
        text-align: justify
    }
    body#home section#main div#quote {
        width: 100%
    }
    body#home section#main div#quote blockquote.quotes {
        text-align: justify
    }
    footer#footer div.container div#connects a {
        margin-left: 15px
    }
    body#home header#top-header div.container div#lights {
        left: 313px;
        background-size: 90%
    }
    .searchInputs h2.hasDesc,
    body.right-main #middle .right-col form h2.hasDesc {
        display: block
    }
    .searchInputs input[type=text] {
        font-size: 16px
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height: 123px
    }
    body#ad-house.no-top-nav footer#footer {
        min-height: 386px
    }
    body#how header#top-header {
        background: #d3e3f0 url(../img/global-bg.png) no-repeat -601px -91px
    }
    body#sitter-reg .AgeContainer {
        width: 80%!important
    }
    body#owner-reg header#top-header {
        background-position: -644px -100px;
        height: 189px
    }
    body#owner-reg header#top-header div.container h1.top-headings {
        top: 87px;
        font-size: 26px
    }
    body#owner-reg form#owner-reg-form span.tip-triggers,
    body#sitter-reg form #member-options span.tip-triggers {
        margin-left: 25px
    }
}

@media screen and (max-width:600px) {
    body#ad-house.no-top-nav footer#footer {
        min-height: 178px
    }
    body#how header#top-header {
        background: #d3e3f0 url(../img/global-bg.png) no-repeat -622px -91px
    }
    body#how div#main section#video a.play_btn {
        top: 12px;
        left: 19px
    }
    body#tips footer#footer div.container {
        width: 98%
    }
    body.memberLog .labelSapce {
        width: 13.333333%
    }
    body.memberLog div.inputWrapper {
        width: 44%
    }
}

@media screen and (max-width:566px) {

div#top-nav-bg-repeater {

    bottom: -2px;
}
body#home header#top-header {
    /*height: */
    height: 842px;
}
/* 21-11-2019 RR image size issue */
body#home header#top-header div.container div.profiles div.slides-container{
    height: auto;
}
body#home header#top-header div.container div.profiles{
    height: auto;
}
/* 21-11-2019 RR image size issue ends here */
    body#owner-reg div#top-nav-container ul li a,
    body#sitter-reg div#top-nav-container ul li a {
        font-size: 14px!important;

    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height: 115px
    }
    a#logo {
        width: 21%
    }
    nav#sub-nav {
        top: 38px;
        right: 140px
    }
    ul#account {
        top: 15px
    }
    nav#main-nav {
        top: 83px;
        right: 0
    }
    nav#main-nav ul li a {
        font-size: 12px;
        padding: 1px 2px
    }
    nav#main-nav {
        top: 83px;
        right: 0;
        width: 100%
    }
    div#social {
        top: 51px;
        width: 322px
    }
    body#home header#top-header div.container div.search-boxes dt {
        font-size: 22px;
        line-height: 31px;
        margin-top: 11px
    }
    body#home header#top-header div.container div.search-boxes dd a {
        font-size: 12px
    }
    body#home header#top-header div.container div.profiles {
/*        top: 344px;
        width: 336px;
        right: 115px!important*/

        right: 0 !important;
        left: 0 !important;
        margin: auto !important;


    }
    body#home header#top-header {
        /*height: 825px12-11-19 */
        /*height: 790px;*/

    }
    body#home header#top-header div.container {
        height: 94%;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        background-size: 156%
    }
    body#home header#top-header div.container div#lights {
        background: url(../img/lights.png) left bottom no-repeat;
        position: absolute;
        left: 312px;
        bottom: 3px;
        width: 230px;
        height: 105px;
        display: none;
        background-size: 94%
    }
    div.slides-container article.slides figure {
        width: 99%;
        height: 200px;
        /*04-12-2019 RR padding - looking for sitter*/
        padding: 0px 13px;
    }
    body#home section#main div.fb-like-box {
        margin-left: 52px
    }
    h3 {
        font-size: 14px
    }
    footer#footer div.container div#connects {
        margin-left: -5px;
        margin-top: 40px;
        width: 115%
    }
    footer#footer div.container {
        width: 100%
    }
    body#home header#top-header div.container div.search-boxes {
        width: 100%;
        top: 40px;
        /* 04-12-2019 RR padding*/
        padding: 0px 15px;
    }
	body#home header#top-header div.container div.search-boxes form input[type='text'] {
		/*width: 162px !important;
		margin-top: 0px;*/
	}
    body#home div#ui-datepicker-div {
    	/*left: 171.40625px !important;*/
        z-index: 15!important
    }
    .selectboxit-container .selectboxit,
    .selectboxit-container .selectboxit-options {
        width: 100%!important;
        margin-right: 0!important;
        min-width: 100%!important
    }
    body#home header#top-header div.container div.search-boxes form input.search-btn {
        clear: none
	/*margin-top: 0;*/
    }
    body#home header#top-header div.container div.search-boxes dt {
        font-size: 27px;
        text-align: center;
        background: #fff;
        padding: 14px;
        width: 100%;
        margin: 0
    }
    body#home header#top-header div.container div.search-boxes dd:nth-child(2) {
        padding-left: 10px
    }
    body#home header#top-header div.container div.search-boxes dd a {
        font-size: 15px
    }
    body#home header#top-header div.container div.search-boxes form {
        padding: 0 15px
    }
    body#home header#top-header div.container div.search-boxes p.promote {
        text-align: center
    }
    .mid-btn {
        margin-top: 0;
        width: 109px
    }
    .no-top-nav footer#footer {
        margin: 0;
        min-height: auto
    }
    body.no-top-nav header#top-header div.container h1.top-headings {
        top: 70px;
        font-size: 24px
    }
    .searchInputs .selectboxit-container .selectboxit {
        width: 100%!important
    }
    #username_tab .searchInputs .col-xs-6,
    .searchInputs #location .col-xs-6 {
        width: 75%
    }
    .searchInputs .input_row .petFloat {
        width: 33%
    }
    body.no-top-nav header#top-header {
        background-position: -372px bottom;
        background-size: 180%
    }
    body#home div#ui-datepicker-div {
        position: relative!important;
        top: -2334px!important
    }
    div#top-nav-container ul li {
        padding: 0 37px
    }
	/******** photo view *********/
    body#photoview #middle .left-wide-col article {
        width: 87%
    }
	/**************/
    body#how header#top-header div.container h1.top-headings {
        top: 77px;
        font-size: 25px
    }
    body#how header#top-header {
        background: #d3e3f0 url(../img/global-bg.png) no-repeat -622px 0;
        height: 171px
    }
	/******* affiliate.cfm *******/
    body#tips .module.addGifImage {
        width: 39%
    }
    body#tips .addGifImage {
        width: 75%
    }
	/****** member login 2 ******/
    body.memberLog .addGifImage {
        width: 43%
    }
    body.memberLog footer#footer div.container {
        width: 95%
    }
    body.profile-details div#connects {
        width: 90%!important
    }
    body.memberLog .emailWraper {
        width: 92%!important
    }
    body#owner-reg header#top-header {
        background-position: -674px -99px;
        /* 29-10-2019 DG*/
        /*height: 189px*/
        height: 230px;
    }
    body#owner-reg div#main form .two_cols_form fieldset#fromContainer {
        width: 100%
    }
    body#owner-reg div.checkBoxWraper {
        width: 100%
    }
    body#why footer#footer div.container {
        width: 98%
    }
    footer#footer div.container div#connects {
        width: 100%
    }


	/*29-10-2019 DG*/
    #top-nav-container .container  {
    	width: 100%;
    }
    #top-nav-container .container ul li {
    	padding: 0;
/*    	display: block;*/
    	/*width: 100%;*/
/*    	border: none;*/
    }
/*    #tab-indicator {
    	display: none !important;
    }*/
/*    div#top-nav-container {
	    background: url(../img/top-nav-bg.jpg) repeat;
	    height: 76px;
	    background-position: center;
	}*/
	.mainTopWrap h2 {
		width: 100%;
	}
	.tip-triggers {
		margin-left: 2px !important;
	}
	/*body.register div#main form .reg_form_foot .checkbox_row label.error {
			    top: 52px;
	}*/

}
/*4-11-19*/
@media screen and (max-width:576px) {
    body#home header#top-header div.container div.profiles figure{
        max-height: 175px;
    }
    div#wrap form .input_row .selectWrapper label.error{
        top: 0px;
        left: 18px;
        padding-left: 0;
        margin-right: 32px;
        line-height: 14px;
    }



}

@media screen and (max-width:504px) {
    body#sitter-reg form #member-options label.error{
        top: 30px;
    }
}

@media screen and (max-width:414px) {
    div#wrap form .input_row .selectWrapper label.error {
        position: absolute;
        z-index: 998;
        top: 5px;
        left: 5px;
        padding-left: 0;
        background-color: #fff;
        margin-right: 35px;
        height: 21px;
        line-height: 14px;
        max-width: calc(100% - 35px);
    }
}

@media screen and (max-width:534px) {
    body#home header#top-header div.container div#lights {
        left: 291px;
        background-size: 89%
    }
    body#home div#ui-datepicker-div {
        position: relative!important;
        top: -2483px!important
    }
}

@media screen and (max-width:480px) {
    div#social {
        top: 49px;
        width: 322px
    }
    body#home header#top-header div.container div.search-boxes {
        width: 100%;
        top: 40px
    }
    body#home header#top-header div.container div.profiles {
        right: 42px!important;
        top: 378px;
        width: 327px
    }
    body#home header#top-header {
        height: 770px
    }
    body#home section#main div.fb-like-box {
        margin-top: -50px
    }
    .selectboxit-container {
        float: none;
        width: 100%!important
    }
    .selectboxit-container .selectboxit,
    .selectboxit-container .selectboxit-options {
        width: 100%!important;
        margin-right: 0!important;
        min-width: 100%!important
    }
    body#home header#top-header div.container div.search-boxes form select {
        width: 100%
    }
    body#home header#top-header div.container div.search-boxes form input[type=text] {
        width: 100%!important;
        margin-top: 0
    }
    body#home header#top-header div.container div.search-boxes form input.search-btn {
        margin-top: 14px;
        clear: both
    }
    .mid-btn {
        margin-top: 10px
    }
    body#home header#top-header div.container {
        background: url(../img/home-buildings.png) no-repeat scroll left bottom transparent;
        background-size: 157%
    }
    body#home header#top-header div.container div#lights {
        background: url(../img/lights.png) left bottom no-repeat;
        position: absolute;
        left: 263px;
        bottom: 2px;
        width: 230px;
        height: 105px;
        display: none;
        background-size: 80%
    }
    body#home header#top-header div.container {
        height: 94.5%;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    div#top-nav-container ul li {
        margin-top: 9px;
        padding: 0 2px
    }
    .no-top-nav #basic_location .selectboxit-container {
        width: 100%!important;
        margin-right: 0!important
    }
    #username_tab .searchInputs .col-xs-6,
    .searchInputs #location .col-xs-6 {
        width: 100%
    }
    .searchInputs #term .col-xs-4 {
        width: auto
    }
    body.no-top-nav header#top-header {
        background-position: -280px bottom
    }
    body#owner-reg header#top-header div.container h1.top-headings {
        font-size: 23px
    }
    body#owner-reg header#top-header {
        /* header overlap issue 29-10-2019 DG */
        /*background-position: -674px 0;*/
        /*height: 173px*/
        background-position: -861px -85px;
    }
    body#owner-reg div#main form .two_cols_form .op_block {
        margin-left: -5px;
        margin-top: 8px
    }
    body#owner-reg section.reg_form_foot div.mainTopWrap div.col-sm-9.col-xs-9 {
        width: 100%
    }
    body#owner-reg section.reg_form_foot div.mainTopWrap div.col-sm-9.col-xs-9 div,
    body#owner-reg section.reg_form_foot div.mainTopWrap div.col-sm-9.col-xs-9 label {
        width: 100%;
        float: none
    }
    body#owner-reg section.reg_form_foot div.mainTopWrap div.col-sm-9.col-xs-9 div {
        width: 100%;
        float: none;
        padding: 0
    }
    body#owner-reg div#main form .reg_form_foot .checkbox_row .checkbox_label {
        width: 90%
    }
    body#owner-reg fieldset#fromContainer div.col-sm-8 {
        width: 93%
    }
    body#owner-reg div#main form .two_cols_form fieldset#urlisting div.col-sm-8 {
        width: 98%;
        margin-top: 5px
    }
    body.register div#main form .reg_form_foot .checkbox_row label.error {
        top: 32px;
    }
}

@media screen and (max-width:460px) {
    body#home div#ui-datepicker-div {
        top: -2516px!important
    }
    body#home section#main div#quote nav.slides-nav {
        top: -29px
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height: 89px
    }
    body#ad-house div#ui-datepicker-div {
        top: 321px!important
    }
    /**** photo view ******/
    body#photoview #middle .left-wide-col article {
        width: 100%
    }
    body#faq footer#footer {
        min-height: 242px
    }
    /********** how-homeowners.cfm ************/
    body#how div#main section#video a.play_btn {
        top: -26px;
        left: -34px
    }
    img#PinterestImg {
        width: 96px;
        height: 28px
    }
    img#gplus32 {
        width: 27px;
        height: 28px
    }
    .ErrorTable {
        width: 100%
    }
    .trial-sitter .fancy-inline-box.over-box {
        width: 350px
    }
}

@media screen and (max-width:414px) {
	body.ad-search div.right-col #results #results-list article figure img{
		width: 100%;
	}
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height: auto;
    }
    body#home header#top-header div.container div#lights {
        background: url(../img/lights.png) left bottom no-repeat;
        position: absolute;
        left: 225px;
        bottom: 2px;
        width: 252px;
        height: 134px;
        display: none;
        background-size: 63%
    }
    footer#footer div.container div#connects a {
        margin-left: 5px
    }
    body#home section#main div.fb-like-box {
        margin-top: -20px
    }
    body.no-top-nav header#top-header {
        height: auto;
        background-image: none;
        position: initial
    }
    body.no-top-nav header#top-header div.container h1.top-headings {
        top: 0;
        font-size: 17px;
        position: initial;
        margin-top: 77px
    }
    body#home div#ui-datepicker-div {
        top: 217px!important;
        position: absolute!important
    }
    body.ad-search div.right-col #results #results-list article section {
        width: 100%;
        margin-top: 13px
    }
    body.ad-search div.right-col #results #results-list article figure {
        width: 68%;
        margin: 0 auto;
        float: none
    }
    footer#footer {
        min-height: 653px
    }
	/*** advanced-search-find-housesit.cfm ***/
    body#ad-house.no-top-nav #basic_location .datepicker {
        width: 64%!important
    }
    body#ad-house.right-main #middle .right-col .tab_trigger_wrapper .tab_trigger {
        padding: 0 3px
    }
    body#ad-house .search-btn {
        margin-right: 76px;
        margin-top: 10px
    }
    body#ad-house div#ui-datepicker-div {
        top: 280px!important
    }
    div.actions a.petPawIcon {
        width: auto!important
    }
    body#how div#main section#video a.play_btn {
        top: -38px;
        left: -68px
    }
	/******* affiliate.cfm *******/
    body#tips .addGifImage {
        width: 100%
    }
    body#tips footer#footer div.container {
        width: 94%
    }
    .TextWrap {
        float: none;
        margin: 7px 0
    }
	/****** member log in 2********/
    body.memberLog .addGifImage {
        width: 53%
    }
    body.memberLog .feedBackWrap .feedBackinputBox {
        width: 100%
    }
    body.memberLog .feedBackWrap .col-xs-4 {
        width: 100%
    }
    body.memberLog.no-top-nav footer#footer {
        min-height: 268px!important
    }
    body.memberLog footer#footer div.container div#connects h3 {
        float: none;
        margin-bottom: 17px;
	/* margin-left: -34px; */
        margin-top: 17px
    }
    body.memberLog header#top-header div.container h1.top-headings {
        top: 65px;
        font-size: 23px
    }
    body.memberLog footer#footer div.container div#connects {
        width: 98%;
	/*margin-left: 91px;*/
        margin-left: 17px
    }
    body.memberLog div.inputWrapper {
        width: 100%;
        margin-top: 6px
    }
    body.memberLog .labelSapce {
        width: 100%;
        margin-bottom: 4px
    }
    body.memberLog .first div {
        margin-bottom: 0
    }
    body.memberLog .lostPassWraper {
        width: 100%
    }
    body.memberLog .emailWraper {
        width: 87%!important
    }
    body.profile-details .profileTitleWrap {
        width: 100%;
        float: none
    }
    body.memberLog footer#footer div.container div#connects {
        width: 100%;
        margin-top: 48px
    }
    img#PinterestImg {
        width: 98px;
        height: 27px
    }
    img#gplus32 {
        width: 23px;
        height: 24px
    }
    body#sitter-reg header#top-header div.container h1.top-headings {
        top: 79px;
        font-size: 22px
    }
    body#sitter-reg header#top-header {
        height: 167px
    }
    body#sitter-reg div#main section#section-1 h2 {
        margin-bottom: 9px;
        font-size: 21px
    }
    body#sitter-reg header#top-header #join-owner-tab {
        padding-right: 5px
    }
    /* 20180912 - Praveen - Fixed navigation format problem in portrait mode */
    body#owner-reg div#top-nav-container ul li a,
    body#sitter-reg div#top-nav-container ul li a {
        font-size: 13px!important
    }
    body#sitter-reg .regUserSkill {
        width: 100%
    }
    body#sitter-reg .mainTopWrap section.reg_form_foot div label {
        width: 100%;
        margin-bottom: 5px
    }
    body#owner-reg .mainTopWrap section.reg_form_foot div label {
        width: 100%;
        margin-bottom: 5px
    }
    body#sitter-reg .searchEngineSelect {
        width: 100%;
        padding: 0
    }
    .mainTopWrap section.reg_form_foot div label.checkbox_label {
        width: 93%!important
    }
    body#owner-reg div.checkBoxWraper div.firstCheckBox {
        width: 50%
    }
    body#owner-reg header#top-header #join-owner-tab {
        padding-right: 5px
    }
    body#owner-reg header#top-header div.container h1.top-headings {
        font-size: 21px
    }
    body#owner-reg div.op_block .tip-boxes {
        top: 54px!important;
        left: 16px!important
    }
    body#owner-reg div#main form .two_cols_form .op_block {
        margin-left: 3px;
        margin-top: 8px
    }
    body.usaStates header#top-header div.container h1.top-headings {
        font-size: 22px;
        top: 67px
    }
    body#faq footer#footer {
        min-height: 257px
    }
    body#photoview header#top-header div.container h1.top-headings {
        font-size: 17px
    }
    body#photoview header#top-header {
        height: 118px
    }
    div#viewReferences .buttonLink {
        font-size: 15px
    }
    p#SubtractDayWrap span {
        display: block
    }
    .trial-sitter .fancy-inline-box.over-box {
        width: 300px
    }
}

@media screen and (max-width:384px) {

body.ad-search div.right-col #results #results-list article figure img{
	width: 100%;
}

    body#home nav#tab ul {
        margin-left: 5px
    }
    footer#footer {
        min-height: 679px
    }
    footer#footer div.container div#connects {
        margin-left: 29px;
        margin-top: 40px;
        width: 93%
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height:auto;
    }
    body#home header#top-header div.container {
        background: url(../img/home-buildings.png) no-repeat scroll left bottom transparent;
        height: inherit;
        background-size: 157%
    }
    body#home header#top-header div.container {
        height: 94.5%;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    div#top-nav-container ul li {
        margin-top: 9px;
        padding: 0 2px
    }
    body#home header#top-header div.container div#lights {
        background: url(../img/lights.png) left bottom no-repeat;
        position: absolute;
        left: 208px;
        bottom: 2px;
        width: 226px;
        height: 131px;
        display: none;
        background-size: 65%
    }
    .searchInputs #term .col-xs-4 {
        width: 50%
    }
    .searchInputs .form-group .control-label {
        float: none;
        font-size: 15px;
        padding-bottom: 5px
    }
    .searchInputs .form-group .inputWrapper,
    .searchInputs .form-group .selectWrapper {
        width: 100%
    }
    .no-top-nav footer#footer {
        min-height: 200px
    }
    .no-top-nav footer#footer div.container div#connects {
        margin-left: -10px;
        width: 100%
    }
    .no-top-nav footer#footer div.container div#connects h3 {
        float: none
    }
    .no-top-nav footer#footer div.container div#connects #socialbtns a {
        position: relative;
        top: 10px;
        left: 0;
        margin-left: 15px
    }
    .no-top-nav footer#footer div.container div#connects #socialbtns a:first-child {
        margin: 0
    }
    footer#footer div.container div#connects h3 {
        float: none;
        margin-right: 0;
        margin-bottom: 13px
    }
	/*** advanced-search-find-housesit.cfm ***/
    body#ad-house.no-top-nav #basic_location .datepicker {
        width: 246px!important
    }
    body#ad-house.tip-boxes {
        top: 132px!important;
        left: 78px!important
    }
    body#ad-house.right-main #middle .right-col .tab_trigger_wrapper .tab_trigger {
        padding: 0 11px
    }
    body#ad-house.right-main #middle .right-col .tab_trigger_wrapper .tab_trigger:first-child {
        padding-left: 0
    }
    body#ad-house.no-top-nav footer#footer {
        min-height: 203px
    }
    body#ad-house div#ui-datepicker-div {
        top: 295px!important
    }
	/****  about-us   *****/
    body#login.no-top-nav footer#footer,body#why.no-top-nav footer#footer {
        min-height: 289px
    }
	/******** how-homeowners.cfm *********/
    body#how header#top-header div.container h1.top-headings {
        top: 83px;
        font-size: 23px
    }
    body.memberLog footer#footer div.container div#connects h3 {
        margin-bottom: 0;
        margin-top: 0
    }
    body.memberLog .emailWraper {
        width: 95%!important
    }
    body.memberLog footer#footer div.container div#connects {
        margin-top: 68px
    }
    body.register div#main form .reg_form_foot .checkbox_row label.error {
        top: 43px
    }
    body#why div.sittersCityWrap {
        width: 100%
    }
}

@media screen and (max-width:375px) {
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height: auto;
    }
    div#top-nav-container ul li {
        margin-left: 1px
    }
    body#home header#top-header div.container div#lights {
        background: url(../img/lights.png) left bottom no-repeat;
        position: absolute;
        left: 204px;
        bottom: 2px;
        width: 226px;
        height: 131px;
        display: none;
        background-size: 63%
    }
    #flexi-location-tip h6 {
        line-height: 12px;
        margin-bottom: 6px
    }
    #flexi-location-tip p {
        padding: 0;
        text-align: justify;
        line-height: 14px
    }
    body#home header#top-header div.container div.search-boxes dd .tip-boxes {
        width: 134px
    }
    body.ad-search div.right-col #results #results-list article section {
        width: 100%;
        clear: both
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure {
        padding: 0;
        margin-bottom: 14px
    }
    body.ad-search div.right-col #results #results-list article section div.actions a {
        padding: 0;
        float: left;
        width: 84px
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .link_username {
        width: 200px
    }
    footer#footer div.container div#connects h3 {
        display: block;
        float: none
    }
    footer#footer {
        border-bottom: none
    }
    body#home header#top-header div.container div.profiles {
        right: 26px!important
    }
    footer#footer div.container div#connects {
        margin-left: 18px;
        margin-top: 41px
    }
    body#home section#main div.fb-like-box {
        margin-left: 9px
    }
    #socialbtns a {
        top: 9px;
        left: 0
    }
	/**** advanced-search-find-housesit.cfm *****/
    body#ad-house.right-main #middle .right-col .tab_trigger_wrapper .tab_trigger {
        padding: 0 10px
    }
    body#ad-house .search-btn {
        margin-right: 37px
    }
    body#ad-house div#ui-datepicker-div {
        top: 295px!important
    }
	/*****photo view **********/
    body#photoview footer#footer {
        min-height: 186px
    }
	/******** how-homeowners.cfm **********/
    body#how div#top-nav-container ul li {
        margin-left: -3px
    }
    body#how div#main section#video a.play_btn {
        top: -44px;
        left: -84px
    }
	/******* affiliate.cfm  ********/
    body#tips footer#footer div.container div#connects {
        margin-left: 58px;
        width: 86%
    }
    body.memberLog .emailWraper {
        width: 98%!important
    }
	/****** register page *******/
    body#sitter-reg header#top-header div.container h1.top-headings {
        font-size: 20px
    }
    body#sitter-reg .fancy-inline-box {
        padding: 16px
    }
    div#viewReferences .buttonLink {
        font-size: 11px;
        width: 148px
    }
    body#photoview .fancy-link.big-btn {
        width: 187px
    }
    .trial-sitter .fancy-inline-box.over-box {
        width: 100%
    }
  /* 20180912 - Praveen - Fixed navigation format problem in portrait mode */
    body#owner-reg div#top-nav-container ul li a,
    body#sitter-reg div#top-nav-container ul li a {
       /* font-size: 11px!important*/
       /*04/12/2019 RR*/
       font-size: 12px!important
    }
}

@media screen and (max-width:360px) {
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height: 177px
    }
	html,body {
	 /* overflow-x: hidden;*/
	}
    body#home section#main div.fb-like-box {
        margin-left: 30px;
        margin-top: -43px
    }
    body#home header#top-header div.container div.search-boxes form input[type=text] {
        font-size: 16px;
        width: 100%!important;
        margin: 0 auto
    }
    body#home header#top-header div.container div.search-boxes form {
        padding: 0 5px
    }
    body#home header#top-header div.container div.search-boxes form .selectBox-arrow {
        margin-right: 4px
    }
    body#home header#top-header div.container div.search-boxes form .selectBox-dropdown {
        width: 100%!important;
        margin: 0 0 10px
    }
    div.container div.search-boxes form .selectBox-dropdown .selectBox-label {
        padding: 2px 13px;
        line-height: 32px;
        width: 100%!important
    }
    body#home header#top-header {
        height: 730px;
        top: 55px
    }
    body#home header#top-header div.container div#lights {
        left: 195px;
        background-size: 60.5%
    }
    body#home header#top-header div.container div.profiles {
        right: 13px!important
    }
    .container {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    body#home nav#tab ul {
        margin-left: 20px
    }
    nav#tab div#tab-indicator {
        top: 43px
    }
    div#middle {
        padding-bottom: 99px;
        padding: 12px
    }
    body#home section#main div#quote blockquote.quotes {
        padding: 8px 0;
        font-size: 15px
    }
    footer#footer {
        min-height: 526px;
        margin-top: -18px
    }
    footer#footer div.container div#connects {
        margin-left: 13px;
        margin-top: 31px;
        width: 100%
    }
    footer#footer div.container div#connects h3 {
        float: none;
        margin-bottom: 28px;
        font-weight: 700
    }
    footer#footer div.container div#connects a {
        margin-left: 23px
    }
    #socialbtns a {
        top: -9px;
        left: -20px
    }
    footer#footer div.container nav ul {
        margin-left: 67px;
        width: 29%
    }
    body#home header#top-header div.container div.search-boxes dd a {
        font-size: 1.18em
    }
    a#logomob img {
        margin-top: 7px;
        margin-left: 5px
    }
    .swipeMenuLinks {
        margin-top: 27px
    }
    .navButton {
        margin-top: 10px;
        display: block
    }
    body#home header#top-header div.container div.search-boxes {
        width: 100%;
        top: 0;
        height: auto;
        background: #e9f2fa
    }
    body#home header#top-header div.container div.search-boxes dt {
        font-size: 27px;
        text-align: center;
        background: #fff;
        padding: 14px;
        width: 100%;
        margin: 0
    }
    body#home header#top-header div.container div.search-boxes dd:nth-child(2) {
        padding-left: 5px
    }
    .topHeader {
        height: 57px
    }
    .search-btn {
        color: #fff;
        background-color: #337ab7;
        border: 1px solid #2e6da4;
        margin-left: 35%
    }
    #SubtractDayWrap .search-btn {
        margin-left: 1%
    }
    .mid-btn {
        margin-left: 30%
    }
    body#home header#top-header div.container div.search-boxes p.promote {
        padding: 10px;
        text-align: center;
        line-height: 24px
    }
	/*social meadia links*/
    .socialMedia li {
        display: block;
        clear: both;
        padding: 2px;
        margin-top: -7px;
        padding-top: 11px
    }
    div#social {
        top: 39px;
        width: 109%;
        background: #fff;
        padding: 10px;
        margin-right: -14px;
        display: none
    }
    .at15t,
    .at16nc,
    .at300bs {
        background: url(../img/widget009.old.32.icons.png) no-repeat left!important
    }
    .at16nc {
        height: 32px!important;
        width: 32px!important
    }
    .at15t_facebook,
    .at16nc.at16t_facebook {
        background-position: 0 -2530px!important
    }
    .at15t_twitter,
    .at16nc.at16t_twitter {
        background-position: 0 -8385px!important
    }
    .at15t_email,
    .at16nc.at16t_email {
        background-position: 0 -3457px!important
    }
    .at15t_gmail,
    .at16nc.at16t_gmail {
        background-position: 0 -3456px!important
    }
    .at15t_print,
    .at16nc.at16t_print {
        background-position: 0 -6400px!important
    }
    .at15t_addthis,
    .at15t_compact,
    .at15t_expanded,
    .at15t_more,
    .at16nc.at16t_addthis,
    .at16nc.at16t_compact,
    .at16nc.at16t_expanded,
    .at16nc.at16t_more {
        background-position: 0 -160px!important
    }
    .at16t {
        padding-left: 43px!important;
        padding-top: 6px!important
    }
    .selectboxit-container {
        width: 100%!important;
        margin: 0 0 10px
    }
    .selectboxit-container .selectboxit,
    .selectboxit-container .selectboxit-options {
        width: 100%!important;
        margin: 0!important;
        min-width: 100%!important
    }
    .selectboxit-text {
        padding: 2px 12px
    }
	body#home header#top-header div.container div.profiles div.slides-container article.slides figure {
	}
    body#home section#main article.block h2 {
        margin-top: 20px
    }
    .no-top-nav footer#footer {
        margin: 0;
        min-height: auto
    }
    .rightColumn h2 {
        margin-bottom: 15px;
        font-size: 20px
    }
    .searchInputs .input_row .petFloat {
        width: 50%
    }
    .no-top-nav footer#footer div.container div#connects {
        margin-top: 40px;
        margin-left: 0
    }
    .no-top-nav footer#footer div.container div#connects h3 {
        margin: 0
    }
    body#home div#ui-datepicker-div {
        position: relative!important;
        top: -2745px!important
    }
	/***serach result***/
    body.ad-search div.right-col #results #results-list article section {
        width: 100%;
        clear: both
    }
	body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
	}
    body.ad-search.find-sitter div.right-col #results #results-list article figure {
        margin: 0 auto;
        padding: 0;
        margin-bottom: 14px
    }
    body.ad-search div.right-col #results #results-list article section div.actions a {
        padding: 0;
        float: left;
        width: 84px
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .link_username {
        width: 200px
    }
    div#top-nav-container ul li {
        margin-left: 1px
    }
	/**** advanced-search-find-housesit.cfm ****/
    body#ad-house .search-btn {
        margin-right: 27px
    }
    body#ad-house.no-top-nav footer#footer {
        min-height: 258px
    }
    body#ad-house.right-main #middle .right-col .tab_trigger_wrapper .tab_trigger {
        padding: 0 11px
    }
    body#ad-house input#UserName {
        width: 229px
    }
    body.right-main #middle .right-col .tab_trigger_wrapper .tab_trigger a {
        font-size: 14px
    }
	/********** how-homeowners.cfm ************/
    body#how div#top-nav-container ul li {
        margin-left: 7px
    }
    body#how div#top-nav-container ul li a {
        font-size: 15px
    }
    body#how div#main section#video a.play_btn {
        top: -34px;
        left: -62px
    }
    body.register header#top-header #join-owner-tab {
        padding-left: 7px
    }
	/****** register ********/
    body#sitter-reg .mainTopWrap fieldset div.form-group div.col-xs-8,
    body#sitter-reg .mainTopWrap fieldset div.form-group label {
        width: 100%;
        clear: both;
        margin-bottom: 5px;
        padding: 0
    }
    body#sitter-reg header#top-header div.container h1.top-headings {
        padding-left: 8px
    }
    body#sitter-reg #period-list .firstCheckBox {
        padding-right: 0
    }
    body#owner-reg .mainTopWrap fieldset div.form-group div.col-xs-8,
    body#owner-reg .mainTopWrap fieldset div.form-group label {
        width: 100%;
        clear: both;
        margin-bottom: 5px;
        padding: 0
    }
    body#owner-reg header#top-header div.container h1.top-headings {
        padding-left: 8px
    }
    body#owner-reg #period-list .firstCheckBox {
        padding-right: 0
    }
    body#owner-reg div#main form .two_cols_form .expand-trigger {
        margin-right: 25px
    }
    body#owner-reg div#main form .two_cols_form .op_block {
        margin-left: -10px;
        margin-top: 12px;
        width: 100%
    }
    body.register div#main form .reg_form_foot .checkbox_row .checkbox_label {
        float: left;
        margin-top: 9px
    }
    .mainTopWrap section.reg_form_foot div label.checkbox_label {
        width: 87%!important
    }
    body#sitter-reg #period label {
        width: 80%
    }
    body#sitter-reg form #section-3 div.left-col #period #period-list label.error {
        width: 100%
    }
}



@media screen and (max-width:320px) {



    body#home div#ui-datepicker-div {
        position: absolute!important;
        top: 265px!important
    }
    /*04/12/2019 rr*/
    body#owner-reg div#top-nav-container ul li a,
    body#sitter-reg div#top-nav-container ul li a {
       /* font-size: 11px!important*/
       font-size: 11px!important
    }
    body#home header#top-header div.container div.search-boxes form .selectBox-dropdown {
        width: 126px!important
    }
    body#home header#top-header div.container div.search-boxes form input[type=text] {
        width: 116PX;
        margin-top: 0
    }
    body#home header#top-header {
        height: 850px
    }
    div#social {
        top: 49px;
        width: 299px
    }
    body#home header#top-header div.container div.search-boxes {
        width: 100%;
        top: 0
    }
    footer#footer div.container div#connects {
        margin-left: 10px;
        margin-top: 40px;
        width: 100%
    }
    footer#footer {
        border-bottom: inherit
    }
    body#home header#top-header div.container div.search-boxes dd {
        padding: 0 5px
    }
    body#home header#top-header div.container div.profiles {
        right: 13px!important;
        width: 291px;
        top: 358px
    }
    div#top-nav-container ul li {
        padding: 0 5px
    }
    body#home section#main div.fb-like-box {
        margin-left: 5px
    }
    footer#footer div.container div#connects a {
        margin-left: 12px
    }
    body#home header#top-header div.container div#lights {
        background: url(../img/lights.png) 4px bottom no-repeat;
        position: absolute;
        left: 168px;
        bottom: 2px;
        width: 166px;
        height: 127px;
        display: none;
        background-size: 72.5%
    }
    div#top-nav-container ul li {
        margin-left: -2px
    }
    .no-top-nav footer#footer {
        margin: 0;
        min-height: auto
    }
    .searchInputs #term .col-xs-4 {
        width: 100%
    }
    .no-top-nav #main {
        padding: 0
    }
    .form-horizontal .form-group {
        margin-bottom: 5px
    }
    .rightColumn h2 {
        font-size: 17px
    }
    .no-top-nav #basic_location .datepicker {
        width: 45%!important;
        margin-right: 0;
        margin-right: inherit;
        margin-left: 31%
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height: auto;
    }
    .pagination2 {
        padding-bottom: 8px!important
    }
	/***** advanced-search-find-housesit.cfm ********/
    body#ad-house.no-top-nav #basic_location .datepicker {
        width: 83%!important;
        margin-left: 0
    }
    body#ad-house.right-main #middle .right-col .tab_trigger_wrapper .tab_trigger {
        padding: 0 5px
    }
    body#ad-house .search-btn {
        margin-right: 40px
    }
	body#ad-house .tip-boxes {
	}
    body#ad-house .right-col h2 {
        font-size: 21px
    }
    body#ad-house input#UserName {
        width: 194px
    }
    body#ad-house div#ui-datepicker-div {
        top: 282px!important
    }
	/********* how-homeowners.cfm **********/
    body#how div#main section#video a.play_btn {
        top: -46px;
        left: -83px
    }
	body#how #fancybox-frame {
	}
	/******** affiliate.cfm *********/
    body#tips footer#footer div.container div#connects {
        margin-left: 62px;
        width: 60%
    }
	/********** member login 2 ***********/
    body.memberLog .mid-btn {
        margin-left: 0
    }
    body.memberLog .alignLabel {
        margin-left: 0
    }
    body.memberLog .mid-btn {
        margin-top: 0
    }
	/****lost password****/
    body.memberLog .long-btn {
        font-size: 15px
    }
    body.memberLog .emailWraper {
        width: 102%!important
    }
    body.memberLog .lostPassWraper .col-xs-5 {
        width: 50%
    }
    body.memberLog footer#footer div.container div#connects {
		/*width: 60%;
		margin-left: 110px;*/
        margin-top: 60px
    }
    body#sitter-reg .AgeContainer {
        width: 70%!important
    }
    body#sitter-reg form #member-options span.tip-triggers {
        margin-right: 0;
        margin-left: 5px
    }
    .crlist {
        width: 215px;
        margin: 0 11px 0 0
    }
    body#owner-reg header#top-header div.container h1.top-headings {
        font-size: 18px
    }
    body#login div.formFieldWrapper {
        width: 75%
    }
    body#photoview footer#footer div.container div#connects {
        margin-top: 90px
    }
    body#owner-reg form#owner-reg-form span.tip-triggers {
        margin-left: 2px
    }
    body#owner-reg div#main form .two_cols_form .op_block {
        margin-left: 0;
        margin-top: 12px;
        width: 100%
    }
    body#sitter-reg .AgeContainer {
        width: 100%!important
    }
    body#sitter-reg form #member-options .radio_label {
        float: left;
        margin-top: -5px;
        width: 77%;
        line-height: 18px
    }
    body#sitter-reg form #member-options label.error {
        position: absolute;
        top: 70px;
        left: 18px
    }
}

@media screen and (max-width:240px) {
    #houseOwnerSitter {
        display: none;
        margin-top: -122px;
        margin-left: 23px;
        position: relative;
        top: 0
    }
    .btn-primary {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }
    .btn-block {
        display: block;
        width: 88%;
        margin-bottom: 20px
    }
    #top-nav-bg-repeater,
    div#top-nav-container {
        background: 0 0!important;
        text-align: center;
        height: auto
    }
    body#home #top-nav-bg-repeater nav#tab ul {
        margin: 0
    }
    body#home nav#tab ul li#owner-tab,
    body#home nav#tab ul li#sitter-tab {
        width: 100%;
        margin: 0
    }
    div#social {
        top: 49px;
        width: 216px
    }
    footer#footer div.container div#connects h3 {
        display: block;
        float: none;
        margin-right: -12px
    }
    #socialbtns a {
        position: inherit;
        top: -10px;
        left: -40px
    }
    footer#footer div.container div#connects a {
        display: block;
        float: left;
        line-height: 28px;
        text-indent: -9999px;
        margin-left: 5px
    }
    footer#footer div.container div#connects {
        margin-left: 0;
        margin-top: 25px;
        width: 100%
    }
    footer#footer div.container nav ul {
        margin-left: 53px;
        width: 100%
    }
    body#home section#main div.fb-like-box {
        margin-left: -12px;
        margin-top: -62px
    }
    body#home header#top-header div.container div.search-boxes form input[type=text] {
        width: 192PX;
        margin-top: 12px
    }
    body#home header#top-header div.container div.search-boxes form .selectBox-dropdown {
        width: 192px!important
    }
    .promote {
        display: none
    }
    .big-btn {
        width: 200px
    }
    body#home section#main div#quote blockquote.quotes {
        font-size: 12px
    }
    body#home header#top-header div.container div.profiles {
        height: 36%;
        width: 82%;
        top: 378px;
        right: 30px;
        display: none
    }
    body#home header#top-header div.container {
        height: 100%
    }
    div.container {
        background: #e9f2fa!important
    }
    body#home header#top-header div.container div#lights,
    nav#tab div#tab-indicator {
        display: none!important
    }
    div#top-nav-container ul li a {
        color: #00467f;
        display: inline
    }
    div#top-nav-container ul li a:hover {
        border-bottom: 1px solid #efb412
    }
    div#top-nav-container ul li a.active,
    div#top-nav-container ul li a:hover {
        color: #4b4b4b
    }
    footer#footer {
        border-bottom: inherit;
        min-height: 526px;
        margin-top: 70px
    }
    body#home header#top-header div.container div.search-boxes dt {
        font-size: 18px;
        padding: 10px 5px
    }
    body#home header#top-header div.container div.search-boxes dd:nth-child(4) {
        border-left: none;
        margin-left: 5px;
        margin-top: 0
    }
    body#home header#top-header {
        height: 350px
    }
    nav#tab {
        height: auto
    }
    .mid-btn,
    .search-btn {
        margin-left: 30%
    }
    body#home section#main article.block h2 {
        margin-top: 17px;
        font-size: 18px;
        line-height: 20px
    }
    .fb_iframe_widget iframe {
        width: 100%!important;
        height: 376px!important
    }
    body#home section#main div.fb-like-box {
        margin-left: 0;
        margin-top: -71px;
        width: 100%
    }
    footer#footer div.container nav ul {
        margin-left: 67px
    }
    ._4s7c {
        height: 360px!important
    }
    #u_0_4 {
        font-size: 13px!important
    }
    .fb_iframe_widget span {
        width: 100%!important;
        min-height: 243px!important
    }
    footer#footer div.container div#connects h3 {
        margin-right: 0;
        margin-left: 10px;
        margin-bottom: 18px
    }
    #PinterestImg {
        width: 117px!important;
        height: 27px!important
    }
    body#home header#top-header div.container div.search-boxes form input.search-btn {
        margin-left: 51px
    }
    body#home section#main div#quote nav.slides-nav {
        right: -21px
    }
    footer#footer div.container {
        height: auto;
        margin: 0
    }
    .no-top-nav footer#footer {
        margin: 0;
        min-height: auto
    }
    .no-top-nav footer#footer div.container div#connects #socialbtns a {
        margin-left: 7px
    }
    body#home div#ui-datepicker-div {
        width: 15em!important
    }
    .no-top-nav #basic_location .datepicker {
        width: 100%!important;
        margin-left: 0
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure {
        margin-left: 45px;
        width: 52%
    }
    body.ad-search div.right-col #tabs {
        margin-top: 1px
    }
    body.ad-search div.right-col #tabs a.tab-links {
        font-size: 13px
    }
    div#for_load h4 {
        font-size: 13px;
        text-align: justify;
        line-height: 16px
    }
    body#home div#ui-datepicker-div {
        width: 14em!important;
        top: 196px!important;
        left: 3px!important
    }
    body.ad-search.find-sitter div.right-col #results #results-list article figure .imgDiv {
        height: 93px
    }
	/******  advanced-search-find-housesit.cfm  ******/
    body#ad-house select#co {
        width: 100%!important
    }
    body#ad-house.no-top-nav #basic_location .datepicker {
        width: 100%!important
    }
    body#ad-house input#UserName {
        width: 171px
    }
    body#ad-house div#ui-datepicker-div {
        top: 304px!important;
        width: 15em
    }
	/************* how-homeowners.cfm ***************/
    body#how header#top-header div.container h1.top-headings {
        top: 65px;
        font-size: 18px
    }
    body#how div#top-nav-container ul li {
        border-left: 0;
        margin: 0 32px
    }
    body#how #top-nav-bg-repeater {
        background: 0 0!important
    }
    body#how div#middle {
        padding-bottom: 0;
        padding: 19px 0
    }
    body#how footer#footer div.container div#connects {
        margin-left: 0;
        width: 100%
    }
    body#how .row {
        margin-left: 0;
        margin-right: 0
    }
    body#how h2 {
        font-size: 19px
    }
    body#how div#main section#video a.play_btn {
        top: -65px;
        left: -114px
    }
    body.memberLog .feedBackWrap .feedBackinputBox {
        width: 118%
    }
    body.memberLog footer#footer div.container div#connects h3 {
        margin-left: 0
    }
    body.memberLog #PinterestImg {
        width: 96px!important;
        height: 23px!important
    }
    body.memberLog img#gplus32 {
        width: 27px;
        height: 27px
    }
    body.memberLog footer#footer div.container div#connects {
        margin-left: 0
    }
    body.memberLog .no-top-nav footer#footer div.container div#connects #socialbtns a {
        margin-left: 2px
    }
    body#house-profile-details .profilTitle,
    body.profile-details .profilTitle {
        float: none;
        width: 100%
    }
    body#house-profile-details .profileTitleWrap,
    body.profile-details .profileTitleWrap div {
        float: none;
        width: 100%
    }
    img#gplus32 {
        width: 24px;
        height: 23px
    }
    body#why header#top-header div.container h1.top-headings {
        top: 70px;
        font-size: 15px
    }
    body.memberLog .lostPassWraper .col-xs-5 {
        width: 84%
    }
    body.memberLog .long-btn {
        font-size: 11px;
        word-break: break-all;
        box-sizing: content-box
    }
    body.memberLog .emailWraper {
        width: 117%!important
    }
    body#sitter-reg header#top-header div.container h1.top-headings {
        font-size: 15px
    }
    body#owner-reg header#top-header div.container h1.top-headings {
        font-size: 14px
    }
    body#owner-reg div#main .legend {
        font-size: 13px
    }
    body#owner-reg div.col-sm-8.col-xs-8,
    body#owner-reg label.col-sm-4.col-xs-4 {
        width: 100%
    }
    body#login div.formFieldWrapper {
        width: 100%
    }
}


body#sitter-reg #period-list .firstCheckBox {
    display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
}


@media(min-width: 840px) {

body#home header#top-header div.container div.search-boxes {
    width: 60%;
    top: 145px;
    line-height: 37px;
}


}


@media(max-width: 980px) {
    body#sitter-reg #period label{
        font-size: 12px;
    }

    /* 11-11-2019 style change on design break of tab headings in devices*/

    body#home nav#tab ul {
        width: 100%;
        margin: 0 5px;
    }

    #top-nav-container .container ul li {
        font-size: 13px;
        width: 48%;
        text-align: center;
        padding: 0;
    }

    div#top-nav-container ul li a {
        font-size: 18px;
        font-size: 18px !important;
    }

    body#home header#top-header div.container div.search-boxes h1{
        font-size: 30px;
    }

    /*
    body#home header#top-header div.container div.search-boxes {
        width: 60%;
        top: 75px;
        line-height: 37px;
    }
    */

}

@media(max-width: 840px) {

    body#home header#top-header {
        background: none;
        background-color: #d3e3f0 !important;
    }

}

@media(max-width: 640px) {

    #top-nav-container .container ul li {
      font-size:15px;

    }

    div#top-nav-container ul li a {
        font-size: 13px !important;
    }


    body#home header#top-header div.container div.search-boxes h1 {
        font-size: 27px;
       /* line-height: 46px;*/
        line-height: 30px;

    }

}

@media screen and (max-width: 566px) {
    body#home header#top-header div.container div.profiles {
        right: -13px;
        /*top: 360px;*/
        /* 21-11-2019 RR updated top of image container*/
            top: 360px;
        width: 244px;

    }
    /*04/12/2019--RR*/
    body#home header#top-header div.container div.search-boxes dd a {
    font-size: 15px !important;
}

    /* 21-11-2019 RR image resize */

body#home header#top-header div.container div.profiles figure {
    max-height: 280px !important;
}



    body#home header#top-header div.container div.profiles {
        width: 84% !important;
        background-size: 100% 100%;

    }

    /* 12-11-2019 RR new div style */
    .heading-text-cover {
     padding: 0 15px;
    }

    body#home header#top-header div.container {
        background: none !important;
    }


}


@media(min-width: 567px) and (max-width: 767px) {

    body#home header#top-header div.container div.profiles figure{
        max-height: 170px !important;
    }

    body#home header#top-header div.container div.search-boxes {
        width: 50%;
    }


    body#home header#top-header div.container div.profiles {
        top: 84px;
    }
}






@media screen and (max-width:480px) {
/* 21-11-2019 RR image resize */
    body#home header#top-header div.container div.profiles figure {
    max-height: 200px !important;
}

/* 21-11-2019 RR added top in menu */
    .swipeMenu{
        top: 55px;
    }

    body#home header#top-header div.container div.profiles {
        /*04-12-2019 RR spacing issue*/
        /*top: 365px !important;*/
           top: 370px !important;
        right: 0 !important;
        left: 0 !important;
        margin: auto;
    }
    body#home header#top-header {
    height: 795px;
}
}
/*04/12/2019 RR*/
@media screen and (max-width: 463px) {
    body#home header#top-header div.container div.profiles
    {
               top: 360px !important;
    }
    body#home header#top-header div.container.lightImage div.profiles {
    top: 359px !important;
}
}
/*04/12/2019 RR*/
@media screen and (max-width: 448px) {
    body#home header#top-header div.container div.profiles
    {
               top: 390px !important;
    }

}
/*04-12-2019 RR spacing issues*/
@media screen and (max-width: 1199px) {
    nav#main-nav ul li a
    {
            font-size: 15px !important;
                padding: 0 13px;
    }
    body#home header#top-header div.container
    {
        width:90%;
    }
    body#home section#main article.block
    {
        margin-left:51px;
    }
}

/*04-12-2019 RR picture box spacing*/
@media screen and (max-width: 435px) {

     body#home header#top-header {
        height: 830px;
    }
    body#home header#top-header div.container div.profiles{
            top: 407px !important;
    }

    /* 04/12/2019 rr */
    body#sitter-reg div#top-nav-container ul li a, body#owner-reg div#top-nav-container ul li a
    {
            line-height: 15px;
    }
}


@media screen and (max-width: 420px) {


body#home header#top-header div.container div.search-boxes h1 {
    font-size: 21px;
}

body#home header#top-header {
    /*height: 720px;*/
    height:755px;
}

    body#home header#top-header div.container div.profiles {
        width: 250px;
        top: auto;
        position: absolute;
        /*bottom: 100px;*/
        margin: auto;
        right: 0 !important;
        left: 0;
        /*top: 320px !important;*/
        top: 335px !important;
    }



    body#home header#top-header div.container div.search-boxes h1 {
        font-size: 24px;
        /*line-height: 40px;*/
        /* 12-11-2019 RR text overlap with the profile cover*/
        line-height: 30px;
    }

    body#home header#top-header div.container div.search-boxes dd a {
        font-size: 12px !important;
        margin: 0 !important;
    }

    body#home header#top-header div.container div.search-boxes dd {
        padding: 0 5px;
        font-size: 12px !important;
        margin: 5px 0;
    }


.profiles a.arrow-link {
    font-size: 13px !important;
}

}
/*04/12/2019 RR*/
@media screen and (max-width: 373px) {
    body#home header#top-header div.container div.profiles
    {
            top: 354px !important;

    }
}

/* 21-11-2019 menu issue in mobile devices */

@media(max-width: 360px){
    .swipeMenu {
    top: 57px !important;
  }
  body#home header#top-header div.container div.profiles
  {
        top: 350px !important;
  }
}

@media(max-width: 320px){
   body#home header#top-header div.container div.profiles figure{
        max-height: 170px !important;
    }
}
