body, html {
    overflow-x:hidden;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    min-width: 320px;
    background-color: #fff;
    color: #404040;
    min-height:900px;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

input.readonly {
    color: #999 !important;
}

input, textarea, select {
    font-family: arial;
    font-size: 14px;
	outline: none;
}

label.disabled {
	color: #c7c7c7;
}

.only_mobile {
    display: none !important;
} 

.only_desktop {
    display: block;
}

.atnd {
    -webkit-transition: all 200ms ease-in; 
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.at {
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out, background-position 300ms ease-in-out;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out, background-position 300ms ease-in-out;
}

a {
    color: #1abfd4;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

span.notifi_title {
    color: #1abfd4;
}

#mobile-screenpop {
    display: none;
}

input.button {
    display: inline-block;
    background-color: #c6ef07;
    color: #484848;
    padding: 15px 30px 15px 30px;
    text-transform: uppercase;  
    border: none;
}

input.button:hover {
    background-color: #00ccff;
    color: #fff;
}

a.button  {
    display: inline-block;
    background-color: #c6ef07;
    color: #484848;
    padding: 15px 30px 15px 30px;
    text-transform: uppercase;
}
a.button.full_width {
    width: 100%;
    display: block;
    clear: both;
    padding: 7px 0px 7px 0px;
    text-align: center;
}


a.button.rnd {
    background-color: #a7c132;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0px;
    border-bottom: 5px solid #64731b;
    border-radius: 8px;
    text-shadow: 2px 2px 1px rgba(60, 60, 60, 1);
}
a.button.rnd:hover {
    background-color: #00ccff;
    border-bottom: 5px solid #1e8bac;
    color: #fff;
}

a.button.big {
    padding: 18px 60px 18px 60px;
    font-size: 18px;

    background-color: #a7c132;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0px;
    border-bottom: 5px solid #64731b;
    border-radius: 8px;
    text-shadow: 2px 2px 1px rgba(60, 60, 60, 1);

}


a.button:hover {
    background-color: #00ccff;
    text-decoration: none;
    color: #fff;
}

a.button.big:hover {
    background-color: #00ccff;
    border-bottom: 5px solid #1e8bac;
    color: #fff;
}



a.small_button  {
    display: inline-block;
    background-color: #c6ef07;
    color: #484848;
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
}
a.small_button:hover {
    background-color: #00ccff;
    text-decoration: none;
    color: #fff;
}
a.small_button.inverted  {
    background-color: #eee;
    color: #484848;
    white-space: nowrap;
}
a.small_button.inverted:hover {
    background-color: #00ccff;
    color: #fff;
}



a.small_button.opposite  {
    background-color: #00ccff;
    color: #fff;
    white-space: nowrap;
}
a.small_button.opposite:hover {
    background-color: #c6ef07;
    color: #484848;
}

a.small_button.remove {
	background-color: #F7941D;
}

a.small_button.remove:hover {
	background-color: #F73C1D;
}


p {
    margin: 0px 0px 30px 0px;
}
p.no_m {
    margin: 0px 0px 0px 0px;
}
p.atm {
    margin-top: 15px !important;
}
p.cntr, div.cntr {
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 30px 0px;
    font-weight: normal;
}
h1 {
    color: #7c7c7c;
    font-size: 40px;
    line-height: 40px;
}

h2 {
    color: #7c7c7c;
    font-size: 30px;
    line-height: 36px;
}

h3 {
    color: #7c7c7c;
    font-size: 28px;
    line-height: 28px;
}

h4 {
    color: #7c7c7c;
    font-size: 24px;
    line-height: 35px;
    font-weight: 300;
}
h4 strong {
    color: #00ccff;
    font-weight: 300;
}

h5 {
    color: #7c7c7c;
    font-size: 16px;
    line-height: 16px;
}

h6 {
    color: #7c7c7c;
    font-size: 16px;
    line-height: 16px;
}

.img_on_right, .on_right {
    float: right;
    padding: 0px 0px 30px 30px;
}

.img_on_left, .on_left {
    float: left;
    padding: 0px 30px 30px 0px;
}

blockquote {
    clear: both;
    float: left;
    width: 100%;
    background-color: #fff;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    min-height:146px;
}

blockquote:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

blockquote img {
    position: absolute;
    top: 0px;
    right: 0px;
}

blockquote p {
    padding: 30px 176px 30px 30px;
    margin: 0px 0px 0px 0px;
}

table {
    width: 100%;
    margin: 0px 0px 20px 0px;
    border: 1px solid #ddd;
}
table th {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    text-align: left;
    font-weight: normal;
    padding: 5px 5px 5px 5px;
}
table td {
    padding: 5px 5px 5px 5px;
}

table th.last, table td.last {
    text-align: right;
}

table td.order_line {
    border-bottom: 1px solid #ddd;
    font-size: 12px;
}

table.charges_form td {
    width: 0%;
}
table.charges_form td.prices {
    width: 100%;
}

ul {
    margin: 0px 0px 30px 0px;
    list-style: square;
}


/* SIMPLE FORM LAYOUTS */

dl {
    width: 100%;
    display: block;
    margin: 0px 0px 0px 0px;
    padding-bottom: 10px;
    float: left;
    clear: both;
    color: #878787;
}

dl dt {
    display: block;
    width: 35%;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    clear: left;

}
dl dd {
    display: block;
    width: 65%;
    float: left;
    padding: 1px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

dl dd select {
    width: 170px;
}

dl dd span {
    display: block;
    clear: both;
    width: 100%;
}

dl.internal {
    margin-bottom: 30px;
}

dl.internal dd.textarea textarea {
    width: 100%;
    height: 90px;
    padding: 4px 4px 4px 4px;
    border: 1px solid #ebebeb;
    background-color:#ebebeb;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;        
    color: #000;
}

dl.internal dd.text input {
    width: 100%;
    padding: 4px 4px 4px 4px;
    border: 1px solid #ebebeb;
    background-color:#ebebeb;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;        
    color: #000;
}

dl.full dd.text.disabled input {
	color: #969696;
}

dl.internal dt.checkbox {
    width: 4%;
}
dl.internal dt.checkbox input {
    border: 1px solid #ebebeb;
    background-color:#ebebeb;
}
dl.internal dd.checkbox {
    width: 96%;
    padding-top:3px;
}


dl.internal dt.checkbox  img {
    width: 15px;
    height: 15px;
}


dl.internal dt.button, dl dd.button {
    margin: 0px 0px 0px 0px;
}

dl.internal dd.button input {
    width: 100%;
    background-color: #c6ef07;
    color: #484848;
    padding: 10px 0px 10px 0px;
    display: block;
    margin-bottom: 20px;
    border: none;
    text-transform: uppercase;
}
dl.internal dd.button input:hover {
    background-color: #00ccff;
    color: #fff;
}




dl.mini {
    padding: 0px 0px 0px 0px;
}
dl.mini dt {
    width: 50%;
}
dl.mini dd {
    width: 50%;
}
dl.mini dd input {
    width: 100%;
    padding: 4px 4px 4px 4px;
    border: 1px solid #ebebeb;
    background-color:#ebebeb;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;        
    color: #000;
}

dl.mini dt.checkbox {
    width: 7%;
}
dl.mini dt.checkbox input {
    border: 1px solid #ebebeb;
    background-color:#ebebeb;
}
dl.mini dd.checkbox {
    width: 93%;
    padding-top:3px;
}
dl.mini dt.checkbox  img {
    width: 15px;
    height: 15px;
}
dl.mini dt.button, dl.mini dd.button {
    margin: 0px 0px 0px 0px;
}

dl.mini dd.button input {
    background-color: #a7c132;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    padding: 12px 0px 12px 0px;
    margin-bottom: 0px;
    border-bottom: 5px solid #64731b;
    border-radius: 8px;
    text-shadow: 2px 2px 1px rgba(60, 60, 60, 1);
}
dl.mini dd.button input:hover {
    background-color: #00ccff;
    border-bottom: 5px solid #1e8bac;
    color: #fff;
}

dl.mini dd.multi select {
    width: 80px;
    margin-right: 8px;
    border: 1px solid #eee;
    padding: 4px 4px 4px 4px;
    margin-bottom: 2px;
}
dl.mini dd.multi span {
    display: block;
    margin-right: 8px;
    margin-top: 4px;
}
dl.mini dd.multi table {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: none;
}
dl.mini dd.multi table td {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
dl.mini dd.multi input {
    margin-bottom: 2px;
    border: 1px solid #eee;
    padding: 5px 5px 5px 5px;
}


dl.mini dd.full_width.button {
    width: 100%;
}
dl.mini dt.full_width.button {
    display: none;
}

dl.add_margin_bottom {
    margin: 0px 0px 30px 0px; 
}

dl.full {
    margin: 0px 0px 30px 0px;
}

dl.full dt {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;  
    padding-right: 8px;
}
dl.full dd.textarea textarea {
    width: 100%;
    height: 90px;
    padding: 4px 4px 4px 4px;
    border: 1px solid #ebebeb;
    background-color:#ebebeb;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;        
    color: #000;
}

dl.full dd.text input {
    width: 100%;
    padding: 4px 4px 4px 4px;
    border: 1px solid #ebebeb;
    background-color:#ebebeb;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;        
    color: #000;
}


dl.full dd.button input {
    background-color: #c6ef07;
    color: #484848;
    padding: 15px 0px 15px 0px;
    text-transform: uppercase;
    margin-bottom: 0px;
    display: block;
    width: 100%;
    text-align: center;
    border: none;
}
dl.full dd.button input:hover {
    background-color: #00ccff;
    color: #fff;
}

dl.full dd.button a.button {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

dl.full dt.checkbox {
    text-align: right;
}
dl.full dd.checkbox label {
    padding-top: 2px;
    display: block;
    float: left;
}

dl dd select {
	width: 100%;
    border: 1px solid #eee;
    padding: 4px 4px 4px 4px;
    margin-bottom: 2px;
}

dl.full dd.select select {
	width: 100%;
	padding: 4px 4px 4px 4px;
	border: 1px solid #EBEBEB;
	background-color: #EBEBEB;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
}

input.auto_completed {
    background-image:url(/_template/img/auto_complete_hint.png);
    background-position: right;
    background-size: 25px 15px;
    background-repeat: no-repeat;
}

div.two_texts {
    clear: both;
    /*float left;*/
    width: 100%;
}
div.two_texts > div.minor {
    width: 45%;
    float: left;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;  
    padding-right: 10px;
}
div.two_texts > div.major {
    width: 55%;
    float: left;
}



div.text_label_text_label {
    clear: both;
    /*float left;*/
    width: 100%;
}
div.text_label_text_label div.text {
    width: 35px;
    float: left;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;  
    padding-right: 10px;
}
div.text_label_text_label div.text > input {
    text-align: center;
}
div.text_label_text_label div.label {
    padding-right: 10px;
    padding-top: 3px;
    width: auto;
    float: left;
}




div.checkbox_list {
    clear: both;
    float: left;
    width: 100%;
}
div.checkbox_list div.l {
    width: 5%;
    float: left;
}
div.checkbox_list div.l img {
    width: 15px;
    height: 15px;
}
div.checkbox_list div.r {
    width: 95%;
    float: left;
}
div.checkbox_list div.r label {
    display: block;
    margin: 2px 0px 0px 8px;
}
div.checkbox_list div.r label:hover {
    color: #00ccff;
}

.availability dl dt {
    width: 25%;
}

.availability dl dd {
    width: 75%;
}

.availability div.checkbox_list {
    clear: none;
    width: 33.33%;
}

.availability div.checkbox_list div.l {
    width: 10%;
}

.availability div.checkbox_list div.r {
    width: 90%;
}


/* FRAMES / BACKGROUNDS - JUST REMOVE THE ELEMENT IF YOU DONT NEED IT */

div.frame {
    clear: both;
    margin: 0 auto;
    width: 1060px;
    background-color: #fff;
    /* THIS FIXES A 1PX HAIRLINE ISSUE IN IOS AND ANDROID - IF USING WHITE BACKGROUNDS, THIS CAN BE IGNORED */
    margin-top: -1px;
}

div.frame.full_width {
    width: 100%;
    float: left;
}

div.frame.pop_width {
    width: 1080px;
}

div.frame.full_width.band_three {
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
}

div.frame.full_width.band_two {
    background-color: #f6f6f6;
}



div.frame.full_width.band_four {
    background-color: #f6f6f6;
    border-top: 3px solid #ececec;
    border-bottom: 3px solid #ececec;
    margin-bottom: 30px;
}
div.frame.full_width.band_four.add_margin_bottom {
    margin-bottom: 70px;
}

div.frame.full_width.band_four.latest_tutors_wrap {
    margin-bottom: 0px;
    border-bottom: 0;
}

div.frame.internal {
    padding-top: 20px;
}


div.frame.full_width.how_one {
    background-color: #00ccff;
}
div.frame.full_width.how_two {
    background-color: #f1f1f1;
}
div.frame.full_width.how_three {
    background-color: #2e6876;
}
div.frame.full_width.how_four {
    background-color: #f1f1f1;
}




/* FIXED HEADER */

div.fixed_header {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.54);
    -moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.54);
    box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.54);

    position: fixed;
    z-index:100000;
    width:100%;
    top:0px;
    background-color:#fff;
}
div.fixed_header.internal {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0);
    -moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0);
    box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0);

}
div.fixed_header.internal.scrolled {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.54);
    -moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.54);
    box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.54);
}
body {
    padding-top:167px;
}

/* END OF FIXED HEADER */


/* SECTION */

section.section, div.section {
    width: 1060px;
    clear: both;
    margin: 0 auto;
}
section.section.pop, div.section.pop {
    width: 1080px;
}


/* PRE HEADER */

header.pre_header {
    width: 100%;
    clear: both;
    float: left;
    background-color: #fff;
    z-index: 100;
}
header.pre_header > ul {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
}
header.pre_header > ul > li {
    display: block;
    float: right;
    border-left: 1px solid #ebebeb;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
}
header.pre_header > ul > li > a {
    color: #8b9ca0;
    text-decoration: none;
    display: block;
    float: left;
    padding: 10px 10px 7px 10px;
    border-bottom: 2px solid transparent;
}
header.pre_header > ul > li > a:hover {
    background-color: #f9f9f9;
    border-bottom: 2px solid #00ccff;
}
header.pre_header > ul > li > a strong {
    display: block;
    float: left;
    border: 1px solid #00ccff;
    background-color: #00ccff;
    color: #fff;
    padding: 2px 8px 2px 8px;
    font-weight: normal;
    margin-left: 9px;
    border-radius:30px;
}
header.pre_header > ul > li > a > span {
    display: block;
    float: left;
    padding: 3px 0px 3px 0px;
    background-repeat: no-repeat;
    background-position: left;
}





header.pre_header > ul > li.country > a {
    background-image: url(/_template/img/pre_header_down_arrow.png);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 30px;
    background-size: 22px 12px;
}


header.pre_header > ul > li.country > a > span {
    background-size: 25px 25px;
}
header.pre_header > ul > li.country.gbp > a > span {
    background-image:url(/_template/img/pre_header_gbp.png);
    padding-left: 30px;
}

header.pre_header > ul > li.country.usd > a > span {
    background-image:url(/_template/img/pre_header_usd.png);
    padding-left: 30px;
}

header.pre_header > ul > li.country.eur > a > span {
    background-image:url(/_template/img/pre_header_eur.png);
    padding-left: 30px;
}

header.pre_header > ul > li.my_account > a > span {
    background-image:url(/_template/img/pre_header_my_account.png);
    padding-left: 35px;
    background-size: 25px 25px;
}



header.pre_header > ul > li > div {
    display: block;
    position: absolute;
    top: 43px;
    left: -1px;
    width: 100px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    text-align: left;
    z-index: 100;
    display: none;
    border-top: 2px solid #00ccff;

    -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.63);
    -moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.63);
    box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.63);

}

header.pre_header > ul > li > div ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    clear: both;
    float: left;
    width: 100%;
}
header.pre_header > ul > li > div ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
    float: left;
    width: 100%;
    display: block;
}
header.pre_header > ul > li > div ul li a {
    text-decoration: none;
    color: #7c7c7c;
    display: block;
    padding: 0px 0px 0px 10px;
    background-repeat: no-repeat;
    background-position: left;
}
header.pre_header > ul > li > div ul li a:hover {
    background-color: #f9f9f9;
}


header.pre_header > ul > li.country > div {
    width: 220px;
}

header.pre_header > ul > li.country > div ul li a {
    background-position: 10px;
    text-indent: 30px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-size: 25px 25px;
}
header.pre_header > ul > li.country > div ul li.gbp a {
    background-image:url(/_template/img/pre_header_gbp.png);
}
header.pre_header > ul > li.country > div ul li.usd a {
    background-image:url(/_template/img/pre_header_usd.png);
}
header.pre_header > ul > li.country > div ul li.eur a {
    background-image:url(/_template/img/pre_header_eur.png);
}

header.pre_header > ul > li.last {
    border-right: 1px solid #ebebeb;
}
header.pre_header > ul > li.basket.shortlist {
    border-right: none;
}

header.pre_header > ul > li.basket > div {
    width: 320px;
    left: auto;
    right: 0px;
    font-size: 14px;
    line-height: 17px;
}


header.pre_header > ul > li.basket > div ul li {
    border-bottom: 1px solid #ebebeb;
    clear: both;
    float: left;
    position: relative;
}

header.pre_header > ul > li.basket > div ul li a {
    padding: 0px 0px 0px 0px;
    width: 100%;
    clear: both;
    float: left;
}
header.pre_header > ul > li.basket > div ul li a img {
    display: block;
    float: left;
    padding: 10px;
    border-radius: 0px;
    border-radius: 60px;
}
header.pre_header > ul > li.basket > div ul li a em {
    display: block;
    float:  left;
    width: 230px;
    font-style: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}

header.pre_header > ul > li.basket > div > a {
    display: block;
    clear: both;
    text-align: center;
    color: #fff;
    background-color: #00ccff;
    text-decoration: none;
}
header.pre_header > ul > li.basket > div > a:hover {
    background-color: #C6EF07;
    color: #484848;
}


header.pre_header > ul > li.basket > div > span {
    display: block;
    float: left;
    width: 100%;
    text-align: right;
}
header.pre_header > ul > li.basket > div > span > strong {
    display: block;
    padding: 5px 5px 5px 5px;
    font-weight:normal;
}
header.pre_header > ul > li.basket > div > a > strong {
    display: inline-block;
    /* background-image:url(/_template/img/pre_header_basket.png); */
    background-position: left;
    background-repeat: no-repeat;
    padding: 10px 33px 8px 33px;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 2px;

    *display: inline; /* IE7 FIX */
    zoom: 1; /* IE7 FIX */
    
}


header.pre_header > ul > li.basket > div ul li div.controls {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
}
header.pre_header > ul > li.basket > div ul li div.controls > a {
    display: block;
    width: 10px;
    height: 10px;
    clear: none;
    float: right;
    text-align: center;
    color: #000;
    font-size: 14px;
}
header.pre_header > ul > li.my_account > div {
    width: 320px;
    left: auto;
    right: 0px;
    font-size: 14px;
}

