@charset "utf-8";
/*-------------- Reseting ---------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
img,  s, small, strike, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ 	font-size: 100.01%; height: 100%;  }
body 			{ 	font: 62.5% Verdana, Arial, Helvetica, sans-serif; 
					color: #999999;
					height: 100%;  
					background: #e2f1f2 url(../images/page_bg.png) repeat-x top left; 
					text-align: center;  }

/*-------------- Effects ----------------*/

#whiteFader 	{visibility: hidden; }
#myGallery		{width: 196px !important; height: 87px !important; margin: 57px 0 0 72px;}
#myGallery1		{width: 489px !important; height: 257px !important; }
#slideShow      {width: 300px !important; height: 320px !important; }


/*-------------- Common ---------------- */

h1, h2, h3, h4, h5, h6, h7, th
 				{ font-weight: normal; color: #70b9bf /*oradi green*/; text-align:left; }
				
h1 				{ font-size: 1.8em; font-weight: normal; line-height: 1.5em; margin-bottom: 1.0em; padding: 20px 20px 0 0;  } 
h2 				{ font-size: 1.4em; line-height: 1.4em; margin-bottom: 0.5em; margin-top: 20px; }
h3, th				{ font-size: 1.2em; line-height: 1.2857em; margin-bottom: .5em }
h4, h5, h6		{ font-size: 1em; line-height: 1.5em; margin-bottom: 0.5em }
h7            	{ font-size: 1em; line-height: 1.5em; margin-bottom: 1.0em; padding: 10 20px 0 10; }

th	{padding-top: 10px}

p, pre, code, label, th, td, dd, dt, select, li
				{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.0em; padding: 0 20px 0 0;  }	

			
				
ul, ol			{ margin-bottom: 1.8em }
ul 				{ list-style: disc }
ol 				{ list-style: decimal }
li	 			{ margin: 0 0 0 3.6em;  }
li p 			{ color: #999999; font-size:1em; }


legend			{ display: none }
 
small 			{ font-size: 0.85em;  }
 
sup 			{ position:relative; bottom:0.3em; vertical-align: baseline }
sub 			{ position:relative; bottom:-0.2em; vertical-align: baseline }
 
acronym, abbr 	{ cursor: help; letter-spacing: 1px; border-bottom: #999 1px dashed }
label 			{ cursor: pointer }

blockquote		{background: url(../images/quote_open.gif) no-repeat top left; margin: 0px;}
blockquote p 	{background: url(../images/quote_close.gif) no-repeat bottom right;  padding: 20px; color:#70b9bf /*oradi green*/ }



/*---------------- Fonts -----------------*/

h1, h2, h3, h4, h5, h6, th
 				{
	font-family:  Arial, Helvetica, sans-serif
}

p, a, pre, label, th, td, li
				{
	font-family:  Arial, Helvetica, sans-serif;
	text-align: justify;
} 			
				
/*---------------- Links -----------------*/

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: none; color:#70b9bf /*oradi green*/ }
a:hover			{ text-decoration: underline }
a img			{ border: 0 }

#nav2 a:link, #nav2 a:visited, #nav2 a:hover, #nav2 a:active 
				{ font-weight: normal; text-decoration: none; }
#nav2 a:hover	{ text-decoration: underline }


/*----------- Global Classes -------------*/

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight p	{ color: #99CD53;}

.noPadding		{ padding: 0 }
.noMargin		{ margin: 0 !important }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
.noBorder		{ border: none !important }
.noBackground	{ background: none !important }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.clearfix 		{ display: inline-block }

.sig		{
	margin: -20px 0px 0 20px;
}

table.signature td p {font-size:90%}
/* Hides from IE-mac \*/
* html .clearfix 
				{ height: 1% }
.clearfix 		{display: block }
/* End hide from IE-mac */

table {padding: 0 0 20px 0;}
/*--------- Headings --------*/

#h1Home { background:url(../images/h1/h1_home.png) no-repeat top left;}
#h1About {background:url(../images/h1/h1_about.png) no-repeat top left;}
#h1Team { background:url(../images/h1/h1_team.png) no-repeat top left;}
#h1Tour { background:url(../images/h1/h1_tour.png) no-repeat top left;}
#h1General { background:url(../images/h1/h1_general.png) no-repeat top left;}
#h1Hygiene { background:url(../images/h1/h1_hygiene.png) no-repeat top left;}
#h1Cosmetic { background:url(../images/h1/h1_cosmetic.png) no-repeat top left;}
#h1Fillings { background:url(../images/h1/h1_fillings.png) no-repeat top left;}
#h1Whitening { background:url(../images/h1/h1_whitening.png) no-repeat top left;}
#h1Veneers { background:url(../images/h1/h1_veneers.png) no-repeat top left;}
#h1Crowns { background:url(../images/h1/h1_crowns.png) no-repeat top left;}
#h1Inlays{ background:url(../images/h1/h1_inlays.png) no-repeat top left;}
#h1Implants { background:url(../images/h1/h1_implants.png) no-repeat top left;}
#h1Aesthetics{ background:url(../images/h1/h1_aesthetics.png) no-repeat top left;}
#h1Wrinkles { background:url(../images/h1/h1_wrinkles.png) no-repeat top left;}
#h1Fillers { background:url(../images/h1/h1_fillers.png) no-repeat top left;}
#h1Contact { background:url(../images/h1/h1_contact.png) no-repeat top left;}
#h1Fees { background:url(../images/h1/h1_fees.png) no-repeat top left;}

/*--------- Structure ------------*/

#container { 
	width: 868px; 
	margin: 17px auto 10px auto; 
	background: url(../images/container_bg.png) repeat-y top left;
	  }
#header {
	height: 149px; 
	background: url(../images/header_bg.png) no-repeat top left; 
	position: relative;
	}
#logo a { 
	display: block; 
	background:url(../images/oradi_logo.png) no-repeat top left; 
	width: 198px; height: 101px; 
	text-indent: -9999px;
	position: absolute; 
	top: 22px; left: 38px;
	 }
#tel {padding-top: 20px;}

#tel div {
	width: 201px; 
	float: right; 
	display: inline;
	
	}
#tel p, #tel h1 {text-align:right; padding: 5px 28px 0px 0px; margin: 0px; }

#tel p {color:#70b9bf /*oradi green*/;  }
#tel h1 { padding-top: 15px; font-size: 1.2em; color: #666666; font-weight:normal;} 

#tel img {padding-right: 5px; }

#tel2 {padding-top: 20px;}

#tel2 div {
	width: 201px; 
	float: right; 
	display: inline;
	
	}
