/*  
Theme Name: Resolution
Theme URI: http://www.cognique.co.uk  
Description: Last updated 00/00/0000
Version: 1.0
Author: James Patten
Author URI: http://www.cognique.co.uk
*/

/* The Normaliser! (after Andy Clarke and Tantek) */

/* Norm margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}

/* Norm font-size for headings */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* Remove table styles */
table {border-collapse:collapse; border-spacing:0;}

/* Remove borders from fieldset and img */
fieldset, img {border:0;}

/* Left-align captions and table headings */
caption, th {text-align:left}

/* Remove underlines from links */
:link,:visited {text-decoration:none}

/* Remove default nasty blue borders from image links */
a img,:link img,:visited img {border:none}

/* End of The Normaliser! */

html {
	min-width:960px;
	width:auto !important;
	width:960px;
}
	
body {
	margin:0;
	padding:0;
	font-size:76%;
	font-family:Verdana;
	color:#FFFFFF;
	background:url(/images/resolution-specialist-treatment-centre-body-bg.jpg) top center no-repeat #5a3795;
}

.skip {
	position:absolute; 
	left:-9000px; 
	top:0;
}

a,a:visited{
	color:#FFFFFF;
	text-decoration:none;	
}

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

#wrap {
	margin:0 auto 0 auto;
	padding:0;	
	width:960px;
}

#wrap #wrap-inner {
	float:left;
	display:inline;
	position:relative;
	clear:both;	
	margin:0;
	padding:0;
	width:960px;
}

#wrap #wrap-inner #header {
	float:left;
	display:inline;
	position:relative;
	clear:both;	
	margin:0;
	padding:0;
	width:960px;
	height:142px;
}

#wrap #wrap-inner #header #logo {
	float:left;
	display:inline;
	position:relative;
	margin:28px 0 0 8px;
	padding:0;
	width:233px;
	height:115px;
}

#wrap #wrap-inner #header #strapline {
	float:left;
	display:inline;
	position:relative;
	margin:90px 0 0 355px;
	padding:0;
	width:225px;
	height:34px;
}

#wrap #wrap-inner #navigation {
	float:left;
	display:inline;
	position:relative;
	clear:both;	
	margin:0;
	padding:0;
	width:960px;
	height:35px;
	z-index:2000;
}

#wrap #wrap-inner #navigation #navlist, #wrap #wrap-inner #navigation #navlist ul {
	margin:0 0 0 81px;
	padding:0;
	list-style:none;
	z-index:3000;
}

#wrap #wrap-inner #navigation  #navlist li {
	float:left;
	margin:0;
	padding:0;
	font-size:100%;
	line-height:110%;
}

#wrap #wrap-inner #navigation #navlist li a {
	*float:left; /* IE6 ISSUE */
	display:block;
	margin:0;
	padding:10px 0 0 0;
	text-decoration:none;
	text-align:center;
	background:url(/images/resolution-specialist-treatment-centre-navigation-li-bg.gif) top left repeat-x;	
	color:#231f20;
	border-left:1px solid #5a3795;
	height:25px;
	font-weight:bold;
}

#wrap #wrap-inner #navigation #navlist li a:hover, #wrap #wrap-inner #navigation #navlist li.selected a {
	background:url(/images/resolution-specialist-treatment-centre-navigation-li-selected-bg.gif) top left repeat-x;
	color:#FFFFFF;
}

#wrap #wrap-inner #navigation #navlist li#first a {
	background:url(/images/resolution-specialist-treatment-centre-navigation-li-round-bg.gif) top left no-repeat;	
	border-left:none;
}

#wrap #wrap-inner #navigation #navlist li#last a {
	background:url(/images/resolution-specialist-treatment-centre-navigation-li-round-bg.gif) top right no-repeat;	
	border-left:1px solid #5a3795;
}

#wrap #wrap-inner #navigation #navlist li#first.selected a, #wrap #wrap-inner #navigation #navlist li#first  a:hover {
	background:url(/images/resolution-specialist-treatment-centre-navigation-li-round-selected-bg.gif) top left no-repeat;	
	border-left:none;
}

#wrap #wrap-inner #navigation #navlist li#last.selected a, #wrap #wrap-inner #navigation #navlist li#last a:hover {
	background:url(/images/resolution-specialist-treatment-centre-navigation-li-round-selected-bg.gif) top right no-repeat;	
	border-left:1px solid #5a3795;
}

#wrap #wrap-inner #navigation #navlist li a.doubleline {
	padding-top:4px;
	height:31px;
}