header.pre_header > ul > li.my_account > div > div.box_inner {
    padding: 0px 10px 0px 10px;
}
header.pre_header > ul > li.my_account > div > div.box_inner div.controls {
    width: 100%;
    clear: both;
    float: left;
    margin: 10px 0px 10px 0px;
}
header.pre_header > ul > li.my_account > div > div.box_inner div.controls div.l {
    float: left;
    width: 60%;
}
header.pre_header > ul > li.my_account > div > div.box_inner div.controls div.r {
    float: left;
    width: 40%;
    text-align: right;
}



div.box_inner dl {
    border-bottom: 1px solid #eee;
    margin: 0px 0px 0px 0px;
    padding-bottom: 0px;
}
div.box_inner dl dd {
    margin-bottom: 0px;
    width: 75%;
    overflow:hidden;
}

div.box_inner dl dt {
    margin-bottom: 0px;
    width: 25%;
    padding-top: 10px;
}
div.box_inner dl dd input {
    border: none;
    width: 100%;
    padding: 10px 0px 10px 10px;
    border-left: 1px solid #eee;;
}

div.box_inner p {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
}
div.box_inner dl.email {
    border-top: 1px solid #eeeeee;
}
header.pre_header > ul > li > div ul.social_logins {
    clear: both;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
}
header.pre_header > ul > li > div ul.social_logins li {
    float: left;
    clear: none;
    padding: 5px;
    margin: 0px 0px 0px 0px;
    width: auto;
}
header.pre_header > ul > li > div ul.social_logins li a {
    text-indent: 0px;
    padding: 0px 0px 0px 0px;
}
header.pre_header > ul > li > div ul.social_logins li a:hover {
    background-color: transparent;
}

header.pre_header > ul > li > div ul.social_logins li a img {
    width: 26px;
    height: 26px;
}
div.box_inner dl.social_logins dt {
    padding-top: 16px;
}


/* MAIN HEADER AND MAIN NAV */

header.header {
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    border-bottom: 1px solid #eee;
}

header.header a.logo {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    padding: 30px 0px 30px 0px;
}

header.header a.logo img {
    width: 200px;
    height: 60px;
}

div#mobile_menu_trigger {
    display: none;
    position: absolute;
    top: -46px;
    left: 0px;
    text-align: center;
    clear: both;
    background-image:url(/_template/img/mobile_menu_trigger_bg.png);
    background-position: 9px 10px;
    background-repeat: no-repeat;
    float: left;
}
div#mobile_menu_trigger.open {
    background-image:url(/_template/img/mobile_menu_trigger_open_bg.png);
}
div#mobile_menu_trigger a {
    display: block;
    color: #8B9CA0;
    text-decoration: none;
    white-space: nowrap;
    width: 44px;
    height: 45px;
    text-indent: 200px;
    overflow:hidden;
}
div#mobile_menu_trigger:hover {
    background-color: #f9f9f9;
}


header.header nav {
    clear: both;
    float: left; 
    width: 100%;
    text-align: right;
    min-height: 120px;
}
header.header nav > ul {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}
header.header nav > ul > li {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
header.header nav > ul > li > a {
    display: block;
    position: relative;
    padding: 50px 10px 50px 10px;
    color: #5d5d5d;
    background-repeat: no-repeat;
    background-position: center;
}



header.header nav > ul > li.home a {
    width: 20px;
    background-image:url(/_template/img/nav_home_icon.png);
    background-size: 22px 22px;
}

header.header nav > ul > li.my_account a {
    margin: 20px 10px 30px 10px;
    padding: 0px 0px 0px 0px;
}
header.header nav > ul > li.my_account a img {
    border-radius: 20px;
    width: 41px;
    height: 41px;
}

header.header nav > ul > li > a:hover {
    color: #00ccff;
    text-decoration: none;
}
header.header nav > ul > li.home a:hover, header.header nav > ul > li.my_account a:hover {
    background-color: #fff;
}

header.header nav > ul > li.megamenu.full_width > a {
    background-image:url(/_template/img/header_menu_hint.png);
    background-size: 12px 50px;
}
header.header nav > ul > li.megamenu.full_width > a:hover, 
header.header nav > ul > li.megamenu.full_width > a.active {
        color: #00ccff;
}

header.header nav div.megamenu.full_width {
    position: absolute;
    top: 120px;
    left: 0px;
    width: 100%;
    border-top: 2px solid #00ccff;
    background-color: #fff;
    text-align: left;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.33);
    -moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.33);
    box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.33);
    z-index: 10000;
    display: none;

}



header.header nav div.megamenu.full_width div.col {
    width: 33%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    list-style: none;
    text-align: center;
}
header.header nav div.megamenu.full_width div.col span.profile_thumb {
    display: inline-block;
    width: 130px;
    height: 130px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    background-color: #fff;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);

    border-radius: 100px;
}
header.header nav div.megamenu.full_width div.col span.profile_thumb img {
    width: 100%;
    border-radius: 130px;
}
header.header nav div.megamenu.full_width div.col ul {
    margin-top: 15px;
}
header.header nav div.megamenu.full_width div.col ul li {
    clear: both;
    margin: 2px 10px 2px 10px;
    padding: 0px 0px 0px 0px;
}
header.header nav div.megamenu.full_width div.col div.heading {
    font-weight: bold;
    padding: 20px 0px 20px 0px;
    text-transform: uppercase;
}
header.header nav div.megamenu.full_width img.supporting {
    float: right;
}

header.header nav div.megamenu.full_width div.col a {
    color: #5d5d5d;
}
header.header nav div.megamenu.full_width div.col a:hover {
    text-decoration: none;
    color: #00ccff;
}


header.header nav > ul > li.megamenu.mini_width {
    position: relative;
}

header.header nav div.megamenu.mini_width, div#mobile_account_trigger > div {
    position: absolute;
    top: 70px;
    right: 6px;
    width: 52px;
    text-align: left;

    z-index: 10000;

    display: none;

    background-position: top center;
    background-repeat: no-repeat;
    background-image:url(/_template/img/header_menu_active_mini.png);
    padding-top: 5px;

}

div#mobile_account_trigger > div {
    top: 50px;
    right: -4px;
}
div#mobile_account_trigger img {
    width: 41px;
    height: 41px;
}

header.header nav div.megamenu.mini_width > ul, div#mobile_account_trigger > div > ul {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    background-color: #2c373a;
    width: 52px;
    border-radius: 10px;
    overflow:hidden;
}
header.header nav div.megamenu.mini_width > ul > li, div#mobile_account_trigger > div > ul > li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    clear: both;
    float: left;
    border-bottom: 1px solid #4f6064;

}
header.header nav div.megamenu.mini_width > ul > li > a, div#mobile_account_trigger > div > ul > li > a {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 52px;
    text-indent: 60px;
    white-space: nowrap;
    height: 52px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow:hidden;
    background-size: 32px 32px;
}
header.header nav div.megamenu.mini_width > ul > li > a:hover, 
div#mobile_account_trigger > div > ul > li > a:hover {
    background-color: #4f6064;
}
header.header nav div.megamenu.mini_width > ul > li.my_settings > a,
div#mobile_account_trigger > div > ul > li.my_settings > a  {
    background-image:url(/_template/img/head_my_ico_settings.png);
}
header.header nav div.megamenu.mini_width > ul > li.my_signout,
div#mobile_account_trigger > div > ul > li.my_signout {
    border-bottom: none;
}
header.header nav div.megamenu.mini_width > ul > li.my_signout > a,
div#mobile_account_trigger > div > ul > li.my_signout > a{
    background-image:url(/_template/img/head_my_ico_signout.png);
}
header.header nav div.megamenu.mini_width > ul > li.my_bookings > a,
div#mobile_account_trigger > div > ul > li.my_bookings > a {
    background-image:url(/_template/img/head_my_ico_bookings.png);
}
header.header nav div.megamenu.mini_width > ul > li.my_messages > a,
div#mobile_account_trigger > div > ul > li.my_messages > a {
    background-image:url(/_template/img/head_my_ico_messages.png);
}


/* SCOLLED HEADER PATCHES */
@media only screen and (min-width: 900px)  { 
    header.header.scrolled nav {
        min-height: 60px;
    }

    header.header.scrolled nav > ul > li > a {
        padding: 30px 10px 30px 10px;
    }

    header.header.scrolled nav > ul > li.home > a {
        padding-top: 28px;
    }

    header.header.scrolled a.logo {
        padding: 10px 0px 0px 0px;
    }

    header.header.scrolled nav > ul > li.my_account a {
        margin: 0px 10px 0px 10px;
        padding: 0px 0px 0px 0px;
    }

    header.header.scrolled nav div.megamenu.full_width { 
        top: 79px;
    }

    header.header.scrolled nav div.megamenu.mini_width {
        top: 50px;
    }
}


/* MOBILE ACCOUNT TRIGGER */

div#mobile_account_trigger {
    position: absolute;
    top: 14px;
    right: 10px;
    display: none;
}
div#mobile_account_trigger a img {
    border-radius: 20px;
}





/* SYNC ONE - THE MAIN BANNER CONTENT */
#sync1 .item {
    padding: 0px 0px;
    margin: 0px;
    width: 100%;
    height: 600px;
}

/* SYNC TWO - THE BACKGROUND IMAGES */

#sync2 {
    background-color: #000;
}
#sync2 .item {
    background: #000;
    padding: 0px 0px;
    margin: 0px;
    color: #FFF;
    text-align: center;
/*    cursor: normal;*/
    height: 600px;
    width: 100%;
    overflow:hidden;
}
#sync2 .item  img {
    width: 100%;
    height: auto;
    /* SIZE OF THE IMAGE */
    min-height: 600px;
    min-width: 2000px;
}
#sync2 .synced .item { 
    /* background: #0c83e7; */
}

section.section.over_sync2 {
    margin-top: -600px;
}

div.home_banner_cols {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}

div#sync1.category_lander {
    margin-bottom: 30px;
}

div.home_banner_cols > div.l {
    border-right: 460px solid transparent;
}
div.home_banner_cols > div.r {
    position: absolute;
    width: 440px;
    top: 60px;
    right: 0px;
}


div.home_banner_cols > div.l.home_page h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 300;
    line-height: 60px;
    padding-top: 80px;
    margin: 0px 0px 0px 0px;
}
div.home_banner_cols > div.l.home_page h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    padding-top: 35px;
    margin: 0px 0px 0px 0px;
}

/* CATEGORY LANDER MOD */

div.home_banner_cols > div.l.category_lander {
    color: #fff;
}

div.home_banner_cols > div.l.category_lander h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 300;
    line-height: 60px;
    padding-top: 50px;
    margin: 0px 0px 30px 0px;
}
div.home_banner_cols > div.l.category_lander h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    line-height: 36px;
    padding-top: 0px;
    margin: 0px 0px 30px 0px;
}
div.home_banner_cols > div.l.category_lander h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    padding-top: 0px;
    margin: 0px 0px 0px 0px;
}

div.home_banner_cols > div.l.category_lander p {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin: 0px 0px 30px 0px;
}


/* TABS */


div.tabs {
    clear: both;
}

div.tabs > div.controls {
    clear: both;
    float: left;
    width: 100%;
}

div.tabs > div.controls ul {
    display: block;
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}
div.tabs > div.controls ul li {
    float: left;
}

div.tabs > div.controls.two ul li {
    width: 50%;
    background-image:url(/_template/img/tab_control_bg.png);
}
div.tabs > div.controls.two ul li a {
    display: block;
    width: 100%;
    padding: 20px 0px 20px 0px;
    text-align: center;
    font-size: 14px;
    text-transform:  uppercase;
    color: #fff;
    border-top: 4px solid transparent;
}

div.tabs > div.controls.two ul li a:hover,
#sync1 div.tabs > div.controls.two ul li a:hover
{
    text-decoration: none;
    color:#5d5d5d;
}
div.tabs > div.controls.two ul li.active a ,
#sync1 div.tabs > div.controls.two ul li.active a {
    border-top: 4px solid #00ccff;
    background-color: #fff;
    color: #5d5d5d;
}

#sync1 div.tabs > div.controls.two ul li a {
    background-color: transparent;
    color: #fff;
}


div.tabs > div.content {
    clear: both;
    float: left;
    width: 100%;
    background-color: #fff;

}

div.tabs.band_two > div.content {
    background-color: #f6f6f6;
}
div.tabs.band_two > div.controls.two ul li.active a {
    background-color: #f6f6f6;
}

div.tabs > div.controls.two ul li a {
    color: #5d5d5d;
    background-color: #ededed;
}




div.tabs > div.content > div {
    clear: both;
    float: left;
    padding: 20px;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

div.home_banner_message {
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.home_banner_message h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 300;
    line-height: 60px;
    padding-top: 80px;
    margin: 0px 0px 0px 0px;
}
div.home_banner_message h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    padding-top: 20px;
    margin: 0px 0px 40px 0px;
}

div#home_usps {
    margin-top: 30px;
    margin-bottom: 30px;
}

div#home_usps div.item {
    padding: 0px 10px 0px 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

div#home_usps div.item > div {
    border-bottom: 4px solid #000;
    width: 100%;
    background-color: #ffffff;
    float: left;
}
div#home_usps div.item > div.one {
    border-color: #c6ef07;
}

div#home_usps div.item > div.two {
    border-color: #ef8f07;
}
div#home_usps div.item > div.three {
    border-color: #ad20e1;
}
div#home_usps div.item > div.four {
    border-color: #00ccff;
}




div#home_usps div.item div img {
    width: 100%;
    clear: both;
    float: left;
}

div#home_usps div.item div p {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    padding: 20px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    font-weight: 300;
}
div#home_usps div.item a {
    color: #2c373a;
}
div#home_usps div.item a:hover {
    color: #00ccff;
    text-decoration: none;
}
div#home_usps div.item div p a.small {
    font-size: 14px;
    color: #2c373a;
}
div#home_usps div.item div p a.small:hover {
    text-decoration: underline;
}
div.pre_fifty_fifty {
    padding: 0px 10px 0px 10px;
}


div.fifty_fifty {
    clear: both;
    float: left;
    width: 100%;
}

div.fifty_fifty > div {
    float: left;
    width: 50%;
    padding: 0px 10px 30px 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

div.fifty_fifty > div.fw {
    width: 100%;
    padding: 0px 20px 30px 20px;
}

div.fifty_fifty > div div.tabs {
    margin-top: 30px;
}



div.home_feature {
    display: block;
    float: left;
    width: 100%;
    margin: 30px 0px 0px 0px;
    overflow:hidden;

    background-size: 400px 300px;

}
div.home_feature > div {
    width: 320px;
    float: right;
    overflow:hidden;
    height: 250px;
}
div.home_feature h2 {
    background-color: #f6f6f6;
    margin: 0px 0px 0px 0px;
    font-weight: 300;
    font-size: 24px;
    line-height: 24px;
    padding: 20px 20px 20px 20px;
    text-align: right;
}
div.home_feature h2 strong {
    font-weight: 300;
    color: #00ccff;
}

div.home_feature p {
    background-color: #f6f6f6;
    margin: 0px 0px 0px 50px;
    padding: 0px 20px 80px 20px;
}



ul.featured_profiles {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}
ul.featured_profiles li {
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    clear: both;
    float: left;
}
ul.featured_profiles li.last {
    margin-bottom: 0px;
}
ul.featured_profiles li a {
    display: block;
    clear: both;
    border-right: 4px solid #fff;
    float: left;
    position: relative;
}
ul.featured_profiles li a div.img {
    position: absolute;
    top: 0px;
    left: 0px;
    float: left;
    width: 120px;
    height: 120px;
}
ul.featured_profiles li a div.img img {
    width: 100%;
    -webkit-transition: all 0.3s ;
    -moz-transition: all 0.3s ;
    -o-transition: all 0.3s ;
    -ms-transition: all 0.3s ;
    transition: all 0.3s ;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

ul.featured_profiles li a:hover div.img img {
    border: 6px solid #c6ef07;
    /* border-radius: 50%; */
}

ul.featured_profiles.wanted_ads li a:hover div.img img {
    border: 6px solid #00ccff;
}


ul.featured_profiles li a div.txt {
    clear: both;
   /* border-left: ;*/
    background-color: #fff;
    min-height: 120px;
    border-left: 140px solid transparent;
}

ul.featured_profiles li a:hover {
    border-right: 4px solid #c6ef07;
    text-decoration: none;
}
ul.featured_profiles.wanted_ads li a:hover {
    border-right: 4px solid #00ccff;
}


ul.featured_profiles li a div.txt h4 {
    padding: 20px 20px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #5d5d5d;
    font-size: 24px;
    line-height: 24px;
}
ul.featured_profiles li a div.txt p {
    padding: 0px 20px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #878787;
    line-height: 20px;
}

ul.featured_profiles li a div.txt b {
    font-weight: normal;
    color: #00ccff;
}



ul.profile_grid {
    width: 100%;
    clear: both;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
}
ul.profile_grid.my_bookmarks {
    margin: 0px 0px 30px 0px;
}
ul.profile_grid.latest_tutors {
    margin: 0px 0px 50px 0px;
}

ul.profile_grid li {
    float: left;
    width: 16.66%;
}
ul.profile_grid.my_bookmarks li {
    width: 25%;
}

ul.profile_grid.latest_tutors li {
    width: 8.3333%;
}


ul.profile_grid li a {
    display: block;
    margin: 1px 1px 1px 1px;
}
ul.profile_grid li img {
    width: 100%;
    -webkit-transition: all 0.3s ;
    -moz-transition: all 0.3s ;
    -o-transition: all 0.3s ;
    -ms-transition: all 0.3s ;
    transition: all 0.3s ;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

ul.profile_grid li a:hover img {
    border: 6px solid #00ccff;
    /* border-radius: 50%; */
}

html.lt-ie9 ul.profile_grid li a:hover img {
    border: none;
}


section.footer {
    position: relative;
}
section.footer  h5 {
    color: #00ccff;
    font-size: 25px;
    padding: 60px 0px 30px 0px;
    margin: 0px 0px 0px 0px;
    font-weight: 300;
}
section.footer ul.links {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    float: left;
    display: block;
    width: 33.33%;
}
section.footer ul.links li {
   /* margin: 0px 0px 0px 0px 0px; */
    padding: 0px 0px 0px 0px;
}

section.footer ul.links li.title {
    text-transform: uppercase;
    color: #666;
    font-size: 12px;
    margin-bottom: 10px;
}

section.footer ul.links li a {
    color: #b0b0b0;
    padding: 3px 20px 3px 0px;
    display: block;
}
section.footer ul.links li a:hover {
    border-left: 4px solid #00ccff;
    padding: 3px 6px 3px 10px;
    text-decoration: none;
    color: #000;
}

section.footer .disclaimer {
    margin-top: 30px;
    clear: both;
    width: 90%;
    color: #b0b0b0;
    float: left;
}

section.footer .disclaimer img {
    display: block;
    margin-bottom: 10px;
}

section.footer .disclaimer p {
    margin: 0;
}

section.footer div.fifty_fifty {
    padding-bottom: 30px;
    background-image:url(/_template/img/footer_base_bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 64px 32px;
}

div.footer_close_control {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    border-top: 3px solid #ececec;
}
div.footer_close_control img {
    width: 64px;
    height: 32px;
    position: relative;
    top: -3px;
}
div.footer_open_control {
    text-align: center;
    clear: both;
    float: left;
    border-bottom: 4px solid #ececec;
    width: 100%;
    display: none;
}
div.footer_open_control img {
    height: 36px;
    width: 69px;
    position: relative;
    top: 3px;
}


.internal_footer div.footer_open_control {
    display: block;
}

.internal_footer.dark-style div.footer_open_control {
    background-color: #f6f6f6;
}

#pop_footer.internal_footer section {
    display: none;
}

footer {
    width: 1080px;
    clear: both;
    margin: 0 auto;
    color: #878787;
}

footer div.l {
    width: 50%;
    float: left;
    padding: 30px 0px 30px 0px;
}
footer div.l p {
    padding: 0px 10px 0px 10px;
}
footer div.r {
    width: 50%;
    float: left;
    padding: 30px 0px 30px 0px;
}

ul.social_logos {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    list-style: none;
    text-align: right;
}
ul.social_logos li {
    display: inline-block;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
}
ul.social_logos li a {
    display: block;
    width: 25px;
    height: 25px;
    background-position: bottom left;
    overflow: hidden;
    text-indent: 40px;
    background-size: 25px 50px;
}
ul.social_logos li a:hover {
    background-position: top left;
}


ul.social_logos li.linkedin a {
    background-image:url(/_template/img/social_icon_linkedin.png);
}
ul.social_logos li.vimeo a {
    background-image:url(/_template/img/social_icon_vimeo.png);
}
ul.social_logos li.facebook a {
    background-image:url(/_template/img/social_icon_facebook.png);
}
ul.social_logos li.twitter a {
    background-image:url(/_template/img/social_icon_twitter.png);
}



/* CATEGORY SECTION */

div.pop_in {
    clear: both;
    margin: 0px 10px 0px 10px;
}

div.category_topper {
    background-color: #ececec;
    float: left;
    clear: both;
    width: 100%;
}
div.category_topper h1 {
    color: #00ccff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 20px 20px;
    float: left;
    display: block;
}

div.category_topper ul#filter_tab_controls {
    float: right;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div.category_topper ul#filter_tab_controls li {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div.category_topper ul#filter_tab_controls li a {
    border-left: 1px solid #d5d5d5;
    display: block;
    margin: 12px 0px 12px 0px;
    padding: 10px 20px 10px 20px;
    color: #000000;
    line-height: 14px;
}
div.category_topper ul#filter_tab_controls li a:hover {
    color: #00ccff;
    text-decoration: none;
}
div.category_topper ul#filter_tab_controls li.active {
    background-image:url(/_template/img/cat_filter_selected_bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 20px 6px;
}



div.category_topper ul#filter_tab_controls li.first a {
    border-left: none;
}

