File: //home/hurlinghamclinic.co.uk/public_html/vc-style.css
@charset "utf-8";
/* CSS Document */
#vc-content {
line-height: 25px;
}
#vc-content p:first-letter{
text-transform: capitalize
}
#vc-content img {
padding: 10px;
float: right;
margin: 0px;
}
h1 a {
line-height: 1.4em;
margin: 0px;
padding: 5px;
float: none;
width: 150px;
}
#vc-sidebar {}
#vc-sidebar p {
font-size: 11px;
}
.menu_simple p {
font-size: 12px;
}
.menu_simple ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 13px;
}
.menu_simple ul li a {
text-decoration: none;
color: white;
padding: 8px;
background-color: #BEDEEB;
display: block;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
.menu_simple ul li a:visited {
color: white;
}
.menu_simple ul li a:hover, .menu_simple ul li .current {
color: white;
background-color: #85C50A;
}
/*
Theme Name: Focus Clinics
Author: Venlo Digital
Author URI: http://www.venlodigital.com/
Version: 1.1
*/
/* =Structure
-------------------------------------------------------------- */
@font-face {
font-family: 'Avenir-95-Black';
src: local('☺');
src: url('fonts/12-Avenir-95-Black-09173.eot');
src: url('fonts/12-Avenir-95-Black-09173.eot?Avenir-95-Black') format('embedded-opentype'),
url('fonts/12-Avenir-95-Black-09173.woff') format('woff'),
url('fonts/12-Avenir-95-Black-09173.ttf') format('truetype'),
url('fonts/12-Avenir-95-Black-09173.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Avenir-85-Heavy';
src: local('☺');
src: url('fonts/12Avenir85Heavy08173.eot');
src: url('fonts/12Avenir85Heavy08173.eot?Avenir85Heavy') format('embedded-opentype'),
url('fonts/12Avenir85Heavy08173.woff') format('woff'),
url('fonts/12Avenir85Heavy08173.ttf') format('truetype'),
url('fonts/12Avenir85Heavy08173.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Avenir-65-Medium';
src: local('☺');
src: url('fonts/12Avenir65Medium06173.eot');
src: url('fonts/12Avenir65Medium06173.eot?Avenir65Medium') format('embedded-opentype'),
url('fonts/12Avenir65Medium06173.woff') format('woff'),
url('fonts/12Avenir65Medium06173.ttf') format('truetype'),
url('fonts/12Avenir65Medium06173.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Avenir-55-Roman';
src: local('☺');
src: url('fonts/12Avenir55Roman05173.eot');
src: url('fonts/12Avenir55Roman05173.eot?Avenir55Roman') format('embedded-opentype'),
url('fonts/12Avenir55Roman05173.woff') format('woff'),
url('fonts/12Avenir55Roman05173.ttf') format('truetype'),
url('fonts/12Avenir55Roman05173.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Avenir-45-Book';
src: local('☺');
src: url('fonts/12Avenir45Book03173.eot');
src: url('fonts/12Avenir45Book03173.eot?Avenir45Book') format('embedded-opentype'),
url('fonts/12Avenir45Book03173.woff') format('woff'),
url('fonts/12Avenir45Book03173.ttf') format('truetype'),
url('fonts/12Avenir45Book03173.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Avenir-45-Book';
src: local('☺');
src: url('fonts/12Avenir65Medium06173.eot');
src: url('fonts/12Avenir65Medium06173.eot?Avenir65Medium') format('embedded-opentype'),
url('fonts/12Avenir65Medium06173.woff') format('woff'),
url('fonts/12Avenir65Medium06173.ttf') format('truetype'),
url('fonts/12Avenir65Medium06173.svg') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Gotham-Book';
src: local('☺');
src: url('fonts/Gotham-Medium.eot');
src: url('fonts/Gotham-Medium.eot?Gotham-Book') format('embedded-opentype'),
url('fonts/Gotham-Medium.woff') format('woff'),
url('fonts/Gotham-Medium.ttf') format('truetype'),
url('fonts/Gotham-Medium.svg') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Gotham-Bold';
src: local('☺');
src: url('fonts/Gotham-Bold.eot');
src: url('fonts/Gotham-Bold.eot?Gotham-Book') format('embedded-opentype'),
url('fonts/Gotham-Bold.woff') format('woff'),
url('fonts/Gotham-Bold.ttf') format('truetype'),
url('fonts/Gotham-Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham-Medium';
src: local('☺');
src: url('fonts/Gotham-Medium.eot');
src: url('fonts/Gotham-Medium.eot?Gotham-Book') format('embedded-opentype'),
url('fonts/Gotham-Medium.woff') format('woff'),
url('fonts/Gotham-Medium.ttf') format('truetype'),
url('fonts/Gotham-Medium.svg') format('svg');
font-weight: normal;
font-style: normal;
}
body {
background: url(http://db9fmqjcfwn7s.cloudfront.net/wp-content/themes/focusclinics/images/bg-v4-pattern.jpg) repeat #fff;
margin: 0;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
position: relative;
min-width: 960px;
}
#page {
display: block;
margin: 0 auto 20px auto;
width: 920px;
padding: 0;
position: relative;
z-index: 2;
background: #fff;
}
.fade-bg {
background: url(http://db9fmqjcfwn7s.cloudfront.net/wp-content/themes/focusclinics/images/bg-fade.png) repeat-x;
bottom: 725px;
height: 398px;
position: absolute;
width: 100%;
z-index: 1;
}
#bg-top {
position: absolute;
width: 100%;
height: 510px;
background: url(http://db9fmqjcfwn7s.cloudfront.net/wp-content/themes/focusclinics/images/bg-v4-top.png);
left: 0;
}
#bg-top2 {
position: absolute;
width: 100%;
height: 580px;
background: url(http://db9fmqjcfwn7s.cloudfront.net/wp-content/themes/focusclinics/images/bg-v4-top2.png);
left: 0;
}
.label-hover {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
text-align: center;
font-size: 10px;
text-transform: uppercase;
background: rgba(255,255,255,0.8);
border-radius: 4px;
padding: 2px 4px;
line-height:1;
color: #0083ae;
display: none;
}
#primary {
float: left;
margin: 0;
padding: 0;
width: 672px;
background: url('images/bg_line.png') no-repeat top left;
}
#main {
background: url(http://db9fmqjcfwn7s.cloudfront.net/wp-content/themes/focusclinics/images/top_shadow.png) no-repeat center top #fff;
padding: 0 0 0 0;
}
#main_menu {
clear: both;
padding-top: 0;
font-size: 14px;
font-family: 'Avenir-85-Heavy';
position: absolute;
top: 136px;
z-index: 10;
}
.main_menu li {
float: left;
}
#content {
margin: 0 0 0 0;
font-size: 14px;
color: #323232;
line-height: 23px;
background-color: #fff;
}
#content h1 {
font-size: 29px;
line-height: 1em;
font-weight: normal;
color: #0083AE;
margin-top: 10px;
margin-bottom: 10px;
font-family: 'Avenir-65-Medium', Arial;
text-transform: capitalize;
}
#content h1 text-transform: capitalize;
#content h1 a {
color: #0083AE;
}
#content h2 {
font-size: 23px;
font-weight: normal;
color: #0083AE;
margin-top: 5px;
margin-bottom: 5px;
font-family: 'Avenir-65-Medium', Arial;
text-transform: capitalize;
}
#content .archives .title h2 {
margin-top: 9px;
}
#content h3 {
font-size: 18px;
font-weight: normal;
color: #0083AE;
margin-top: 17px;
margin-bottom: 17px;
font-family: 'Avenir-65-Medium', Arial;
}
#content h3 a {
color: #0083AE;
}
#content h3:first-letter {
text-transform: uppercase;}
#content .violet {
color: #0083AE;
}
#content h3.sub-title {
font-size: 18px;
font-weight: normal;
color: #0083AE;
margin-top: 17px;
margin-bottom: 0;
line-height: 0;
padding-bottom: 5px;
font-family: 'Avenir-65-Medium', Arial;
}
.status_msg, #book-message, #infoemail-message, #infopost-message, #callback-message {
font-family: 'Avenir-55-Roman', Arial;
}
.sidebar h3 {
margin: 0 0 8px 1px;
padding: 0;
color: #333;
font-size: 16px;
font-weight: normal;
font-family: 'Avenir-65-Medium', Arial;
}
.sidebar .text {
margin-top: 5px;
margin-bottom: 10px;
line-height: 166%;
color: #666;
font-size: 11px;
}
.twitter_section {
padding: 9px 4px 6px 10px;
border-left: 1px #B5DBE9 solid;
background: #B5DBE9;
cursor: pointer;
}
.twitter_section .bird {
float: left;
margin-left: 4px;
}
.twitter_section .tweet {
float: left;
margin: -1px 0 0 12px;
font-size: 13px;
font-weight: normal;
color: #333;
width: 612px;
cursor: pointer;
font-family: 'Avenir-65-Medium', Helvetica, Arial;
}
#tweets {
display: none;
}
span.phone {
color: #0083AE;
font-size: 18px;
font-weight: normal;
margin: 0px;
padding: 0px;
line-height: 1;
}
#content hr {
clear: both;
color: #D8ECF9;
background-color: #D8ECF9;
height: 1px;
width: 100%;
text-align: left;
border: 0;
margin-top:20px;
margin-bottom: 20px;
}
.step-dots {
margin: 0;
text-align: center;
z-index: 40;
position: absolute;
top: 226px;
}
.step-dots > .sd {
position: absolute;
top: 0;
width: 697px;
}
.step-dots > .sd > a {
width: 8px;
height: 8px;
margin-right: 4px;
display: inline-block;
background: url('images/dot_w.png') 0 0 no-repeat;
}
.step-dots > div > a.selected {
background: url('images/dot_g.png') 0 0 no-repeat;
}
#content a {
color: #690;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}
.content {
position: relative;
}
.content .container {
padding: 16px;
min-height: 900px;
background: url('images/bg_main_line2.png') no-repeat 0 -334px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}
.content .container.bg2 {
padding: 16px;
min-height: 1100px;
background: url('images/bg_main_line2.png') no-repeat 0 0;
}
.content .posts {
float: left;
width: 440px;
}
.content .posts .link_title {
text-decoration: none;
}
.content .posts a.link_title:hover {
text-decoration: underline !important;
color: #0083AE !important;
}
.content .testimonial .link_title {
text-decoration: none;
}
.content .testimonial a.link_title:hover {
text-decoration: underline !important;
color: #0083AE !important;
}
.book-button {
width: 295px;
height: 55px;
background: url('images/book-button.png') no-repeat 0 0;
cursor: pointer;
}
.book-button:hover {
width: 295px;
height: 55px;
background: url('images/book-button.png') no-repeat 0 -55px;
cursor: pointer;
}
h3.blue {
color: #0083AE;
}
#popup-small-message {
background-color: #FFFFFF;
border: 4px solid #0083AE;
color: #666666;
font-size: 14px;
position: absolute;
text-align: center;
top: 31px;
width: 200px;
z-index: 10001;
height: 92px;
}
#popup-small-n-message {
background-color: #FFFFFF;
border: 4px solid #0083AE;
color: #666666;
font-size: 14px;
position: absolute;
text-align: center;
top: 0px;
width: 200px;
z-index: 10001;
height: 63px;
}
#popup-small-qc-message {
background-color: #FFFFFF;
line-height: normal;
color: #666666;
font-size: 20px;
position: absolute;
text-align: center;
top: 0px;
left: 0;
width: 370px;
z-index: 10001;
height: 193px;
}
.more-img {
margin-bottom: 2px;
margin-left: 5px;
}
#popup-small-message table {
width: 100%;
height: 90px;
}
#popup-small-n-message table {
width: 100%;
height: 63px;
}
#popup-small-qc-message table {
width: 100%;
height: 174px;
}
#popup-message {
background-color: #FFFFFF;
border: 4px solid #0083AE;
color: #666666;
font-size: 14px;
position: absolute;
text-align: center;
top: 31px;
width: 200px;
z-index: 10001;
height: 438px;
}
#popup-message table {
width: 100%;
height: 442px;
}
.infoemail, .infopost, .callback, .newsletter_form {
position: relative;
}
.infoemail table, .infopost table, .callback table {
width: 100%;
height: 100%;
}
.sitemap ul {
margin: 0;
padding: 0;
}
.sitemap ul li {
list-style: none;
margin: 0;
padding: 0;
}
.sitemap .row {
line-height: 18px;
}
.sitemap ul .brow {
padding-top: 15px;
display: block;
}
.sitemap ul .brow:first-child {
padding-top: 0;
display: block;
}
#infoemail-message {
background-color: #FFFFFF;
border: 4px solid #0083AE;
color: #666666;
font-size: 13px;
left: 120px;
position: absolute;
text-align: center;
top: 0px;
z-index: 10001;
width: 212px;
height: 40px;
}
#infopost-message {
border: 4px solid #0083AE;
color: #666666;
display: block;
font-size: 13px;
left: 120px;
position: absolute;
text-align: center;
top: 0px;
z-index: 10001;
width: 212px;
height: 110px;
background: #fff;
}
.input {
border: 1px solid #CDCDCD;
color: #323232;
font-size: 12px;
font-weight: normal;
height: 20px;
margin-bottom: 0;
padding: 0 8px 0 4px;
width: 206px;
font-family: 'Avenir-65-Medium',Arial
}
.input-textarea {
height: 90px;
width: 206px;
resize: none;
}
#callback-message {
background-color: #FFFFFF;
border: 4px solid #0083AE;
color: #666666;
font-size: 13px;
left: 120px;
position: absolute;
text-align: center;
top: 0px;
z-index: 10001;
width: 212px;
height: 66px;
}
.content .blog-sidebar {
float: right;
width: 182px;
padding: 26px 0 27px 0;
}
.content .blog-sidebar h2 {
margin-bottom: 9px;
}
.content .blog-sidebar .title {
border-bottom: 1px #acacac dotted;
margin-bottom: 5px;
}
.content .blog-sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
.content .blog-sidebar ul li {
line-height: 18px;
}
.content .blog-sidebar ul li a {
color: #333;
text-decoration: none;
font-size: 12px;
}
.content .blog-sidebar ul li a:hover {
color: #333;
text-decoration: underline;
}
.sidebar a {
color: #690;
text-decoration: underline;
}
.sidebar a:hover {
color: #580;
text-decoration: underline;
}
.sidebar {
float: right;
margin: 0 0 0 0;
width: 208px;
background: #fff url('images/bg_sidebar.png') no-repeat top right;
padding: 0 20px;
min-height: 1300px;
position: relative;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}
.sidebar .sp-link {
padding-top: 8px;
color: #333;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
}
.sidebar .sp-link a {
color: #333;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
}
.sidebar .dotted-title {
font-size: 11px;
letter-spacing: 0px;
color: #333;
padding: 0 0 9px 0;
margin: 8px 0 0 0;
letter-spacing: 0px;
background: url("images/dot_separator.png") repeat-x scroll 0 8px transparent;
text-align: center;
height: 14px;
}
.textbox3 {
float: left;
width: 253px;
}
.textbox3.margin {
margin-right: 78px;
}
.column {
clear: both;
float: left;
width: 234px;
}
.column-last {
float: left;
width: 234px;
padding-left: 78px;
}
#main .widget-area {
float: right;
overflow: hidden;
width: 220px;
}
#colophon {
clear: both;
display: block;
width: 100%;
}
.post {
color: #323232;
font-size: 12px;
line-height: 17px;
margin: 1px 0 6px 1px;
padding: 4px 0 1px 0;
}
#header {
height: 176px;
position: relative;
background: #fff;
z-index: 300;
}
.i3 {
position: relative;
}
.i3 .over {
background: #fff;
border: 0;
display: none;
height: 21px;
left: 0;
position: absolute;
top: 0;
width: 58px;
z-index: 82000;
color: #0083AE;
text-transform: uppercase;
text-shadow: 1px 1px 1px #FFFFFF;
padding: 4px 0 0 12px;
}
.i5 {
position: relative;
border: 0;
}
.i5 .over {
background: #E6F2F8 url('images/arrow_down.png') no-repeat 10px 9px;
display: none;
height: 21px;
left: 0;
position: absolute;
top: 0;
width: 72px;
z-index: 82000;
border: 0;
color: #0083AE;
text-transform: uppercase;
text-shadow: 1px 1px 1px #FFFFFF;
padding: 4px 0 0 18px;
}
.i6 {
position: relative;
height: 24px;
border-left: 1px solid #A1D0E2;
}
.i6 .over {
background: #E6F2F8 url('images/arrow_down.png') no-repeat 10px 9px;
border-right: 1px solid #A1D0E2;
display: none;
height: 21px;
left: 0;
position: absolute;
top: 0;
width: 131px;
z-index: 82000;
right: 0;
color: #0083AE;
text-transform: uppercase;
text-shadow: 1px 1px 1px #FFFFFF;
padding: 4px 0 0 18px;
}
.top-text {
z-index: 85000;
position: relative;
}
.kamra {
display: none;
position: absolute;
z-index: 20000;
font-family: 'Avenir-65-Medium', Arial;
font-size: 11px;
color: #333;
background: #fff;
padding: 5px 9px 4px 9px;
border-bottom: 1px solid #A1D0E2;
border-left: 1px solid #A1D0E2;
border-right: 1px solid #A1D0E2;
border-top: 1px solid #A1D0E2;
right: -1px;
}
.kamra .links a {
display: block;
font-family: 'Avenir-95-Black', Arial;
font-size: 11px;
color: #666;
text-decoration: none;
line-height: 17px;
white-space: nowrap;
}
.kamra .links a:hover {
text-decoration: underline;
}
.kamra .bar {
border-top: 1px #c3e6ef solid;
margin-top: 5px;
cursor: pointer;
}
.search_form {
display: none;
position: absolute;
z-index: 20000;
height: 140px;
font-family: 'Lucida Grande', Arial;
color: #666;
font-size: 11px;
background: #e6f2f8;
line-height: 1;
right: -1px;
padding: 5px 9px 4px 9px;
border-bottom: 1px solid #A1D0E2;
border-left: 1px solid #A1D0E2;
border-right: 1px solid #A1D0E2;
border-top: 1px solid #A1D0E2;
}
.search_form .bar {
border-top: 1px #c3e6ef solid;
margin: 6px 0 0 0;
}
.search_form input {
margin-top: 4px;
margin-bottom: 6px;
border: 0;
background: #fff;
width: 179px;
height: 21px;
font-family: 'Avenir-65-Medium',Arial;
font-size: 14px;
color: #323232;
padding: 0 5px 0 5px;
}
.search_form .links {
margin-top: 4px;
width: 189px;
}
.search_form .links a {
display: block;
color: #0083AE;
font-family: 'Avenir-95-Black';
font-size: 11px;
letter-spacing: 0;
text-decoration: none;
text-shadow: 1px 1px 1px #FFFFFF;
line-height: 16px;
width: 100%;
}
.search_form .links a:hover {
text-decoration: underline;
}
.quick_form {
background: none repeat scroll 0 0 #e6f2f8;
border-bottom: 1px solid #A1D0E2;
border-left: 1px solid #A1D0E2;
border-right: 1px solid #A1D0E2;
border-top: 1px solid #A1D0E2;
display: none;
right: -1px;
padding: 6px 9px 1px 9px;
position: absolute;
z-index: 20000;
height: 142px;
}
.quick_form .text {
font-size: 13px;
font-family: 'FuturBTHea';
line-height: 15px;
color: #333;
margin-top: 11px;
}
.quick_form .form {
margin-top: 0;
}
.quick_form .label {
color: #333;
font-family: 'Avenir-65-Medium';
font-size: 12px;
letter-spacing: 0;
}
.input-error {
background: #D1E9F0;
}
.quick_form input {
margin-top: 4px;
margin-bottom: 6px;
border: 0;
background: #fff;
width: 179px;
height: 21px;
font-family: 'Avenir-65-Medium',Arial;
font-size: 14px;
color: #323232;
padding: 0 5px 0 5px;
}
.popup_status {
font-family: 'FuturBTBoo';
}
a.search-title {
color: #993F98;
text-decoration: underline;
}
.search-desc {
margin-top: 5px;
line-height: 18px;
}
a.navi-button {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-size: 14px;
font-weight: bold;
color: #862B85;
text-decoration: none;
}
a.navi-button:hover {
color: #993F98;
}
.jcarousel-tip {
position: absolute;
width: 643px;
padding: 10px 10px 10px 19px;
line-height: 20px;
font-size: 14px;
font-family: 'Avenir-65-Medium', Arial;
color: #fff;
background: url(http://db9fmqjcfwn7s.cloudfront.net/wp-content/themes/focusclinics/images/bg_tip.png);
bottom: 0px;
}
.slider_left {
position: absolute;
top: 142px;
left: 15px;
cursor: pointer;
}
.slider_right {
position: absolute;
top: 142px;
right: 15px;
cursor: pointer;
}
#content .content .wrap {
position: relative;
width: 673px;
}
.bpopup_status {
display: none;
position: absolute;
z-index: 10;
width: 668px;
height: 436px;
background: #fff;
border: 1px #9b469a solid;
text-align: center;
font-family: 'FuturBTHea';
font-size: 29px;
color: #3F1A71;
letter-spacing: 0px;
}
.bpopup_msg {
padding-top: 186px;
line-height: 27px;
}
/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
margin: 0;
}
/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
/* Alignment */
.alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/* =Header
-------------------------------------------------------------- */
#site-title {
font-size: 2em;
font-weight: bold;
margin: .67em 0;
}
#site-description {
font-size: 1em;
font-weight: normal;
margin: 0 0 1em;
}
/* =Menu
-------------------------------------------------------------- */
.top_link {
font-family: 'Avenir-85-Heavy';
font-size: 12px;
color: #333333;
border-bottom: 1px #9ecadb solid;
padding-top: 3px;
}
.top_link a {
color: #333333;
text-decoration: none;
}
#nav_menu {
background: #e6f2f8;
display: block;
position: relative;
z-index: 444;
margin: 0 auto;
width: 100%;
font-family: 'Avenir-95-Black';
font-size: 12px;
height: 24px;
border-top: 1px solid #0083AE;
}
#nav_menu.dev {
background: #fff;
display: block;
position: relative;
z-index: 444;
margin: 0 auto;
width: 100%;
font-family: 'Avenir-95-Black';
font-size: 12px;
height: 24px;
border-top: 1px solid #0083AE;
}
#nav_menu ul {
list-style: none;
margin: 0;
padding-left: 0;
}
#nav_menu li {
float: left;
position: relative;
}
#nav_menu .item {
float: left;
border-right: 1px #a1d0e2 solid;
}
#nav_menu .icons {
float: left;
margin: 0 0 0 0;
padding: 3px 12px 1px 12px;
border-right: 1px #a1d0e2 solid;
}
#nav_menu .icons a {
margin: 0 4px 0 4px;
display: inline-block;
}
#nav_menu > .item > a {
display: block;
line-height: 2em;
padding: 0 0 0 0;
text-decoration: none;
color: #0083AE;
text-transform: uppercase;
text-shadow: 1px 1px 1px #FFFFFF;
margin: 0 12px;
height: 24px;
}
#nav_menu ul ul {
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
position: absolute;
top: 2em;
left: 0;
z-index: 99999;
}
#nav_menu ul ul ul {
left: 100%;
top: 0;
}
#nav_menu ul ul a {
line-height: 1em;
padding: .5em .5em .5em 1em;
width: 10em;
height: auto;
}
#nav_menu ul li:hover > ul {
display: block;
}
#logo {
float: left;
margin: 29px 0 0 16px;
}
#breadcrumbs {
color: #333333;
font-size: 11px;
margin-bottom: 0;
margin-top: 0px;
padding-left: 16px;
height: 38px;
line-height: 38px;
background: #bedeeb;
}
#breadcrumbs a {
color: #333333;
font-size: 11px;
margin-bottom: 12px;
text-decoration: none;
}
#breadcrumbs a:hover {
color: #333333;
font-size: 11px;
margin-bottom: 12px;
text-decoration: underline;
}
#banner {
float: right;
margin: 22px 21px 0 0;
}
#banner h2 {
margin: 0;
padding-top: 3px;
color: #71A912;
font-size: 16px;
line-height: 16px;
font-family: 'Avenir-65-Medium';
font-weight: normal;
}
#banner .text {
width: 206px;
font-size: 11px;
font-family: 'Lucida Grande', Helvetica, Arial;
letter-spacing: 0px;
color: #333;
padding: 0 0 0 0;
letter-spacing: 0px;
background: url("images/dot_separator.png") repeat-x scroll 0 8px transparent;
text-align: center;
}
#banner .number {
color: #0083AE;
font-size: 29px;
letter-spacing: 0;
font-family: 'Avenir-85-Heavy';
line-height: 35px;
}
#banner .title {
float: left;
}
#banner .separator {
float: left;
margin: 0 12px;
}
#banner .social {
float: left;
margin: 0 16px 0 0;
}
.social div {
float: left;
margin: 0 6px 0 0;
}
#main_menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#slideshow {
border: 6px #0083ae solid;
width: 624px;
height: 248px;
}
.sidebar .contact_form input[type="text"], .sidebar .newsletter_form input[type="text"] {
border: 1px #CDCDCD solid;
color: #323232;
font-weight: normal;
font-size: 11px;
padding: 0px 8px 0px 4px;
margin: 0;
width: 194px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
height: 19px;
}
.input-field {
margin-bottom: 4px;
line-height: 0;
}
.footer_blue {
margin: 10px auto 0 auto;
height: 27px;
width: 920px;
padding: 0 0 20px 0;
line-height: 18px;
color: #0083AE;
font-weight: normal;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
font-size: 12px;
font-family: 'Avenir-55-Roman', Arial;
}
.footer_blue a {
color: #0083AE;
text-decoration: none;
}
.footer_blue a:hover {
color: #0083AE;
text-decoration: underline;
}
.footer_container {
background: url(http://db9fmqjcfwn7s.cloudfront.net/wp-content/themes/focusclinics/images/bg_footer.png) repeat-x;
height: auto;
font-family: 'Avenir-45-Book',Arial;
width: 100%;
display: inline-block;
margin: 0;
}
.footer_container .bt_top {
position: absolute;
right: 9px;
top: -28px;
background: url(http://db9fmqjcfwn7s.cloudfront.net/wp-content/themes/focusclinics/images/arrow_top.png) no-repeat 0 0;
width: 56px;
height: 56px;
z-index: 40000;
}
.footer_container > .footer_wrapper {
width: 920px;
margin: 0 auto;
position: relative;
overflow: visible;
z-index: 1000;
}
.footer_container .line {
height: 2px;
background: url(http://db9fmqjcfwn7s.cloudfront.net/wp-content/themes/focusclinics/images/line_separator.png) repeat-x;
clear: both;
margin-top: 22px;
}
.footer_container h5 {
color: #0083AE;
font-family: 'Avenir-95-Black';
font-weight: normal;
text-transform: uppercase;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
font-size: 12px;
margin: 0;
padding: 20px 0 15px 0;
}
.footer_container h5 a {
color: #0083AE;
text-decoration: none;
}
.footer_container h5 a:hover {
color: #0083AE;
text-decoration: underline;
}
.footer_container .noh5 {
line-height: 0;
margin-top: 8px;
}
.footer_container ul {
font-size: 12px;
margin: 0;
padding: 0 86px 0 0;
}
.footer_container .map {
clear: both;
float: left;
}
.footer_container .map .desc {
float: left;
width: 200px;
font-size: 12px;
color: #333;
margin-left: 18px;
margin-right: 72px;
}
.footer_container .social_icons {
float: left;
}
.footer_container .social_icons div {
float: left;
margin-right: 10px;
}
.footer_container ul li {
list-style-type: none;
line-height: 18px;
}
.footer_container ul li a {
text-decoration: none;
color: #333;
}
.footer_container ul li a:hover {
text-decoration: underline;
color: #333;
}
.footer_container .list {
margin-top:10px;
float: left;
}
#skypedetectionswf {
display: none;
}
/* =Content
-------------------------------------------------------------- */
.sticky {
}
.entry-meta {
clear: both;
display: block;
}
.single-author .entry-meta .byline {
display: none;
}
#content nav {
display: block;
overflow: hidden;
}
#content nav .nav-previous {
float: left;
width: 50%;
}
#content nav .nav-next {
float: right;
text-align: right;
width: 50%;
}
#content #nav-above {
display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
display: block;
}
#nav-below {
margin: 1em 0 0;
}
.page-link {
clear: both;
margin: 0 0 1em;
}
.page .edit-link {
clear: both;
display: block;
}
/* 404 page */
.error404 .widget {
float: left;
width: 100%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
margin-right: 1em;
}
.error404 .widget_tag_cloud {
clear: both;
float: none;
width: 100%;
}
/* Notices */
.post .notice,
.error404 #searchform {
background: #eee;
display: block;
padding: 1em;
}
/* Image Attachments */
.image-attachment div.entry-meta {
float: left;
}
.image-attachment nav {
float: right;
margin: 0 0 1em 0;
}
.image-attachment .entry-content {
clear: both;
}
.image-attachment .entry-content .entry-attachment {
background: #eee;
margin: 0 0 1em;
padding: 1em;
text-align: center;
}
.image-attachment .entry-content .attachment {
display: block;
margin: 0 auto;
text-align: center;
}
/* Aside Posts */
.format-aside .entry-header {
display: none;
}
.single .format-aside .entry-header {
display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
padding-top: 0;
}
/* Gallery Posts */
.format-gallery .gallery-thumb {
float: left;
margin: 0 1em 0 0;
}
/* Image Posts */
.format-image .entry-header {
display: none;
}
.single .format-image .entry-header {
display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
padding-top: 0;
}
/* =Images
-------------------------------------------------------------- */
a img {
border: none;
}
p img {
margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
margin-right: 1em;
}
img.alignright {
margin-left: 1em;
}
.wp-caption {
padding: .5em;
text-align: center;
}
.wp-caption img {
margin: .25em;
}
.wp-caption .wp-caption-text {
margin: .5em;
text-transform: uppercase;
font-size: 10px;
line-height: 16px;
font-weight: 600;
}
.gallery-caption {
}
.wp-smiley {
margin: 0;
}
/* =Forms
-------------------------------------------------------------- */
#searchform label {
display: none;
}
#searchform input#s {
width: 60%;
}
input#s {
margin: 0 1em 0 0;
width: 60%;
}
textarea {
width: 80%;
}
/* Class for labelling required form items */
.required {
color: #cc0033;
}
.item-image {
cursor: pointer;
}
#content .item-title a:hover {
color: #0083AE !important;
text-decoration: none;
}
#content a.item-text {
color: #323232 !important;
text-decoration: none;
}
#content a.item-text:hover {
color: #323232 !important;
text-decoration: none;
}
/* =Comments
-------------------------------------------------------------- */
article.comment {
display: block;
}
#respond textarea {
display: block;
margin: 0 0 1em;
width: 80%;
}
#respond .form-allowed-tags {
clear: both;
width: 80%;
}
#respond .form-allowed-tags code {
display: block;
}
/* =Widgets
-------------------------------------------------------------- */
.widget {
display: block;
}
.widget-area .widget_search {
overflow: hidden;
}
.widget-area .widget_search input {
float: left;
}
/* =Footer
-------------------------------------------------------------- */
#colophon {
padding: 1em 0 0;
}
.ext_form {
border: 2px solid #CCCCCC;
font-size: 11px;
padding: 9px;
background: #fff;
width: 186px;
}
.ext_form .row .label {
float: left;
color: #323232;
}
.ext_form .row .checkbox {
float: right;
}
.ext_form .separator {
border-bottom: 1px #666 solid;
padding: 0 0 4px 0;
margin: 0 0 4px 0;
}
.ext_form input[type="text"] {
border: 1px #CDCDCD solid;
color: #323232;
font-weight: normal;
font-size: 11px;
padding: 0px;
padding-left: 4px;
padding-right: 8px;
margin-bottom: 5px;
height: 20px;
width: 172px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 672px;
}
.jcarousel-skin-tango .jcarousel-clip {
overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 672px;
height: 295px;
}
.jcarousel-skin-tango .jcarousel-item {
width: 672px;
height: 295px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-left: 0;
margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 10px;
margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #fff;
color: #000;
}
.book-a-consultation-button {
position: relative;
line-height: 0;
width: 378px;
margin-left: 30px;
padding: 10px 0 8px 0;
z-index: 1000;
height: 40px;
}
.book-a-consultation-button .standard {
cursor: pointer;
position: absolute;
z-index: 0;
}
.book-a-consultation-button .text {
color: #fff;
font-family: 'Avenir-85-Heavy';
font-size: 18px;
position: absolute;
z-index: 20;
top: 30px;
left: 17px;
text-shadow: 1px 1px 1px #609F0F;
letter-spacing: 1px;
}
.book-a-consultation-button .hover {
position: absolute;
top: 10px;
left: 0;
opacity: 0;
z-index: 10;
cursor: pointer;
}
.quick-callback-button {
position: relative;
line-height: 0;
width: 378px;
margin-left: 30px;
padding: 10px 0;
}
.quick-callback-button2 {
position: relative;
line-height: 0;
width: 130px;
}
.quick-callback-button .standard {
cursor: pointer;
}
.quick-callback-button .text {
color: #fff;
font-family: 'Avenir-85-Heavy';
font-size: 18px;
position: absolute;
z-index: 20;
top: 14px;
left: 115px;
text-shadow: 1px 1px 1px #609F0F;
letter-spacing: 1px;
}
.quick-callback-button2 .text {
color: #FFFFFF;
font-family: 'Avenir-85-Heavy';
font-size: 14px;
left: 14px;
letter-spacing: 0;
position: absolute;
text-shadow: 1px 1px 1px #609F0F;
top: 14px;
z-index: 20;
}
.quick-callback-button .small_text {
color: #fff;
font-family: 'Avenir-85-Heavy';
font-size: 11px;
position: absolute;
z-index: 20;
top: 30px;
left: 101px;
text-shadow: 1px 1px 1px #609F0F;
letter-spacing: 1px;
}
.quick-callback-button .hover {
position: absolute;
top: 0px;
left: 0;
opacity: 0;
z-index: 10;
cursor: pointer;
}
.quick-callback-button2 .hover {
position: absolute;
top: 0px;
left: 0;
opacity: 0;
z-index: 10;
cursor: pointer;
}
.send-button {
position: absolute; left: 0; right: 0; text-align: center; top: 10px; color: #fff; font-family: 'Avenir-85-Heavy';
font-size: 14px; text-shadow: 1px 1px 1px #609F0F; letter-spacing:0px;
}
.send-button-smallest {
position: absolute; left: 0; right: 0; text-align: center; top: 14px; color: #fff; font-family: 'Avenir-85-Heavy';
font-size: 14px; text-shadow: 1px 1px 1px #609F0F; letter-spacing:0px;
}
.callback-window {
background: none repeat scroll 0 0 #fff;
border: 3px solid #72A913;
height: 169px;
position: absolute;
width: 340px;
padding: 11px 14px;
z-index: 200000;
top: 11px;
height: 10px;
overflow: hidden;
}
.callback-window .input {
clear: both;
border: 0;
width: auto;
margin: 7px 0 3px 0;
padding: 0;
height: 41px;
}
.callback-window .input input[type="text"] {
border: 1px #cdcdcd solid;
width: 326px;
background: #eee;
font-family: 'Avenir-85-Heavy';
font-size: 22px;
color: #656565;
padding: 3px 7px;
}
.callback-window .label {
clear: both;
line-height: normal;
font-size: 14px;
}
.close-l a {
text-decoration: none;
color: #323232;
}
.close-l a:hover {
text-decoration: underline;
color: #323232;
}
.close-l a:visited {
color: #323232;
}
.tweet_bg {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 588px;
}
#ui-id-1 {
z-index: 1000;
}
.new-box {
float: left;
margin: 0 0 9px 0;
}
.new-box.last {
margin-right: 0;
}
.new-box .r-texts {
float: left;
margin: 0 0 0 16px;
width: 141px;
}
.new-box.col2 .r-texts {
width: 130px;
}
.new-box.col3 .r-texts {
width: 110px;
}
.new-box .l-image {
float: left;
position: relative;
}
.new-box.col1 .l-image {
float: left;
position: relative;
margin-left: 1px;
}
.new-box .r-arrow {
position: absolute;
bottom: 6px;
right: 16px;
opacity: 0;
}
.new-box .header-mini {
color: #0083AC;
font-size: 19px;
font-family: 'Avenir-65-Medium';
letter-spacing: 1px;
line-height: 18px;
}
.new-box .r-desc {
color: #444;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 15px;
margin: 4px 0 0 0;
}
.sep-dot-line {
height: 1px;
background: url('images/sep-dot-line.png') repeat-x;
margin: 0 0 19px 0;
}
.menucss li a {
text-decoration: none !important;
color: #333;
}
.menucss li a:hover {
text-decoration: underline;
color: #333;
}
/* Contact form 7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea
{
background-color: #fff;
font-size: 12px;
color: #000;
width: 200px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
border-color: #aaa;
border-style: solid;
border-width: 1px;
}
.wpcf7 p
{
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 11px;
line-height: 1.8em;
margin-top: 2px;
margin-bottom: 3px;
}
/* Purechat icon image
-------------------------------------------- */
.collapsed-image {
display: block !important;
border-radius: 50% !important;
}
/* Sidebar */
#sidebar3Container.menucss {
width: 230px;
padding-right: 15px;
}
.myopiabutton {
width:208px;
height:45px;
opacity: 1;
filter: alpha(opacity=100);
background: url(http://www.focusclinics.com/wp-content/uploads/myopia-b.png) no-repeat;
}
.myopiabutton:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
#social {
margin: 10px;
}
div .plusone, .twitter, .fb-like {
font-size: 1px;
display: inline-block;
}
div .fb_reset {
display: inline;
}