#wrap #wrap-inner #navigation #navlist li ul {
	*clear:left; /* IE6 ISSUE */
	position:absolute;
	padding:0;
	margin:0;	
	left:-999%;
	width:150px;
	z-index:4000;
}
#wrap #wrap-inner #navigation #navlist li ul li{ 
	float:left;
	padding:0;
	margin:0;	
	width:150px;
	list-style-image:none;
	font-size:100%;
	line-height:110%;	
}
#wrap #wrap-inner #navigation #navlist li ul li a {
	display:block;
	padding:9px 0 0 10px;
	margin:0;	
	width:140px;
	height:24px;
	background:none #bbb0d6 !important;	
	color:#231f20 !important;
	border-top:none;
	border-left:1px solid #5a3795;
	border-right:1px solid #5a3795;
	border-bottom:1px solid #5a3795;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
}
#wrap #wrap-inner #navigation #navlist li ul li a:hover {
	color:#FFFFFF !important;
	background:none #5a3795 !important;	
}
#wrap #wrap-inner #navigation #navlist li:hover ul ul, #wrap #wrap-inner #navigation #navlist li:hover ul ul ul, #wrap #wrap-inner #navigation #navlist li.sfhover ul ul, #wrap #wrap-inner #navigation #navlist li.sfhover ul ul ul {
	left:-999%;
}
#wrap #wrap-inner #navigation #navlist li:hover ul, #wrap #wrap-inner #navigation #navlist li li:hover ul, #wrap #wrap-inner #navigation #navlist li li li:hover ul, #wrap #wrap-inner #navigation #navlist li.sfhover ul, #wrap #wrap-inner #navigation #navlist li li.sfhover ul, #wrap #wrap-inner #navigation #navlist li li li.sfhover ul {
	left:auto;
}	

#wrap #wrap-inner #subsites {
	float:left;
	display:inline;
	position:relative;
	clear:both;	
	margin:0;
	padding:0;
	width:960px;
	height:70px;
	z-index:1000;
}

#wrap #wrap-inner #subsites a, #wrap #wrap-inner #subsites a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#wrap #wrap-inner #subsites a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#wrap #wrap-inner #subsites #subsite-1 {
	float:left;
	display:inline;
	margin:12px 0 0 142px;
	padding:45px 0 0 0;
	*padding:46px 0 0 0;
	width:165px;
	height:13px;
	background:url(/images/resolution-private-patients-subsite-logo.gif) top right no-repeat;
	font-size:80%;
	line-height:100%;	
	color:#FFFFFF;
	text-align:center;
}

#wrap #wrap-inner #subsites #subsite-1  a{
	padding:43px 9px 2px 9px;
}

#wrap #wrap-inner #subsites #subsite-2 {
	float:left;
	display:inline;
	margin:12px 0 0 20px;
	padding:45px 0 0 0;
	*padding:46px 0 0 0;
	width:164px;
	height:13px;
	background:url(/images/resolution-yeovil-orthodontics-subsite-logo.gif) top right no-repeat;
	font-size:80%;
	line-height:100%;	
	color:#FFFFFF;
	text-align:center;
}

#wrap #wrap-inner #subsites #subsite-2  a{
	padding:43px 9px 2px 9px;
}

#wrap #wrap-inner #subsites #subsite-3 {
	float:left;
	display:inline;
	margin:22px 0 0 20px;
	padding:35px 0 0 0;
	*padding:36px 0 0 0;
	width:163px;
	height:13px;
	background:url(/images/the-headache-clinic-subsite-logo.gif) top right no-repeat;
	font-size:80%;
	line-height:100%;	
	color:#FFFFFF;
	text-align:center;
}

#wrap #wrap-inner #subsites #subsite-3  a{
	padding:35px 6px 2px 6px;
}

#wrap #wrap-inner #breadcrumb {
	float:left;
	display:inline;
	position:relative;
	clear:both;	
	margin:70px 0 0 0;
	padding:0 0 0 250px;
	width:710px;
	font-size:90%;
	color:#FFFFFF;
	overflow:hidden;
}

#wrap #wrap-inner #breadcrumb a, #wrap #wrap-inner #breadcrumb a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#wrap #wrap-inner #breadcrumb a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#wrap #wrap-inner #content {
	float:left;
	display:inline;
	position:relative;
	clear:both;	
	margin:10px 0 0 0;
	padding:0 0 0 0;
	width:960px;
	overflow:hidden;
}

#wrap #wrap-inner #content #left {
	float:left;
	display:inline;
	position:relative;
	margin:0;
	padding:15px 0 0 0;
	width:220px;
}