div#filter_tabs {
    background-color: #2d3b3f;
    clear: both;
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
}


div#filter_tabs ul.filter_and_sort_list {
    list-style: none;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    clear: both;
    float: left;
}
div#filter_tabs ul.filter_and_sort_list li {
    display: block;
    float: left;
    margin: 20px 7px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 250px;
}
div#filter_tabs ul.filter_and_sort_list li.first {
    margin-left: 20px;
}
div#filter_tabs ul.filter_and_sort_list li a {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    background-color: #00ccff;
    font-weight: 500;
    color: #484848;
    font-size: 14px;
    line-height: 14px;
    padding: 12px 0px 12px 0px;
}
div#filter_tabs ul.filter_and_sort_list li a:hover {
    text-decoration: none;
    color: #fff;
}


div#filter_tabs ul.filter_and_sort_list li.latest a {
    background-color: #c6ef07;
}
div#filter_tabs ul.filter_and_sort_list li.online a {
    background-color: #ef8f07;
}

div#filter_tabs ul.filter_and_sort_list li.facetoface a {
    background-color: #bb3dea;
}


div.filter_list h6 {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    padding: 20px 20px 20px 20px;
    margin: 0px 0px 0px 0px;
}
div.filter_list ul {
    width: 16.6%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    list-style: none;
}
div.filter_list ul li {
    margin: 0px 0px 0px 0px;
    padding: 2px 20px 2px 20px;
    color: #a9e9f9;
}
div.filter_list ul li a {
    color: #fff;
    font-weight: normal;
}

div.filter_list ul li a img {
	width: 18px;
}
div.filter_list ul li a:hover {
    color: #00ccff;
    text-decoration: none;
}

div.filter_list#add_a_filter ul { 
    width: 25%;
}


/* PRODUCT AND OR PROFILE LIST */

div.product_list_wrap {
    clear: both;
    width: 100%;
    float: left;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    box-sizing: border-box;
}

div.product_list_wrap.empty .cms-box {
    padding: 0 10px 0 10px;
}

div.product_list_wrap.empty .cms-box .img {
    margin: 0 0 30px 0;
}

div.product_list_wrap.empty .cms-box .img img {
    display: block;
    width: 100%;
}

div.product_list  div.product {
    display: block;
    width: 25%;
    float: left;
    margin-bottom: 20px;
}

div.product_list.not_infinite_scroll {
    margin-bottom: 10px;
    clear: both;
    float: left;
}

div.product_list.wanted_ads div.product {
    width: 33.3333%;
}

div.product_list  div.product > div.was_a {
    display: block;
    margin: 0px 10px 0px 10px;
}
div.product_list  div.product > a:hover {
    text-decoration: none;
}
div.product_list  div.product img {
    width: 100%;
}

div.product_list  div.product  div.thumb {
    border-top: 5px solid #00ccff;
    position: relative;
}

div.product_list div.product:hover div.quick_view_trigger {
    opacity: 1;
}
div.product_list div.product div.quick_view_trigger {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -60px;
    opacity: 0;
}

div.product_list div.product div.quick_view_trigger a {
    display: block;
    background-color: #00ccff;
    text-align: center;
    width: 120px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 0px 5px 0px;
}
div.product_list div.product div.quick_view_trigger a:hover {
    text-decoration: none;
    color: #000;
    background-color: #c7ee07;
}





div.product_list div.product:hover div.product_quickview {
    opacity: 1;
}
div.product_list div.product div.product_quickview {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -60px;
    opacity: 0;
}

div.product_list div.product div.product_quickview a {
    display: block;
    background-color: #00ccff;
    text-align: center;
    width: 120px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 0px 5px 0px;
}
div.product_list div.product div.product_quickview a:hover {
    text-decoration: none;
    color: #000;
    background-color: #c7ee07;
}



div.product_group_title {
    clear: both;
    float: left;
    width: 100%;

}

div.product_group_title h3 {
    font-size: 20px;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
}




div.product_list  div.product  div.thumb div.decals {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-image:url(/_template/img/decals_bg.png);
}

div.product_list  div.product div.thumb div.decals ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    text-align: center;
    display: block;
    width: 100%;
}
div.product_list  div.product div.thumb div.decals ul li {
    display: inline-block;
    padding: 3px 0px 3px 0px;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
}
div.product_list  div.product  div.thumb div.decals ul li span {
    display: block;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

div.product_list  div.product  div.thumb div.decals ul li.distance span,
div.product_list  div.product  div.thumb div.decals ul li.remote span {
    background-image:url('/_template/img/thumb_decal_long_distance.png');
}
div.product_list  div.product  div.thumb div.decals ul li.venue span {
    background-image:url('/_template/img/thumb_decal_venue_tutoring.png');
}
div.product_list  div.product  div.thumb div.decals ul li.home span {
    background-image:url('/_template/img/thumb_decal_home_tutoring.png');
}
div.product_list  div.product  div.thumb div.decals ul li.facetoface span {
    background-image:url('/_template/img/thumb_decal_home_face_to_face.png');
}
div.product_list  div.product  div.thumb div.decals ul li.group span {
    background-image:url('/_template/img/thumb_decal_group.png');
}


div.product_list  div.product  div.text {
    background-color: #f6f6f6;
    padding: 20px 15px 0px 15px;
    text-align: center;
}

div.product_list  div.product  a:hover div.text {
    background-color: #fff;
}

div.product_list  div.product  div.text p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    color: #5d5d5d;
}
div.product_list  div.product.bold  div.text p {
    color: #005c73;
    font-weight: bold;
}

div.product_list  div.product  div.text p span.bold-name {
    font-weight: bold;
}

div.product_list  div.product.spotlight  div.text p span.bold-name {
    background-color: #f7941d;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    padding: 1px 7px;
    margin-bottom: 8px;
}

div.product_list  div.product.featured  div.text p span.bold-name {
    background-color: #000;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    padding: 1px 7px;
    margin-bottom: 8px;
}

