/*
Site Name: Soni
Site URI: http://sonidentalimplants.co.uk/
Description: Soni Dental Implants HTML Website
Version: 2.4
Author: Mezzanine One
Author URI: http://mezzanineone.co.uk/
*/

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

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

html { }

body {font: 14px/1.3 Helvetica, Arial, sans-serif; background:url(../_images/bck2.jpg) 50% 0 repeat-x; color:#333;}
/*STICKY FOOTER*/ body {margin:0 0 44px 0;}

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

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

.red a:link {color:#333; text-decoration:none;}
.red a:visited {color:#333; text-decoration:none;}
.red a:hover {color:#000; text-decoration:none;}
.red a:active {color:#000; text-decoration:none;}

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

hr {border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;}

p {line-height:1.5;}
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: 20px; color:#FFF;}
h2 {font-size: 16px; font-weight:normal; color:#EB2024;}
h2.red {background:#CC2027; color:#FFF;padding:5px;}
h2.red-in-box {background:#CC2027; color:#FFF;padding:5px;}
h3 {font-size: 15px; font-weight:normal; color:#EB2024;}
#wrapper.red h3 {color:#FFF;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}

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

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

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

#wrapper {overflow:hidden; width:960px; margin:10px auto; background:url(../_images/wrapper-bck.png) repeat-y;}
#wrapper.red {background:#EB2024 url(../_images/wrapper-bck.png) repeat-y;color:#FFF;}

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

ul.list-margin li, ol.list-margin li {margin-bottom:10px;}
ul.list-margin-half li, ol.list-margin-half li {margin-bottom:5px;}

.content-image-left {float:left;}
.content-image-right {float:right;}
.content-table tr td {padding:2px 5px;}

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

.quote-red {background:#CC2027; color:#FFF;padding:5px;}
.quote-border {color:#FFF;padding:10px; border:1px solid #FFF; overflow:hidden;}
.quote-red-border {background:#CC2027; color:#FFF;padding:10px; border:1px solid #FFF; overflow:hidden;}

.A1 {width:622px;float:left;margin-right:30px;padding-left:30px;}

.AA1 {width:300px;float:left;margin-right:20px;padding-left:30px;}
.AA2 {width:300px;float:left;}

.AAA1 {width:195px;float:left;margin-right:20px;padding-left:30px;}
.AAA2 {width:195px;float:left;margin-right:20px;}
.AAA3 {width:195px;float:left;}

.A1 .AA1 {padding-left:0px;}

/*LIGHT GREY*/ .color1 {color:#BBB;}
/*WHITE*/ .color2 {color:#FFF;}
/*TEXT GREY*/ .color3 {color:#555;}
/*RED*/ .color4 {color:#EB2024;}
/*BLACK*/ .color5 {color:#000;}
/*DARK RED*/ .color6 {color:#800;}

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

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

#header {width:960px;float:left;height:210px;}
#header-content {width:952px;float:left;height:185px;overflow:hidden;}
#header-shadow {width:8px; height:185px;float:left; background:url(../_images/header-shadow.png) repeat-y;}
#header-top {width:960px; height:25px; overflow:hidden;background:url(../_images/header-top-shadow.png);font-weight:bold; font-size:14px;}
#header-top a {color:#EB2024;}
#header-top-logo {width:952px;height:55px;float:left;background:#FFF;}
#header-main {width:952px;float:left; background:#FFF; border-top:1px solid #E42C2C;}
#header-main-quote {width:395px;height:128px;float:left;background:url(../_images/header-main-quote-bck.png); position:relative; color:#FFF; overflow:hidden;}
#header-main-quote-header {position:absolute; width:120px; height:20px; left:10px; top:3px; font-size:14px;}
ul#header-main-quote-tabs {position:absolute;left:123px; top:1px;width:250px;height:20px;padding:0;margin:0;list-style-type:none;overflow:hidden;}
ul#header-main-quote-tabs li {float:left; width:18px; height:18px;margin:0 2px 0 0;}
ul#header-main-quote-tabs li a {float:left;text-align:center;font-size:14px;width:16px;height:15px;text-decoration:none;color:#FFF;padding:1px;margin:0;border:1px solid #888; font-weight:bold; display:block;}
ul#header-main-quote-tabs li a:hover, ul#header-main-quote-tabs li.ui-tabs-selected a {background:#FFF;color:#EB2024;}
.header-main-quote-quotes {position:absolute;width:300px;height:100px;left:50px;top:25px;font:bold 30px 'Myriad Pro', Helvetica, sans-serif;line-height:1.1;color:#E42C2C;background:#EEE;}
#header-main-contact {float:left; width:180px; height:125px; text-align:right; padding-top:2px;}

#main-column-banners { padding:6px 0 10px 6px;height:250px;}
ul#banner-tabs {width:250px;height:20px;padding:0;margin:0;list-style-type:none;overflow:hidden;}
ul#banner-tabs li {float:left; width:18px; height:18px;margin:0 2px 0 0;}
ul#banner-tabs li a {float:left;text-align:center;font-size:14px;width:16px;height:16px;text-decoration:none;color:#FFF;padding:1px;margin:0;border:1px solid #FFF; font-weight:bold; display:block; background:#CCC;}
ul#banner-tabs li a:hover, ul#banner-tabs li.ui-tabs-selected a {background:#FFF;color:#666;}

#header-top-logo-left {float:left; width:480px; padding:5px 0 0 5px; font-size:11px; color:#EB2024;}
#header-animated-text {height:20px;}

#___plusone_0 {margin-left:5px !important;}

/*=====MENU TOP START=====*/
#menu-top {width:952px;margin:0;background:#FFF;overflow:hidden;border-top:1px solid #EB2024;}
#menu-top ul {float:left;width:952px;height:46px;padding:0;margin:0;list-style-type:none;border-bottom:1px solid #EB2024;}
#menu-top ul li {display:inline;height:46px;float:left;margin:0;}
#menu-top ul li a {float:left;display:block;text-align:center;height:30px;text-decoration:none;color:#444;padding:16px 9px 0;margin:0;background:none;line-height:1;font-size:12px;letter-spacing:0.08em; border-right:1px solid #DDD;}
#menu-top ul li.double a {height:35px;padding:11px 8px 0;}
#menu-top ul li.last a {border-right:none;}
#menu-top ul li.offers-button a {background:#EEE;}
#menu-top ul li a:hover {background:#EB2024;color:#FFF;}
/*=====MENU TOP END=====*/

/*=====MENU TOP SUB START=====*/
#menu-top-sub {width:952px;margin:0;background:url(../_images/menu-top-sub-bck-off.png) repeat-x 0 0;overflow:hidden;}
#menu-top-sub ul {float:left;width:952px;height:30px;padding:0;margin:0;list-style-type:none;}
#menu-top-sub ul li {display:inline;}
#menu-top-sub ul li a {float:left;display:block;text-align:center;height:30px;text-decoration:none;color:#3A3A3A;padding:10px;margin:0;background:none;font-size:11px;letter-spacing:0;}
#menu-top-sub ul li a:hover {background:url(../_images/menu-top-sub-bck-on.png) no-repeat 100% 0;}
/*=====MENU TOP SUB END=====*/

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

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

#content {width:952px;float:left;padding-right:8px; background:url(../_images/content-right-shadow.png) 100% 0 repeat-y;}
#content.red {background:#EB2024 url(../_images/content-right-shadow.png) 100% 0 repeat-y;}

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

#left-column {float:left;width:270px;font-size:13px;}
.left-column-button {background-image:url(../_images/left-column-button-bck.png); background-position:bottom; background-repeat:no-repeat;}

/*======MENU SUB START======*/

#menu-sub1 {float:left;width:270px;padding-top:4px;color:#444;}
#menu-sub1 ul {width:270px;list-style:none;margin:0;border-top:1px solid #DDD;} 
#menu-sub1 ul li {font-size:14px;width:270px;margin:0;}
#menu-sub1 ul li a {color:#444;padding:14px 0 0 10px; height:25px;width:260px;display:block;border-bottom:1px solid #DDD;}
#menu-sub1 ul li.double a {padding:6px 0 0 10px;height:33px;}
#menu-sub1 ul li a:hover {background:#EB2024; color:#FFF;}

#menu-sub1 ul li.six-months-smiles a {background-image:url(../_images/menu-sub-six-smiles.jpg); background-position: 100% 0; background-repeat: no-repeat; padding:6px 0 8px 10px;}

#menu-sub1 ul li.invisalign a {background-image:url(../_images/menu-sub-invisalign.jpg); background-position: 100% 0; background-repeat: no-repeat;}
#menu-sub1 ul li.last a {background-image:url(../_images/menu-sub-zoom.jpg); background-position: 100% 0; background-repeat: no-repeat;}
#menu-sub1 ul li ul {margin-bottom:4px;width:130px;}
#menu-sub1 ul li ul li a {color:#444;padding:10px 0 0 10px;font-size:12px;border-bottom:1px solid #BBB;margin:0;height:20px;width:120px;background:#CCCCCC;line-height:1;}
#menu-sub1 ul li ul li.double a {padding:5px 0 0 10px;height:28px;}
#menu-sub1 ul li ul li a:hover {background:#F0212B; color:#FFF;}

#menu-sub2 {float:left;width:126px;padding-top:2px;}
#menu-sub2 ul {width:118px;list-style:none;margin:0;} 
#menu-sub2 ul li {font-size:12px;margin:0;}
#menu-sub2 ul li a {color:#333;padding:5px 0 0 5px; margin-bottom:4px; height:15px;width:113px;display:block; border-bottom:1px solid #FFF;}
#menu-sub2 ul li.last a {padding:10px 0 0 5px;height:22px;background:#FFF;}
#menu-sub2 ul li.last2 a {padding:10px 0 0 5px;height:22px;background:#5A5A5A;color:#FFF;}
#menu-sub2 ul li.last3 a {padding:5px 0 0 5px;height:34px;background:#5A5A5A;color:#FFF;}
#menu-sub2 ul li a:hover {background:#EB2024;color:#FFF;}
#menu-sub2 ul li ul li a {background:#5A5A5A; margin:0; color:#FFF;}

/*======MENU SUB END======*/

div#left-column-quickjump {padding:10px 20px; background-color:#575757;}
select.jumpmenu {width:230px;}

div#left-column-livechat {height:155px;margin-top:15px;}
/*
div#left-column-livechat {height:125px;background:url(../_images/chat.png) no-repeat; padding-top:32px; margin-top:15px;}
div#left-column-livechat textarea {width:210px;height:65px;margin-left:10px;margin-bottom:5px;padding:5px;font:12px Helvetica, Arial, sans-serif; border:1px solid #FFF;}
div#left-column-livechat input#submit {margin-left:15px;margin-top:5px;height:15px;background:none;color:#FFF;border:none;text-align:left;width:150px;padding:0;cursor:pointer;}*/

div#left-column-address {height:145px;background:url(../_images/book.png) no-repeat; padding-top:3px;line-height:1.1;}

div#left-column-getquote {height:140px;background:url(../_images/getquote.png) no-repeat; padding-top:8px;line-height:1.4;}

div#left-column-virtualmakeover {height:140px;background:url(../_images/offersbanner.png) no-repeat;padding-top:10px;line-height:1.1;}
div#left-column-virtualmakeover p {padding:5px 0;}

div#left-column-referrals {height:150px;background:url(../_images/referral.png) no-repeat;padding-top:5px;line-height:1.2;}

#left-column-address a, div#left-column-getquote a, div#left-column-virtualmakeover a, div#left-column-referrals a {display:block;}

/*======LEFT COLUMN END======*/

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

#main-column {float:left;width:682px; overflow:hidden;}
#main-column.referral {float:left;width:682px; background:url(../_images/referrals-bck.png) 100% 0 no-repeat; overflow:hidden; padding-top:30px;}
.main-image {padding:20px 32px;background:#EB2024;position:relative;}
/*#wrapper.red .main-image {background:url(../_images/main-image-bck.png) -2px 0 repeat-x;}*/
.main-image div {position:absolute;z-index:1;padding:10px; background:#EB2024; font-size:20px; color:#FFF; letter-spacing:0.5px;}

.quote-right {width:250px;float:right;position:relative;}
.quote-right div {background:url(../_images/quote-sidestrip.png) 100% 0 repeat-y;margin:20px 0 20px 20px;padding-right:30px;text-align:right;color:#999;font-size:18px;letter-spacing:0.5px;}
.quote-right div.red-quote {background:url(../_images/quote-sidestrip-red.png) 100% 0 repeat-y;color:#333;}
.quote-right img.quote-quotes-top {position:absolute;left:0;top:0;}
.quote-right img.quote-quotes-bottom {position:absolute;right:0;bottom:0;}

#main-column-left {width:320px;float:left;margin-right:15px;padding-left:15px;}
#main-column-right {width:320px;float:left;}

.main-column-box {width:150px; height:250px; position:relative; padding-left:165px; color:#FFF;}
.main-column-box-include {position:absolute; right:0; top:130px; width:105px; height:30px; background:#3A3A3A;padding:5px;}
.mcb-free-consult { background:url(../_images/mcb-free-consult.jpg) no-repeat;}
.mcb-referrals { background:url(../_images/mcb-referrals.jpg) no-repeat;}

#implants-offer-box {height:120px; padding:10px 0 0 10px; background:url(../_images/implants-offer.jpg) no-repeat; font-size:12px; letter-spacing:0px;}
#michelle-box {height:320px; padding:10px 0 0 10px; background:url(../_images/michelle.jpg) no-repeat; font-size:12px; letter-spacing:0px; position:relative;}
#michelle-box p {margin-bottom:5px;line-height:1.4;}
#michelle-box em {background:url(../_images/bubble.png) no-repeat;width:140px;height:120px;position:absolute;top:120px;left:150px;text-align:center;z-index:2;display:none;}
#michelle-box em a {color:#FFF;font-weight:bold; display:block; padding-top:20px; font-size:14px;}

#mukesh-box {height:360px; background:url(../_images/dr-mukesh.jpg) no-repeat; font-size:12px; letter-spacing:0px;padding:90px 0 0 10px; position:relative;}
#mukesh-box p {margin-bottom:5px;line-height:1.3;}
#mukesh-box em {background:url(../_images/bubble.png) no-repeat;width:140px;height:120px;position:absolute;top:150px;left:150px;text-align:center;z-index:2;display:none;}
#mukesh-box em a {color:#FFF;font-weight:bold; display:block; padding-top:20px; font-size:14px;}

div#mukesh-livechat {height:125px;margin-top:37px;}
div#mukesh-livechat textarea {width:170px;height:50px;margin:5px 0 0 0;padding:5px;font:12px Helvetica, Arial, sans-serif;}
div#mukesh-livechat input#submit2 {height:15px;background:none;color:#FFF;border:none;text-align:left;width:170px;padding:0;cursor:pointer;}
div#mukesh-livechat #LPsubmit {margin-left:-10px;width:207px;}

div#michelle-livechat {height:125px;margin-top:35px;}
div#michelle-livechat textarea {width:170px;height:50px;margin:5px 0 0 0;padding:5px;font:12px Helvetica, Arial, sans-serif;}
div#michelle-livechat input#submit1 {height:15px;background:none;color:#FFF;border:none;text-align:left;width:170px;padding:0;cursor:pointer;}
div#michelle-livechat #LPsubmit {margin-left:-10px;width:207px;}

.offers li {background:#CC2027; border-bottom:2px solid #EB2024;padding:5px;}
/*======MAIN COLUMN END======*/

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

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

#footer {width:960px;float:left;text-align:center;font-size:12px;color:#666;padding:10px 0;background:#FFF;}
#footer-hometext {width:960px;float:left;text-align:left;font-size:11px;color:#666;padding:10px 0;background:#FFF;}
#footer-hometext h3{ margin-bottom:5px; font-size:14px; color:#555;}

#footer-hometext a:link {color:#666; text-decoration:underline;}
#footer-hometext a:visited {color:#666; text-decoration:underline;}
#footer-hometext a:hover {color:#EB2024; text-decoration:underline;}
#footer-hometext a:active {color:#EB2024; text-decoration:underline;}
/*=================FOOTER END==============*/

/*STICKY FOOTER*/
#stickyFooter
	{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 48px;
	background: #494A4A url(../_images/sonibanner-bck.png) repeat-x;
	text-align:center;
	}
	
#offersSticky {
	width:960px;
	height: 48px;
	margin:0 auto;
	background:#494A4A;
	color:#AAA;
	position:relative;
	}	
	
#offersSticky img {
	border:none;
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:0;
	z-index:5;
	}

/*=================PATIENT GALLERY==============*/
#patient-main { border:1px solid #FFF; width:620px; height:355px; overflow:hidden;}
#patient-main img {margin:12px 0 12px 12px;}
#patient-thumbs { border:1px solid #FFF; width:620px;background:#CC2027; margin-top:20px; padding-top:10px;}
#patient-thumbs a img {margin:0 0 10px 8px;width:90px;}

/*=================CLINIC GALLERY==============*/
#client-main { border:1px solid #FFF; width:620px; height:355px; overflow:hidden;}
#client-main img {margin:12px 0 12px 12px;}
#client-thumbs { border:1px solid #FFF; width:620px;background:#CC2027; margin-top:20px; padding-top:15px;}
#client-thumbs a img {margin:0 0 5px 8px; width:65px;}

/*=================STAFF==============*/
#staff-main { border:1px solid #FFF; width:608px; padding:12px 0 12px 12px; overflow:hidden;}
.staff-normal { width:610px; padding:12px 0 12px 12px; background:#CC2027; overflow:hidden;}

/*=================FEE GUIDE==============*/
.price-table tr td { background:#DF1B28;padding:5px;font-size:13px;}
.price-table tr.odd td { background:#CC2027;}

/*========REFERRAL FORM START========*/
form#referralForm {float:right;width:630px;margin:0 0 0 20px;padding:10px 0 10px 10px;}
form#referralForm fieldset, form#referralForm label, form#referralForm fieldset span {display:block;float:left;overflow:hidden;margin:0;border:none;}
form#referralForm input {width:160px;float:right;height:18px;margin:0 5px 5px 0;border:1px solid #CC2027;background:#FCFCFC;font-size:11px;font-family:Verdana, Geneva, sans-serif;}
form#referralForm span {width:130px;text-align:right;padding-right:10px;font-size:13px;}
form#referralForm textarea {width:160px;float:right;height:50px;margin:0 5px 5px 0;border:1px solid #CC2027;background:#FCFCFC;font-size:11px;font-family:Verdana, Geneva, sans-serif;}
form#referralForm input.checkbox {width:16px; height:16px; margin:0 5px 1px 0; border:1px solid #CC2027;}
form#referralForm fieldset {width:310px;margin-bottom:10px;}
form#referralForm label.radio {width:180px;padding-left:140px;}
form#referralForm label.radio input {width:16px;height:16px;float:left;}
form#referralForm label.radio span {width:130px;padding:0; text-align:left;}

form#referralForm fieldset.checkboxHolderLeft span,form#referralForm fieldset.checkboxHolderRight span {width:180px;margin-bottom:5px;}
form#referralForm fieldset.checkboxHolderLeft input {width:100px;}
form#referralForm fieldset.checkboxHolderLeft input.checkbox {width:16px;}
form#referralForm fieldset.dentistHolderWide {width:620px;}
form#referralForm fieldset.dentistHolderWide textarea {width:470px;height:100px;}
form#referralForm fieldset.dentistHolderWide input {width:270px;}
form#referralForm fieldset.dentistHolderWide #practice_address {height:40px;}

#submitBox {width:255px;padding:10px 0 0 5px; float:left;}
#submitBox label {width:100%;}
#submitBox #submit {float:right;height:38px;width:120px;background:url(../_images/submit-bck.png) repeat-x 50% 0;margin:0;text-indent:-999px;font-size:1px;color:#DF2427;cursor:pointer;}

/*========REFERRAL FORM END========*/
/*========HOME START========*/
#opening-time-banner {  padding:10px 5px 5px 5px; margin:5px 0 0px 0; background:#f9f9f9;}
#openning-time { float:left;border:solid 2px #cccccc; margin:10px 0 20px 0; }
#openning-time h3 { padding:3px 0 5px 40px; background:url(../_images/open-time-img.jpg) 10px 0 no-repeat; font-weight:bold; margin:5px 0 5px 0px; font-size:18px;}

#six-smile-gallery { width:620px; margin:10px 0 20px 0; }
#six-smile-gallery h3 { margin:10px 0 0 0; float:right}
#six-smile-gallery h3 a { color:#eb2024;}
#image-home { width:620px; height:250px; left:0px; top:0px; z-index:1;}
/*========HOME END========*/

#left-column-facebook { margin:0 0 10px 0}