/*
CSS Document for http://www.koalamedical.com.au/
Copyright Pancetta Web Design http://www.pancetta.com.au/
*/


/*
Colour Table:

light grey:#ddd;
dark grey:#666;

light brown:#B2A072;
dark brown:#9C732E;

sky blue:#6292C3;
steel blue:#B1B4C3;
navy blue:#31435B;
pale blue:#CAE1EF;
*/

* {
	margin:0;
	padding:0;
	color:#666;
	}

html {
	font-size:1em;
	}

body {
	background:transparent url(main/banner.jpg) scroll no-repeat center top;
	overflow-y:scroll; /*Stop Firefox page jumping*/
	font-size:1em;
	}

/*----------------------------------------------------------------------------------wrapper----*/

#main {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:0 0 6em 0;
	}

/*----------------------------------------------------------------------------------header----*/

#header {
	position:relative;
	z-index:10;
	}

#header a#index {
	display:block;
	height:130px;
	width:440px;
	outline-width:0;
	}

#searchAjaxResults a b {
	color:yellow;
	}

#headermenu {
	list-style:none;
	text-transform:lowercase;
	position:absolute;
	top:101px;
	right:0;
	}

	#headermenu li {
		height:29px;
		float:right;
		position:relative;
		border-bottom:6px solid #e1e1e1;
		background-color:#B2A072;
		}

	#headermenu li a, #headermenu li.search span {
		text-decoration:none;
		color:#fff;
		outline-width:0;
		display:block;
		line-height:29px;
		padding:0 0.7em;
		}

	#headermenu li.index a {
		background:#B2A072 url(main/brown_corner_tl_sprite.jpg) scroll no-repeat top left;
		padding-left:0.7em;
		}

	#headermenu li.index a:hover, #index #headermenu li.index a {
		background-position:0 -60px;
		background-color:#A88D48;
		}

	#headermenu li.search span#searchInputWrapper {
		background:#B2A072 url(main/brown_corner_tr_sprite.jpg) scroll no-repeat top right;
		padding-left:0.5em;
		padding-right:0.4em;
		}

	#headermenu li.search span#searchInputWrapper:hover, #search #headermenu li.search span#searchInputWrapper {
		background-position:right -60px;
		}

	#headermenu li.search #query {
		width:120px;
		border:none;
		background-color:#F8F6F1;
		padding:0 0.2em;
		color:#7B6224;
		vertical-align:top;
		position:relative;
		top:8px;
		}

	#headermenu li.search #query:focus {
		background-color:#fff;
		}

	#headermenu li.search .submitButton {
		width:20px;
		height:20px;
		border:none;
		background:transparent url(main/search_button.png) scroll no-repeat left center;
		cursor:pointer;
		vertical-align:top;
		position:relative;
		top:5px;
		}

	#index #headermenu li.index,
	#about #headermenu li.about,
	#products #headermenu li.products,
	#news #headermenu li.news,
	#contact #headermenu li.contact,
	#search #headermenu li.search span#searchInputWrapper,
	#headermenu li.sfHover span,
	#headermenu li span:hover,
	#headermenu li a:hover,
	#headermenu li.sfHover,
	#headermenu li:hover {
		background-color:#A88D48;
		border-bottom-color:#CDCDCD;
		}

	#headermenu li ul {
		list-style:none;
		width:14em;
		position:absolute;
		top:29px;
		left:-0.4em;
		border:0.4em solid #e1e1e1;
		border-top:none;
		display:none;
		font-size:0.8em;
		}

	#headermenu li:hover ul, #headermenu li.sfHover ul {
		display:block;
		}

	#headermenu li li {
		float:left;
		width:14em;
		height:auto;
		border-top:1px solid #BFB291;
		border-bottom:1px solid #BFB291;
		}

	#headermenu li li a {
		border-bottom:none;
		line-height:2em;
		}

	#headermenu li li a:hover {
		}

	#headermenu li li span {
		color:#fff;
		}

	#headermenu li li ul {
		display:none !important;
		top:-0.4em;
		left:14em;
		border-top:0.4em solid #e1e1e1;
		z-index:15;
		font-size:1em;
		}

	#headermenu li li:hover ul, #headermenu li li.sfHover ul {
		display:block !important;
		}