div.product_list  div.product.featured  div.thumb div.ribbon {
    background-image: url(../img/featured-ribbon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: -5%;
    margin-left: -3%;
}

div.product_list  div.product  div.text p em {
    color: #9a9a9a;
    font-style: normal;
}


div.product_list  div.product > div.controls {
    clear: both;
    width: 100%;
    padding: 0px 10px 0px 10px;
    float: left;

    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;         

}
div.product_list  div.product > div.controls ul {
    float: left;
    width: 100%;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

div.product_list  div.product > div.controls ul li {
    width: 50%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
div.product_list  div.product > div.controls ul li.view.ad {
    width: 100%;
}
div.product_list  div.product > div.controls ul li a {
    display: block;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    text-decoration: none;
}


div.product_list  div.product > div.controls ul li.view a {
    background-color: #c6ef07;
    color: #000000;
}
div.product_list  div.product > div.controls ul li.view a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #00ccff;
}

div.product_list  div.product > div.controls ul li.shortlist a {
    background-color: #00ccff;
    color: #fff;
}
div.product_list  div.product > div.controls ul li.shortlist a:hover {
    color: #000000;
    background-color: #c6ef07;
    text-decoration: none;
}






div.blog_articles div.load_more, div.blog_articles div.jscroll-loading {
    margin-top: 30px;
}

div.blog_articles .cms_pad p {
    font-size: 16px;
    line-height: 26px;
}

.cms_pad.blog_pad {
    padding-top: 15px;
}

div.load_more {
    width: 100%;
    clear: both;
    text-align: center;
}
div.load_more a {
    width: 100%;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 60px 0px;
    display: block;
}
div.load_more a img {
    width: 32px;
    height: 32px;
}

div.jscroll-loading {
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
    padding: 5px 0px 60px 0px;
}
div.jscroll-loading img {
    width: 32px;
    height: 32px;
}

div.jscroll-added > div.product {
    opacity: 0;

    -webkit-transition: opacity 600ms ease-in-out;
    -moz-transition: opacity 600ms ease-in-out;
    -o-transition: opacity 600ms ease-in-out;
    transition: opacity 600ms ease-in-out;

}
div.jscroll-added > div.product.reveal {
    opacity: 1;
}



/* PROFILE PAGE */

div.profile_topper {
    background-color: #ececec;
    float: left;
    clear: both;
    width: 100%;
    position: relative;
}
div.profile_topper h1 {
    color: #00ccff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 20px 20px;
    float: left;
    display: block;
}

div.profile_topper ul {
    float: right;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div.profile_topper ul li {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div.profile_topper ul li.first a {
    border-left: none;
}
div.profile_topper ul li a {
    border-left: 1px solid #d5d5d5;
    display: block;
    margin: 12px 0px 12px 0px;
    padding: 10px 20px 10px 20px;
    color: #000000;
    line-height: 14px;
}

div.profile_topper ul li.no_border a {
    border-left: none;
}

div.profile_topper ul li a:hover {
    color: #00ccff;
    text-decoration: none;
}



div.profile_topper ul li.back a {
    width: 41px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #00ccff;
    background-image:url(/_template/img/back_icon.png);
    background-size: 35px 35px;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: top center;

}
div.profile_topper ul li.back a:hover {
    background-color: #5D5D5D;
}




div.profile_topper ul li.credit a {
    border: 1px solid #d5d5d5;
    border-right: none;
    background-color: #d5d5d5;
}
div.profile_topper ul li.credit a:hover {
    background-color: #fff;
}
div.profile_topper ul li.invite a {
    border: 1px solid #d5d5d5;

}
div.profile_topper ul li.invite a:hover {
    background-color: #fff;
}



div.progress_topper {
    background-color: #2d3b3f;
    float: left;
    clear: both;
    width: 100%;
}

div.progress_topper div.progressbar_area {
	padding: 15px 10px 10px 25px;
}

div.progress_topper div.progressbar_area > span {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	display: block;
	margin-bottom: 8px;
	text-align: center;
}

div.progressbar {
	margin-right: 55px;
	background-color: #fff;
	height: 12px;
	position: relative;
}

div.progressbar > div {
	height: 12px;
	background-color: #1ABFD4;
	width: 0%;
	
	transition: width 1s ease-in-out;
}

div.progressbar > span {
	position: absolute;
	right: -40px;
	top: -6px;
	color: #fff;
}

div.progress_tip {
	padding: 15px 25px 10px 25px;
	text-align: center;
}

div.progress_topper.show_progress div.progress_tip {

}

div.progress_tip > div {
	position: relative;
}

div.progress_tip a.button {
	background-color: #c6ef07;
	padding: 8px 16px;
    color: #2d3b3f;
    text-transform: uppercase;
}

div.progress_tip.important a.button {
    background-color: #f35050;
    color: #fff;
}

div.progress_tip a.button:hover {
	background-color: #00ccff;
    color: #fff;
}

div.progress_tip.important a.button:hover {
    background-color: #EC9191;
}

div.progress_tip span {
	margin-top: 8px;
	font-size: 14px;
	color: #fff;
	display: block;
}

div.progress_tip a.close {
	display: inline-block;
	width: 12px;
    height: 12px;
    background-image:url(/_template/img/progress_close.png);
    background-size: 12px 23px;
    overflow:hidden;
    text-indent: 30px;
    background-position: top left;
	text-decoration: none;
	margin-left: 10px;
}

div.progress_tip a.close:hover {
	background-position: bottom left;
}

/*
div.progress_topper p {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 20px 52px;
    float: left;
    display: block;

    background-image:url(/_template/img/icon_progress_70.png);
    background-position: top left;
    background-size: 29px 29px;
    background-position: 12px 12px;
    background-repeat: no-repeat;
}


div.progress_topper ul {
    float: right;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div.progress_topper ul li {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
}
div.progress_topper ul li div {
    clear: both;
    float: left;
}
div.progress_topper ul li span.label {
    display: block;
    margin-top: 12px;
    padding: 5px;
    color: #ffffff;
    float:  left;
}
div.progress_topper ul li a.action {
    display: block;
    float: left;
    background-color: #c6ef07;
    color: #2d3b3f;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 20px 10px 20px;
    margin-top: 9px;
    margin-bottom: 6px;
}
div.progress_topper ul li a.action:hover {
    background-color: #00ccff;
    color: #fff;
}
div.progress_topper ul li a.close {
    margin-top: 20px;
    margin-left: 10px;
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    background-image:url(/_template/img/progress_close.png);
    background-size: 12px 23px;
    overflow:hidden;
    text-indent: 30px;
    background-position: top left;
}
div.progress_topper ul li a:hover {
    text-decoration: none;
    background-position: bottom left;

}
*/

div.profile_cover_area {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 20px;
    position: relative;
}

div.profile_social_icons {
    clear: both;
    float: left;
    width: 100%;
    height: 40px;
}

div.profile_social_icons ul {
    float: right;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

div.profile_social_icons ul li {
    float: right;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 7px 0px 0px 7px;
}
div.profile_social_icons ul li a {
    display: block;
    width: 26px;
    height: 26px;
    overflow: hidden;
    text-indent: 30px;

    background-size: 26px 26px;
    background-position: top left;
}

div.profile_social_icons ul li.facebook a {
    background-image:url(/_template/img/profile_social_i_facebook.png);
}

div.profile_social_icons ul li.twitter a {
    background-image:url(/_template/img/profile_social_i_twitter.png);
}

div.profile_social_icons ul li.linkedin a {
    background-image:url(/_template/img/profile_social_i_linkedin.png);
}
div.profile_social_icons ul li.bebo a {
    background-image:url(/_template/img/profile_social_i_bebo.png);
}
div.profile_social_icons ul li.googleplus a {
    background-image:url(/_template/img/profile_social_i_googleplus.png);
}
div.profile_social_icons ul li.rss a {
    background-image:url(/_template/img/profile_social_i_rss.png);
}
div.profile_social_icons ul li.pinterest a {
    background-image:url(/_template/img/profile_social_i_pinterest.png);
}
div.profile_social_icons ul li.youtube a {
    background-image:url(/_template/img/profile_social_i_youtube.png);
}




div.profile_columns {
    clear: both;
    float: left;
    width: 100%;
    color: #878787;
    position: relative; /* KEY BIT */
    padding-bottom: 60px;
    padding-top: 70px;
}
div.profile_columns > div {
    float: left;
    width: 33.3333%;
    margin: 0px 0px 0px 0px;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;  
}

div.profile_columns > div.l {
    background-color: #ececec;
    border: 1px solid #ececec;
}

div.profile_columns > div.m { 
    border: 1px solid #ececec;
}
div.profile_columns > div.r { 
    border: 1px solid #ececec;
}


div.editable {
    border-bottom: 1px solid #ececec;
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}
div.editable.last {
    border-bottom: none;
}
div.editable a.edit {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    background-image:url(/_template/img/editable_bg.png);
    background-position: top left;
    background-size: 30px 60px;
    overflow:hidden;
    text-indent: 90px;
}

div.profile_summary_box div.editable a.edit { 
    bottom: 4px;
}
div.editable a.edit:hover {
    background-position: bottom left;
}


div.profile_columns  div.pad {
    padding: 30px 30px 30px 30px;
    clear: both;
}

div.profile_columns div.pad strong {
	color: #313b3e;
}

div.profile_columns h2 {
    font-size: 24px;
    font-weight: 300;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    color: #5d5d5d;
}
div.profile_columns h6 {
    color: #313b3e;
    font-size: 14px;
    font-weight: 700;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.profile_columns h6 > em {
	font-style: normal;
	color: #aaa;
	font-weight: 300;
}

div.profile_columns p {
    line-height: 23px;
}


dl.rate {
    margin: 0px 0px 30px 0px;
}
dl.rate dd {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 30%;
    text-align: right;
}
dl.rate dt {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 70%;
}



div.profile_video {
    clear: both;
    float: left;
    width:100%;
}
div.profile_video img {
    width: 100%;
}
div.profile_video a {
    display: block;
    position: relative;
    clear: both;
}
div.profile_video a div.overlay {
    background-image:url(/_template/img/profile_watch_video.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
}
div.profile_video a:hover div.overlay {
    opacity: 1;
}


div.method_icons {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #ececec;
    height: 70px;
    z-index: 2;
}
div.method_icons ul {
    display: block;
    width: 100%;
    clear: both;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    text-align: right;
}
div.method_icons ul li {
    display: inline-block;
    margin-right: 30px;
    margin-top: 13px;
}
div.method_icons ul li span {
    display: block;
    margin: 0px 0px 0px 0px;
    background-position: left;
    background-repeat: no-repeat;
    padding: 10px 0px 10px 35px;
    background-size: 27px 27px;
    color: #313b3e;
}

div.method_icons ul li.fix_spacing {
    margin-top: 24px;
}

div.method_icons ul li.facetoface span {
    background-image:url(/_template/img/profile_i_facetoface.png);
}

div.method_icons ul li.venue span {
    background-image:url(/_template/img/profile_i_venue.png);
}

div.method_icons ul li.group span {
    background-image:url(/_template/img/profile_i_group.png);
}

div.method_icons ul li.home span {
    background-image:url(/_template/img/profile_i_home.png);
}

div.method_icons ul li.distance span {
    background-image:url(/_template/img/profile_i_distance.png);
}


div.profile_summary_box_wrap {
    position: relative;
    clear: both;
    width: 100%;
}

div.profile_summary_box {
    position: absolute;
    top: -430px;
    z-index: 4;
    background-image:url(/_template/img/profile_summary_box_bg.png);
    width: 100%;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);

}

div.profile_summary_box > div.controls {
    width: 100%;
    clear: both;
    float: left;
}
div.profile_summary_box > div.controls > div {
    width: 50%;
    float: left;
}
div.profile_summary_box > div.controls > div > a, div.profile_summary_box > div.controls > div > div.button_options_wrapper > a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0px 10px 0px;
    text-transform: uppercase;
}

div.profile_summary_box > div.controls > div.message div.button_options {
    width: 200px;
    left: 0;
    right: auto;
}

div.profile_summary_box > div.controls > div.message div.button_options a {
    color: #0CF;
    background-color: #666;
    text-align: left;
    padding-left: 16px;
    padding-right: 8px;
    box-sizing: border-box;
}

div.profile_summary_box > div.controls > div.message div.button_options a:hover {
    background-color: #444;
}

div.profile_summary_box > div.controls > div.message a {
    background-color: #c6ef07;
    color: #000000;
}
div.profile_summary_box > div.controls > div.message a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #00ccff;
}
div.profile_summary_box > div.controls > div.bookmark a {
    color: #fff;
    background-color: #00ccff;
}
div.profile_summary_box > div.controls > div.bookmark a:hover {
    text-decoration: none;
    background-color: #c6ef07;
    color: #000000;
}
div.profile_summary_box div.image {
    text-align: center;
    clear: both;
    float: left;
    width: 100%; 
    margin-bottom: 10px;
        margin-top: 25px;
}
div.profile_summary_box div.image img {
    width: 105px;
    height: 105px;
    border-radius: 60px;
}

div.profile_summary_box div.caption {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    margin: 0px 0px 20px 0px;
}

div.profile_summary_box div.caption strong {
    color: #313b3e;
}

div.profile_summary_box div.caption .name {
	text-transform: uppercase;
}

div.profile_summary_box div.caption img.rating {
	display: inline-block;
	width: 65px;
	height: 12px;
}

div.profile_summary_box div.summary {
    clear: both;
    padding: 0px 30px 30px 30px;
}

div.profile_summary_box div.strip {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    vertical-align: text-bottom;
    height: 4px;
    background-image:url(/_template/img/strip.png);
    background-size: 100% auto;

}
div.profile_summary_box div.strip img {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

dl.summary {
    font-size: 13px;
}
dl.summary dt {
    color: #313b3e;

/*    font-weight: 700px;*/
    width: 50%;
}
dl.summary dd {
    width: 50%;
}


div.profile_summary_box div.status {
    position: absolute;
    left: 100%;
    top: 10px;
    width: 200px;
    padding-left: 10px;
}

div.profile_summary_box div.status span > em {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
}

div.profile_summary_box div.status a {
    color: #878787;
    text-decoration: none;
}

div.profile_googlemap {
    width: 100%;
    height: 160px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    margin: 0px 0px 20px 0px;
}

div.tag_cloud {
    background-color: #f5f5f5;
    clear: both;
    float: left;
    width: 100%;
}


div.category_base_pad ul.tags {
    padding-bottom: 45px;
}


ul.tags {
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
    list-style: none;
    clear: both;
    float: left;
}
ul.tags li {
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 10px 0px;
    float: left;
}
ul.tags li a {
    display: block;
    text-transform: uppercase;
    color: #5d5d5d;
    background-color: #ececec;
    padding: 3px 6px 3px 6px;
}
ul.tags li a:hover {
    background-color: #f7941d;
    color: #fff;
    text-decoration: none;
}


ul.tags li.js_auto_expand_link a {
    background-color: #f7941d;
    color: #fff;
}
ul.tags li.js_auto_expand_link a:hover {
    color: #5d5d5d;
    background-color: #ececec;
}




ul.my_course_list {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    clear: both;
    float: left;
    width: 100%;
}

ul.my_course_list li {
    display: block;
    position: relative;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 30px 0px;
    min-height: 70px;
}

ul.my_course_list li div {
    border-left: 90px solid transparent;
}
/*ul.my_course_list li strong {
    color: #353535;
    font-weight: normal;
}*/
ul.my_course_list li em {
    font-style: normal;
    color: #00ccff;
}
ul.my_course_list li img {
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #ececec;
    width: 70px;
    height: 70px;
}




ul.available_delivery {
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    clear: both;
    float: left;
    width: 100%;
}

ul.available_delivery li {
    display: block;
    position: relative;
    width: 100%;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    min-height: 50px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 50px 50px;
}

ul.available_delivery li div {
    border-left: 70px solid transparent;
}

ul.available_delivery li.facetoface {
    background-image:url(/_template/img/profile_b_facetoface.png);
}
ul.available_delivery li.group {
    background-image:url(/_template/img/profile_b_group.png);
}
ul.available_delivery li.distance {
    background-image:url(/_template/img/profile_b_distance.png);
}
ul.available_delivery li.venue {
    background-image:url(/_template/img/profile_b_venue.png);
}
ul.available_delivery li.home{
    background-image:url(/_template/img/profile_b_home.png);
}





ul.my_wanted_ads {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    clear: both;
    float: left;
    width: 100%;
}
ul.my_wanted_ads.extra_pad {
    padding-bottom: 30px;
}
ul.my_wanted_ads li {
    display: block;
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 30px 0px;
    background-color: #f5f5f5;
    border-bottom: 4px solid #c6ef07;
}
ul.my_wanted_ads li div.title {
    background-color: #ececec;
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}
ul.my_wanted_ads li div.title h3 {
    font-weight: bold;
    color: #313b3e;
    font-size: 14px;
    text-transform: uppercase;
    padding: 11px 11px 10px 11px;
    margin: 0px 0px 0px 0px;
    line-height: 20px;
}
ul.my_wanted_ads li div.description {
    clear: both;
    float: left;
    padding: 20px 20px 20px 20px;
}
ul.my_wanted_ads li div.description p {
    margin: 0px 0px 0px 0px;
}

ul.my_wanted_ads li a.wave {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    margin: auto;
    width: 44px;
    background-color: #c6ef07;
}

ul.my_wanted_ads li a.wave span {
    display: block;
    position: absolute;
    background-image:url(/_template/img/profile_wave_bg.png);
    background-repeat: no-repeat;
    background-position: top left;
    overflow: hidden;
    text-indent: 300px;
    width: 44px;
    height: 35px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

ul.my_wanted_ads li a.wave:hover span {
    background-position: bottom left;
}

ul.my_wanted_ads li a.wave:hover {
    background-color: #00ccff;
}


ul.achievements {
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    clear: both;
    float: left;
    width: 100%;
}
ul.achievements li {
    display: block;
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 70px 70px;
    min-height: 70px;
}
ul.achievements li div {
    border-left: 90px solid transparent;
}
ul.achievements li strong {
    color: #313b3e;
}
ul.achievements li.crb_check {
    background-image:url(/_template/img/badge_crb_check.png);
}
ul.achievements li.full_profile {
    background-image:url(/_template/img/badge_full_profile.png);
}
ul.achievements li.frequent_flyer {
    background-image:url(/_template/img/badge_frequent_flyer.png);
}
ul.achievements li.reply_rate {
    background-image:url(/_template/img/badge_reply_rate.png);
}
ul.achievements li.qualification_certs {
    background-image:url(/_template/img/badge_qualification_certs.png);
}
ul.achievements li.photo_id {
    background-image:url(/_template/img/badge_photo_id.png);
}

ul.achievements li.ticked:after {
	content: '';
	display: block;
	position: absolute;
	background-image: url(/_template/img/green_tick.png);
	background-repeat: no-repeat;
	background-size: 16px;
	width: 16px;
	height: 16px;
	top: 50px;
	left: 50px;
}

img.ticked {
    width: 16px;
    display: inline-block;
    margin-left: 5px;
}

ul.reviews {
    display: block;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    clear: both;
    float: left;
    width: 100%;
}

ul.reviews li {
    display: block;
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 22px;
    min-height: 70px;
}

ul.reviews li > div {
    border-left: 90px solid transparent;
}
ul.reviews li > div > div {
    position: absolute;
    top: 0px;
    left: 0px;
}
ul.reviews li > div > div img {
    width: 70px;
    height: 70px;
}
ul.reviews li > div > img {
    width: 65px;
    height: 12px;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}
ul.reviews li > div > strong {
    font-weight: bold;
    color: #353535;
    text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
}

ul.reviews li > div > span.date {
	color: #f7941d;
	font-size: 12px;
}


section.latest_tutors h4, div.latest_tutors h4 {
    display: block;
    width: 100%;
    text-align: center;
    padding: 30px 30px 30px 30px;
    margin: 0px 0px 0px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}

section.latest_tutors h4 strong, div.latest_tutors h4 strong {
    font-weight: 700;
    color: #5d5d5d;
}

div.mobile_shortcuts {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin: 0px 0px 45px 0px;
    position: relative;
    display: none;
}
div.mobile_shortcuts ul {
    border: 1px solid #e2e2e2;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    list-style: none;
    background-color: #fff;
    clear: both;
    float: left;
    width: 100%;
    background-image:url(/_template/img/mobile_shortcuts_bg.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 35px 35px;
    display: block;
}

div.mobile_shortcuts ul li {
    margin: 3px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    text-transform: uppercase;
    clear: both;
    float: left;
    width: 100%;
    display: block;
}
div.mobile_shortcuts ul li a {
    color: #727272;
    text-decoration: none;
}
div.mobile_shortcuts ul li a:hover {
    color: #00ccff;
}

div.mobile_shortcuts div.lip {
    background-size: 33px 19px;
    background-image: url(/_template/img/mobile_shortcuts_lip.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 33px;
    height: 19px;
    bottom: -17px;
    left: 50%;
    margin-left: -17px;
}



h2#about_me {
    clear: both;
}


div.back_to_top {
    width: 45px;
    height: 45px;
    position: fixed;
    left: 50%;
    bottom: 10px;
    z-index: 1000;
    margin-left: -23px;
    display: none;
}
div.back_to_top a {
    display: block;
    background-image:url(/_template/img/back_to_top_bg.png);
    background-size: 45px 45px;
    height: 45px;
    width: 45px;
}




#user_register_window {
	display: none;
}

/* SIMPLE MODAL WORK */

#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {height:560px; width:600px; color:#878787; background-color:#fff; border:4px solid #ececec; padding:0px 0px 0px 0px;}
#simplemodal-container .simplemodal-data {padding:0px 0px 0px 0px;}
#simplemodal-container a.modalCloseImg {background:url(/_template/img/x.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; right:-0px; cursor:pointer;}
#simplemodal-container a.back_link {background:url(/_template/img/b.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; left:-0px; cursor:pointer;}

.simplemodal-wrap {
    overflow:auto !important;
}


/* ENHANCED MODAL WORK */

#enhanced-modal-content {display:none;}
#enhancedmodal-overlay {background-color:#000;}
#enhancedmodal-container {height:560px; width:600px; color:#878787; background-color:#fff; border:4px solid #ececec; padding:0px 0px 0px 0px; transition: all 0.2s ease-in-out}
#enhancedmodal-container .simplemodal-data {padding:0px 0px 0px 0px;}
#enhancedmodal-container a.modalCloseImg {background:url(/_template/img/x.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; right:-0px; cursor:pointer;}
#enhancedmodal-container a.back_link {background:url(/_template/img/b.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; left:-0px; cursor:pointer;}


/* ENHANCED MODAL WORK */

#prompt-modal-content {display:none;}
#promptmodal-overlay {background-color:#000;}
#promptmodal-container {height:300px; width:600px; color:#878787; background-color:#fff; border:4px solid #ececec; padding:0px 0px 0px 0px;}
#promptmodal-container .simplemodal-data {padding:0px 0px 0px 0px;}
#promptmodal-container a.modalCloseImg {background:url(/_template/img/x.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; right:-0px; cursor:pointer;}
#promptmodal-container a.back_link {background:url(/_template/img/b.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; left:-0px; cursor:pointer;}


/* YOUTUBE MODAL WORK */

#youtube-modal-content {display:none;}
#youtubemodal-overlay {background-color:#000;}
#youtubemodal-container {width:640px; height:480px; color:#878787; background-color:#fff; border:4px solid #ececec; padding:0px 0px 0px 0px;}
#youtubemodal-container .simplemodal-data {padding:0px 0px 0px 0px;}
#youtubemodal-container a.modalCloseImg {background:url(/_template/img/x.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; right:-0px; cursor:pointer;}
#youtubemodal-container a.back_link {background:url(/_template/img/b.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; left:-0px; cursor:pointer;}


#youtubemodal-container .simplemodal-wrap {
    overflow: hidden !important;
    height: auto !important;
}
#youtube-modal-content iframe {
    width: 640px;
    height: 480px;
    border: none;
}


/* ENHANCED MODAL WORK */

#another-modal-content {display:none;}
#anothermodal-overlay {background-color:#000;}
#anothermodal-container {width:600px; height: 400px; color:#878787; background-color:#fff; border:4px solid #ececec; padding:0px 0px 0px 0px; transition: all 0.2s ease-in-out}
#anothermodal-container .simplemodal-data {padding:0px 0px 0px 0px;}
#anothermodal-container a.modalCloseImg {background:url(/_template/img/x.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; right:-0px; cursor:pointer;}
#anothermodal-container a.back_link {background:url(/_template/img/b.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; left:-0px; cursor:pointer;}



@media only screen and (min-width: 0px) and (max-width: 600px) { 
    #enhancedmodal-container {width:300px;height:360px;}
    #simplemodal-container {width:300px;height:360px;}
    #promptmodal-container {width:300px;height:360px;}

    #youtubemodal-container {width:300px;height:180px;}
	#anothermodal-container {width:300px;height:360px;}

    dl.internal dd {
        width: 100%;
    }
    dl.internal dt {
        width: 100%;
    }


    #youtubemodal-container {width:300px; height:225px;}
    #youtube-modal-content iframe {width:300px; height:225px;}

}   

#basic-modal-content h3,
#enhanced-modal-content h3 {
    line-height: 38px;
}


/* CUSTOM FORM ELEMENTS */

ul.current_list {
    display: block;
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

ul.current_list li {
    display: block;
    position: relative;
    float: left;
    width: auto;
    padding: 3px 10px 3px 10px;
    margin: 0px 10px 10px 0px;
    border: 1px solid #eee;
}
ul.current_list li a.remove_current_list_item {
    position: absolute;
    top: 8px;
    right: -7px;
    background-image: url(/_template/img/delete_current_list.png);
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
}

table.my_profile_features {

}

table.my_profile_features .main {
    width: 95%;
}
table.my_profile_features .control {
    width: 5%;
}

table.my_profile_features tr.unread td {
    background-color: #e0f4f9;
}

table.my_profile_features td {
    vertical-align: middle;
}
table.my_profile_features.notifications {
    border: 0px;
}
table.my_profile_features.notifications tr {
    cursor: pointer;
}
table.my_profile_features.notifications td {
    border: 0px solid #fff;
    border-bottom: 1px solid #fff;
}
table.my_profile_features.notifications td .date {
    color: #f7941d;
    font-size: 12px;
}

a.edit_internal, a.delete_internal {
    display: block;
    width: 20px;
    height: 20px;
    overflow:hidden;
    background-image:url(/_template/img/inner_edit_icon.png);
    background-size: 20px 20px;
    background-position: top left;
    text-indent: 40px;
}
a.delete_internal {
    background-image:url(/_template/img/inner_delete_icon.png);
}




/* LEFT SIDEBAR TEMPLATE */

div.cms_topper {
    background-color: #ececec;
    float: left;
    clear: both;
    width: 100%;
}
div.cms_topper h1, div.cms_topper .blog_category {
    color: #00ccff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 20px 20px;
    float: left;
    display: block;
}

div.left_sidebar_cols {
    clear: both;
    float: left;
    width: 100%;
    margin: 20px 0px 30px 0px;
    position: relative;
}

div.left_sidebar_cols > div.content {
    border-left: 270px solid transparent;
}

div.left_sidebar_cols > div.content > aside {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 250px;
}

section.pop div.left_sidebar_cols > div.content > aside {
    left: 10px;
}

aside.sidebar h6 {
    font-weight: 700;
    color: #5d5d5d;
    font-size: 14px;
    line-height: 14px;
}
aside.sidebar h6 a {
    color: #5d5d5d;
}
aside.sidebar ul.std_links.sub {
    padding-left: 15px;
    margin-bottom: 0px;
}
aside.sidebar ul.std_links {
    list-style: none;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
}
aside.sidebar ul.std_links li {
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 0px;
}
aside.sidebar ul.std_links li a {
    color: #878787;
}
aside.sidebar ul.std_links li a:hover {
    color: #1abfd4;
    text-decoration: none;
}

aside.sidebar div.sidebar_search {
    border: 1px solid #d5d5d5;
    width: 100%;
    margin: 0px 0px 30px 0px;
}

aside.sidebar div.sidebar_search > input {
    background-image:url(/_template/img/sidebar_search_bg.png);
    background-position: top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    border: none;
    padding: 20px 30px 20px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}


aside.sidebar ul.checkbox_links, aside.sidebar .city_filter {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    list-style: none;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
}
aside.sidebar ul.checkbox_links li {
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 0px;
    color: #878787;
}
aside.sidebar ul.checkbox_links li label {
    color: #878787;
}
aside.sidebar ul.checkbox_links li label:hover {
    color: #1abfd4;
    text-decoration: none;
}

aside.sidebar ul.checkbox_links.filters li a {
	text-decoration: none;
	color: #878787;
	display: block;
	background-image: url(../img/checkbox_off.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: left center;
	padding: 0 0 0 25px;
}

aside.sidebar ul.checkbox_links.filters li a:hover {
	color: #1ABFD4;
}
aside.sidebar ul.checkbox_links.filters li a.active {
	background-image: url(../img/checkbox_on.gif);
}




/* BLOG SECTION */

div.jscroll-added > .blog_article {
    opacity: 0;

    -webkit-transition: opacity 600ms ease-in-out;
    -moz-transition: opacity 600ms ease-in-out;
    -o-transition: opacity 600ms ease-in-out;
    transition: opacity 600ms ease-in-out;

}
div.jscroll-added > .blog_article.reveal {
    opacity: 1;
}

article.blog_article {
    clear: both;
    float: left;
    width: 100%;
    height: 330px;
    background-position: center;
}
article.blog_article div.intro {
    width: 270px;
    float: right;
    background-image:url(/_template/img/blog_article_intro_bg.png);
    height: 100%;
    position: relative;
}
article.blog_article div.intro div.intro_pad {
    padding: 30px 30px 0px 20px;
}

article.blog_article.alt div.intro {
    float: left;
}

article.blog_article div.intro h1 {
    color: #5d5d5d;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
}

article.blog_article div.intro p.by {
    color: #00ccff;
    margin: 0px 0px 20px 0px;
    font-style: italic;
}

article.blog_article div.intro div.read {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-image:url(/_template/img/blog_article_link_bg.png);
    min-height: 64px;
}
article.blog_article div.intro div.read a {
    display: block;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 22px 30px 20px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    background-image:url(/_template/img/blog_intro_a_bg.png);
    background-size: 64px 64px;
    background-position: right;
    background-repeat: no-repeat;
}

article.blog_article div.intro div.read a.js-down {
    background-image:url(/_template/img/blog_intro_a_bg_down.png);
    background-position: center;
}

article.blog_article div.intro div.read a:hover {
    text-decoration: none;
    color: #e2f9ff;
}


article.blog_article div.intro div.date {
    position: absolute;
    width: 64px;
    height: 64px;
    bottom: 0px;
    left: -64px;
    background-color: #00ccff;
}



article.blog_article.alt div.intro div.date  {
    left: auto;
    right: -64px;
}

article.blog_article.alt.topper div.intro div.date  {
    left: auto;
    right: 0px;
    top: 0px;
}

article.blog_article.alt.topper {
    position: relative;
    margin-bottom: 30px;
}
article.blog_article.alt.topper div.intro {
    position: static;
}

article.blog_article div.intro div.date span.day {
    font-size: 36px;
    line-height: 50px;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-top: -2px;
}
article.blog_article div.intro div.date span.month {
    font-size: 16px;
    line-height: 24px;
    display: block;
    color: #fff;
    text-align: center;
    margin-top:-12px;
    text-transform: uppercase;
}
div#filters_and_cats {
    clear: both;
    float: left;
    width: 100%;
}
div#filters_and_cats_trigger {
    clear: both;
    float: left;
    margin-top: -63px;
    margin-left: 20px;
    width: 40px;
    overflow:hidden;
    white-space:nowrap;
}
div#filters_and_cats_trigger a {
    background-color: #00ccff;
    background-image:url(/_template/img/filter_trigger_bg.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 38px 28px;
    display: block;
    width: 100%;
    color: #fff;
}
div#filters_and_cats_trigger.open a {
    background-image:url(/_template/img/filter_trigger_open_bg.png);
}
div#filters_and_cats_trigger a:hover {
    text-decoration: none;
}
div#filters_and_cats_trigger a strong {
    font-weight: normal;
    display: block;
    padding: 5px 20px 5px 138px;
}



