/*
Theme Name: swiss smile
Theme URI: http://www.swiss-smile.co.uk
Description: Custom theme for www.swiss-smile.co.uk
Version: 1.0
Author: MWI
Author URI: http://mediawithimpact.co.uk
*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	CORE STYLESHEET

	Created: 24.06.08
	Author: dAN FARROW
	dan @ squarebracket . net
	Uses parts of:
	developer.yahoo.com/yui/reset/
	developer.yahoo.com/yui/fonts/
	developer.yahoo.com/yui/base/
	~~~~~~~~~~~~~~~~~~~~~~~~~~~
	
	FONT SIZE REFERENCE
	declare font size using percentages
	{font-size:85%;}  /*renders 11px

	10	px =	77	%
	11	px =	85	%
	12	px =	93	%
	13	px =	100	%
	14	px =	108	%
	15	px =	116	%
	16	px =	123.1	%
	17	px =	131	%
	18	px =	138.5	%
	19	px =	146.5	%
	20	px =	153.9	%
	21	px =	161.6	%
	22	px =	167	%
	23	px =	174	%
	24	px =	182	%
	25	px =	189	%
	26	px =	197	%
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 developer.yahoo.com/yui/reset-fonts/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#fff;background:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 developer.yahoo.com/yui/base/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{/*border:1px solid #000;*/padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{/*width:12.25em;*width:11.9em;*/}


/*~~~~~~~~~~~~~~~~~~~

	TAGS

~~~~~~~~~~~~~~~~~~~*/

html {overflow-y:scroll}

/* Body */
body {background:#000; color:#fff; font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.3em; padding:0 0 20px 0;}
*{margin:0; padding:0;}

a:link, a:visited {
	/*padding:4px;*/
	color:#ffffff;
	text-decoration:none;
}
a:hover, a:focus, a:active {
	color:#fff;
	text-decoration:underline;
}

h1,h2,h3,h4 {margin-top:0; font-weight:normal;}

/* =========================

	Main wrap

========================== */

#wrap {color:#fff; margin:0 auto; width:873px; position:relative; overflow:hidden;}

/* =========================

	Header

========================== */

#header {
	height:167px;
	background:transparent url(images/header_bg.jpg) left bottom no-repeat;
}
	#logo {
		position:absolute;
		top:16px; right:0;
		width:196px;
		height:75px;
		overflow:hidden;
		text-indent:-1500px;
		background:transparent url(images/header_logo_bg.jpg) left top no-repeat;
	}
		#logo a {display:block; width:100%; height:100%; background:none;}

	ul#top_nav {
		list-style:none; margin:0;
		height:30px;
	}
		ul#top_nav li {
			list-style:none; 
			float:left;
			padding-right:14px;
			width:auto;
		}
		/* top_nav link styling */	
		ul#top_nav a {
			font-size:100%;
			float:left;
			display:block;
			height:100%;
			color:#999;
			padding-top:20px;
		}
		/* top_nav link hover highlighting */
		ul#top_nav a:hover, ul#top_nav a:focus, ul#top_nav a:active {
			color:#fff; background:none;
			text-decoration:none;
		}

		/* top_nav page specific highlighting */
		body.home ul#top_nav li.home a,
		body.news-press ul#top_nav li.news-press a,
		body.testimonials ul#top_nav li.testimonials a,
		body.help-and-glossary ul#top_nav li.help-and-glossary a,
		body.careers ul#top_nav li.careers a,
		body.corporate ul#top_nav li.corporate a,
		body.dental-clinic-contact ul#top_nav li.contact a {
			color:#fff;
			background:transparent url(images/top_nav_a_hover_bg.gif) left top repeat-x;
		}
		
	ul#main_nav {
		clear:left;
		list-style:none; margin:0;
		height:40px;
		position:absolute;
		top:101px;
	}
		ul#main_nav li {
			display:block;
			height:100%;
			float:left;
		}
		/* main_nav link styling */	
		ul#main_nav a {
			display:block;
			height:100%;
			color:#aaa;
			padding:0;
		}
		/* main_nav link hover highlighting */
		ul#main_nav a:hover, ul#main_nav a:focus, ul#main_nav a:active {
			color:#fff; background:none;
		}
		ul#main_nav li {
			background:transparent url(images/main_nav_bg.gif) left top no-repeat;
			text-indent:-1000px;
			overflow:hidden;
		}
		/* main_nav widths and background offsets */
		ul#main_nav li.the-centre {			width:105px; background-position:0 0;		}
		ul#main_nav li.cosmetic-dentistry {	width:163px; background-position:-105px 0;	}
		ul#main_nav li.general-dentistry {	width:160px; background-position:-268px 0;	}
		ul#main_nav li.swiss-smile-kids {	width:143px; background-position:-428px 0;	}
		ul#main_nav li.emergency-service {	width:161px; background-position:-571px 0;	}
		ul#main_nav li.dental-products {	width:141px; background-position:-732px 0;	}
	
		/* main_nav page specific highlighting */
		body.the-centre ul#main_nav li.the-centre a, 							ul#main_nav li.the-centre a:hover 			{ background:transparent url(images/main_nav_bg.gif) 0 		-40px no-repeat; }
		body.cosmetic-dentistry ul#main_nav li.cosmetic-dentistry a, 			ul#main_nav li.cosmetic-dentistry a:hover 	{ background:transparent url(images/main_nav_bg.gif) -105px -40px no-repeat; }
		body.general-dentistry ul#main_nav li.general-dentistry a, 				ul#main_nav li.general-dentistry a:hover 	{ background:transparent url(images/main_nav_bg.gif) -268px -40px no-repeat; }
		body.swiss-smile-kids ul#main_nav li.swiss-smile-kids a, 				ul#main_nav li.swiss-smile-kids a:hover		{ background:transparent url(images/main_nav_bg.gif) -428px -40px no-repeat; }
		body.dental-emergency-service ul#main_nav li.emergency-service a, 		ul#main_nav li.emergency-service a:hover	{ background:transparent url(images/main_nav_bg.gif) -571px -40px no-repeat; }
		body.dental-products ul#main_nav li.dental-products a, 					ul#main_nav li.dental-products a:hover		{ background:transparent url(images/main_nav_bg.gif) -732px -40px no-repeat; }
	


	#main_pic {
		height:180px;
		background:#000;
	}