#searchAjaxResults ul {
	display:block !important;
	}

/*----------------------------------------------------------------------------------body------*/

#midwrapper {
	border-top:0.4em solid #e1e1e1;
	display:table;
	width:100%;
	}

#productmenu {
	height:124px;
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	background-color:#fff;
	}

	#productmenu li {
		float:left;
		margin-right:1px;
		}

	#productmenu a {
		font-size:0.8em;
		width:142px;
		height:120px;
		display:block;
		text-decoration:none;
		text-transform:uppercase;
		background:transparent url(main/more.jpg) scroll no-repeat center center;
		outline:none;
		float:left; /*for safari/chrome */
		position:relative;
		z-index:1;
		}

	#productmenu a:hover span {
		color:#000;
		}

	#productmenu span {
		position:absolute;
		display:block;
		width:118px;
		padding:0 12px;
		text-align:center;
		bottom:4px;
		}

	#productmenu li.patient_monitoring a {
		background-image:url(main/patient_monitoring.jpg);
		}

	#productmenu li.laryngoscopes a {
		background-image:url(main/laryngoscopes.jpg);
		}

	#productmenu li.airway_management a {
		background-image:url(main/airway_management.jpg);
		}

	#productmenu li.anaesthetic_devices a {
		background-image:url(main/anaesthetic_devices.jpg);
		}

	#productmenu li.infant_and_maternity_care a {
		background-image:url(main/infant_and_maternity_care.jpg);
		}

	#productmenu li.critical_care a {
		background-image:url(main/critical_care.jpg);
		}

	#productmenu li.scales {
		margin-right:0;
		}

#content {
	padding:0;
	clear:both;
	margin-bottom:1em;
	}

#breadcrumbs {
	margin:0 0 0.6em 0 !important;
	position:relative;
	top:-7px;
	font-size:0.8em;
	width:100%;
	padding:0.4em 0 0 0;
	background:#fafafa url(main/white_corner_bl.png) scroll no-repeat bottom left;
	height:2em;
	}

#breadcrumbs li, #breadcrumbs * {
	color:#999;
	}

#breadcrumbs li {
	float:left;
	list-style:none;
	background:transparent url(main/arrow_bullet.png) scroll no-repeat right center;
	padding-right:1.4em;
	margin-left:0.9em;
	}

#breadcrumbs li.current {
	background-image:none;
	}

div.column {
	width:300px;
	float:right;
	margin-left:1em;
	margin-bottom:1em;
	border-left:1px solid #fff;
	background:#31435B url(main/navy_corner_br.jpg) scroll no-repeat bottom right;
	padding-bottom:0.5em;
	}

div.column * {
	color:#fff;
	}

div.column h2 {
	font-size:1.4em;
	color:#fff;
	text-transform:lowercase;
	background:#6292C3 url(main/blue_corner_tr.jpg) scroll no-repeat top right;
	border-bottom:1px solid #fff;
	padding:0.2em 0.4em;
	margin-bottom:0.6em;
	}

div.column h3 {
	font-size:1.3em;
	color:#fff;
	text-transform:lowercase;
	padding:0.1em 0.4em;
	background-color:#999;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	margin-bottom:0.7em;
	margin-top:0.7em;
	}

div.column a:hover {
	color:#CAE1EF;
	}

/*----------------------------------------------------------------------------------footer----*/

#footer {
	margin:2em 0 1em 0;
	font-size:0.7em;
	clear:both;
	text-align:center;
	background-color:#fafafa;
	height:30px;
	line-height:30px;
	}