ul.shortlist_list {
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: block;
    clear: both;
    float: left;
    width: 100%;
}

ul.shortlist_list > li {
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    clear: both;
    float: left;
    width: 100%;
}

ul.shortlist_list > li.removing {
	opacity: 0.2;
}

ul.shortlist_list > li div.shortlist_item {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    border-top: 5px solid #00ccff;
    background-color: #f6f6f6;
}

ul.message_hub div.cols > div.r > div.controls a.mobile_button {
	display: none;
}



ul.shortlist_list > li div.shortlist_item div.cols {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 250px;
    min-height: 190px;
    color: #9a9a9a;
}
ul.shortlist_list > li div.shortlist_item div.cols strong {
    font-weight: 700;
    color: #5d5d5d;
}

ul.shortlist_list > li div.shortlist_item div.cols > div.l {
    width: 45%;
    float: left;
}
ul.shortlist_list > li div.shortlist_item div.cols > div.r {
    width: 55%;
    float: left;
	min-height: 132px;
}
ul.shortlist_list > li div.shortlist_item div.cols > div div.pad {
    padding: 27px 27px 25px 27px;
    line-height: 18px;
}
ul.shortlist_list > li div.shortlist_item div.cols > div p {
    margin: 0px 0px 10px 0px;
}
ul.shortlist_list > li div.shortlist_item div.cols > div p.last {
    margin: 0px 0px 0px 0px;
}




ul.shortlist_list > li div.shortlist_item div.cols > div.l p.pricing {
    margin-top: 10px;
}
ul.shortlist_list > li div.shortlist_item div.cols > div.l p.pricing strong {
    font-size: 11px;
}

ul.shortlist_list li div.shortlist_item div.thumb {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 250px;
}

ul.shortlist_list li div.shortlist_item div.thumb img {
    width: 100%;
}
ul.shortlist_list li div.shortlist_item div.thumb div.decals {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-image:url(/_template/img/decals_bg.png);
}

ul.shortlist_list li div.shortlist_item div.thumb div.decals ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    text-align: center;
    display: block;
    width: 100%;
}
ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li span {
    display: block;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.distance span {
    background-image:url('/_template/img/thumb_decal_long_distance.png');
}
ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.home span {
    background-image:url('/_template/img/thumb_decal_home_tutoring.png');
}
ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.facetoface span {
    background-image:url('/_template/img/thumb_decal_home_face_to_face.png');
}
ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.venue span {
	background-image:url('/_template/img/thumb_decal_venue_tutoring.png');
}
ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.group span {
    background-image:url('/_template/img/thumb_decal_group.png');
}






ul.shortlist_list li div.shortlist_item div.controls {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 125px;
}

ul.shortlist_list li div.shortlist_item div.controls > div > a {
    display: block;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    text-align: center;
    background-color: #c6ef07;
    color: #000000;
}

ul.shortlist_list li div.shortlist_item div.controls > div > a.arrow {
	background-image: url(../img/button_arrow.png);
	background-repeat: no-repeat;
	background-size: 8px 7px;
	background-position: right center;
	border-right: 8px solid transparent;
	box-sizing: border-box;
}

ul.shortlist_list li div.shortlist_item div.controls > div > a:hover {
    text-decoration: none;
    background-color: #00ccff;
    color: #fff;
}

ul.shortlist_list li div.shortlist_item div.controls div.remove a {
    background-color: #f7941d;
}
ul.shortlist_list li div.shortlist_item div.controls div.remove a:hover {
    background-color: #f73c1d;
}


ul.shortlist_list li div.shortlist_item div.controls div.pricing {
    text-align: center;
    font-size: 11px;
    line-height: 16px;
}
ul.shortlist_list li div.shortlist_item div.controls div.pricing span.offer {
    font-size: 12px;
}
ul.shortlist_list li div.shortlist_item div.controls div.pricing span.offer strong {
    color: #e22d2d;
}

div.full_form {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 70px;
}

div.full_form.less_margin_bottom {
    margin-bottom: 0px;
}



div.full_form > div.l {
    width: 50%;
    float: left;
}
div.full_form > div.r {
    width: 50%;
    float: left;
}
div.full_form > div > div.pad {
    padding: 20px;
}

div.full_form h2 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}


p.form_link {
    text-align: right;
}

div.full_form_terms {
    float: left;
    width: 100%;
    clear: both;
    margin: 0px 0px 30px 0px;
}

div.radios {
    float: left;
    width: 100%;
    margin: 0px 0px 30px 0px;
    clear: both;
}
div.radios > div {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /* 
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding-left: 15px; 
    */
}

div.radios > div div.checkbox_list div.l {
    width: 10%;
}
div.radios > div div.checkbox_list div.r {
    width: 90%;
}

div.radios > div div.checkbox_list div.r label {
    margin-right: 10px;
}








/* MESSAGE HUB AREA */

div.message_hub_topper {
    clear: both;
    float: left;
    width: 100%;
    background-color: #ececec;
    position: relative;
    margin-top: 30px;
}

div.message_hub_topper h1 {
    display: block;
    clear: both;
    margin: 0px 0px 0px 0px;
    font-size: 24px;
    color: #000000;
    padding: 30px 0px 30px 145px;
    font-weight: 300;
}

div.message_hub_topper h1 em {
    color: #a4a4a4;
    font-style: normal;
}

div.profile_thumb {
    position: absolute;
    top: 0px;
    left: 20px;
    width: 100px;
    height: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    background-color: #fff;
    z-index: 6000;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);

    border-radius: 100px;

}
div.profile_thumb img {
    width: 100%;
    border-radius: 100px;
}

ul.topper_tabs {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    position: absolute;
    bottom: 0px;
    right: 20px;
}
ul.topper_tabs li {
    display: block;
    position: relative;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
ul.topper_tabs li a {
    display: block;
    text-align: center;
    width: 235px;
    padding: 10px 0px 10px 0px;
    border-top: 3px solid #f6f6f6;
    background-color: #f6f6f6;
    color: #313b3e;
}
ul.topper_tabs li.active a {
    border-top: 3px solid #00ccff;
    background-color: #fff;
    color: #313b3e;
}
ul.topper_tabs li a:hover {
    border-top: 3px solid #00ccff;
    background-color: #fff;
    color: #313b3e;
    text-decoration: none;
}

ul.topper_tabs li.back a {
    width: 40px;
    padding: 10px 0px 10px 0px;
    background-color: #00ccff;
    border-top: 3px solid #00ccff;
    background-image:url(/_template/img/back_icon.png);
    background-size: 40px 40px;
    background-repeat: no-repeat;
}
ul.topper_tabs li.back a:hover {
    background-color: #5D5D5D;
    border-top: 3px solid #5D5D5D;
}

div.messages_wrap {
    clear: both;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    padding: 20px;
}

div.messages_wrap.extra_spacing {
    margin-bottom: 45px;
}

div.messages_wrap div.suggester div.links {
	padding-bottom: 22px;
}

div.messages_sub_topper {
    clear: both;
    float: left;
    width: 100%;
    background-color: #5d5d5d;

}

div.messages_sub_topper div.label {
    float: left;
    padding: 13px 20px 13px 20px;
    color: #fff;
}
div.messages_sub_topper div.data_tags {
    float: right;
}
div.messages_sub_topper div.data_tags > div {
    float: right;
}

div.messages_sub_topper div.data_tags > div.up a {
    display: block;
    width: 48px;
    height: 48px;
    background-image:url(/_template/img/message_cen_top_arrow.png);
    background-size: 46px 46px;
}
div.messages_sub_topper div.data_tags > div.up a:hover {
    background-color: #00ccff;
}
div.messages_sub_topper div.data_tags > div.original a {
    display: block;
    color: #fff;
    padding: 13px 20px 13px 20px;
    background-color: #363636;
}

div.messages_sub_topper div.data_tags > div.original a:hover {
    text-decoration: none;
    background-color: #00ccff;
}

div.messages_sub_topper div.data_tags > div.date strong {
    display: block;
    color: #fff;
    padding: 13px 20px 13px 20px;
    font-weight: normal;
}

div.messages_sub_topper.closed {
	background-color: #777;
}
div.messages_sub_topper.closed div.label {
	color: #bbb;
}




div.helper {
    clear: both;
    float: left;
    width: 100%;
    background-color: #ececec;
    background-image:url(/_template/img/helper_bg.png);
    background-size: 47px 47px;
    background-repeat: no-repeat;
    background-position: left;
    position: relative;
}
div.helper p {
    padding: 13px 40px 13px 50px;
    margin: 0px 0px 0px 0px;
    color: #878787;
}
div.helper a.helper_close {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 17px;
    background-image:url(/_template/img/progress_close.png);
    background-size: 12px 23px;
    background-position: top left;
    width: 12px;
    height: 12px;
}

div.helper a.helper_close:hover {
    background-position: bottom left;
}


ul.message_hub {
    clear: both;
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: block;
    border-top: 1px solid #ececec;
}

ul.message_hub li {
    clear: both;
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: block;

    border: 1px solid #ececec;
    border-top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}

ul.message_hub li.alt {
    background-color: #f6f6f6;
}

ul.message_hub li.new {
	display: none;
}

ul.message_hub div.cols {
    padding-left: 140px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    float: left;
    width: 100%;
    position: relative;
    min-height: 140px;
        line-height: 16px;
}

ul.message_hub div.cols p {
    margin: 0px 0px 0px 0px;
}
ul.message_hub div.cols p.two_buttons > a {
	display: inline-block;
	text-align: center;
	margin: 0px 10px 10px 0px;
}

ul.message_hub div.cols > div.thumb {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 5px;
    background-color: #fff;
    border-radius: 100px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);
}



ul.message_hub div.cols > div.thumb img {
    width: 90px;
    height: 90px;
    border-radius: 100px;
}

ul.message_hub div.cols > div.r > div.controls {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -15px;
}

ul.message_hub div.cols > div.dialogue {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    color: #878787;
    line-height: 24px;
}
ul.message_hub div.cols > div.dialogue em {
    color: #ef8f07;
    font-style: normal;
	font-size: 12px;
}
ul.message_hub div.cols > div.dialogue strong {
    color: #000;
    font-weight: normal;
}
ul.message_hub div.cols > div.dialogue p {
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
}

ul.message_hub div.cols > div.l {
    float: left;
    width: 50%;
}

ul.message_hub div.cols > div.l.full_width {
	width: 100%;
	position: relative;
}

ul.message_hub div.cols > div.r {
    float: left;
    width: 50%;
}

ul.message_hub div.cols > div.l > div.message_data {
    clear: both;
    float: left;
    width: 100%;
}
ul.message_hub div.cols > div.l > div.message_data > div {
    width: 33.33%;
    float: left;
    padding-top: 51px;
}

ul.message_hub li.centered div.cols > div.l > div.message_data > div.l {
	padding-top: 28px;
	padding-bottom: 18px;
}

ul.message_hub div.cols > div.l > div.message_data > div em {
	font-style: normal;
    display: inline-block;
    margin: 8px 0;
}

ul.message_hub div.cols > div.l > div.message_data > div em.accepted {
	background-image: url(../img/green_tick.png);
	background-repeat: no-repeat;
    background-position: right;
    padding-right: 22px;
	background-size: 16px;
}

ul.message_hub div.cols > div.l > div.message_data > div.m {
    padding-top: 55px;
}
ul.message_hub div.cols > div.l > div.message_data > div.r {
    padding-top: 59px;
}
ul.message_hub div.cols > div.r {
    padding-top: 51px;
}

ul.message_hub div.cols > div.l > div.message_data > div.m.full_width {
	width: 66.66%;
}

ul.message_hub div.cols > div.l > div.message_data > div.m.full_width {
	width: 66.66%;
}

ul.message_hub div.cols > div.l > div.message_data > div.m.full_width p {
	text-align: right;
}

ul.message_hub div.cols div.message_count_small {
    display: none;
}

div.short_status {
    padding-top: 15px;
}









div.suggester {
    clear: both;
    float: left;
    width: 100%;
    background-color: #F6F6F6;;
    position: relative;
    min-height: 52px;
}
div.spacer {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}
div.suggester.add_margin_bottom, div.spacer.add_margin_bottom {
    margin-bottom: 60px;
}
div.suggester p {
    padding: 15px 20px 15px 20px;
    margin: 0px 0px 0px 0px;
}

div.suggester div.links {
    position: absolute;
    right: 20px;
    top: 10px;
}
div.suggester div.links a {
    display: inline-block;
    margin-left: 20px;
}
div.suggester a {
    color: #2a2525;
}
div.suggester a:hover {
    color: #00ccff;
    text-decoration: none;
}
div.suggester a.small_button:hover {
	color: #fff;
}
div.suggester a.small_button.opposite:hover {
	color: #484848;
}



div.chat_base {
    clear: both;
    float: left;
    width: 100%;
    background-color: #ececec;
    position: relative;
}
div.chat_base div.entry {
    float: left;
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 20px 30px 20px;
    position: relative;
}
div.chat_base div.entry div.lip {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 5px;
    right: 40px;
    background-image:url(/_template/img/chat_lip.png);
    background-size: 30px 30px;
}



div.chat_base div.entry textarea {
    width: 100%;
    height: 120px;
    background-color: #fff;
    border: none;
    resize: none;

    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box; 
    padding: 20px;

}
div.chat_base div.submit {
    float: left;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 20px 30px 0px;
}
div.chat_base div.submit input {
    color: #fff;
    background-color: #00ccff;
    border: none;
    width: 100%;
    text-transform: uppercase;
    padding: 52px 0px 52px 0px;
}
div.chat_base div.submit input:hover {
    background-color: #c6ef07;
    color: #000;
}



div.big_prompt {
    clear: both;
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 60px;
}
div.big_prompt.add_margin_bottom {
    margin-bottom: 40px;
}

div.big_prompt.base {
    margin-bottom: 40px;
}

div.big_prompt p {
    margin: 0px 0px 0px 0px;
    font-size: 24px;
    line-height: 30px;
    padding: 10px 20px 10px 20px;
    font-weight: 300;
    vertical-align:middle;
}

div.big_prompt p img.profile {
	width: 100px;
	padding: 5px;
    background-color: #fff;
    border-radius: 100px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);
}

img.profile_small_60 {
    width: 60px;
    /*padding: 5px;*/
    /*background-color: #fff;*/
    border-radius: 60px;
/*    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);*/
}

div.big_prompt p img.stars {
	width: 65px;
}

div.big_prompt p.small {
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0;
}

div.big_prompt a {
    display: inline-block;
    vertical-align:middle;
}





div.how h2 {
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    margin: 40px 30px 15px 30px;
    letter-spacing: 0.3px;
}

div.how p {
    margin: 0px 0px 18px 0px;
    padding: 0px 30px 0px 30px;
    color: #fff;
    text-align: center;
}

div.how div.how_two h2, div.how div.how_two p {
    color: #5d5d5d;
}
div.how div.how_four h2, div.how div.how_four p {
    color: #5d5d5d;
}

div.how_scoller {
    width: 100%;
    margin: 30px 0px 15px 0px;
    text-align: center;
}

div.how_scoller a {
    display: inline-block;
    background-image:url(/_template/img/how_scroller.png);
    width: 43px;
    height: 43px;
    background-size: 43px 43px;
}



div.how h3 {
    color: #00ccff;
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    margin: 30px 30px 15px 30px;
}

div.how_one div.img {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    position: relative;
}

div.how_one div.img img {
    max-width: 840px;
    width: 100%;
}

div.how_one div.img div.imgb {
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
}
div.how_one div.img div.imgb img {
    max-width: 840px;
    width: 100%;
    margin-top: -1px;
    vertical-align: top;
}


div.how_two div.img {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
}

div.how_two div.img img {
    max-width: 732px;
    width: 100%;
}
div.how_three div.img {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
}

div.how_three div.img img {
    max-width: 732px;
    width: 100%;
}
div.how_four div.img {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
}

div.how_four div.img img {
    max-width: 900px;
    width: 100%;
}

div.how .extra_pad {
    padding-top: 40px;
    padding-bottom: 40px;
}



/* WANTED AD DECALS */

div.wanted_ad_decals {
    width: 100%;
}