#te2l p, #tel2 h1 {text-align:right; padding: 5px 28px 0px 0px; margin: 0px; }

#tel2 p {color:#70b9bf /*oradi green*/;  }
#tel2 h1 { padding-top: 15px; font-size: 1.2em; color: #666666; font-weight:normal;} 

#tel2 img {padding-right: 5px; }


/*-------------------------------------
			NAV
------------------------------------*/

#nav ul {margin: 0; padding: 0 0 0 9px; }
#nav li { float: left; display: inline; margin: 0 ; padding: 0; list-style:none;}
#nav li a {
	display: block; 
	height: 27px; 
	text-indent: -9999px; 
	}

/*-------- Level 1 - set backgrounds ------------*/
#navHome {background: url(../images/navHome.png) no-repeat top left; width: 65px;}
#navAbout {background: url(../images/navAbout.png) no-repeat top left; width: 77px; }
#navPractices {background: url(../images/navPractice.png) no-repeat top left; width: 108px; }
#navGeneral {background: url(../images/navGeneral.png) no-repeat top left; width: 150px; }
#navCosmetic {background: url(../images/navCosmetic.png) no-repeat top left; width: 143px; }
#navFees {background: url(../images/navFees.png) no-repeat top left; width: 77px;}
#navSmiles {background: url(../images/navSmiles.png) no-repeat top left; width: 110px;}
#navContact {background: url(../images/navContact.png) no-repeat top left; width: 120px;}

/*-------- Level 1 - Indicate where you are ------------*/	
#nav li a:hover, 
#nav li a:active, 
#home #navHome , 
#about #navAbout , 
#excellence #navAbout,
#awards #navAbout,
#team #navAbout,
#practices #navPractices ,
#wellingborough #navPractices,
#daventry #navPractices,  
#tour  #navPractices , 
#general #navGeneral , 
#hygiene #navGeneral , 
#nhsvsprivate #navGeneral , 
#cosmetic #navCosmetic , 
#fillings #navCosmetic , 
#inlays #navCosmetic , 
#whitening #navCosmetic , 
#crowns #navCosmetic , 
#veneers #navCosmetic , 
#implants #navCosmetic ,
#aesthetics #navAesthetics , 
#wrinkles #navAesthetics ,
#fillers #navAesthetics , 
#fees #navFees , 
#smilegallery #navSmiles , 
#contact #navContact 
	{
	background-position: left bottom; 
	}