#footer * {
	color:#B1B4C3;
	}

#footer a {
	text-decoration:none;
	}

#footer a:hover {
	border-bottom:1px dotted;
	}

#footer span#w3c {
	float:right;
	background:transparent url(main/grey_corner_right.jpg) scroll no-repeat top right;
	padding-right:1em;
	}

#footer span#fineprint {
	float:left;
	background:transparent url(main/grey_corner_left.jpg) scroll no-repeat top left;
	padding-left:1em;
	}

/*----------------------------------------------------------------------------------fonts-----*/

p,h1,h2,h3,h4,h5,h6,li,dt,dd,td,div {
	font-family:"Trebuchet MS", "Swis721 Lt Bt", sans-serif;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	}

h1 {
	font-size:1.4em;
	color:#fff;
	text-transform:lowercase;
	padding:0.2em 0.4em 0.2em 0.6em;
	margin-bottom:8px;
	background:#B2A072 url(main/brown_corner_tl_sprite.jpg) scroll no-repeat top left;
	border-bottom:1px solid #fff;
	}

h2 {
	font-size:1.3em;
	color:#fff;
	background-color:#B49953;
	text-transform:lowercase;
	padding:0.1em 0.4em;
	margin-bottom:0.2em;
	}

h4 {
	font-size:1.1em;
	font-weight:bold;
	margin:0 1em 0.1em;
	}

h5 {
	font-size:1.1em;
	font-weight:bold;
	margin:1em 0.2em 0 0.2em;
	font-style:italic;
	}

h6 {
	font-size:0.7em;
	text-align:center;
	color:#B1B4C3;
	}

p {
	line-height:1.4em;
	margin:0 1em 0.5em;
	}

.sidenote {
	text-align:right;
	font-style:italic;
	}

.note {
	font-style:italic;
	color:#719AC8;
	}

.error {
	font-style:italic;
	color:#719AC8;
	border:1px solid #e1e1e1;
	background:#fafafa;
	padding:0.7em 1em 0.8em;
	font-weight:bold;
	}

.important {
	font-style:italic;
	font-weight:bold;
	color:#ff0000;
	}

.quote {
	font-style:italic;
	color:#FDCE00;
	}

.source	{
	text-align:right;
	font-style:normal;
	}


	.source:before	{
		content:"- ";
		}

.caption {
	text-align:center;
	}

/*----------------------------------------------------------------------------------links-----*/

a:hover {
	color:#999;
	}

/*----------------------------------------------------------------------------------lists-----*/

#content ul, #content ol {
	margin-left:2em;
	margin-bottom:0.5em;
	list-style-image:url(main/bullet.jpg);
	}

	#content li {
		margin-bottom:0.2em;
		}


#contact dl {
	margin:0 0 1em 0;
	}

#contact dt {
	float:left;
	width:6em;
	font-weight:bold;
	clear:left;
	margin:0 0 0.2em 0;
	background:transparent url(main/bullet.jpg) scroll no-repeat left center;
	padding-left:1em;
	}

	#contact dt:after {
	content:":";
		}

#contact dd {
	margin:0 0 0.2em 7em;
	padding:0;
	text-indent:-0.2em;
	}

/*----------------------------------------------------------------------------------images----*/

img {
	border:none;
	}

a.imagelink img {
	border:2px solid #A95313;
	margin-top:0.4em;
	}

a.imagelink img:hover {
	border-color:#E57100;
	}

img.left {
	margin:0 1em 0.5em 0;
	}

img.right {
	margin:0 0 0.5em 1em;
	}

/*----------------------------------------------------------------------------------tables----*/

table.normal {
	border-collapse:collapse;
	width:100%;
	}

table.normal td {
	border:1px solid #666;
	padding:0.1em 0.2em 0.1em 0.2em;
	}

/*------------------------------------------------------------------------------------misc----*/

abbr, acronym {
	cursor:help;
	}