/* Content */
#content {
	clear:both;
	padding:23px 0pt 35px;
	background:transparent url(images/content_bg.jpg) top left no-repeat;
	position:relative;
	width:100%;
	z-index:1;
	line-height:1.5em; 
	margin:0;
	text-align:left;
	min-height:252px;
	_height:252px;
}

/* =========================

	3 column layout 

========================== */

.columnSet {
	clear:both;
}

.leftColumns {
	float:left; 
	width:662px;
}


.centerColumn {
	float:left;
	width:637px;
	padding:0 25px 0 0;
}	
	body.testimonials .centerColumn h1 {
		margin-bottom:6px;
	}
.leftColumns .centerColumn {
	float:right;
	width:401px;
	padding:0 24px;
}
	.centerColumn h1 {
		font-size:138.5%;
		height:20px;
		border-bottom:1px solid #3c3c3c;
		padding-bottom:6px;
	}
.leftColumn {
	float:left;
	width:211px;
	overflow:hidden;
}

	.leftColumn h3, .centerColumn h3 {
		color:#aaa;
		height:20px;
		text-transform:uppercase;
		border-bottom:1px solid #3c3c3c;
		margin-bottom:0;
		padding-bottom:6px;
	}
	.leftColumn ul {
		list-style:none;
		margin:0;
	}
	.leftColumn ul li {
		display:block;
		padding:0;
		border-bottom:1px solid #3c3c3c;
	}
	.leftColumn ul li a {
		padding:6px 0 6px 14px;
		display:block;
		color:#888;
		text-decoration:none;
	}

	
	/* third level menu styling */
	/* hide third level menus except for current*/
	.leftColumn ul ul {display:none;}
	.leftColumn ul li.current_page_item ul, .leftColumn ul li.current_page_ancestor ul {display:block;}
	
	.leftColumn ul ul li {
		border-bottom:none;
		border-top:1px solid #3c3c3c;
	}
	.leftColumn ul ul li a {
		padding:6px 0 6px 28px;
	}

	/* current style & hover style on left menu item */
	.leftColumn ul li a:hover, .leftColumn ul li.current_page_item a {
		background:#222222;
		text-decoration:none;
		color:#fff;
	}
	
	/* current style on left menu item */
	.leftColumn ul li.current_page_item a {
		padding-left:9px;
		border-left:5px solid #fff;
	}
	/* override current style for children of current menu item */
	.leftColumn ul li.current_page_item ul a {background:#111111; padding-left:28px; border-left:none; color:#888;}
	.leftColumn ul li.current_page_item ul a:hover {background:#222222; color:#fff;}
	
	/* styling for current grandchild menu items */
	.leftColumn ul ul li.current_page_item a {padding-left:23px}
	
.rightColumn {
	float:right;
	position:relative;
	width:199px;
	padding-bottom:20px;
}
	.rightColumn h3 {
		color:#aaa;
		text-transform:uppercase;
	}
	.rightColumn #question_widget {
		background:#3c3c3c url(images/answer_div_bg.jpg) top right no-repeat;
		padding:6px;
		border-bottom:1px solid #3d3d3d;
	}
		#question_widget h3, #answer_div h3 {
			margin-bottom:6px;
		}
		#question_widget label {font-size:85%; color:#aaa;}
		#question_widget input {
			font-size:11px;
			width:120px;
			color:#8b8b8b;
			padding:3px;
			border-top:1px solid #7e7e7e;
			border-right:1px solid #c4c4c4;
			border-bottom:1px solid #dedede;
			border-left:1px solid #c4c4c4;
		}
		#searchform {

		}
		#searchform button.ask_button {
			position:relative;
			top:2px;
			text-indent:-1000px;
			border:0;
			width:50px;
			height:21px;
			overflow:hidden;
			margin-left:2px;
			background:url(images/search_button_bg.gif) left top no-repeat;
			cursor:pointer;
		}
		#searchform button.ask_button:hover {
			background:url(images/search_button_bg.gif) left bottom no-repeat;
		}
	.rightColumn #answer_div {
		background:#3c3c3c url(images/answer_div_bg.jpg) top right no-repeat;
		padding:6px;
		border-bottom:1px solid #3d3d3d;
	}
	#answer_div ul {margin:0;}
	#answer_div li {list-style:none; }
	#answer_div li a {
		padding:2px 0 2px 17px;
		background:transparent url(images/arrow.gif) no-repeat scroll 4px 8px;
		display:block;
	}