/*-------------------*/
	
#col1 {width: 425px; float: left;  clear: both; padding: 0px 0 10px 40px; _padding-top: 20px; text-align: left; }
#col2 {width: 365px; float: right; padding: 0px 35px 10px 0; text-align: left;  }

/*---- Nav 2 ----------*/
.nav2 {clear: both; padding: 10px 0 0 40px;}

.nav2 li {
	float: left; 
	display: inline; 
	list-style: none;
	margin: 0; padding: 0 2px 0 0;
	}
.nav2 a {
	display: block; 
	width: 91px; height: 32px; 
	margin: 0; padding: 8px 5px 0 5px;
	background:url(../images/tab.png) no-repeat top left;
	color: #FFFFFF; 
	font-size:11px;
	text-align:center;
	line-height:1em;
	}
.nav2 a:hover, .nav2 a:active,
#invisalign #nav2Invisalaign, 
#whitening #nav2Whitening, 
#implants #nav2Implants,
#smiles #nav2Smiles
 {text-decoration:none; background-position: left bottom; color:#FFFFFF;}
 
/*----Nav 3---*/
#nav3{ float:right; font-size:1.3em; padding:6px; margin-top:-15px; margin-right:32px;}

#nav3 a:hover{
	color: #999999;
	text-decoration: none;
}

#talk_online{background-color:#FFFFFF; background:url(../images/booking_btn.gif) no-repeat; padding:4px 5px; color:#FFFFFF}

#booking{background-color:#FFFFFF; background:url(../images/booking_btn.gif) no-repeat; padding:4px 18px; color:#FFFFFF}


/*----Nav 4---*/
#nav4{ float:right; font-size:1.3em; padding:6px; margin-top:0px; margin-right:0px;}

#nav4 a:hover{
	color: #999999;
	text-decoration: none;
}

#newsletter{background-color:#FFFFFF; background:url(../images/booking_btn.gif) no-repeat; padding:4px 13px; color:#FFFFFF}


/*--- Headerlinks ---*/
#headerLinks{clear:both; float:right; margin:16px 22px 0 0}
#headerLinks a:link, #headerLinks a:visited{text-decoration:underline; font-size:1.2em; padding:2px 3px;}

/*----edited by Mawuena 1st June 09 ---
#headerLinks a:hover{ background:#70B9BF; color:#fff}
*/

#headerLinks a:hover{ color:#999999}


/*----------- Col 2 ---------------*/
#col2 img { padding: 0 0 20px 0; }
#contact #col2 img, #contact #col1 img {padding: 0 5px 0 0;}
ul#promos {margin: 20px 0 0 0; padding: 0;}

#promos li {padding: 0px 0 10px 0; margin: 0; list-style:none;}
#promos a {display: block; width: 366px ; height: 107px;  text-indent: -9999px;}

/*--------- PROMOS ------------*/
#promoTour {background:url(../images/promo_tour.png) no-repeat top left; }
#promoTestimonials {background:url(../images/promo_testimonial.png) no-repeat top left; }
#promoAwards {background:url(../images/promo_awards.png) no-repeat top left; }
#promoExcellence {background:url(../images/promo_excellence.png) no-repeat top left; }
#promoTeam {background:url(../images/promo_team.png) no-repeat top left; }
#promoDaventry {background:url(../images/promo_daventry.png) no-repeat top left; }
#promoWellingborough {background:url(../images/promo_wellingborough.png) no-repeat top left; }
#promoHygiene {background:url(../images/promo_hygiene.png) no-repeat top left; }
#promoQuestion {background:url(../images/promo_question.png) no-repeat top left; }
#promoPhoto {background:url(../images/promo_photo.png) no-repeat top left; }
#promoFinance {background:url(../images/promo_finance.png) no-repeat top left; }
#promoMembership {background:url(../images/promo_membership.png) no-repeat top left; }
#promoNHSprivate {background:url(../images/promo_NHSvsPrivate.png) no-repeat top left; }
#promoHygienists {background:url(../images/promo_hygienists.png) no-repeat top left; }
#promoReception {background:url(../images/promo_reception.png) no-repeat top left; }
#promoNurses {background:url(../images/promo_nurses.png) no-repeat top left; }
#promoWellingboroughNHS {background:url(../images/promo_wellingborough_nhs.png) no-repeat top left; }
#promogeneraldentalcare {background:url(../images/promo_gdc.png) no-repeat top left; }
#promogeneraldentalcare2 {background:url(../images/promo_gdc2.png) no-repeat top left; }
#promoCosmeticdentistry {background:url(../images/promo_cosmeticdentistry.png) no-repeat top left; }
#promodentists {background:url(../images/promo_dentists.png) no-repeat top left; }
#promoSmilegallery {background:url(../images/promo_smilegallery.png) no-repeat top left; }
#promoWrinklereduction {background:url(../images/promo_wrinkle.png) no-repeat top left; }
#promoDermalfillers {background:url(../images/promo_dermal.png) no-repeat top left; }
#promoInvisalignEvening {background:url(../images/promos_Invisalign_open_evening.png) no-repeat top left; }