div.wanted_ad_decals ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    text-align: center;
    display: block;
    width: 100%;
}
div.wanted_ad_decals ul li {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
div.wanted_ad_decals ul li span {
    display: block;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

div.wanted_ad_decals ul li.remote span {
    background-image:url('/_template/img/thumb_decal_long_distance_inv.png');
}
div.wanted_ad_decals ul li.home span {
    background-image:url('/_template/img/thumb_decal_home_tutoring_inv.png');
}
div.wanted_ad_decals ul li.facetoface span {
    background-image:url('/_template/img/thumb_decal_home_face_to_face_inv.png');
}


div#travel_options {
    display: none;
}

div.travel_options {
    margin-top: -30px;
    clear: both;
    float:  left;
    width: 100%;
    margin-bottom: 30px;
}





div.quickview {
    clear: both;
    float: left;
    width: 100%;
}

div.quickview > div.cover {
    width: 100%;
    clear: both;
    float: left;
}

div.quickview > div.cover > img {
    width: 100%;
}

div.quickview > div.image {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    margin-top: -53px;
}

div.quickview > div.image > img {
    width: 100px;
    border-radius: 125px;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);
}

div.quickview > div.summary {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

div.quickview > div.summary p {
    padding: 0px 20px 0px 20px;
    margin: 0px 0px 0px 0px;
}

div.quickview > div.summary p img {
    width: 65px;
}

div.quickview > div.content {
    padding: 20px;
    padding-bottom: 20px;
}


div.quickview > div.content h2 {
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 20px;
    line-height: 20px;
}
div.quickview > div.content h6 {
    margin-bottom: 0px;
    font-size: 14px;
}
div.quickview > div.content p {
    margin: 0px 0px 15px 0px;
}

div.quickview > div.controls {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    border-top: 1px solid #eee;
    /* bottom: 0px; */
}

div.quickview > div.controls > div.l {
    float: left;
    width: 50%;
}
div.quickview > div.controls > div.r {
    float: left;
    width: 50%;
}
div.quickview > div.controls > div.fw {
    float: left;
    width: 100%;
}

div.quickview > div.controls > div.l > div {
    padding: 0px 10px 0px 20px;
}
div.quickview > div.controls > div.fw > div {
    padding: 0px 20px 0px 20px;
}
div.quickview > div.controls > div.r > div {
    padding: 0px 20px 0px 10px;
}
div.quickview > div.controls > div > div > a, div.quickview > div.controls > div > div > div > a {
    display: block;
    padding: 8px 0px 8px 0px;
    color: #fff;
    text-align: center;
}
div.quickview > div.controls > div > div > a:hover, div.quickview > div.controls > div > div > div > a:hover {
    text-decoration: none;
}

div.quickview > div.controls > div.l > div > a,
div.quickview > div.controls > div.fw > div > a {
    background-color: #C6EF07;
    color: #000;
}
div.quickview > div.controls > div.r > div > a, div.quickview > div.controls > div.r > div > div > a {
    background-color: #0CF;
    color: #FFF;
}

div.quickview > div.controls > div.l > div > a:hover,
div.quickview > div.controls > div.fw > div > a:hover {
    background-color: #0CF;
    color: #FFF;
}
div.quickview > div.controls > div.r > div > a:hover, div.quickview > div.controls > div.r > div > div > a:hover {
    background-color: #C6EF07;
    color: #000;
}



div.quickview > div.content > div.split_content {
    width: 100%;
    clear: both;
    float: left;
}
div.quickview > div.content > div.split_content > div {
    float: left;
    width: 50%;
}

div.quickview > div.content > div.split_content > div.l > div {
    padding-right: 10px;
}
div.quickview > div.content > div.split_content > div.r > div {
    padding-left: 10px;
}


div.shortlist_helper {
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
}

div.shortlist_helper > p {
    margin: 0px 0px 0px 0px;
    padding: 30px 20px 0px 20px;
}

textarea#notes {
    height: 72px;
}






ul.notifications_list {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: block;
    float: left;
    clear: both;
    width: 100%;
}
ul.notifications_list > li {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    min-height: 120px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #eee;
}

ul.notifications_list > li.last {
    border-bottom: none;
}

ul.notifications_list > li div.text {
    border-left: 120px solid transparent;
    border-right: 140px solid transparent;
}

ul.notifications_list > li div.thumb {
    position: absolute;
    top: 0px;
    left: 0px;
}

ul.notifications_list > li div.thumb img {
    width: 90px;
    height: 90px;
    padding: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    border-radius: 100px;
}

ul.notifications_list > li div.controls {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 120px;
}

ul.notifications_list > li div.controls > div {
    width: 100%;
    margin: 0px 0px 10px 0px;
}

ul.notifications_list > li div.controls > div > a {
    display: block;
    text-align: center;
}


div.category_base_pad {
    padding: 0px 10px 0px 10px;
    clear:both;
}

div.category_base_pad.double_top_margin {
    padding-top: 30px;
}

div.category_base_pad h2 {
    padding-top: 10px;
}
div.category_base_text {
    padding: 0px 0px 0px 0px;
}
div.category_base_text p {
    margin: 0px 0px 30px 0px; 
}

@media only screen and (min-width: 0px) and (max-width: 600px) { 

    ul.notifications_list > li div.thumb img {
        width: 55px;
        height: 55px;
        padding: 2px;
    }

    ul.notifications_list > li {
        margin-bottom: 30px;
    }

    ul.notifications_list > li div.text {
        border-left: 75px solid transparent;
        border-right: 0px solid transparent;
        margin-bottom: 20px;
    }

    ul.notifications_list > li div.controls {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        clear: both;
        float: left;
    }

    ul.notifications_list > li div.controls > div {
        float: left;
        width: 50%;
    }

    ul.notifications_list > li div.controls > div.view > a {
        margin-right: 5px;
    }
    ul.notifications_list > li div.controls > div.dismiss > a {
        margin-left: 5px;
    }

    .availability div.checkbox_list {
        clear: both;
        width: 100%;
    }

    .availability div.checkbox_list div.l {
        width: 5%;
    }

    .availability div.checkbox_list div.r {
        width: 95%;
    }
}


div.category_link_list {
    clear: both;
    float: left;
    width: 100%;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 30px;
}

div.category_link_list p.head {
    border-bottom: 2px solid #00ccff;
    color: #5D5D5D;
    text-transform: uppercase;
    background-color: #EDEDED;
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
}
div.category_link_list p > span {
    display: block;
    padding: 20px 0px 20px 0px;
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
}

div.category_link_list div.embedded_copy {
    color: #5D5D5D;
    display: block;
    margin: 0px 0px 30px 0px;
    padding: 20px 20px 0px 20px;
    list-style: none;
    clear: both;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;      

}
div.category_link_list ul {
    display: block;
    margin: 0px 0px 30px 0px;
    padding: 20px 20px 20px 20px;
    list-style: none;
    clear: both;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;      
    background-color: #F6F6F6;   
}
div.category_link_list ul li {
    display: block;
    float: left;
    width: 100%;
    padding: 2px 0px 2px 0px;
    border-bottom: 1px solid #EDEDED;
}
div.category_link_list li.last {
    border-bottom: none;
}
div.category_link_list ul li a {
    color: #5D5D5D;
}
div.category_link_list ul li a:hover {
    text-decoration: none;
    color: #00ccff;
}
div.embedded_mini_search {
    clear: both;
    float: left;
    width: 100%;
    padding: 20px 20px 20px 20px;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;  
}





div.home_composition_banner {
    clear: both;
    float: left;
    width: 100%;
    margin: 0px 0px 30px 0px;
}
div.home_composition_banner > img {
    width: 100%;
}




div.prompt {
    text-align: center;
}

div.prompt h4 {
    margin-bottom: 20px;
}
div.quickview > div.content div.prompt p {
    margin-bottom: 30px;
}

div.quickview h5 {
    margin-bottom: 15px;
}

div.prompt ul.prompt_icons {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    width: 100%;
    clear: both;
    float: left;
}

div.prompt ul.prompt_icons > li {
    display: block;
    width: 25%;
    float: left;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;

}

div.prompt ul.prompt_icons > li > a {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    background-image:url(/_template/img/prompt_share_placeholder_bg.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100px 200px;
}
div.prompt ul.prompt_icons > li > a:hover {
    background-position: bottom left;
}


div.prompt ul.prompt_icons > li.facebook > a {
    background-image:url(/_template/img/prompt_share_facebook.png);
}
div.prompt ul.prompt_icons > li.twitter > a {
    background-image:url(/_template/img/prompt_share_twitter.png);
}
div.prompt ul.prompt_icons > li.youtube > a {
    background-image:url(/_template/img/prompt_share_youtube.png);
}
div.prompt ul.prompt_icons > li.google > a {
    background-image:url(/_template/img/prompt_share_google.png);
}


span.date {
    color: #f5a100;
}

div.blog_comments {
    border-top: 1px solid #eee; 
    border-bottom: 1px solid #eee; 
    clear: both;
    float: left;
    width: 100%;
    margin: 0px 0px 30px 0px;
    padding: 26px 0px 13px 0px;
}


@media only screen and (min-width: 0px) and (max-width: 600px) { 

    div.prompt ul.prompt_icons > li {
        width: 50%;
    }

}





div.features div.frame {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);
}

div.features div.frame.add_bottom_margin {
    margin-bottom: 20px;
}


div.features div.frame section > div {
    padding-top: 30px;
    padding-bottom: 30px;
    clear: both;
    float: left;
    width: 100%;

    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box; 

}


div.features div.frame section div.features_one {
    text-align: center;
    padding: 60px 100px 60px 100px;
}


div.features div.frame section div div.circle {
    display: inline-block;
    padding: 5px;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    border-radius: 100px;
    margin: 0px 10px 20px 10px;

}
div.features div.frame section div div.circle img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
}
div.features div.frame section div h2 {
    color: #fff;
    font-weight: 300;
    font-size: 28px;
    line-height: 38px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
}
div.features div.frame section div h4 {

    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 40px 0px;
}

div.features div.frame section div p {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    margin: 0px 0px 0px 0px;
}

div.features div.frame section div p.add_margin {
    margin-bottom: 30px;
}


div.features div.frame.plain.light {
    background-color: #F6F6F6;
    box-shadow: none;
    color: #7C7C7C;
}
div.features div.frame.plain.light section div h2 {
    color: #7C7C7C;
}
div.features div.frame.plain.light section div p {
    color: #7C7C7C;
}

div.features div.frame.plain.white {
    background-color: #FFF;
    box-shadow: none;
    color: #7C7C7C;
}
div.features div.frame.plain.white section div h2 {
    color: #7C7C7C;
}
div.features div.frame.plain.white section div p {
    color: #7C7C7C;
}

div.features div.frame.plain.dark {
    background-color: #555;
    box-shadow: none;
    color: #fff;
}
div.features div.frame.plain.dark section div h2 {
    color: #fff;
}
div.features div.frame.plain.dark section div p {
    color: #fff;
}


div.features div.frame section div div.l {
    float: left;
    width: 50%;

}
div.features div.frame section div div.r {
    float: left;
    width: 50%;
    text-align: left;
}

div.features div.frame section div div div.circle {
    margin-top: 10px;
}

div.features div.frame section div div.l.rev,
div.features div.frame section div div.r.rev {
    float: right;
}


div.features div.frame section div div.m {
    float: left;
    width: 33.33%;
}

div.features div.frame section div div.m p {
    padding: 0px 10px 0px 10px;
}




/* HOW IT WORKS HOME PAGE */

div.how_it_works_home h2 {
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    padding: 30px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}


div.how_it_works_home h3 {
    color: #0CF;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 60px 0px;
}

div.how_it_works_home ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: block;
    float: left;
    clear: both;

    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box; 

}

div.how_it_works_home ul li {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    min-height: 120px;
}
div.how_it_works_home ul li div.img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 85px;
    height: 85px;

    padding: 5px;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    border-radius: 100px;

}
div.how_it_works_home ul li div.img img {
    width: 100%;
    border-radius: 100px;
}
div.how_it_works_home ul li div.text {
    border-left: 115px solid transparent;
}
div.how_it_works_home ul li div.text h4 {
    font-size: 20px;
    line-height: 30px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 7px 0px;
}


div.youtube {
    padding: 0px 180px 0px 180px;
}

div.how_it_works_home h3 { 
    margin-bottom: 30px;
}

div.how_it_works_home div.fw h2 {
    padding-top: 60px;
}

iframe.youtube {
    width: 100%;
    border: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);
}






/* STANDARD PAGINATION */

div.pagination {
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
}
div.pagination ul {
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: block;
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
}
div.pagination ul li {
    display: inline-block;
    margin: 0px 5px 0px 5px;
    padding: 0px 0px 0px 0px;
}
div.pagination ul li a {
    display: block;
    border: 1px solid #ececec;
    background-color: #ececec;
    color: #0a2b5e;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}
div.pagination ul li a:hover {
    background-color: #c6ef07;
    color: #000;
}
div.pagination ul li.selected a {
    background-color: #0a2b5e;
    color: #fff;
}

div.pagination ul li.active a {
    background-color: #00ccff;
    color: #fff;
}







div.product_buy_modal {
    padding: 20px 20px 20px 20px;
}

div.product_buy_modal h2 {
    margin: 0px 0px 0px 0px;
}


div.product_options_wrap p.item_quantity,
div.product_buy_modal p.item_quantity {
    display: block;
    width: 100%;
    text-align: center;
}

div.product_options_wrap p.price,
div.product_buy_modal p.price {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

div.product_options_wrap p.buy,
div.product_buy_modal p.buy {
    display: block;
    width: 100%;
    text-align: center;
}

div.product_options_wrap p.notes,
div.product_buy_modal p.notes {
    display: block;
    width: 100%;
    text-align: center;
}

div.product_options_wrap p.notes input,
div.product_buy_modal p.notes input {
    width: 200px;
    border: 1px solid #ccc;
    padding: 4px 4px 4px 4px;
}


div.product_options_wrap div.control, 
div.product_buy_modal div.control {
    clear: both;
    width: 100%;
}


div.product_options_wrap {
    margin-bottom: 60px;
}

div.product_options_wrap div.control input, 
div.product_buy_modal div.control input {
    width: 100%;
    background-color: #c6ef07;
    color: #484848;
    padding: 10px 0px 10px 0px;
    display: block;
    margin-bottom: 0px;
    border: none;
    text-transform: uppercase;
}

div.product_options_wrap div.control input:hover, 
div.product_buy_modal div.control input:hover {
    background-color: #00ccff;
    color: #fff;
}



table {
    width: 100%;
    margin: 0px 0px 30px 0px;


}
table th {
    background: #1ABFD4; 

    color: #fff;
    line-height: 14px;
    padding: 12px 12px 12px 12px;
    border: 1px solid #fff;
}
table th.heading {

    text-align: left;

    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;

}
table th.last{

    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;

}
table td {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    vertical-align:middle;
    padding: 6px 12px 6px 12px;
}
table td.heading {
    text-align: left;
}
table td.details {
    width: 100%;
}

table td.align-left {
    text-align: left;
}





div.pay_connect {
    text-align: center;
    display: block;
    clear: both;
    width: 100%;
    float: left;
    padding-top: 30px;
    padding-bottom: 60px;
}






.page {
	padding: 20px 0;
	clear: both;
}

.page.centered {
    text-align: center;
}

.booking_list ul.shortlist_list > li div.shortlist_item div.cols > div.l {
	width: 34%;
}

.booking_list ul.shortlist_list > li div.shortlist_item div.cols > div.r {
	width: 66%;
}

.booking_list ul.shortlist_list {
    margin-bottom: 45px;
}

.enquiry_modal .em_content {
	padding: 15px;
}

div.quickview.enquiry_modal {
    box-sizing: border-box;
}

.enquiry_modal h2, .wanted_ad_modal h2 {
	font-size: 18px;
	text-align: center;
}

.enquiry_modal p {
	margin-bottom: 15px;
	text-align: center;
}

.enquiry_modal p.sub_heading {
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}

.enquiry_modal h3, .wanted_ad_modal h3 {
	font-size: 14px;
	font-weight: bold;
}

.enquiry_modal h4, .wanted_ad_modal h4 {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 0px;
}

.enquiry_modal span.featured {
	color: #0CF;
}

.enquiry_modal img.profile {
	width: 80px;
	padding: 5px;
    background-color: #fff;
    border-radius: 100px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);
}

























@media only screen and (min-width: 1100px) and (max-width: 9999px) {
    div.tabs.band_two > div.content {
        min-height: 467px;
    }
}



@media only screen and (min-width: 0px) and (max-width: 1100px) {
    header.header a.logo {
        left: 20px;
    }

    header.header nav > ul { 
        margin-right: 20px;
    }

    div.home_banner_cols > div.r > div.tabs {
        margin-right: 20px;
    }

    div.home_banner_cols > div.l.home_page > h2 {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 40px;
        line-height: 55px;
    }

    div.home_banner_cols > div.l.home_page > h3 {
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 35px;
    }

    div.profile_social_icons ul {
        margin-right: 30px;
    }
    
    div.home_banner_cols > div.l.category_lander {
        border-left: 20px solid transparent;
    }

} 

@media only screen and (min-width: 0px) and (max-width: 1080px) { 

	.page {
		padding-left: 10px;
		padding-right: 10px;
	}



	
    div.internal_pad_carousel {
        padding: 0px 10px 0px 10px;
    }

    div.pop_in {
        width: 100%;
        margin: 0px 0px 0px 0px;
    }

    section.pop div.left_sidebar_cols > div.content > aside {
        left: 0px;
    }

    section.pop div.left_sidebar_cols > div.content {
        border-left: 260px solid transparent;
        border-right: 0px solid transparent;
    }

    section.section.pop, div.section.pop {
        width: 100%;
    }
    footer {
        width: 100%;
    }

    ul.featured_profiles li a div.txt {
        border-left: none;
    }
    ul.featured_profiles li a div.txt h4 {
        padding: 28px 20px 28px 80px;
        border-bottom: 1px solid #eee;
        font-size: 24px;
        line-height: 24px;
    }
    ul.featured_profiles li a div.txt p {
        padding: 10px 10px 10px 10px;
    }
    ul.featured_profiles li a div.img {
        top: 10px;
        left: 10px;
        width: 60px;
        height: 60px;
    }

    ul.featured_profiles li a:hover div.img img {

    }

    .full_desktop_only {
        display: none;
    }


    div#filter_tabs ul.filter_and_sort_list {
        width: 100%;
    }
    div#filter_tabs ul.filter_and_sort_list li.first {
        margin-left: 0px;
    }
    div#filter_tabs ul.filter_and_sort_list li {
        margin: 10px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        width: 25%;
    }

    div.product_list {
        padding: 0px 10px 0px 10px;
    }

	/*
    div.progress_topper p {
        clear: both;
        display: block;
        width: 100%;
        text-align: center;
        padding: 20px 50px 20px 50px;

        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;    
        box-sizing: border-box; 

    }

    div.progress_topper ul {
        width: 100%;
        clear: both;
        text-align: center;
    }

    div.progress_topper ul li {
        margin-top: -10px;
        padding: 0px 20px 0px 20px;
    }
	*/
	
    div.sidebar_pad {
        padding-left: 20px;
        padding-right: 20px;
    }

    ul.topper_tabs li a { 
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    div.cms_pad {
        padding: 0px 20px 30px 0px;
        clear: both;
        float: left;
    }

    div.text_label_text_label div.text_and_label {
        clear: both;
        float: left;
        width: 100%;
        padding-bottom: 2px;
    }

    div.category_base_pad {
        padding: 0px 20px 0px 20px;
    }

}