/* special column formatting for home, news... pages */
/* TODO change ids to classes for extra rows of three columns */
body.three_even_columns .leftColumns {
	width:598px;
}

body.three_even_columns .leftColumns .centerColumn  {
	width:275px;
}

body.three_even_columns .leftColumn {
	width:275px;
}

body.three_even_columns .rightColumn {
	width:275px;
}
	body.three_even_columns .rightColumn #question_widget {
		
	}
	body.three_even_columns .rightColumn #question_widget input {
		width:196px;
	}
	

body.three_even_columns a.standout_link {
	margin-top:20px;
	border-top:1px solid #3c3c3c;
}

/* =========================

	Footer

========================== */	
#footer {
	border-top:1px solid #3b3b3b;
	position:relative;
	clear:both;
	padding-top:10px;
	font-size:93%;
}
#footer .right_align {
	position:absolute;
	right:0; top:10px;
}

/* =========================

	Promo boxes

========================== */
.news_div {
	border-bottom:1px solid #3c3c3c;
	padding:10px 10px 10px 0;
}

.promo {
	padding:10px 0;
	border-bottom:1px solid #3c3c3c;
	display:block;
	float:left;
	width:125px;
}

.top_promo {
	margin-top:26px;
	border-top:1px solid #3c3c3c;	
}

.promo.leftmost {
	margin-right:25px;
}

.promo p {
	font-size:93%;
}


a.lowlighted_link, p.lowlighted {
	font-size:93%;
	color:#666666;
}


.promo p {
	font-size:100%;
}

/* =========================

	Misc

========================== */
a.standout_link {
/*	font-size:93%;*/
	display:block;
	border-bottom:1px solid #3c3c3c;
	padding:6px 10px 6px 23px;
	background:url(images/arrow.gif) 10px 12px no-repeat;
}

.news_div .date {
	font-size:85%;
}
.team_member {
	width:401px;
	clear:left;
	float:left;
	border-bottom:1px solid #3c3c3c;
	padding:0 10px 10px 0;
	margin-bottom:20px;
}
	.team_member img {
		width:76px; height:100px;
		float:left;
		margin-right:20px;
	}
#a-z_ul {
	list-style:none;
	margin:0;
}
	#a-z_ul li {
		list-style:none;
		border-bottom:1px solid #3c3c3c;
	}
	#a-z_ul li a {
		display:block;
		padding:8px 0;
	}
	
span.wpcf7-list-item-label {
	font-size:93%;
}

#pressPhotos_div {
	background-color:#000;
	padding:32px;
	position:relative;
	height:200px;
}
#pressPhotosNavPrev_a {
	position:absolute;
	left:10px;
	top:80px;
}
#pressPhotosNavNext_a {
	position:absolute;
	right:10px;
	top:80px;
}
#pressPhotos_div #photos {
	text-align:center;
}
	.flickrPic {
		background-color: #fff;
		border: 1px solid #a9a9a9;
		padding: 4px;
	}

	.flickrPic img:hover {
		border: 1px solid #fff;
	}

.flickrPic-ds {
	display:inline;
}
 
.flickrPic-ds img {
	 background-color: #000;
	 border: 1px solid #333;
	 margin: 0 12px;
	 padding: 12px;
}
span.wpcf7-list-item {
	margin-left: 0;
}