span.company {
	text-transform:uppercase;
	font-family:"Century Gothic", Arial, sans-serif;
	font-weight:bold;
	}

#slideshow {
	width:699px;
	height:333px;
	overflow:hidden;
	margin-top:-8px;
	float:left;
	margin-right:-1em;
	position:relative;
	}

#slide {
	position:absolute;
	width:699px;
	height:333px;
	top:0;
	left:0;
	z-index:2;
	background-color:#fff;
	}

#backSlide {
	position:absolute;
	width:699px;
	height:333px;
	top:0;
	left:0;
	z-index:1;
	}

.section {
	background:transparent url(main/grey_gradient_bg.jpg) scroll repeat-x top left;
	margin:1em 0 1em 0;
	padding:0.5em 1em 0.3em 36px;
	}

.section h4 {
	background:transparent url(main/koala_tl.jpg) scroll no-repeat top left;
	margin:-0.5em -1em -0.2em -36px;
	padding:0 0 0 50px;
	line-height:37px;
	color:#939393;
	}

.thwarter {
	display:none;
	}

.contactForm {
	font-size:0.8em;
	width:280px;
	margin:0 10px 0.5em;
	}

.contactForm * {
	font-weight:bold;
	}

.contactForm input, .contactForm textarea {
	margin-left:0.5em;
	color:#31435B;
	padding:0 3px;
	width:130px;
	}

.contactForm #submitButton {
	width:141px;
	color:#31435B;
	}

/*-------------------------------------------------------------------------contact map-----*/

#contactMap {
	margin:0;
	padding:0;
	width:256px;
	height:243px;
	background:transparent url(main/australia.jpg) scroll no-repeat top left;
	position:relative;
	}

#contactMap li {
	display:block;
	position:absolute;
	cursor:pointer;
	}

#contactMap li div {
	position:absolute;
	display:none;
	width:300px;
	border:1px solid #e1e1e1;
	background:#fafafa;
	padding:0.2em 0.5em;
	}

#contactMap li.active div {
	display:block;
	}

#contactMap li#westernAustralia {
	width:89px;
	height:155px;
	top:25px;
	left:12px;
	}

#contactMap li#westernAustralia div {
	top:-25px;
	left:274px;
	}

#contactMap li#northernTerritory {
	width:65px;
	height:99px;
	top:13px;
	left:101px;
	}

#contactMap li#northernTerritory div {
	top:-13px;
	left:185px;
	}

#contactMap li#queensland {
	width:81px;
	height:104px;
	top:9px;
	left:165px;
	}

#contactMap li#queensland div {
	top:-9px;
	left:121px;
	}

#contactMap li#newSouthWales {
	width:81px;
	height:29px;
	top:133px;
	left:166px;
	}

#contactMap li#newSouthWales div {
	top:-133px;
	left:120px;
	}

#contactMap li#act {
	width:69px;
	height:20px;
	top:160px;
	left:165px;
	}

#contactMap li#act div {
	top:-160px;
	left:121px;
	}

#contactMap li#victoria {
	width:58px;
	height:24px;
	top:179px;
	left:166px;
	}

#contactMap li#victoria div {
	top:-179px;
	left:120px;
	}

#contactMap li#tasmania {
	width:60px;
	height:34px;
	top:203px;
	left:166px;
	}

#contactMap li#tasmania div {
	top:-203px;
	left:120px;
	}

#contactMap li#southAustralia {
	width:65px;
	height:79px;
	top:111px;
	left:101px;
	}

#contactMap li#southAustralia div {
	top:-111px;
	left:185px;
	}

/*-------------------------------------------------------------------------product display-----*/

#productsubmenu {
	list-style:none;
	width:13em;
	margin:0 0 2em 1em !important;
	padding:0 !important;
	float:right;
	background:#B2A072 url(main/brown_corner_tl_sprite.jpg) scroll no-repeat top left;
	}