@media only screen and (min-width: 0px) and (max-width: 1060px) { 

    section.section, div.section {
        width: 100%;
    }
    
    div.frame {
        width: 100%;
    }
    
    header.header nav div.megamenu.full_width img.supporting {
        display: none;
    }

/*    header.header nav div.megamenu.full_width ul {
        width: 25%;
    }*/




}




@media only screen and (min-width: 0px) and (max-width: 960px) { 
    header.header a.logo {
        left: auto;
        top: auto;
        position: relative;
        clear: both;
        float: left;
        width: 100%;
        text-align: center;
        padding: 20px 0px 10px 0px;
    }

    header.header nav {
        text-align: center;
        min-height: 0px;
    }

    header.header nav > ul > li.my_account a {
         margin: 0px 10px 10px 10px;
    }
    header.header nav > ul > li > a {
        padding: 0px 10px 0px 10px;
        margin: 0px 0px 0px 0px;
    }

    header.header nav div.megamenu.mini_width {
        top: 50px;
    }

    header.header nav div.megamenu.full_width { 
        top: 140px;
    }

}

@media only screen and (min-width: 0px) and (max-width: 900px) { 

    div.internal_pad_carousel {
        padding-bottom: 30px;
    }

    header.pre_header > ul > li.country {
        float: left;
        border-right: 1px solid #ebebeb;
    }

    header.pre_header > ul > li.my_account {
        float: left;
    }

    header.pre_header > ul > li.my_account > div {
        width: 320px;
        left: 0px;
        right: auto;
    }





    ul.profile_grid li { 
        width: 25%; 
    }

    div.product_list div.product {
        width: 33.33%;
    }


    div.profile_topper {
        min-height: 56px;
    }

    div.profile_topper h1 {
        text-align: center;
        width: auto;
        clear: both;
        padding: 20px 20px 10px 20px;
        margin: 0 auto;
        float: none;
    }

    div.profile_topper ul {
        width: 100%;
        text-align: center;
    }


    div.profile_topper ul li.back {
        position: absolute;
        top: 11px;
        right: 10px;
        margin: 0px 0px 0px 0px;
    }
    div.profile_topper ul li.back a {
        margin: 0px 0px 0px 0px;
        background-position: top center;
    }

    div.profile_summary_box {
        width: 240px;
    }

    div.profile_summary_box div.summary {
        display: none;
    }

    div.profile_summary_box div.image img {
        width: 170px;
        height: 170px;
        border-radius: 100px;
    }

    div.cms_topper h1, div.cms_topper .blog_category {
        text-align: center;
        width: auto;
        clear: both;
        margin: 0 auto;
        float: none;
    }

    div.product_list.wanted_ads div.product {
        width: 50%;
    }

    ul.shortlist_list > li div.shortlist_item div.cols {
        padding-left: 160px;
        min-height: 290px;
    }


    ul.shortlist_list li div.shortlist_item div.thumb {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 140px;
        height:140px;
    }

    ul.shortlist_list li div.shortlist_item div.thumb div.image {
        overflow:hidden;
        border-radius: 120px;
        width: 140px;
        height:140px;
		position: relative;
    }

    ul.shortlist_list li div.shortlist_item div.thumb img {
        height:140px;
        width: auto;
		position: relative;
		left: -23px;
    }


    ul.shortlist_list li div.shortlist_item {
        min-height: 268px;
    }

    ul.shortlist_list li div.shortlist_item div.controls {
        bottom: 10px;
        top: auto;
        right: auto;
        left: 20px;
        width: 140px;
    }

    ul.shortlist_list li div.shortlist_item div.controls > div > a {
        padding: 5px 0px 5px 0px;
    }

    ul.shortlist_list li div.shortlist_item div.controls > div > a {
        margin: 0px 0px 10px 0px;
    }

    ul.shortlist_list li div.shortlist_item > div.cols > div.l {
        width: 50%;
    }

    ul.shortlist_list li div.shortlist_item > div.cols > div.r {
        width: 50%;
    }

    ul.shortlist_list li div.shortlist_item div.controls div.pricing {
        position: absolute;
        right: -184px;
        text-align: left;
        bottom: 9px;
    }

    ul.shortlist_list li div.shortlist_item div.thumb div.decals {
        position: absolute;
        bottom: -30px;
        left: 0px;
        width: 100%;
        background-image: none;
    }

    ul.shortlist_list li div.shortlist_item div.thumb div.decals ul {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        list-style: none;
        text-align: center;
        display: block;
        width: 100%;
    }
    ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li {
        display: inline-block;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
    ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li span {
        display: block;
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }

    ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.remote span {
        background-image:url('/_template/img/thumb_decal_long_distance_inv.png');
    }
    ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.home span {
        background-image:url('/_template/img/thumb_decal_home_tutoring_inv.png');
    }
    ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.facetoface span {
        background-image:url('/_template/img/thumb_decal_home_face_to_face_inv.png');
    }
	ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.venue span {
        background-image:url('/_template/img/thumb_decal_venue_tutoring_inv.png');
    }
    ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.group span {
        background-image:url('/_template/img/thumb_decal_group_inv.png');
    }
    ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.distance span {
        background-image:url('/_template/img/thumb_decal_long_distance_inv.png');
    }


    div.message_hub_topper h1 {
        font-size: 22px;
        padding: 8px 20px 52px 145px;
        text-align: right;
    }



    ul.message_hub div.cols > div.l {
        width: 25%;
    }

    ul.message_hub div.cols > div.r {
        width: 75%;
        padding-top: 38px;
    }

    ul.message_hub div.cols > div.l > div.message_data > div {
        width: 100%;
        float: none;
        padding-top: 0px;
    }
    ul.message_hub div.cols > div.l > div.message_data > div.l {
        padding-top: 18px;
    }
	ul.message_hub li.centered div.cols > div.l > div.message_data > div.l {
		padding-right: 18px;
		box-sizing: border-box;
	}
	
    ul.message_hub div.cols > div.l > div.message_data > div.m {
        padding-top: 9px;
    }
    ul.message_hub div.cols > div.l > div.message_data > div.r {
        display: none;
    }

    ul.message_hub div.cols div.message_count_small {
        display: block;
    }


    div.suggester div.links {
        position: relative;
        clear: both;
        float: right;
        /*top: auto;*/
        right: auto;
        padding-right: 20px;
        padding-bottom: 35px;
        padding-left: 20px;
        text-align: center;
        width: 100%;

        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;    
        box-sizing: border-box; 

    }

    div.suggester p {
        text-align: center;
    }

    div.suggester div.links a {
        margin-left: 10px;
        margin-right: 10px;
    }


    div.product_list div.product div.quick_view_trigger {
        display: none;
    }

	ul.message_hub div.cols > div.l > div.message_data > div.m.full_width {
		width: 100%;
	}



    div.home_banner_cols > div.l.category_lander h1 {
        font-size: 30px;
        line-height: 30px;
        margin: 0px 0px 20px 0px;
        padding-top: 60px;
    }
    div.home_banner_cols > div.l.category_lander h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0px 0px 20px 0px;
    }
    div.home_banner_cols > div.l.category_lander h3 {
        font-size: 18px;
        line-height: 24px;
    }

    div.home_banner_cols > div.l.category_lander p {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        margin: 0px 0px 20px 0px;
    }

    div.youtube {
        padding: 0px 100px 30px 100px;
    }
	
	
	.booking_list ul.shortlist_list > li div.shortlist_item div.cols > div.l {
		width: 45%;
	}

	.booking_list ul.shortlist_list > li div.shortlist_item div.cols > div.r {
		width: 55%;
	}

	ul.shortlist_list > li div.shortlist_item div.cols > div p.text-right-resp {
		text-align: right;
	}

}



@media only screen and (min-width: 0px) and (max-width: 680px) { 
    div.full_form > div.l {
        width: 100%;
        float: left;
    }
    div.full_form > div.r {
        width: 100%;
    }
}



@media only screen and (min-width: 0px) and (max-width: 680px) { 
	
	div.progress_tip a.button {
		padding: 6px 12px;
	}
	
	div.progress_topper div.progressbar_area > span {
		text-align: center;
	}
	
	div.progress_tip span {
		font-size: 12px;
	}
	
    #filters_and_cats {
        display: none;
    }

    div.cms_pad {
        padding: 30px 20px 30px 20px;
        clear: both;
        float: left;
    }

    div.fixed_header {
        -webkit-box-shadow: none;
        -moz-box-shadow:    none;
        box-shadow:         none;

        position: relative;
        background-color:#fff;
    }

    div.fixed_header.internal.scrolled {
        -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0);
        -moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0);
        box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0);
    }

    section.pop div.left_sidebar_cols > div.content {
        border-left: 0px solid transparent;
        border-right: 0px solid transparent;
    }

    body {
        padding-top:0px !important;
    }

    .no_mobile {
        display: none !important;
    }
    .only_desktop {
        display: none !important;
    }
    .only_mobile {
        display: block !important;
    }
	.only_mobile_inline {
		display: inline-block !important;
	}

    header.header a.logo {
        padding: 15px 0px 15px 0px;
        text-align: left;
    }

    header.header a.logo img { 
        width: auto;
        height: 40px;


    }

    header.header a.logo img {
        margin-left: 10px;
    }

    div#mobile_menu_trigger {
        display: block;
    }

    div#mobile_account_trigger  {
        display: block;
    }

    header.pre_header > ul > li {
        border: none;
    }

    header.pre_header > ul > li.my_account {
        margin-left: 44px;
        border-left: 1px solid #eee; 
    }

    header.pre_header > ul > li > a {
        padding: 10px 8px 7px 8px;
    }

    header.header nav {
        display: none;
        position: absolute;
        top: -3px;
        left: 1px;
        width: 50%;
    }

    header.header nav ul {
        clear: both;
        float: left;
        width: 100%;
        background-color: #fff;
        -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.63);
        -moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.63);
        box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.63);
        border-top: 2px solid #00ccff;

    }
    header.header nav ul li {
        float: left;
        clear: both;
        width: 100%;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        text-align: center;
        border-top: 1px solid #eee;
    }
    header.header nav ul li a {
        display: block;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 5px 0px;
        color: #7C7C7C;
    }
    header.header nav > ul > li.megamenu.full_width > a {
        background-image: none;
    }
    header.header nav ul li a:hover, 
    header.header nav ul li.home a:hover,
    header.header nav > ul > li.megamenu.full_width > a:hover {
        background-color: #f9f9f9; 
        color: #7C7C7C;
    }
    header.header nav ul li.home {
        border-top: none;
    }
    header.header nav ul li.home a {
        width: 100%;
    }

    header.header nav ul li.my_account a {
        margin: 0px 0px 0px 0px;
        padding: 4px 0px 4px 0px;
    }

    header.header nav > ul > li > div {
        display: none !important;
    }


    div.home_banner_cols > div.r {
        width: 100%;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        padding-top: 13px;
/*        max-width: auto;*/
        margin: 0 auto;
    }

    div.home_banner_cols > div.r > div.tabs {
        margin: 0px 10px 0px 10px;

    }

    div.home_banner_cols > div.l {
        position: absolute;
        bottom: -80px;
        border-right: 0px solid transparent;
        width: 100%;   
        padding: 0px 20px 0px 20px;
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;    
        box-sizing: border-box;    

    }

    div.home_banner_cols > div.l.home_page h2 {
        padding-top: 30px;
        font-size: 26px;
        line-height: 36px;
        text-align: center;
        margin: 0px 0px 0px 0px;
    }

    div.home_banner_cols > div.l.home_page h3 {
        display: none;
    }


    div.home_banner_cols > div.l.category_lander {
        position: relative;
        bottom: auto;
    }

    div.home_banner_cols > div.l.category_lander h1 {
        padding-top: 40px;
    }

    div.home_banner_cols > div.l.category_lander h3 {
        margin-bottom: 30px;
    }

    div#sync2.category_lander div.item img {
        display: none;
    }


    div#sync1.category_lander div.home_banner_cols {
        
        background-image:url(/_template/img/full_width_carousel_1.jpg);
        background-position: center top;
        background-size: cover;


    }
    div#sync1.category_lander  div.home_banner_cols div.r div.tabs > div.content {
        margin-bottom: 12px;
    }



    div.tabs > div.controls.two ul li a {
        padding: 10px 0px 10px 0px;
    }

    dl.mini dd.button input {
        padding: 5px 0px 5px 0px;
    }


    div.fifty_fifty > div.no_mb_mob {
        padding-bottom: 0px;
    }

    div.fifty_fifty > div { 
        width: 100%;
        clear: both;
    }

    div.home_feature > div {
        height: 300px;
    }

    section.footer .disclaimer {
        width: auto;
    }

    ul.profile_grid li { 
        width: 16.66%;
    }

    div.home_feature p {
        min-height: 160px;
    }

    div#filter_tabs ul.filter_and_sort_list {
        padding: 10px 0px 10px 0px;
    }

    div#filter_tabs ul.filter_and_sort_list li {
        width: 50%;
        margin: 0px 0px 0px 0px;
    }
    div#filter_tabs ul.filter_and_sort_list li a {
        font-size: 12px;
        padding: 7px 0px 7px 0px;
    }

    div.category_topper h1 {
        text-align: center;
        width: auto;
        clear: both;
        padding: 20px 20px 10px 20px;
        margin: 0 auto;
        float: none;
    }

    div.category_topper ul#filter_tab_controls {
        width: 100%;
        text-align: center;
    }

    div.category_topper ul#filter_tab_controls li a {
        /* width: 100px; */
    }

    div.filter_list h6 {
        padding-left: 10px;
    }

    div.filter_list ul { 
        width: 33.33%;
    }
    div.filter_list ul li {
        padding-left: 10px;
        padding-right: 10px;
    }

    div#filter_tabs ul.filter_and_sort_list li.first {
        clear: both;
    }

    div.method_icons {
        display: none;
    }


    div.profile_columns > div {
        width: 100%;
    }


    div.profile_video { 
        padding: 30px 30px 0px 30px;
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;    
        box-sizing: border-box;         
    }

    div.profile_video.mobile_version {
        padding: 0px 0px 30px 0px;
    }


    div.profile_social_icons {
        position: absolute;
        right: 0px;
        top: 305px;
        z-index: 4;
    }

    div.profile_cover_area { 
        margin-top: 60px;
    }


    ul.profile_grid.my_bookmarks li {
        width: 12.5%;
    }

    ul.profile_grid.latest_tutors li {
        width: 16.6666%;
    }

    div.left_sidebar_cols > div.content {
        border-left: none;
    }

    div.left_sidebar_cols > div.content > aside {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }

    div.product_list.wanted_ads div.product {
        width: 33.3333%;
    }

    div.product_list.wanted_ads {
        margin-top: 20px;
    }


    div.sidebar_pad.no_search {
        padding-top: 30px;
    }

    ul.message_hub div.cols > div.l {
        width: 150px;
        clear: both;
    }

    ul.message_hub div.cols > div.r {
        width: 100%;
        clear: both;
        padding-top: 8px;
        padding-bottom: 18px;
    }

    ul.message_hub div.cols > div.l > div.message_data > div.m  {
        position: absolute;
        padding: 0px 0px 0px 0px;
        top: 20px;
        right: 20px;
        width: auto;
    }
	
	ul.message_hub div.cols > div.l > div.message_data > div.m.full_width {
		width: auto;
		top: 50px;
	}
	
    ul.message_hub div.cols > div.l > div.message_data.contact-button-fix > div.m.full_width {
        right: auto;
        width: 76px;
        left: 0;
        top: 80px;
        margin: auto;
    }

    ul.message_hub div.cols p.text-margin-top {
        margin-top: 50px;
    }

	ul.message_hub div.cols > div.l > div.message_data > div.m.full_width.extra_top {
		top: 66px;
		right: auto;
	}
	
	ul.message_hub div.cols p.two_buttons > a {
		margin: 5px 0px;
		width: 100%;
		box-sizing: border-box;
	}

    div.message_hub_topper h1 {
        padding: 8px 20px 52px 20px;
        text-align: center;
    }

    div.profile_thumb {
        display: none;
    }

    ul.topper_tabs {
        width: 100%;
        text-align: center;
        right: 0px;
    }

    ul.topper_tabs > li {
        display: inline-block;
        float: none;
    }

    ul.topper_tabs li a {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
        vertical-align: baseline;
    }






    div.chat_base div.entry {
        float: left;
        clear: both;
        width: 100%;
        padding: 30px 20px 30px 20px;

    }
    div.chat_base div.submit {
        clear: both;
        float: left;
        width: 100%;
        padding-top: 0px;
        padding-left: 20px;
    }

    div.chat_base div.submit input {
        padding: 10px 0px 10px 0px;
        clear: both;
        float: left;
        width: 100%;
        display: block;
    }



    dl.full {
        width: 100%;
    }
    dl.full dt.button {
        display: none;
    }
    dl.full dd.button {
        width: 100%;
    }






    ul.shortlist_list > li div.shortlist_item {
        display: block;
        float: left;
        width: 100%;
        position: relative;
        border-top: 5px solid #00ccff;
        background-color: #f6f6f6;
    }
	
	ul.shortlist_list > li div.shortlist_item.noright_col {
		padding-bottom: 52px;
	}
	
	.booking_list ul.shortlist_list li div.shortlist_item.noright_col div.controls {
		width: 125px;
	}


    ul.shortlist_list > li div.shortlist_item div.cols {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 0px;
        padding-top: 0px;
        min-height: 0px;
        color: #9a9a9a;
    }
    ul.shortlist_list > li div.shortlist_item div.cols strong {
        font-weight: 700;
        color: #5d5d5d;
    }

    ul.shortlist_list > li div.shortlist_item div.cols > div.l {
        width: 100%;
        float: left;
        min-height: 165px;
        background-color: #fff;
    }
    ul.shortlist_list > li div.shortlist_item div.cols > div.l div.pad {
        padding: 20px 20px 20px 150px;
    }

    ul.shortlist_list > li div.shortlist_item div.cols > div.r {
        width: 100%;
        float: left;
    }
    ul.shortlist_list > li div.shortlist_item div.cols > div.r div.pad {
        padding: 20px 20px 20px 20px;
        clear: both;
        float: left;
        width: 100%;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;

    }
    ul.shortlist_list > li div.shortlist_item div.cols > div p {
        margin: 0px 0px 0px 0px;
        font-size: 12px;
    }
    ul.shortlist_list > li div.shortlist_item div.cols > div p strong {
        font-size: 14px;
    }
    ul.shortlist_list > li div.shortlist_item div.cols > div.l p.pricing strong {
        color: #E22D2D;
    }

    ul.shortlist_list > li div.shortlist_item div.cols > div p.last {
        margin: 0px 0px 0px 0px;
    }

    ul.shortlist_list li div.shortlist_item div.thumb {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 115px;
        height:110px;
    }

    ul.shortlist_list li div.shortlist_item div.thumb div.image {
        overflow:hidden;
        border-radius: 120px;
        width: 110px;
        height:110px;
    }

    ul.shortlist_list li div.shortlist_item div.thumb img {
        height:120px;
        width: auto;
    }


    ul.shortlist_list li div.shortlist_item div.controls {
        position: absolute;
        bottom: 10px;
        right: 20px;
        top: auto;
        left: auto;
        width: 125px;
    }

    ul.shortlist_list li div.shortlist_item div.controls > div > a {
        display: block;
        padding: 10px 0px 10px 0px;
        margin: 0px 0px 10px 0px;
        width: 100%;
        text-align: center;
        background-color: #c6ef07;
        color: #000000;
    }
    ul.shortlist_list li div.shortlist_item div.controls > div > a:hover {
        text-decoration: none;
        background-color: #00ccff;
        color: #fff;
    }

    ul.shortlist_list li div.shortlist_item div.controls div.remove a {
        background-color: #f7941d;
    }
    ul.shortlist_list li div.shortlist_item div.controls div.remove a:hover {
        background-color: #f73c1d;
    }

    ul.shortlist_list li div.shortlist_item div.controls div.pricing {
        display: none;
    }


    ul.shortlist_list.only_shortlist li div.shortlist_item div.controls {
        top: 30px;
    }

    ul.shortlist_list.only_shortlist li div.shortlist_item {
        min-height: auto;
    }

    div.category_base_cols > div {
        width: 100%;
    }
    div.category_base_cols > div.l > div {
        padding-right: 0px;
    }
    div.category_base_cols > div.r > div {
        padding-left: 0px;
    }



    aside.sidebar ul.std_links {
        padding-bottom: 25px;
        border-bottom: 1px solid #D5D5D5;
    }
    aside.sidebar ul.std_links.sub {
    	border-bottom: 0px;
    	padding-bottom: 0px;
    }
    aside.sidebar ul.checkbox_links, aside.sidebar .city_filter {
        padding-bottom: 25px;
        border-bottom: 1px solid #D5D5D5;
    }

    div.sidebar_pad.no_search { 
        /* border-top: 1px solid #D5D5D5; */
    }

    div.features div.frame section div.features_one {
        padding: 40px 20px 40px 20px;
    }


    div.youtube {
        padding: 0px 0px 0px 0px;
    }

    div.fifty_fifty > div.video {
        padding-bottom: 0px;
    }

    div.mobile_shortcuts {
        display: block;
    }

    div.how_it_works_home div.fw h2.add_margin_on_mobile {
        margin-bottom: 30px;
    }

	
	.booking_list ul.shortlist_list > li div.shortlist_item div.cols > div.l, .booking_list ul.shortlist_list > li div.shortlist_item div.cols > div.r {
		width: 100%;
	}
	
	ul.shortlist_list > li div.shortlist_item div.cols > div p.text-right-resp {
		text-align: left;
	}
}

