/*
Theme Name: Twyford
Theme URI: 
Description: Custom theme for Twyford Dental.
Version: 2.1
Author: Mezzanine One
Author URI: http://mezzanineone.co.uk/
*/

/*================WORDPRESS START================*/

/* Begin Images */
p img {padding: 0; max-width: 100%; }
img.centered {display: block; margin-left: auto; margin-right: auto; }
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright {float: right;}
.alignleft {float: left;}
.navigation {width:100%;}
#respond form {display:block; width:400px;}
#respond label {width:200px;}
/* End Images */

/*================WORDPRESS END================*/

/*================RESET START================*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*================RESET END================*/

/*=================MAIN START==============*/

.tt1 {background:#FF0000;}
.tt2 {background:#FF00FF;}
.tt3 {background:#FFFF00;}

html { }

body {font: 13px/1.5 Myriad, Arial, sans-serif; color:#444;}

a:focus {outline: 1px dotted invert;}

a:link {color:#1FAED2; text-decoration:none;}
a:visited {color:#1FAED2; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a:active {color:#000; text-decoration:none;}

#footer a:link {color:#666; text-decoration:none;}
#footer a:visited {color:#666; text-decoration:none;}
#footer a:hover {color:#666; text-decoration:none;}
#footer a:active {color:#666; text-decoration:none;}

hr {border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;}
hr.clear {visibility:hidden;margin-bottom:0;clear:both;}

p { }
sup {position: relative;top: -3px;vertical-align: top;font-size: 80%;}
sub {position: relative;bottom: -5px;vertical-align: top;font-size: 80%;}

h1 {font-size: 25px;font-weight:normal;}
h2 {font-size: 23px;font-weight:normal;}
h3 {font-size: 21px;font-weight:normal;}
h4 {font-size: 19px;font-weight:normal;}
h5 {font-size: 17px;font-weight:normal;}
h6 {font-size: 15px;font-weight:normal;}

.xxsmall {font-size: 10px;}
.xsmall {font-size: 12px;}
.small {font-size: 14px;}
.medium {font-size: 16px;}
.large {font-size: 22px;}
.xlarge {font-size: 26px;}
.xxlarge {font-size: 32px;}

ol {list-style: decimal;}
ul {list-style: square;}
li {margin-left: 20px;}
ol.alpha {list-style:lower-alpha;}

p, dl, hr, h1, h2, h3, h4, h5, h6,ul, ol, pre, table, address, fieldset {margin-bottom: 20px;}

#wrapper {overflow:hidden; width:960px; margin:20px auto 60px;}

html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}

.margin-left {margin-left:20px;}
.margin-right {margin-right:20px;}
.margin-rightx {margin-right:40px;}
.margin-top {margin-top:20px;}
.margin-bottom {margin-bottom:20px;}
.margin-left-half {margin-left:10px;}
.margin-right-half {margin-right:10px;}
.margin-top-half {margin-top:10px;}
.margin-bottom-half {margin-bottom:10px;}
.margin-bottom-none {margin-bottom:0px;}

.content-image-left {float:left;}
.content-image-right {float:right;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.uppercase {text-transform:uppercase;}

.header_column_width{width:235px;}
.color01 /*blue*/{color:#1FAED2;}
.color02 /*grey*/{color:#444445;}
.color03 /*white*/{color:#FFFFFF}
.padding-img-left{padding-left: 20px;}
.padding-img-leftx{padding-left: 50px;}
.padding-img-right{padding-right: 20px;}
.padding-form{padding:5px 0 0 5px;}
.padding-ads{padding:5px 0 0 12px;}
.margin-ads {margin: 17px 0 0 15px;}
.line_height{line-height:1.0em;}
.border_right{border-right:solid 1px #444445;}
.list-inside {list-style-position:inside;}
.box {background:#F2EFE9; padding:10px;}
.blue-border {border:solid 1px #1FAED2;}
.dgray-border {border:solid 1px #2F2F2F;}
.mgray-border {border:solid 1px #585858;}

/*=================MAIN END==============*/

/*=================HEADER START==============*/

#header {width:960px; height:168px; float:left; text-align:right; font-size:16px; line-height:1.1;}
#header-center {width:300px;float:left;}
#header-menu {width:960px;float:left;height:48px;}
#header-menu ul {float:left; width:960px;list-style:none; margin:0;}  
#header-menu ul li {float:left; height:48px; margin:0 5px 0 0;}
#header-menu ul li a {float:left; height:25px; padding:23px 18px 10px 8px; display:block; color:#FFF; font-size:15px; background:url(_images/header-menu.png) 100% 0 no-repeat;}
#header-menu ul li ul {float:left; width:210px;padding:20px 0; background:#555; text-align:left;}
#header-menu ul li ul li {float:left; width:210px; height:20px; margin:0;}
#header-menu ul li ul li a {width:180px;height:10px;color:#FFF;font-size:14px;padding:5px 15px;}
#header-menu ul li ul li ul {margin:0;padding:0;}
#header-menu ul li ul li ul li {margin:0}

/*#header-menu ul li ul li a:hover { background:#1FAED2;}*/
#header-menu ul li a:hover, #header-menu ul li.sfHover a, #header-menu ul li.current_page_item a {background:url(_images/header-menu-h.png) 100% 0 no-repeat;height:30px;padding:18px 18px 10px 8px;}
#header-menu ul li.current_page_item ul li a, #header-menu ul li.sfHover ul li a {background:none;color:#FFF;height:14px;padding:5px 15px;}
#header-menu ul li.current_page_item ul li a:hover, #header-menu ul li.sfHover ul li a:hover {background:#1FAED2;color:#FFF;height:14px;padding:5px 15px;}


/*=================HEADER END==============*/

/*=================CONTENT START==============*/

#content {width:960px;float:left;background:url(_images/left_bg_blue.png) 0 0px repeat-y;}

/*======LEFT COLUMN START======*/

#left-column {float:left;width:300px;}

#menu-sub {float:left; width:300px; background:url(_images/left_menusub_bg.png) 0 0px no-repeat; padding-top: 12px;}
#menu-sub ul {float:left;list-style:none;width:300px; margin-top:2px;} 
#menu-sub ul li {float:left;line-height: 2.1em; margin:0;}
#menu-sub ul li a {display:block;padding-left:10px;}
#menu-sub ul li ul {float:left; width:290px;}
#menu-sub ul li ul li {float:left; width:290px;}
#menu-sub ul li ul li a {display:block;color:#FFF;height:25px;font-size: 16px;}
#menu-sub ul li ul li a:hover {background:url(_images/left_menusub_h.png) 0 0 no-repeat;}
#menu-sub ul li ul li ul {width:315px;background:#2F2F2D;padding:0;}
#menu-sub ul li ul li ul li {width:315px; height:30px;}
#menu-sub ul li ul li ul li a {color:#FFF;font-size:13px; height:20px;padding:3px 0 7px 15px;}
#menu-sub ul li ul li.page-item-1201 a {color:#2FAFD2;}
#menu-sub ul li ul li.page-item-1201 a:hover,#menu-sub ul li ul li.page-item-1201.current_page_item a {color:#FFF;}

#menu-sub ul li ul li a:hover, #menu-sub ul li ul li.current_page_item a, #menu-sub ul li ul li.sfHover a {background:url(_images/left_menusub_h.png) 0 0 no-repeat;}
#menu-sub ul li ul li.sfHover ul li a {background:none; color:#FFF;}
#menu-sub ul li ul li ul li a:hover {background:#2FAFD2;color:#FFF;}


#left_ads {float:left; width:300px; }
#left_form{ height:450px; background:url(_images/left_ads_form.png) 0px 0px no-repeat; margin: 15px 0 10px 10px; padding-left:8px;}
#left_form_header {height:110px; overflow:hidden;}
#left_brand{ height:251px; background:url(_images/left_ads_brands.png) 0px 0px no-repeat;}
#left_brand img {margin-top:6px;}
#left_di-center{ height:251px; background:url(_images/left_ads_di-centre.png) 0px 0px no-repeat; font-size:20px;}
#left_di-center p{width:220px;padding: 100px 0 0 0; color:#6D6D6D; line-height:1.3em;}
#left_calling{height:306px; background:url(_images/left_ads_calling.png) 0px 0px no-repeat;font-size:20px; padding-bottom:50px;}
#left_calling p{padding-top:175px;}
#left_offers {margin:15px 0 0 15px;}
/*======LEFT COLUMN END======*/

/*======MAIN COLUMN START======*/

#main-column {float:left; width:660px; position:relative;}
#heading {position:absolute; height:20px; padding:5px 20px 5px 10px; font-size:16px; text-transform:uppercase; color:#FFF; left:0; top:5px; background:url(_images/header-bck.png) 100% 0 no-repeat; z-index:2;}
#image-top {position:absolute; left:0; top:0;}
#main_text {float:left; width:390px; padding: 20px 0px 0 20px; margin:330px 24px 0 0; }
#main_text_home {float:left; width:390px; padding: 20px 0px 0 20px; margin:0 24px 0 0; }
#main_text_wide_image {float:left; width:640px; padding:0; margin:330px 0 0 0; }
#main_text_full {float:left; width:640px; padding: 20px 0px 0 20px; }
#main_text_blog {float:left; width:390px; padding: 20px 0px 0 20px; margin:0 24px 0 0; }

#service_quote{ width:550px; margin-top:20px; }


#menu-tab {width:605px;overflow:hidden;height:39px;margin:40px 0 0 20px;}
#menu-tab ul {float:left; width:960px;list-style:none; margin:0;}  
#menu-tab ul li {float:left; height:40px; margin:0;}
#menu-tab ul li a {float:left; width:179px; height:20px; padding:10px; text-align:center; display:block; color:#1FAED2; font-size:20px; background:url(_images/tab-item-bck.png) 0 0 no-repeat;}
#menu-tab ul li a:hover, #menu-tab ul li.ui-tabs-selected a {background:url(_images/tab-item-bck-h.png) 0 0 no-repeat;}
#fragment-box {width:565px;overflow:hidden;height:350px;margin-left:20px;padding:10px 20px;background:url(_images/tab-bck.png) 0 0 no-repeat;}

/*======MAIN COLUMN END======*/


/*======RIGHT COLUMN START======*/

#main_ads{float:left; width:225px; margin-top:330px;}
#main_ads_home{float:left; width:225px;}
#main_ads_blog{float:left; width:225px;}
#main_ads_right01{float:left;width:217px; height:210px;background:url(_images/main_ads_01.jpg) 0px 0px no-repeat; padding-left:9px;}
#main_ads_right01 p{padding:0 0 0 63px;}
#main_ads_right02{float:left; width:218px; background:url(_images/main_ads_02.png) 0px 0px no-repeat; padding:5px 0 0 7px; border-left:solid 1px #1FAED2; margin:20px 0;}
#main_ads_right02 p{width: 200px;}
#right-column {float:left;}
#livechat-form textarea {width:188px; height:50px; padding:5px; font:10px Verdana, Geneva, sans-serif;}
#livechat-form input {margin-bottom:10px;}

/*======RIGHT COLUMN END======*/

/*=================CONTENT END==============*/

/*=================FOOTER START==============*/

#footer {float:left; width:960px; margin-top:20px; color:#666; }

/*=================FOOTER END==============*/

/*STICKY FOOTER*/
#stickyFooter {position:fixed;bottom:0px;left:0px;width:100%;height:49px;background: #2BA5C5 url(_images/bannertwy.png) 68% 0 no-repeat;text-align:center;}
#offersSticky {width:960px;height:49px;margin:0 auto;color:#AAA;position:relative;text-align:center;}	
#imagesSticky {width:960px;overflow:hidden;position:absolute;left:0;top:0;z-index:5;}
#imagesSticky a {display:block;float:left;width:300px;height:49px;text-indent:-9999px;}

/*========SMALL FORM START========*/
#smallFrm {width:250px;margin:0 0 20px 0; padding:0; color:#FFF; display:block;overflow:hidden;}
#smallFrm input {width:240px; height:22px; padding:4px 10px; margin:0; border:none; background:url(_images/form-input-bck.png) 0 0 no-repeat; color:#1FAED2; font-size:14px;}
#smallFrm textarea {width:240px; height:110px; padding:4px 10px; margin:0; border:none; background:url(_images/form-textarea-bck.png) 0 0 no-repeat; color:#1FAED2; font-size:14px; font-family:Myriad, Arial, sans-serif;}

#smallFrm #submit {float:left;height:25px;width:150px;background:url(_images/form-submit-bck.png) repeat-x bottom;margin:0 0 0 40px; color:#FFF; margin-top:10px;}
#smallFrm .captFld {width:100px; margin-right:10px; float:left; background:#FFF;}
#smallFrm #capt {width:80px;float:left;}

fieldset.dentalSeminar {width:301px; padding:10px 0 0 5px;}
fieldset.dentalSeminar label span {width:100px;padding:5px 0 0 0;}
/*========SMALL FORM START========*/

/*========PRACTICE TOUR START========*/
.practice-tour img { width:200px; margin-right:10px; margin-bottom:10px; float:left;}
/*========PRACTICE TOUR END========*/

/*========CASE STUDIES START========*/
.case-studies img { width:310px; margin-right:10px; margin-bottom:20px; float:left;}
/*========CASE STUDIES END========*/

/*========TEAM START========*/
.navigation {float:right; width:180px; height:50px; font-size:16px;}
.previous a {display:block;float:left; width:80px; height:24px;padding:3px 20px;color:#444; background:url(_images/previous.jpg) 0 50% no-repeat;}
.next a {display:block;float:right; width:50px; height:24px;padding:3px;color:#444; background:url(_images/next.jpg) 100% 50% no-repeat;}
.team-member {float:left;width:193px;padding:20px 20px 0 0; font-size:12px;}
.team-member a {display:block;color:#333;}
.team-member span.large {line-height:1.1;}
/*========TEAM END========*/

/*========CONTACT START========*/
#contact-form-column {float:left; width:340px; padding:20px 0 0 20px; margin-right:20px;}
#contact-map {float:left; width:280px; padding-top:20px;}
#journey-planner {float:left; width:257px; padding:10px 0 10px 80px; background:#F2EFE9;}
#contact-form-header {width:317px; background:#333333; padding:10px; color:#FFF;}

/*========LARGE FORM========*/
#contact-form form {width:337px;overflow:hidden;color:#FFF; font-size:14px; background:#2FAFD2;}
#contact-form fieldset, #contact-form label, #contact-form fieldset span {display:block;float:left;overflow:hidden;margin:0;}
#contact-form input {float:right;border:none;width:180px; height:22px; padding:4px 10px;margin:0 5px 5px 0;background:url(_images/form-large-input-bck.png) 0 0 no-repeat;}
#contact-form textarea {border:none;margin:0 5px 10px 0;}
#contact-form input.checkbox {width:16px;height:16px;margin:0 5px 5px 0;border:1px solid #666;}

fieldset.nameEmail {width:332px;padding:20px 0 0 5px;margin:0;}
fieldset.nameEmail label {width:325px;padding:0;}
fieldset.nameEmail label span {width:90px;padding:5px 0 0 0;text-align:right;}

fieldset.telephoneAddress {width:330px;padding:0 0 0 5px;}
fieldset.telephoneAddress input {width:210px;}
fieldset.telephoneAddress textarea {width:220px;height:40px;float:right;}
fieldset.telephoneAddress label {width:325px;padding:5px 0;}
fieldset.telephoneAddress label span {width:95px;padding:5px 0;text-align:right;}

fieldset.qer {width:327px;padding:10px 0 0 10px;}
fieldset.qer textarea {width:295px;height:180px;padding:10px;background:url(_images/form-large-textarea-bck.png) 0 100% no-repeat;}
fieldset.qer label {width:320px;padding:0;}
fieldset.qer label span.qery {width:315px;padding:0 0 5px 0;}
fieldset.qer div {float:left;width:150px;margin:10px 10px 10px 0;}
fieldset.qer div label {width:150px;padding:0;}

fieldset.checkBoxes {width:230px;padding:10px 0 0 10px;}
fieldset.checkBoxes input {float:left;}
fieldset.checkBoxes label span {width:200px;}

#contact-form #submitBox {width:250px;padding:10px 0 0 60px;float:left;font-size:10px;}
#contact-form #submitBox label {float:none; display:inline;}
#contact-form input#submit {float:left;clear:left;height:25px;width:150px;background:url(_images/form-submit-bck.png) repeat-x bottom;margin:10px 0 30px 30px;color:#FFF;font-size:14px;}

#contact-form input#capt {width:100px;float:left;margin:10px 0;}
#contact-form div.captFld {background:#FFF;width:100px;float:left;margin:10px 20px 10px 0;}
#contact-form div.captHdr {height:50px;}
#CustomFields_31_7 {display:none;}
#contact-live-chat {width:271px; height:210px;background:url(_images/contact-live-chat.jpg) 0px 0px no-repeat; padding-left:9px;}
#contact-live-chat p{padding:0 0 0 63px;}
#contact-map #livechat-form textarea {width:250px; height:50px; padding:5px; font:12px Verdana, Geneva, sans-serif;}
#my-map {width:280px;height:210px;margin:0;}
/*========LARGE FORM END========*/

/*========CONTACT END========*/

/*========OFFERS START========*/
.offers-box{float:left; width:600px; font-size:19px;background-color:#FFF; padding:20px; border-bottom:1px solid #1FAED2;}
.offers-box.odd{background-color:#F6F6F6;}
.offer-number{float:right;width:50px;font-size:44px;color:#1FAED2;text-align:right;}
/*========OFFERS START========*/

/*========FEES START========*/
table.fees-table td {background-color:#FFF;border-bottom:1px solid #1FAED2; padding:20px;}
table.fees-table td.odd {background-color:#F6F6F6;}
/*========FEES END========*/

/*=================HOME START==============*/
#home-rotating-banners {width:657px;height:350px;float:left;overflow:hidden; margin-top:8px;}
.home-rotating-banner {width:657px;height:330px;float:left; position:relative;z-index:1;}
.home-rotating-quote {background:url(../_images/home-quote-bck.png) no-repeat;height:75px;padding:10px 60px;color:#FFF;line-height:1.3;}
.home-rotating-header {position:absolute; left:10px; top:100px;}

.ui-tabs-hide { display: none; }
ul#home-quote-tabs {width:657px;height:20px;padding:0;margin:0;list-style-type:none;overflow:hidden;display:block;}
ul#home-quote-tabs li {float:left; width:72px; height:20px;margin:0 1px 0 0;}
ul#home-quote-tabs li.first {width:120px;}
ul#home-quote-tabs li a {float:left;text-align:center;font-size:13px;width:72px;height:20px;text-decoration:none;color:#FFF;background:#444445;padding:1px;margin:0;display:block;}
ul#home-quote-tabs li a:hover, ul#home-quote-tabs li.ui-tabs-selected a {background:#FFF;color:#52c5ec;}

#fragment-2 ol li p {display:inline;}
#fragment-2 ol li {padding-bottom:10px;}

#home-bottom-holder { padding:20px 0 0 20px; width:600px;}
/*=================HOME END==============*/

/*=================UPLOAD START==============*/
#upload-form-header {background:#333; padding:10px; color:#FFF; margin-left:20px;}
#upload-form-header h1 {font-size:20px;}
#upload-form-subheader {padding:10px; color:#FFF; background:#2FAFD2; margin-left:20px;}
#contact-form .wpcf7-form fieldset.qer {}
#contact-form .wpcf7-form fieldset.qer input {float:left; margin:0 0 0 -40px; width:280px;background:#FFF; border:1px solid #999;}
#contact-form .wpcf7-form span.wpcf7-form-control-wrap {display:inline;float:none;width:auto;}
#contact-form .wpcf7-form span.wpcf7-form-control-wrap.file-upload {display:block; float:left; width:310px;}
#contact-form .wpcf7-form input.wpcf7-submit {float:left;clear:left;height:25px;width:150px;background:url(_images/form-submit-bck.png) repeat-x bottom;margin:10px 0 30px 30px;color:#FFF;font-size:14px;}
div.wpcf7-response-output {clear:left;}
#image-upload-banner { height:262px; margin-top:20px; padding:15px; font-size:22px; background:url(_images/upload-image-bg.jpg) no-repeat;}
#image-upload-banner a {display:block;height:100%;}
/*=================UPLOAD END==============*/


/*=================VIDEO START==============*/
#video-holder {width:100%;}
.video-page {width:100%;}
#player {margin-bottom:20px;width:640px;}
#video-scroller{width:100%;overflow:hidden; background:#EEE;padding:10px 0 0 10px;}
.video {width:200px; height:170px; float:left; margin:0 10px 10px 0; background:#DDD; text-align:center;}
.video a img {width:190px; height:140px; margin:5px 0 5px 0;}
.video p {font-size:11px;}
/*=================VIDEO END==============*/

#social_box {float:left; width:260px;overflow:hidden;margin-bottom:5px; padding:15px 0px 8px 23px; margin-top:5px;font-size:10px;background:url(_images/left_ads_soc-buttons.png) 0 0 no-repeat;}

.sidebar-google-holder {float:left;width:105px; padding: 0 10px 10px 0;}
.sidebar-facebook-holder {float:left;width:80px; padding: 0 10px 10px 0;}
.sidebar-twitter-holder {float:left;width:105px;clear:left; padding: 0 10px 15px 0;}
.sidebar-tweetthis-holder {float:left;width:80px; padding: 0 10px 15px 0;}

.share_buttons { margin:5px 0 10px 0; display: block;}
.case-studies .share_buttons img, .practice-tour .share_buttons img { width:125px; height:auto; }
.share-btn-header { margin:9px 0 0 0;}

#wide-right { width:210px; float:left;}

div.addthis_toolbox.addthis_default_style.addthis_32x32_style { width:210px;}