#productsubmenu ul {
	margin:0 -13px 0 -13px !important;
	padding:0.1em 0 0.3em 0 !important;
	border-top:1px solid #fff;
	background:#FAFAFA;
	font-size:0.9em;
	position:relative;
	top:5px;
	}

#productsubmenu li {
	background:transparent url(main/brown_corner_tr_sprite.jpg) scroll no-repeat top right;
	list-style:none;
	padding:5px 13px 5px;
	margin:0 !important;
	}

#productsubmenu li li {
	background-image:none;
	background:transparent url(main/arrow_bullet.png) scroll no-repeat 10px center;
	padding-left:22px;
	}

#productsubmenu li a {
	color:#fff;
	text-decoration:none;
	}

#productsubmenu li li a {
	color:#999999;
	text-decoration:none;
	}

.productItem {
	background:transparent url(main/grey_gradient_bg.jpg) scroll repeat-x top left;
	margin:1em 0 1em 0;
	padding:0.5em 1em 0.3em 186px;
	display:table;
	}

.productItem h4 {
	background:transparent url(main/koala_tl.jpg) scroll no-repeat top left;
	margin:-0.5em -1em 0.5em -36px;
	padding:0 1em 0 50px;
	line-height:37px;
	color:#939393;
	}

.productItem .productImages {
	margin:-47px 0 0 -186px;
	float:left;
	background-color:#fff;
	width:150px;
	}

.productItem .productImages a {
	margin-bottom:10px;
	}

.productItem a.imageHover {
	cursor:default;
	display:block;
	position:relative;
	text-decoration:none;
	}

.productItem a.imageHover img.largeImage {
	display:none;
	}

.productItem a.imageHover:hover img.largeImage {
	display:block;
	position:absolute;
	left:120px;
	top:-80px;
	border:6px solid #e1e1e1;
	z-index:100;
	}

.productItem table {
	margin:0.5em 0 0.6em 0;
	}

.productItem table th, .productItem table td.tableHeader {
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#939393 !important;
	border:1px solid #eee;
	padding:0.1em 1em;
	}

.productItem table td {
	padding:0.1em 0.8em;
	background-color:#fafafa;
	}

.productItem tr:hover td {
	background-color:#EBF3F9;
	}

ul.documentLink li {
	font-weight:bold;
	}

ul.documentLink li.pdf {
	list-style-image:url(main/pdf.jpg);
	}

ul.documentLink li.doc {
	list-style-image:url(main/doc.jpg);
	}

ul.documentLink span.documentType {
	color:#aaa;
	font-weight:normal;
	}

/*-------------------------------------------------------------------------page specific-----*/

#search #content #query {
	margin-left:1em;
	}

#search #results {
	margin:0;
	}

#search #results li {
	list-style:none;
	padding:0;
	margin:0;
	}

#search #results li a.title {
	padding:0.8em 0.2em 0.2em 0.1em;
	background-color:#fafafa;
	border:1px solid #e1e1e1;
	margin-bottom:0.4em;
	display:block;
	text-decoration:none;
	}

#search #results li a.title:hover {
	background-color:#F8F6F1;
	}

#search .weight {
	color:#999;
	font-weight:normal !important;
	}

#search .url {
	color:#999;
	margin-left:3.3em;
	font-size:0.8em;
	}

/*-------------------------------------------------------------------------preload slideshow-----*/

#preload_0 {
	background-image:url(/images/slideshow/0.jpg);
	visibility:hidden;
	}
#preload_1 {
	background-image:url(/images/slideshow/1.jpg);
	visibility:hidden;
	}
#preload_2 {
	background-image:url(/images/slideshow/2.jpg);
	visibility:hidden;
	}
#preload_3 {
	background-image:url(/images/slideshow/3.jpg);
	visibility:hidden;
	}
#preload_4 {
	background-image:url(/images/slideshow/4.jpg);
	visibility:hidden;
	}