@media only screen and (min-width: 0px) and (max-width: 600px) { 
     div.product_list div.product  {
        width: 50%;
    }

    div.profile_topper ul li.credit, div.profile_topper ul li.invite {
        display: block;
        width: 50%;
        float: left;
    }

    div.profile_topper ul li.credit a {
        border: 1px solid #d5d5d5;
        border-right: none;
        background-color: #d5d5d5;

        margin-bottom: 0px;
    }
    div.profile_topper ul li.credit a:hover {
        background-color: #fff;
    }
    div.profile_topper ul li.invite a {
        border: 1px solid #d5d5d5;

        margin-bottom: 0px;

    }

    div.filter_list#add_a_filter ul { 
        width: 50%;
    }



    div.product_list.wanted_ads div.product {
        width: 50%;
    }
	ul.message_hub li.centered div.cols > div.thumb {
		width: 75px;
		position: relative;
		left: auto;
		display: inline-block;
	}
	ul.message_hub li.centered div.cols > div.l > div.message_data > div.l {
		padding-left: 18px;
	}
    ul.message_hub div.cols > div.thumb img {
        width: 75px;
        height: 75px;
    }

    ul.message_hub div.cols {
        padding-left: 125px;
    }
	
	ul.message_hub li.centered div.cols {
		padding-left: 0;
		text-align: center;
	}


    div.quickview > div.content > div.split_content > div {
        float: left;
        width: 100%;
    }

    div.quickview > div.content > div.split_content > div.l > div {
        padding-right: 0px;
    }
    div.quickview > div.content > div.split_content > div.r > div {
        padding-left: 0px;
    }

    ul.shortlist_list.only_shortlist li div.shortlist_item div.controls {
        top: auto;
    }

    ul.shortlist_list.only_shortlist li div.shortlist_item {
        min-height: 330px;
    }

    ul.message_hub div.cols > div.l > div.message_data.contact-button-fix > div.m.full_width {
        right: 0;
    }
}




@media only screen and (min-width: 0px) and (max-width: 500px) { 
    header.pre_header > ul > li.my_account > div {
        width: 280px;
    }

    div.tabs > div.controls.two ul li a { 
        font-size: 12px;
    }

	/*
    div.progress_topper ul li a.action {
        padding: 10px 8px 10px 8px;
        font-size: 12px;
    }
	*/
    
    div.profile_summary_box {
        width: 100%;
    }

    div.profile_summary_box div.image img {
        width: 135px;
        height: 135px;
    }

    div.profile_summary_box div.status { 
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        padding: 0px 0px 0px 0px;
        text-align: center;
        width: 100%;
        clear: both;
        float: left;
         margin-bottom: 20px;
    }

    div.profile_summary_box div.status span {
        display: inline-block;
        padding-right: 22px;
    }

    div.profile_summary_box div.caption {
        /*margin-bottom: 10px;*/
    }

    div.profile_social_icons ul {
        margin-right: 0px;
        text-align: center;
        display: block;
        width: 100%;
    }

    div.profile_social_icons ul li {
        display: inline-block;
        float: none;
        margin: 7px 3px 0px 3px;
    }

    ul.profile_grid.my_bookmarks li {
        width: 25%;
    }



    ul.message_hub div.cols > div.r > div.controls {
        position: absolute;
        width: auto;
        top: auto;
        right: auto;
        left: 125px;
        bottom: 20px;
        padding: 0px 0px 0px 0px;
    }

    div.short_status { 
        padding-top: 5px;
    }
    div.short_status.green {
        color: green;
    }

    ul.message_hub div.cols > div.l > div.message_data > div.m {
        position: absolute;
        padding: 0px;
        top: auto;
        bottom: 20px;
        right: 20px;
        width: auto;
    }

    div.features div.frame section div div.l {
        width: 100%;

    }
    div.features div.frame section div div.r {
        width: 100%;
        text-align: center;
    }

    div.features div.frame section div div.m { 
        width: 100%;
    }
    div.features div.frame section div div.m p {
        padding: 0px 0px 20px 0px;
    }

    div.features div.frame section div div div.circle {
        margin-top: 0px;
    }
	
	ul.message_hub div.cols > div.r > div.controls a.mobile_button {
		display: inline-block;
	}
	
	ul.message_hub div.cols > div.l > div.message_data > div.m a.desktop_button {
		display: none;
	}

}

@media only screen and (min-width: 0px) and (max-width: 400px) { 
    div.home_feature {
        background-position: -50px;
    }

    div.home_feature > div p {
        margin-left: 100px;
    }

    ul.profile_grid li { 
        width: 25%;
    }

    header.pre_header > ul > li > a {
        padding: 10px 5px 7px 5px;
    }

     div.product_list div.product  {
        width: 100%;
    }

    div.product_list.wanted_ads div.product {
        width: 100%;
    }
	
	.booking_list ul.shortlist_list li div.shortlist_item div.controls {
		width: 90px;
	}

}

@media only screen and (min-width: 0px) and (max-width: 360px) { 
    article.blog_article div.intro div.date {
        display: none;
    }
}




/* PATCHES */

div.load_no_more {
    width: 100%;
    height: 97px;
    clear: both;
    float: left;
}



#klon0 .js_remove_row {
    display: none;
}


table.rates_table {
    margin: 0px 0px 0px 0px;
}




div.notice {
	margin: 25px 0;
	clear: both;
	width: 100%;
	float: left;
	text-align: center;
	color: #666;
}

.button_options_wrapper {
	position: relative;
}

.button_options {
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 100001;
	min-width: 125px;
/*    max-height: 260px;
    overflow: auto;*/
}

.button_options a {
	display: block;
	background-color: #555;
	width: 100%;
	padding: 8px 0px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
}
.button_options a:hover {
	background-color: #333;
}

.modal_message {
	padding: 6px 12px;
}

.modal_message h3 {
	margin-bottom: 16px;
}

.modal_message p {
	margin-bottom: 12px;
}

.modal_message .buttons {
	padding-top: 12px;
	border-top: 1px solid #eee;
	text-align: right;
}

.modal_message a.button {
	display: inline-block;
	padding: 10px 30px;
	margin-left: 10px;
}

.modal_message a.button.remove {
	background-color: #F7941D;
}

.modal_message a.button.remove:hover {
	background-color: #F73C1D;
}

.greyoutready {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	opacity: 1;
}

.greyout {
	opacity: 0.2;
}

.ui-menu .ui-menu-item a em {
	font-style: normal;
	color: #bbb;	
}

.validation-error {
/*    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAM1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AADpjjcQAAAAEHRSTlMAAQQFBiInKCtxi53g4uv9t0kwigAAAE5JREFUKFPNyTsSgCAAA9EoIigouf9pKRiGX3rd8i3wj9x7b8p9IoM4PpHqFF9P9fk0H0/v/Rm9ndnrWb2cUzgZgEc5aXFJjwewGxG+LQPIVgt1C1T+UAAAAABJRU5ErkJggg==');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;*/
    font-size: 12px;
    color: red;
    display: none;
}

#browser_width {
    display: none !important;
}

.shortlist-message {
    padding-top: 15px;
    float: left;
    width: 100%;
    clear: both;
}

.password-meter .bar {
    height: 6px;
    background-color: #ECECEC;
}

.password-meter .bar > div {
    height: 100%;
}

.password-meter .text {
    margin-top: 6px;
}

.enquiry_totals {
    clear: both;
    text-align: right;
}

.enquiry_totals span {
    display: inline-block;
    width: 200px;
    font-size: 20px;
    font-weight: bold;
    padding: 0 20px 0 0;
}

.enquiry_totals span.price {
    color: #0CF;
}

.enquiry_message {
    text-align: center;
    padding: 20px;
    width: 80%;
    margin: 30px auto 0 auto;
    font-size: 14px;
    font-weight: normal;
    background-color: #FFF8B6;
}

.enquiry_message.green {
    background-color: #CDFFA5;
}

@media only screen and (min-width: 0px) and (max-width: 680px) {
    .enquiry_totals {
        text-align: initial;
    }

    .enquiry_totals span {
        width: 49%;
        text-align: left;
        box-sizing: border-box;
        padding: 0 20px;
    }  

    .enquiry_totals span.price {
        text-align: right;
    }

    .enquiry_message {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }

    #mobile-screenpop {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #ececec;
        padding: 12px 15px;
        border-top: 1px solid #d4d4d4;
        z-index: 12;
    }

    #footer-pusher {
        height: 45px;
        width: 100%;
        float: left;
        clear: both;
    }
}

#panel_complete, #panel_reauth {
    display: none;
}

.adi_invitation_wrapper {
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: block;
    clear: both;
    float: left;
    width: 100%;
}

@media only screen and (min-width: 0px) and (max-width: 420px) {

	header.pre_header > ul > li.basket {
		position: static;
	}

	header.pre_header > ul > li.basket > div {
		width: auto;
		left: 15px;
		right: 15px;
	}

	header.pre_header > ul > li.basket > div ul li a em {
		width: auto;
	}

}

/*
@media only screen and (min-width: 0px) and (max-width: 660px) {
    .adi_invitation_wrapper {
        float: left;
    }
}*/

.js-autocollapse.closed {
    height: 150px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.js-autocollapse.closed > span {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background-image: url(../img/collapsebg.png);
    background-repeat: repeat-x;
}

#overlay-mask {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 99999999;
}

#overlay-mask > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.loading-circle {
    background-image: url(../img/loader.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    display: inline-block;

    -webkit-animation-name: spin;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes spin {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes spin {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

/* Standard syntax */ 
@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

i.icon-padlock {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icon-padlock.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 2px;
    background-size: 16px;
    margin-left: 5px;
}

i.icon-phone {
    display: inline-block;
    width: 44px;
    height: 44px;
    background-image: url(../img/icon-phone-big.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 7px;
    background-size: 44px;
}

i.icon-messages {
    display: inline-block;
    width: 44px;
    height: 44px;
    background-image: url(../img/icon-message-big.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 7px;
    background-size: 44px;
}

.form-tip {
    font-size: 12px;
    color: #888;
    line-height: 16px;
    margin: 5px 0;
}

dl.internal dd.text.email-verified input {
    color: #888;
}

dl.internal.bolder dt {
    font-weight: bold;
    color: #313b3e;
}

a.abs-link {
	font-size: 14px;
	right: 30px;
	top: 0;
	bottom: 0;
	height: 18px;
	margin: auto;
	color: #0cf;
	position: absolute;
}

@media only screen and (min-width: 0px) and (max-width: 900px) {
	a.abs-link {
		position: static;
		display: block;
		text-align: center;
		padding: 10px 0;
	}
}

.bold-name {
    color: #313b3e;
}

.bold-name em, ul.my_wanted_ads li div.title h3 em {
	font-weight: 300;
	font-style: normal;
	color: #aaa;
    text-transform: initial;
}

.capitalize {
    text-transform: uppercase;
}

.fancy-btn {
    display: block;
    border: 1px solid #1abfd4;
    text-decoration: none !important;
    text-align: center;
    padding: 5px;
    margin: 15px 0;
    text-transform: uppercase;
}

.fancy-btn:hover {
    color: #fff;
    background-color: #1abfd4;
}

#mobile-screenpop .sp-user-contact a {
    text-transform: uppercase;
    background-color: #f35050;
    display: block;
    padding: 10px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

#mobile-screenpop .sp-user-contact a:hover {
    background-color: #444;
}

#mobile-screenpop .sp-user-contact .button_options a {
    width: auto;
    background-color: #666;
    padding: 8px 0px;
}

#mobile-screenpop .sp-user-contact .button_options a:hover {
    background-color: #444;
}

#mobile-screenpop .sp-shortlist {
    text-align: center;
}

#mobile-screenpop .sp-shortlist h6 {
    color: #313b3e;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

#mobile-screenpop .sp-shortlist ul {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}

#mobile-screenpop .sp-shortlist ul li {
    display: inline-block;
    margin: 0 5px;
    border-radius: 50%;
    border: 2px solid #cacaca;
    overflow: hidden;
    width: 32px;
    height: 32px;
}

#mobile-screenpop .sp-shortlist ul li.counter {
    border: 0;
    border-radius: 0;
    height: 28px;
    margin-left: -2px;
}

#mobile-screenpop .sp-shortlist ul li a {
    display: block;
}

#mobile-screenpop .sp-shortlist a.sp-next {
    text-transform: uppercase;
    background-color: #c6ef07;
    display: block;
    padding: 10px;
    text-align: center;
    color: #000;
    text-decoration: none;
}

#mobile-screenpop .sp-shortlist a.sp-next:hover {
    background-color: #00ccff;
    color: #fff;
}

#mobile-screenpop .sp-shortlist .js-sp-collapse {
    position: absolute;
    top: 10px;
    right: 15px;
}

#mobile-screenpop .sp-shortlist .icon-collapse {
    background-image: url(../img/icon-angle-down.png);
    display: inline-block;
    height: 12px;
    width: 12px;
    background-size: 12px;
}

#mobile-screenpop .sp-shortlist .icon-uncollapse {
    background-image: url(../img/icon-angle-up.png);
    display: inline-block;
    height: 12px;
    width: 12px;
    background-size: 12px;
}

div.blog_articles .cms_pad p.date {
    color: #bdbdbd;
    background-image: url(../img/clock.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 18px;
    padding-left: 24px;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    clear: both;
    float: left;
    width: 100%;
}

.addthis_inline_share_toolbox {
    margin-bottom: 25px;
}

.blog_article h2.small {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.capitals {
	text-transform: uppercase;
}

.btn-spaced {
    margin-top: 30px;
}

/*.qtip-tipsy {
    max-width: 80px !important;
}*/

.cms_pad ul, .cms_pad ol {
    padding: 0 0 0 15px;
}

#custom-tooltip-title-hold {
    display: block;
    position: absolute;
    left: -9999px;
    /*bottom: -9999px;*/
    font-size: 12px;
    line-height: 18px;
    padding: 0 5px;
}


#custom-tooltip {
    display: none;
    position: absolute;
    background-color: #2c373a;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    z-index: 1005; /* above product lightbox */
    padding: 6px 5px;
    opacity: 0;
    height: 16px;
    text-align: center;
    white-space: nowrap;

    border-radius: 5px;

/*    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);*/

    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);

/*    -webkit-transition: all 200ms ease-in, width 1ms; 
    -moz-transition: all 200ms ease-in, width 1ms; 
    -o-transition: all 200ms ease-in, width 1ms; 
    transition: all 200ms ease-in, width 1ms;*/
}

#custom-tooltip.limited {
    height: auto;
    white-space: normal;
}

#custom-tooltip > span.arrow {
    width: 12px;
    height: 12px;
    position: absolute;
    background-color: #2c373a;
    /*top: 26px;*/
    bottom: -6px;
    left: 0;
    right: 0;
    margin: auto;

    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);

/*    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;*/

    box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.45);
}

html.lt-ie10 #custom-tooltip > span.arrow {
    display: none;
}

#custom-tooltip.in {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.autocomplete-holder {
    position: relative;
}

.missing_dot_container {
    position: relative;
}

.missing_dot_container .missing_dot {
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #ff1a1a;
    border-radius: 25%;
    display: block;
    bottom: 20px;
    right: 3px;
}

dl.city_filter {
	position: relative;
}

dl.city_filter dd {
    width: 100% !important;
}

dl.city_filter dd > div {
	padding-right: 24px;
}

dl.city_filter input {
	width: 100%;
    padding: 4px 4px 4px 4px;
    border: 1px solid #ebebeb;
    background-color:#ebebeb;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;        
    color: #000;
}

dl.city_filter dt a {
    display: block;
    background-color: #00ccff;
    text-align: center;
    width: 120px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 0px 5px 0px;
    text-decoration: none;
}

dl.city_filter a.clear {
    display: block;
    margin-top: 2px;
    position: absolute;
    right: 0;
}

dl.city_filter a.clear img {
    width: 18px;
}

dl.city_filter dt a:hover {
    text-decoration: none;
    color: #000;
    background-color: #c7ee07;
}

dl.city_filter dt a.disabled, dl.city_filter dt a.disabled:hover {
    color: #ddd;
    background-color: #999;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {

    .modal_message .buttons {
        text-align: center;
    }

    .modal_message a.button {
        display: block;
        padding: 10px 30px;
        margin-left: 0px;
        margin-bottom: 15px;
    }

}