#wrap #wrap-inner #content #left .image {
	float:left;
	display:inline;
	position:relative;
	margin:0;
	padding:0;
	width:220px;
	text-align:right;
}

#wrap #wrap-inner #content #middle {
	float:left;
	display:inline;
	position:relative;
	margin:0;
	padding:15px 28px 0 28px;
	_padding:15px 26px 0 26px;
	width:429px;
}

#wrap #wrap-inner #content #middle h1 {
	margin:0;
	padding:0 0 15px 0;
	font-weight:normal;
	font-size:175%;
	line-height:100%;
	color:#00b6b9;
}

#wrap #wrap-inner #content #middle h2 {
	margin:0;
	padding:0 0 15px 0;
	font-weight:normal;
	font-size:140%;
	line-height:100%;
	color:#00b6b9;
}

#wrap #wrap-inner #content #middle h2 a, #wrap #wrap-inner #content #middle h2 a:hover, #wrap #wrap-inner #content #middle h2 a:visited  {
	text-decoration:none;
	color:#00b6b9;
}

#wrap #wrap-inner #content #middle h3 {
	margin:0;
	padding:0 0 15px 0;
	font-weight:bold;
	font-size:115%;
	line-height:100%;
	color:#00b6b9;
}

#wrap #wrap-inner #content #middle p {
	margin:0;
	padding:0 0 15px 0;
	font-weight:normal;
	font-size:115%;
	line-height:120%;
	color:#FFFFFF;
}

#wrap #wrap-inner #content #middle ul { 
	margin:-5px 0 0 0;
	padding:0 0 15px 15px;
	color:#FFFFFF;
	font-size:115%;
	line-height:120%;	
	list-style-type:square;	
}

#wrap #wrap-inner #content #middle ul ul { 
	margin:0;
	padding: 0 0 0 15px;
	color:#FFFFFF;
	font-size:100%;
	line-height:120%;	
	list-style-type:square;	
}

#wrap #wrap-inner #content #middle ol { 
	margin:-5px 0 0 0;
	padding:0 0 15px 25px;
	color:#FFFFFF;
	font-size:115%;
	line-height:120%;	
	list-style-type:decimal;	
}

#wrap #wrap-inner #content #middle ol ol { 
	margin:0;
	padding: 0 0 0 25px;
	color:#FFFFFF;
	font-size:100%;
	line-height:120%;	
	list-style-type:decimal;
}

#wrap #wrap-inner #content #middle li { 
	margin:0;
	padding:5px 0 0 0;
}

#wrap #wrap-inner #content #middle a , #wrap #wrap-inner #content #middle a:visited{
	color:#FFFFFF;
	text-decoration:underline;
}

#wrap #wrap-inner #content #middle a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#wrap #wrap-inner #content #middle #promotions {
	float:left;
	display:inline;
	position:relative;
	margin:0;
	padding:7px 7px 7px 7px;
	width:420px;
	background-color:#00b5bc;
}

#wrap #wrap-inner #content #middle #promotions #promotions-inner-wrap {
	float:left;
	display:inline;
	position:relative;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

#wrap #wrap-inner #content #middle #promotions #promotions-inner-wrap #promotions-image {
	float:left;
	display:inline;
	position:relative;
	margin:0 0 0 12px;
	padding:0;
	height:48px;
	width:48px;
	background: url(/images/promotions-inner-h1-bg.gif) #FFFFFF no-repeat left center;
}

#wrap #wrap-inner #content #middle #promotions #promotions-inner-wrap #promotions-inner {
	float:left;
	display:inline;
	position:relative;
	margin:0;
	padding:10px 12px 0 0;
	width:348px;
	background-color:#FFFFFF;
}

#wrap #wrap-inner #content #middle #promotions #promotions-inner-wrap #promotions-inner h1 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:175%;
	line-height:100%;
	color:#00b6b9;
	text-align:center;
}

#wrap #wrap-inner #content #middle #promotions #promotions-inner-wrap #promotions-inner p {
	margin:0;
	padding:12px 0 12px 0;
	font-weight:normal;
	font-size:115%;
	line-height:115%;
	color:#231f20;
	text-align:center;
}

#wrap #wrap-inner #content #middle #promotions #promotions-contact {
	float:left;
	display:inline;
	margin:0;
	padding:5px 0 5px 0;
	text-align:center;
	width:420px;
	background-color:#00b5bc;
}

#wrap #wrap-inner #content #middle #promotions #promotions-contact h1 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:200%;
	line-height:115%;
	color:#57379a;
}