#promos li a:hover, 
#promos li a:active {background-position: -370px top;}




	

#footer {clear: both; background:url(../images/footer_bg.png) no-repeat bottom left; height: 29px;}
#footer p {text-align:center; padding: 0;}
#footer a {color:#999999; font-size: 90%}

#post-footer {width: 868px; margin: 0 auto 0px auto; padding: 0 0 20px 0; }
#post-footer  p {text-align: center;}

	
/******* LOADING *******/  
#loading{  
    text-align: center;  
    visibility: hidden;  
}  

#keyImg {clear: both; padding-left: 40px;}
#keyImg img, #map1, #map2 {float: left; margin-right:20px;}
#map1, #map2 {border: 1px solid #70b9bf}
	
.highlight_box {
	background: #70b9bf /* oradi green*/;
	width:420px;
	
	
	}
	.highlight_box2 {
	background: #70b9bf /* oradi green*/;
	width:350px;
	margin:15px 0 0 15px;
	
	
	
	}
.highlight_box h2, .highlight_box2 h2 {
	background: #9bced2  /*30% oradi green*/;
	color: #FFFFFF;
	padding: 10px;
	text-align:left;
	font-size:1.5em;
	}
.highlight_box p, .highlight_box a, .highlight_box2 p, .highlight_box2 a{color: #FFFFFF; padding: 5px; display: block;}
	
.highlight_box ul li, .highlight_box2 ul li {
	color: #FFFFFF;
	padding-bottom: 8px;
	}
	
.highlight_box ul.tick li, .highlight_box2 ul.tick li{
	list-style: url(../images/tick.png);
	}
.pdf a{background-image:url(../../images/button_bg_pdf.png)}
.button a:hover, .button a:active {background-position: bottom left; text-decoration:none;}

#finance_table {border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; padding:0}
#finance_table tr th{ background:#999999; color:#FFFFFF; padding:5px; text-align:center}
#finance_table td{border-right:1px solid #CCCCCC; text-align:center; padding:5px 3px}

.rowElem label{width:70px; float:left; display:block;}


.rowElem2 label{width:100px; float:left; display:block;}

.rowElem{clear:both}

#form_button1{ border:1px solid #5B779C; margin:10px 0 0 90px; padding:2px 5px; background:#70B9BF; font-weight:bold; color:#fff}
#change_form{border:1px solid; padding:20px; width:360px}
#change_form1{border:1px solid; padding:20px; width:320px}
/* Additions for the Contact Page made by Mawuena 1st July 09 */

#refer {
	border: 1px solid #70b9bf;
	padding: 5px;
	margin: 5px 3px 5px 2px;
}


div.goldenMainColumn 

{
float: left;
width: 606px;
	border: 1px solid #70b9bf;
	padding-left: 30px;
	padding: 35px;
	margin-left: 35px;
}

div.goldenMainColumn textarea
{
	width: 100%;
	height: 90px;
	
}

.referaltable label, td{
	font-size: 12px;
	line-height: 1.1em;
	padding-right: 5px;
	padding-left: 0px;
	margin-bottom: 0px;
	width: 130px;
	text-align: left;
}


.referaltable2 label, td{
	font-size: 12px;
	line-height: 1.1em;
	padding-right: 5px;
	padding-left: 0px;
	margin-bottom: 0px;
	width: 250px;
	text-align: left;
	
}
.referaltable textarea{
	overflow:auto;
}
.referaltable textarea input {
	
	width: 216px;
}


.rowElem1 label 

{
float: left;
display: block;
}
table.referaltable {
	padding-bottom: 1px;
	vertical-align: top;
}

div.goldenMainColumnhalf

{
float: left;
width: 360px;
	border: 1px solid #70b9bf;
	padding-left: 0px;
	padding: 25px;
	margin-top: 30px;
	}