@charset "utf-8";

/*
==========================================================================
	
	STYLE.CSS | CSS FRAMEWORK
	--------------------------
 	Main Project specific styles
	
	- DILWORTH HEARING -
	
	author: FuelDesign Ltd www.fueldesign.co.nz
	updated: 18th Nov 08
	maintained: Stephen Blignault

	Contents:
	--------------------------
	1 - Default Typography Sizing, Colours and Margins
	2 - Global Styles for types
	3 - Main Structural Divs
	4 - Header styles
	5 - Main body Styles
	6 - Footer Styles
	7 - Page Specific styles
	8 - CMS editor CSS
	9 - CoreCMS modules

==========================================================================
*/
	@import url("base.css");
	@import url("forms.css");

/*
==========================================================================
1 - Default Typography Sizing, Colours and Margins
==========================================================================
*/
/* white-space: normal | pre | nowrap | pre-wrap | pre-line | inherit */
body		{color:#666;background-color:#fff;text-align:center;font-family:Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;font-variant:normal;white-space:normal; }
body.small	{font-size:0.7em;line-height:1.0em;}
body.medium	{font-size:0.8em;line-height:1.2em;}
body.large	{font-size:1.0em;line-height:1.4em;}

/*
==========================================================================
2 - Global Styles for types
==========================================================================
*/
/* links */
a:link, a:visited					{border-bottom:none;color:#12175e;}
a:hover, a:active					{border-bottom:1px solid #999;}
/* remove dotted outlines in FF */
a:hover, a:active, a:focus, :focus	{outline:0 none;}
a:link.external, a:visited.external	{background:transparent url("../images/bg/external.gif") top right no-repeat;padding-right:12px;}
/* paragraphs */
p { line-height:22px; font-size: 1.075em; }
p:first-letter {  }
p:first-line {  }
/* list types Style */
ul									{margin:5px 0 14px;padding-left:30px;}
ul li								{margin:5px 0;}
ol									{margin:5px 0 14px;padding-left:30px;}
ol li								{margin:10px 0;}
dl dt								{font-weight:bold;}
dl dd img							{display:inline;}
/* ol li { list-style-type: lower-alpha; list-style-position: inside; } */
/* blockquotes */
/*
blockquote							{background-color:#f5f5f5;margin-bottom:1em; }
blockquote p						{font-family:georgia,"times new roman",serif;color:#ccc;font-size:1.5em;margin:5px 5px 5px 10px; }
blockquote p cite					{font-style:normal;color:#ccc;font-weight:bold; }
*/
/* Quote */
quote {  }
/* strong */
strong {  }
strong.error						{color:#f00;}
/* em */
em.required							{color:#f00;font-weight:bold;font-style:normal;}
/* headers */
h1, h2, h3, h4						{color:#333;}
h1									{color:#12175e;font-size:2em;line-height:1.2em;}
h2									{color:#ffd478;font-size:1.4em;line-height:1.4em;}
/* box model padding */
h1, h2, h3, h4, p, blockquote		{padding:0 0 15px;}

/*
==========================================================================
3 - Main Structural Divs
==========================================================================
*/

.three-col #header					{width:100%;margin:0px;text-align:left;margin:0 0 7px;}
.three-col #header-container		{border-bottom:1px solid #898baf;height:113px;width:982px;margin:0 auto;text-align:left;}
.three-col #container				{background-color:#fff;border-color:transparent #ccc #ccc;border-style:none solid solid;border-width:0 1px 1px;height:auto !important;height:700px;margin:0 auto;min-height:700px;position:relative;text-align:left;width:980px;}
	.three-col #main-content		{margin:0 30px 0 240px;}
	#main-content.right-tmp			{margin:0 240px 0 240px;}
	.three-col #left-sidebar		{position:absolute;top:0;bottom:0;left:0;width:240px;background:#fff url("../images/bg/bg-leftsidebar.png") repeat-x scroll 0 30px;}
	.three-col #right-sidebar		{position:absolute;top:0;bottom:0;right:0;width:240px;background:#fff;}
.three-col #footer					{width:100%;margin:0;text-align:left;}
.three-col #footer-container		{width:982px;margin:0 auto;}

/*
==========================================================================
4 - Header styles
==========================================================================
*/

#header a:hover, #header a:focus, #header a:active { border:0 none;text-decoration:none; }

/* #header-container allows centered content with full width header */
#logo								{right:36px;position:absolute;top:21px;}
#slogon								{color:#ffd478;font-size:22px;font-style:italic;font-weight:bold;left:26px;line-height:22px;position:absolute;top:47px;}
#header #header-container			{background-color:#12175e;position:relative;}

#navs-container						{width:100%;}
#navs-container .padding			{background:transparent url("../images/bg/bg-navs.png") repeat-x scroll 0 0;border-color:#f3f3f7 #ccc transparent;border-style:solid solid none;border-width:1px 1px 0;margin:0px auto;width:980px;}
#navs								{height:31px;line-height:31px;position:relative;}
#navs ul							{list-style:none; margin:0 0 0 17px;padding:0;}
#navs ul li							{display:block;float:left;font-family:arial;font-size:13px;height:31px;line-height:31px;margin:0;padding:0;}
#navs ul ul, #navs ul li img		{display:none;}
#navs a								{color:#12175e;border:0 none;padding:0 8px; font-size: 12px; text-transform: uppercase; }
#navs a:hover,#navs li.selected a	{border:0 none;color:#000;text-decoration:underline;}

#sizer								{bottom:0;float:left;font-size:12px !important;height:31px;line-height:31px;position:absolute;right:38px;}
#navs #sizer a						{color:black;padding:0 2px;}

#navs #sizer a.small				{font-size:10px !important;}
#navs #sizer a.medium				{font-size:12px !important;}
#navs #sizer a.large				{font-size:14px !important;}
/*
==========================================================================
5 - Main content styles
==========================================================================
*/

/* #left-sidebar styles */
#left-sidebar h3					{border-bottom:1px dotted;color:#333;font-size:1.3em;margin:0 5px 10px 30px;padding:0 0 4px;text-indent:0;}
#left-sidebar .padding				{padding:0 10px 14px 30px;}
#left-sidebar .padding h3			{margin:0 0 10px;}
#left-sidebar .title				{display:block;background:#b7b7d2;color:#fff;height:30px;line-height:30px;margin-bottom:15px;text-indent:25px;overflow:hidden;width:240px;}
#left-sidebar .title h2				{color:#fff;font-size:1em;line-height:30px;text-transform:uppercase;margin:0;padding:0;}

/* ***** Menu & Pages ***** */
.left-menu ul 						{width:240px;margin:15px 0;padding:0;}
.left-menu ul li					{width:240px;height:28px;display:block;list-style:none;margin:0;padding:0;}
.left-menu ul li a,.left-menu ul li a:link,.left-menu ul li a:visited
									{border:0 none;color:#59598E;display:block;font-size:1em;font-weight:bold;height:28px;line-height:28px;text-indent:30px;width:240px;}
.left-menu ul li a:active,.left-menu ul li a:hover,.left-menu ul li.selected a
									{width:240px; height:28px; display:block;background:#ffd478; font-weight:bold; color:#fff; border:0px none;}


.disabled				span		{display:none;}
/*general submenu*/
.disabled.Home			span.Home,
.disabled.Contact		span.Contact,
.disabled.News			span.News,
.disabled.Products		span.Products,
.disabled.Services		span.Services,
.disabled.Sitemap		span.Sitemap,
.disabled.Legal			span.Legal,
.disabled.Offers		span.Offers,
/*clinical info submenu*/
.disabled.Clinical		span.Clinical,
/*hearing submenu*/
.disabled.Hearing		span.Hearing,
/*aboutus submenu*/
.disabled.About			span.About,
.disabled.Audiologists	span.Audiologists,
.disabled.Clinicians	span.Clinicians,
.disabled.Surgeons		span.Surgeons,
/*clincs submenu*/
.disabled.Clinics		span.Clinics,
.disabled.Clinic		span.Clinic	{display:block;}

/* #right-sidebar styles */
#right-sidebar .padding				{padding:15px 10px 15px 10px;}

/* #main-content styles */
#main-content .breadscrumbs			{background-color:transparent;color:#666;height:30px;line-height:30px;overflow:hidden;padding:0 0 0 10px;width:auto;}
#main-content .padding				{padding:15px 10px;}
#main-content .padding.easter-egg	{background:transparent url("../images/bg/bg-canvas-easter-egg.png") no-repeat scroll 100% 0;}
#main-content ul li					{ width:90%; line-height: 23px; margin-bottom:5px; color:#13175e; list-style: square; }


#main-content ul li					{ width:90%; line-height: 23px; margin-bottom:5px; color:#13175e; list-style: square; }
#main-content ul					{}
#main-content ol li					{}
#main-content ol					{}

#main-content li ul li				{margin:0;padding:0;}

.news-box							{padding:10px;border-top:1px solid #e7e7ef;border-bottom:1px solid #e7e7ef;}
.news-box h3						{font-size:1.2em;}
.news-box .body						{color:#12175e;}
.news-box .link						{}

/* searchbox */
.searchbox							{height:30px;position:absolute;right:34px;top:0;}
.searchbox form						{padding:0;}
.searchbox .search-box				{padding:3px 0;}
.searchbox .search-box input		{border:1px solid;color:#999;display:inline-block;height:18px;line-height:22px;margin:0;padding:0 0 0 2px;vertical-align:top;width:150px;}
.searchbox .search-box input:focus	{color:#12175E;}
.searchbox .search-box button		{display:inline-block;float:none;font-size:12px;margin:0;padding:1px 7px 1px 5px;}

.button-element a, .button-element button {background-color:#B7B7D2;border:1px solid #999;}
.searchbox .search-box button:hover	{background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}

/*
==========================================================================
6 - Footer styles
==========================================================================
*/
#footer-container					{color:#999;text-align:right;}
#footer-container ul				{color:#999;list-style:none;margin:5px 30px 5px 5px;height:20px;}
#footer-container ul li				{list-style:none;display:inline;font-size:12px;padding:0 2px;}
#footer-container a, #footer-container a:hover, #footer-container a:active,
footer-container a:visited			{border:0 none;}
#footer-container a:hover			{border-bottom:1px solid #12175e;}
/*
==========================================================================
7 - Page specific styles
==========================================================================
*/ 

/* Banner */
#banner				{background-color:#12175e;height:222px;overflow:hidden;width:980px;}
#bannerlist			{margin:0;padding:0;}
#bannerlist	 li		{list-style:none;margin:0;padding:0;}

/* prodintro */
#main-content .prodintro						{margin:0 auto;}
#main-content .prodintro li					{border:1px solid #999;float:left;list-style:none;margin:14px 10px;width:180px;}
#main-content .prodintro li a					{border:0 none;}
#main-content .prodintro li a:hover			{}
#main-content .prodintro li .title			{background:#ccc url(../images/products-images/bg-intro-v1.png) repeat-x scroll 0 0;color:#fff;display:table;font-size:1.5em;height:60px;width:180px;}
#main-content .prodintro li a:hover .title	{background-image:url(../images/products-images/bg-intro-v2.png);color:#59598E;}
#main-content .prodintro li .title em			{display:table-cell;font-style:normal;vertical-align:middle;}
#main-content .prodintro li .body				{background-color:#f0f0f0;height:180px;width:180px;}
#main-content .prodintro li a:hover .body		{background-color:#e0e0e0;}

#main-content .prodintro li a, .prodintro li .body {display:block;text-align:center;}

#main-content .prodintro li, .prodintro li .title {
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

/*
#offer1			{padding:0 10px 14px 30px;}
#offer1 a		{background:transparent url(/images/img/full-diagnostic-hearing-test.png) no-repeat scroll 0 0;border:0 none;display:block;height:76px;width:191px;}
#offer1 a:hover	{background-position:100% 0;}
#offer1 a em	{left:-9999px;margin-left:-9999px;position:absolute;top:0;}
*/

#offer1			{ padding:0 10px 14px 25px; }
#offer1 a		{ width:191px; height:55px; display:block; color:white; margin-bottom:10px; line-height:18px; text-align: center; }
#offer1 a span	{ margin:10px 2px 0 2px; padding:0; display:inline-table; }
#offer1 a#booking-btn
				{ background: url(../images/bg/fancy-button.png) no-repeat 0 100%; color:#172154; }
#offer1 a#booking-btn span
				{ margin-top:10px; font-size: 14px;  }
#offer1 a#why-choose-btn	
				{ background: url(../images/bg/fancy-button.png) no-repeat 0 0; color:white; }

#offer1 a#why-choose-btn span
				{ font-size:14px; }
#offer1 a#booking-btn:hover
				{ height:55px; font-size:14px; background: url(../images/bg/fancy-button.png) no-repeat 0 0; color:white; border:0 none; }
#offer1 a#why-choose-btn:hover
				{ height:55px; font-size:14px; background: url(../images/bg/fancy-button.png) no-repeat 0 100%; color:#172154; border:0 none; }

body.booking #offer1 a#booking-btn
				{ display:none; }
				
#affiliates		{ text-align:center; }

/*
==========================================================================
8 - CMS editor CSS
==========================================================================
*/ 

.shadowbox							{} /*dummy class for editor css dropdown*/
.clinics_table_intro				{margin-bottom:14px;width:100%;}
.clinics_table_intro td				{width:50%;vertical-align:top;}

.clinics_table_general				{border-right:1px solid #ccc;border-top:1px solid #ccc;border-collapse:separate;margin-bottom:14px;width:100%;}
.clinics_table_general thead td,
.clinics_table_general th			{border-left:1px solid #ccc;border-bottom:1px solid #ccc;background:transparent url(../images/bg/tableTop.gif) repeat scroll 0 0;color:#222156;height:50px;text-align:center;width:33%;}
.clinics_table_general td			{border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px;width:33%;}
.clinics_table_general tr.odd		{background-color:#f2f2f2;}

.float-right						{float:right;margin:0 0 0 8px;}
.float-left							{float:left;margin:0 8px 0 0;}
.clearfloat							{clear:both;height:0;font-size:1px;line-height:0;}

.prodintro_table					{width:80%;margin:0 auto;}
.prodintro_table tr					{}
.prodintro_table tr td				{text-align:center;width:33%;vertical-align:top;}

/*
==========================================================================
9 - CoreCMS modules
==========================================================================
*/ 

.faq								{}
.faq .faq-question					{margin:14px 0;}
.faq .faq-question a				{}
.faq .faq-question .faq-details		{}
.faq .faq-details h1				{display:none;}
.faq .faq-details .answer			{margin:14px;}
.faq .faq-details .moduleFooter		{display:none;}

/* ecommerce */
.shop-main .header					{border-bottom:0 none;height:auto;margin:0;}
.shop-main .breadcrumbs				{float:none;left:250px;position:absolute;top:0;width:auto;}
table.catalogueTable				{margin:0;}

.shop-catalogue						{float:none;height:auto;width:auto;}
.shop-catalogue .image				{height:auto;overflow:visible;text-align:left;}
.shop-catalogue h4					{font-size:16px;height:30px;line-height:30px;padding:0;text-indent:10px;}
.shop-catalogue h4 a				{color:#12175E;}

table.productTable td				{overflow:hidden !important;}
.shop-product-small					{height:265px;overflow:hidden !important;}
.shop-product-small .image			{height:auto;overflow:none;text-align:center;width:auto;}
.shop-product-small h5				{font-size:16px;height:30px;line-height:30px;padding:0;text-indent:10px;color:#12175E;}
.shop-product-small .description	{margin:0 10px 10px;}

/* announcements */
.announcement-list					{}
.announcement-list h2				{color:#666;padding:0;}
.announcement-list h2 a				{}
.announcement-list span.date		{}
.announcement-list p				{}

.news								{margin:0 5px 14px 30px;}
.news .announcement-list			{}
.news .announcement-list h2			{}
.news .announcement-list h2 a		{font-size:13px;}
.news .announcement-list span.date	{color:#666;display:block;margin:0;}
.news .announcement-list p			{display:none;}

/* Clinical Articles -- Webapp 4131*/
.article-list
{
	list-style: none;
	margin: 1.5em 0;
	padding: 0 30px;
}
.article-list li
{
	font-size: 0.9375em;
	line-height: 1.167em;
	padding-bottom: 0.777em;
}
.article h2
{
	display: block;
	color: #333;
	margin: 1em 0;
	padding-bottom: 0;
}
.article sup,
.footnote
{
	font-size: 0.859em;
	vertical-align: text-top;
	color: #333;
}

.article-source,
.footnote
{
	border-top: 1px dotted #DDD;
	margin-top: 1em;
	padding-top: .636em;
	font-size: 0.859em;
	line-height: 1.636em;
	vertical-align: baseline;
}

#webapp4131pagination
{
	display: none;
}