#wrap #wrap-inner #content #right {
	float:left;
	display:inline;
	position:relative;
	margin:0;
	padding:15px 0 0 0;
	width:255px;
	height:auto;
}

#wrap #wrap-inner #content #right h1 {
	margin:0;
	padding:0 0 15px 0;
	font-weight:normal;
	font-size:160%;
	line-height:100%;
	color:#00b6b9;
}

#wrap #wrap-inner #content #right h2 {
	margin:0;
	padding:0 0 15px 0;
	font-weight:normal;
	font-size:125%;
	line-height:100%;
	color:#00b6b9;
}

#wrap #wrap-inner #content #right h3 {
	margin:0;
	padding:0 0 15px 0;
	font-weight:bold;
	font-size:100%;
	line-height:100%;
	color:#00b6b9;
}

#wrap #wrap-inner #content #right .flash{
	float:left;
	display:inline;
	position:relative;
	margin:0;
	padding:0 0 15px 0;
	width:255px;
	clear:both;
}

#wrap #wrap-inner #footer {
	float:left;
	display:inline;
	position:relative;
	clear:both;
	margin:0;
	padding:20px 0 25px 80px;
	width:880px;
	color:#FFFFFF;
	font-size:90%;
}

#wrap #wrap-inner #footer a,#wrap #wrap-inner #footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#wrap #wrap-inner #footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#wrap #wrap-inner #footer .highlight {
	color:#00b6b9;
}

.form-row {
    float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:0;
	width:100%;
}

label {
    float:left;
    display:inline;
	margin:0;
	font-size:128%;
	line-height:120%;
	color:#FFFFFF;
	width:100px;
}

.fmbutton {
	margin:0;
	padding:0 10px 0 10px;
	border:none;
	background-color:#FFFFFF;
	color:#231f20;		
    font-family:Verdana;
	text-align:center;
	font-size:128%;
	line-height:120%;
	font-weight:bold;
	cursor:pointer;
	height:30px;
}

.errorbox {
	font-weight:bold;
	color:#FF0000;
	text-align:center;
	border:1px solid #FF0000;
	margin:0 0 15px 0;
	padding:8px;
	background-color:#FFD2D2;
}

.error {
	font-weight:bold;
	color:#FF0000;
}

.successbox {
	font-weight:bold;
	color:#33BB11;
	text-align:center;
	border:1px solid #33BB11;
	margin:0 0 15px 0;
	padding:8px;
	background-color:#DFF5D9;
}

.success {
	font-weight:bold;
	color:#33BB11;
}

#tinybox {
	position:absolute; 
	display:none;  
	padding:0; 
	background:#FFFFFF url(/images/preload.gif) no-repeat 50% 50%; 
	border:2px solid #5a3795; 
	z-index:2000;
	background-color:#FFFFFF;
	overflow:auto;
}

#tinymask {
	position:absolute; 
	display:none; 
	top:0; 
	left:0; 
	height:100%; 
	width:100%; 
	background-color:#FFFFFF; 
	z-index:1500
}

a.tt-cognique {
    position:relative;
    z-index:24;
	text-decoration:none;
	font-size:1em;
	text-decoration:none !important;
	color:#af83a2;
}

a.tt-cognique span {
	display:none;
}

a.tt-cognique:hover {
	z-index:25;
	text-decoration:none !important;
}

a.tt-cognique:hover span.tooltip {
    display:block;
    position:absolute;
    top:0px; 
    left:0px;
	padding:0;
	width:200px;
	color:#FFFFFF;
    text-align:center;
	filter:alpha(opacity:90);
	KHTMLOpacity:0.90;
	MozOpacity:0.90;
	opacity:0.90;
	text-decoration:none;
}

a.tt-cognique:hover span.top {
	display:block;
	padding:10px 10px 0 10px;
    background-color:#000000;
	border-left:2px solid #4d4d4d;
	border-right:2px solid #4d4d4d;
	border-top:2px solid #4d4d4d;
}

a.tt-cognique:hover span.middle {
	display:block;
	padding:0 10px 0 10px;
	background-color:#000000;
	border-left:2px solid #4d4d4d;
	border-right:2px solid #4d4d4d;
	font-size:0.8em;
}

a.tt-cognique:hover span.bottom {
	display:block;
	padding:10px 10px 0 10px;
    background-color:#000000;
	border-left:2px solid #4d4d4d;
	border-right:2px solid #4d4d4d;
	border-bottom:2px solid #4d4d4d;
}

.twitter {
	background: url(/images/twitter16.gif) no-repeat left center;
	padding-left: 22px;
}