@charset "utf-8";

/*
==========================================================================
	
	STYLE.CSS | CSS FRAMEWORK
	--------------------------
 	Main Project specific styles
	
	- DILWORTH HEARING -
	
	author: FuelDesign Ltd www.fueldesign.co.nz
	updated: 18th Nov 08
	updated: 26th May 11
	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
==========================================================================
*/
body { background-color:#fff; color:#666; text-align:center; font:normal normal 14px/1.7 Arial, Helvetica, sans-serif; white-space:normal; }

@font-face { font-family: 'webfont';/*GlyphaLTStd*/ src: url('/fonts/webfont.eot'); src: url('/fonts/webfont.eot?#iefix') format('embedded-opentype'),  url('/fonts/webfont.woff') format('woff'),  url('/fonts/webfont.ttf') format('truetype'),  url('/fonts/webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; }

/*
==========================================================================
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 { }

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; font-family:webfont; line-height:1.2em; }

h2 { color:#12175E; font-size:1.4em; line-height:1.4em; }
h3	{ font-size:1.3em; line-height:1.3em; }
/* box model padding */
h1,
h2,
h3,
h4,
p,
blockquote { padding:0 0 15px; }

/*
==========================================================================
3 - Main Structural Divs
==========================================================================
*/
.three-col #header { margin:0 auto; overflow:hidden; position:relative; text-align:left; width:982px; z-index:0; }

.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 #f2f3ee #f2f3ee; border-style:none solid solid; border-width:0 0px 0px;  margin:0 auto;  position:relative; text-align:left; width:940px; }

.three-col #main-content { margin:0 26px 0 260px; min-height:1080px; height:auto !important; height:1080px; }

#main-content.right-tmp { margin:0 240px 0 240px; }

.three-col #left-sidebar { position:absolute; top:0; bottom:0; left:0; width:240px; margin-bottom:10px; background-color:#f2f3ee;  }

.three-col #right-sidebar { position:absolute; top:0; bottom:0; right:0; width:240px; background-color:#fff; }

.three-col #footer { width:100%; margin:0; text-align:left; }

.three-col #footer-container { width:942px; 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:#12175E; 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; }

/* updates NEW nav's */
#header-fader,
#nav { border-color:transparent #f2f3ee; border-style:none solid; border-width:0 0px; }

#header-fader { height:301px; margin:0 auto; overflow:hidden; width:940px; z-index:1; }

#logo-banner { bottom:15px; position:absolute; right:-24px; z-index:50; }

#nav { height:36px; margin:0 auto; overflow:hidden; text-align:left; width:940px; }

#nav div { background:url(/images/bg/nav-bg.png) repeat-x scroll 0 0 transparent; width:932px; }

#nav ul { display:block; height:36px; margin:0 0 0 20px; padding:0; }

#nav ul li { float:left; height:36px; line-height:36px; list-style:none outside none; margin:0; }

#nav ul ul,
#nav ul li img { display:none; }

#nav a { border-right:1px solid #000; color:#333; font-family:webfont; padding:0 6px; }

#nav li:last-child a { border:0 none; }

#nav li.selected a,
#nav a:hover { border-bottom:0 none; color:#10155E; }

/*
==========================================================================
5 - Main content styles
==========================================================================
*/

.leadin { color:#333333; font-size:15px; }

/* #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 { background-color:#bbb; color:#fff; display:block; 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-color:#12175E; 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; width:auto; }

#main-content .padding { padding:15px 10px 15px 0; }

#main-content .padding.easter-egg { background:url("../images/bg/bg-canvas-easter-egg.png") no-repeat scroll 100% 5px transparent; }

#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:48px; 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:22px; 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; height:24px; line-height:23px; margin:0; padding:0 10px; }

.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; color:#666; }

#footer-container li.focus a,
#footer-container li.focus a:hover,
#footer-container li.focus a:active,
footer-container li.focus a:visited { color:#999 }

#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 14px 0; width:180px; }

#main-content .prodintro li a { border:0 none; display:table; }

#main-content .prodintro li a:hover { }

#main-content .prodintro li .title { background-color:#12175E; ; color:#fff; display:table-row; font-family:webfont; font-size:1.5em; height:60px; width:180px; }

#main-content .prodintro li a:hover .title { background-color:#bbb; color:#12175E; }

#main-content .prodintro li .title em { display:table-cell; font-style:normal; vertical-align:middle; }

#main-content .prodintro li .body { display:table-cell; height:220px; vertical-align:middle; width:180px; }

#main-content .prodintro li a:hover .body { }

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

#main-content .prodintro li,
.prodintro li .title { }

/*
#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; }

#offer2 { margin:35px 0; text-align:center; }

#offer2 img { box-shadow: 4px 4px 5px #999999;}
#offer2 img:hover { box-shadow: none;}


#offer2 a { border-bottom:0 none; display:block; margin-bottom:20px; }

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_intro td img { margin-right:10px; }

.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 { background-color:#bbb; border-left:1px solid #ccc; border-bottom:1px solid #ccc; color:#222156; font-family:webfont; font-weight:normal; 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; }

.table_general { border-right:1px solid #ccc; border-top:1px solid #ccc; border-collapse:separate; margin-bottom:14px; width:100%; }
.table_general thead td,
.table_general th { background-color:#bbb; border-left:1px solid #ccc; border-bottom:1px solid #ccc; color:#222156; font-family:webfont; font-weight:normal; height:50px;padding-left: 5px; text-align:center; width:33%; }
.table_general td { border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; width:33%; }
.table_general td.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; }

/* Testimonials */
#randomTestimonial	{ margin:20px 12px 12px; }
#randomTestimonial h4
					{ color:#12175E; font-style:italic; margin-bottom:5px; padding-bottom:0; }
.testimonialSmall	{ background:#fff url(../images/bg/speachleft.png) no-repeat 10px 10px; padding:15px 10px; border:1px dotted #ccc; }
.testimonialSmall.tarchive
					{ margin-bottom:20px; }
.testimonialSmall .message
					{ background:transparent url(../images/bg/speachright.png) no-repeat 99% 99%; margin:0 10px 0 0; text-indent:25px; padding-bottom:7px; }

.testimonialSmall .tname
					{ color:#000; font-style:italic; }
.testimonialSmall .tage
					{ color:#000; font-style: italic; }

#randomTestimonial a, #randomTestimonial a:visited
					{ display:block; text-align:right; margin:6px 0 0 0; }
					
#randomTestimonial a:active, #randomTestimonial a:hover
					{ text-decoration:none; border:0; color:#000; }
/* Clearfix */

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* Question and answer form styles */
form#qsform {border: 1px solid #E7E7EF;padding: 10px;}
#theRange,
#resultValue,
#showingResults { display:none; }
.questionr {border-bottom: 1px dotted #ccc;margin-bottom: 15px;}
.questionr:hover { background:#f7fbfe; }
#theQuestions .questions {color: #10155E; margin-left:5px;}
#theQuestions .questions .qNumber {background-color: #FFD200;color: #464698;float: left;font-size: 18px;font-weight: normal;height: 25px;line-height: 25px;margin-right: 6px;padding: 0;text-align: center;
width: 25px; }
#theQuestions .answers { background-color: #E7E7EF;font-weight: bold ;margin:5px 0 20px 35px; padding: 4px 25px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.answerNo, .answerSometimes, .answerYes  { float:left; height:25px; margin-right: 94px;}
#theQuestions label	{ cursor:pointer; }
#theQuestions label:hover, #theQuestions label:active, #theQuestions label:focus, label.radSelected { color:#10155E; }
#theQuestions .answers.errorQ {background:#ffd200;}
#theQuestions .answers.errorQ label { color:#333; }

#ResultsMessages { position:relative; }
.theMessage h2	{ font-size:1.2em; margin-top:5px; }

#resultsFrame.rloading { width:100%; min-height:600px; height:auto !important; height:600px; background:transparent url(/images/bg/spinner.gif) no-repeat 50% 50%; }
#showingResults { background:#fff; }
.resultMessage { display:none; background:#eee; padding:10px; margin:0 20px 20px 0; }
#result1 { background:#12175E; color:#fff; }
#result1 h2 { color:#fff; }
#result2 { background:#b7b7d2; color:#12175E; }
#result2 h2 { color:#fff; }
#result3 { background:#ffd204; color:#12175E; }
#result3 h2 { color:#12175E;  }
#errorResult { background:#e24242; color:#fff; font-size:15px; line-height:1.5em; }
#errorResult h2 { color:#fff; }
#errorResult a { text-decoration:underline; }

#theQuestions label input {  -moz-opacity: 0; -khtml-opacity: 0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0; width:1px; height:1px; position:absolute; top:0; left:0; }
#theQuestions label		{ position:relative; background:url(../images/bg/questrads.png) no-repeat 0 50%; height:25px; line-height:28px; padding:0 10px 0 30px; display:block; 
}
#theQuestions label.radSelected { background:url(../images/bg/questradson.png) no-repeat 0 50%; }

a#submitQuestions, a#submitQuestions:visited {
  color: #fff; margin:0 auto; padding:0; text-align:center; width:200px;
  font-family: "Trebuchet MS",Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
  height:35px; line-height:35px; font-size:15px; background:#10155e; display:block;
  -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; border:0; text-decoration:none;
}

a#submitQuestions, a#submitQuestions:visited {
  color: #fff; margin:0 auto; padding:0; text-align:center; width:200px; margin-top:25px;
  font-family: "Trebuchet MS",Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
  height:35px; line-height:35px; font-size:15px; background:#10155e; display:block;
  -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; border:0; text-decoration:none;
}

a#get-hearing-test, a#get-hearing-test:visited {
  color: #fff; margin:0 auto; padding:0; text-align:center; width:400px;
  font-family: "Trebuchet MS",Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif; clear: both;
  height:50px; line-height:50px; font-size:17px; background:#10155e; display:block; margin-top:20px;
  -webkit-border-radius: 15px; -moz-border-radius:15px; border-radius:15px; border:0; text-decoration:none;
}

a#get-hearing-test:hover, a#get-hearing-test:active {
	border:0; text-decoration:none;
	color:#ffd204;
	margin-top:20px;
}

.submitform { width:100%; }

/* 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; }

.note { width:94%; border-left:0 dotted #0099FF; border:1px dotted #ccc; clear:both; color:#12175E; font-family:georgia; font-size:14px; font-style:italic; letter-spacing:0.5px; line-height:20px; margin-bottom:5px; margin-top:5px; padding:0.917em 45px !important; position:relative; background-color:#e7e7ef; }

.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; }