/*
 SilverStripe Washtech Theme
 http://www.crossware.co.nz
 */
 
html, body, h1, h2, h3, h4, h5, h6, form, fieldset, div, blockquote, p, address {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
html {
	font-size: 125%;
			/* 20px */
	}
	
body {
	font-size: 50%;
			/* 10px */
	font-family: Arial, Helvetica, sans-serif;
	
	}
	
	
/* ----------
				Base Structure
---------- */
#mainDiv {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	background: url(pg_shadow.gif) center top repeat-y;
	}
	
#mainContainer {
	width: 980px;
	margin: 0 auto;
	position: relative;
	}
	
#footerContainer {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 15px;
	background: url(pg_shadow_footer.gif) bottom no-repeat;
	}
	
#headerDiv, #contentDiv, #footerDiv {

	/*position: relative; commented out 29/09/2015*/
	overflow: hidden;
	z-index: 1;
	}
	
	#headerDiv {
		background: #fff url(header_bg_content.gif) bottom left repeat-x;
		height: 280px;
		}
		
		#homepage #headerDiv {
			background: url(header_bg.gif) top left repeat-x;
			}
		
	#contentDiv {
		
		color: #7e7e7e;
		padding: 15px 15px;
		min-height: 350px;
/*		background: url(content_bg_contents.gif) top left repeat-x;*/
/*		background: url(starline-stainless-bg.gif) top left repeat-x;*/
		background: url(starline-stainless-bg.gif) top left repeat;
		z-index: -1 !ie;
		}
		
	#contentDiv #contentDivHm{
		min-height: 350px;
		height: auto; 
		background-color:#FFFFFF;
	}
		
	#footerDiv {
		padding: 12px 0 7px;
		width: 980px;
		margin: 0 auto;
		background: #b2b2b2;
		color: #fff;
		font-size: 1.1em;
				/* 11px */
		line-height: 1em;
				/* 11px */
		}
		
		
		
/* ----------
				Navigation
---------- */
#navigation {
	z-index: 999;
	overflow: visible;
	height: 33px;
	line-height: 33px;
/*	background: url(main_nav_bg.gif) top left repeat-x;	*/
	background: url(starline_nav-main.gif) top left no-repeat;
	}

	#navigation .tier-1 {
		float: left;
		height: 33px;
		position: relative;
		}
		
		#navigation .tier-1-link {
			background-image: url(starline_nav-main.gif);
			background-repeat: no-repeat;
			display: block;
			height: 33px;
			overflow: hidden;
			}
			
			#navigation1 { /* Home */
				width: 65px;
				margin-left: 40px;
				background-position: -40px 0;
				}
				
				#navigation1:hover {
					background-position: -40px -33px;
					}
		
			#navigation2 { /* Glasswashers */
				width: 130px;
				margin-left: 23px;
				background-position: -128px 0;
				}
				
				#navigation2:hover, li:hover #navigation2 {
					background-position: -128px -33px;
					}
		
			#navigation3 { /* Dishwashers */
				width: 118px;
				margin-left: 25px;
				background-position: -283px 0;
				}
				
				#navigation3:hover, li:hover #navigation3 {
					background-position: -283px -33px;
					}
					
			#navigation4 { /* Warewashers */
				width: 126px;
				margin-left: 24px;
				background-position: -425px 0;
				}
				
				#navigation4:hover, li:hover #navigation4 {
					background-position: -425px -33px;
					}
					
			#navigation5 { /* Accessories */
				width: 115px;
				margin-left: 22px;
				background-position: -573px 0;
				}
				
				#navigation5:hover, li:hover #navigation5 {
					background-position: -573px -33px;
					}
					
			#navigation6 { /* Warranty & Services */
				width: 89px;
				margin-left: 22px;
				background-position: -710px 0;
				}
				
				#navigation6:hover, li:hover #navigation6 {
					background-position: -710px -33px;
					}
					
			#navigation7 { /* Info */
				width: 142px;
				margin-left: 23px;
				background-position: -822px 0;
				}
				
				#navigation7:hover, li:hover #navigation7 {
					background-position: -822px -33px;
					}
					
/*			#navigation .nav-current a {
				margin-top: -66px;
				height: 99px;
				cursor: default;
				}
				
				#navigation .nav-current a:hover {
					margin-top: -33px;
					}
					
				#navigation .nav-current li a:hover {
					cursor: pointer;
					margin: 0;
					}
*/					
	#navigation ul {
		position: absolute;
		top: 33px;
		left: 24px;
		background: url(dropdownnav_bg.png);
		z-index: 1000;
		text-transform: uppercase;
		font-size: 12px;
		border-top: 2px solid #000;
		width: 240px;
		display: none;
		padding: 7px 0 0 0 !important;
		}
		
		#navigation .tier-1:hover ul {
			display: block;
			}
			
			#navList2 ul, #navList7 ul, #navList6 ul, #navList7 ul {
				text-transform: none;
				}
				
			#navList7 ul {
				width: 187px;
				right: 0;
				left: auto;
				}
		
		#navigation ul ul {
			display: block;
			position: relative;
			top: 0;
			left: 0;
			text-transform: none;
			background: none;
			border: 0;
			}
			
		#navigation ul li {
			padding: 0 12px 7px 12px;
			line-height: 1em;
			}
		
		#navigation ul a {
			color: #fff;
			height: auto;
			margin: 0;
			}
	
		#navigation li { 
			  z-index: 1000; 
			} 
/* ----------
				Generic Styling
---------- */
h1 a, #navigation .tier-1-link, .site-title, .sidebar h3, .get-in-touch, .view-accessories, .option-link, .footer-item h3 {
	text-indent: -999em;
	overflow: hidden;
	}

.float-right {
	float: right;
	}
	
#navigation, .downloads, #navigation ul, .search-options ul, .nav, .nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
a {
	color: #223f90;
	outline: none;
	text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
		}
		
	h1 a:hover {
		text-decoration: none;
		}
		
	a img {
		border: 0;
		}
		
p, address, .page-content ul, .page-content ol {
	font-size: 12px;
	line-height: 16px;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 15px;
	}



em {
	color: #223f90;
	}
	
	
/* ----------
				Specific Styling
---------- */
h1 {
	position: absolute;
	top: 0px;
	left: 40px;
	z-index: 99;
	}
	
	h1 a {
		display: block;
		width: 246px;
		height: 49px;
		background: url(logo_starline.gif);
		}
		
#homepage #headerDiv {
	height: 360px;
	background-position: bottom left;
	}
	
.headerRightLarge {
	margin:auto;
	overflow: hidden;
	position: absolute;
	right: 0px;
	padding:0px;
/*am	
	top: 0px;
	*/
	top: 56px;
/*	bottom:0px; */
	width: 288px;
	height:292px;
/*#ccc */	
		border-left:0px solid #ccc;
		border-top:3px solid #ccc;
		border-right:3px solid #ccc;
		border-bottom:3px solid #ccc;
	}
			
.headerRightSmall {

	overflow: hidden;
	position: absolute;
	height:218px; 
	right: 0px;
/*am	
	top: 0px;
	*/
	top: 56px;
	width: 288px;
		border-left:0px solid #ccc;
		border-top:3px solid #ccc;
		border-right:3px solid #ccc;
		border-bottom:3px solid #ccc;
	}
	
	#homepage .description {
	overflow: hidden;
		left: 685px;
		top: 56px;
		font-size: 1.3em; /* 13 */
		line-height: 1.6923em; /* 22 */
		width: 291px;
		}



#productList, #homeList, .children-pages {
	overflow: hidden;
	}
	
	.product-section, .children-pages {
		width: 960px;
		margin: 0;
		}
	
	#productList li, .children-pages li, #homeList li {
		float: left;
		background: #fff;
		position: relative;
		border: 1px solid #e6e6e6;
		}
		
		#homeList li {
			width: 308px;
			margin-bottom: 10px;
			}
		
		.product-section li {
			width: 468px;
			height: 168px;
			margin: 0 10px 10px 0;
			}
			
			.children-pages li {
				height: 190px;
				width: 475px;
				border: 0;
				background: url(/web/site.nsf/i/content/$FILE/panel_img.gif) no-repeat;
				}
				
				#child48 {
					background-image: url(/web/site.nsf/i/content/$FILE/panel_Preventative.gif);
					}
				
				#child49 {
					background-image: url(/web/site.nsf/i/content/$FILE/panel_247.gif);
					}
					
				#child50 {
					background-image: url(/web/site.nsf/i/content/$FILE/panel_CAD.gif);
					}
					
				#child51 {
					background-image: url(/web/site.nsf/i/content/$FILE/panel_rental.gif);
					}
				
				#child52 {
					background-image: url(/web/site.nsf/i/content/$FILE/panel_register.gif);
					}
				
				#child53 {
					background-image: url(/web/site.nsf/i/content/$FILE/panel_tips.gif);
					}
					
				#child54 {
					background-image: url(/web/site.nsf/i/content/$FILE/panel_faq.gif);
					}
		
		.product-2 {
			margin: 0 10px;
			}
			
	#productList div, #productList img, #homeList div, #homeList img {
		float: left;
		}
		
		#homeList div {
			width: 165px;
			height: 168px;
			}
			
		.product-section div {
			width: 330px;
			height: 168px;
			}
			
		#productList img, #homeList img {
			display: block;
			margin: 15px 20px 0 15px;
			}
			
	#productList h3, #homeList h3 {
		font-size: 14px;
		padding: 23px 0 12px 0;
		}
		
	#productList p, #homeList p {
		border: 0px red solid;
		font-size: 12px;
/*		font-weight: bold; */
/*		padding-top:3px; */
		line-height: 15px; 
		}
		
	.children-pages h3 {
		font-size: 15px;
		font-weight: normal;
		padding-bottom: 18px;
		}
		
	.children-pages div {
		width: 245px;
		padding: 30px 0 0 30px;
		}
		
	.children-pages br {
		display: none;
		}
		
.more-link {
/*	position: absolute;	*/
	bottom: 20px;
	left: 120px;
	font-size: 11px;
	font-weight: bold;
	color: #223F90;
	background: white;
/*	padding: 3px 7px; */

	}
	
	.more-link-nobg {
/*	position: absolute;	*/
	bottom: 20px;
	left: 120px;
	font-size: 11px;
	font-weight: bold;
	color: #223F90;
/*	padding: 3px 7px; */

	}
	
	.product-section .more-link {
/*		text-transform: uppercase; 
		font-weight: normal;	*/
		}
	
	.more-link:hover {
		background: #e3ebf3;
		color: #223e90;
		text-decoration: none;
		}
		
.action {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: #223e90;
	padding: 3px 7px;
	}
		
.hero-img {
	position: absolute;
	border: 3px solid #ccc;
	top:56px;
	
	
/*	bottom: 0;*/
	left: 40px;
	z-index: 1;

	}
	
	.small-hero {
		width:683px;
		height:218px;
		left: 0;
		}

p, .productTitle {
/*	padding: 23px 0 12px 0;*/
/*	padding-top:5px; */
/*	font-weight:bold;*/
	padding-top:3px;
	padding-bottom:3px;
	}
	
/* --- Footer Content --- */
#footerDiv p {
	padding: 0;
	width: 965px;
	margin: 0 auto;
	}
		
#footerDiv a {
	color: #fff;
	padding: 0 15px;
	border-right: 1px solid #fff;
	}
	
.footer-item {
	
	float: left;
	background: #fff;
	width: 468px;
	border: 1px solid #e6e6e6;
	position: relative;
	font-size: 12px;
	}
	
	.footer-item h3 {
		height: 12px;
		background: url(title.gif) no-repeat;
		margin-bottom: 15px;
		}
		
		.support-network h3 {
			
			background-position: 0 -17px;
			}
			
		.brief-tips h3 {
			background-position: 0 -29px;
			}
	
	.footer-item p {
		padding-bottom: 10px;
		}
	
	.footer-item strong {
		color: #233f90;
		}
	
	.support-network {
		margin-right: 10px;
		}
		
		.support-network div, .support-network img {
		
			float: left;
			padding-top: 0px;
			padding-left: 0px;
			}
			
			.support-network div {
				/*border: 3px solid green;*/
				width: 290px;
				}
				
	.brief-tips {
/*		color: #223f90;	*/
		}
				
		.brief-tips div {
				padding: 0px;
			}
			
		.brief-tips li {
			padding: 0 0 10px 24px;
			background: url(arrow.gif) 0 3px no-repeat;
			}
			
		.brief-tips a {
			position: static;
			float: none;
			}

		#brief-tipsDiv {
				position : absolute;
				right:0px;
				top: 195px;
/*				border: 2px solid red; */
				padding: 0px;
				margin-right: 15px;

			}
			
	
/* --- ** --- */
.site-title {
	width: 224px;
	background-image: url(title.gif);
	background-repeat: no-repeat;
	}
	
	.site-title {
		background-position: bottom left;
		margin-bottom: 20px;
		height: 17px;
		line-height: 17px;
		overflow: hidden;
		}
		
.information {
	overflow: hidden;
	
	}
	
	.information ul {
		font-size: 12px;
		margin-top: 0;
		padding-top: 0;
		margin-bottom: 15px;
		padding-bottom: 0;
		}
	
.page-title {
	font-size: 1.6em;
	font-weight: bold;
	color: #223f90;
	padding-bottom: 15px;
	}
	
	.product-content .page-title {
	/*border: 1px solid red;*/
		font-size: 1.2308em; /* 16 */
		margin-top: 23px;
		}
		
.page-content, .page-options {
	
	float: left;
	}
	
	.page-content {
/*		border: 1px solid red;*/
		width: 630px;
		margin-right: 80px;
		}
		
	.page-options {
		width: 230px;
		overflow: hidden;
		color: #223f90;
		}
		
		.page-options img {
			display: block;
			margin: 0 auto 15px;
			}
			
.option-link {
	display: block;
	width: 230px;
	height: 32px;
	margin-bottom: 2px;
	background-image: url(content-links.gif);
	}
	
	.link-24 {
		background-position: 0 -192px;
		}
		
		.link-24:hover {
			background-position: 0 -224px;
			}
		
	.link-cad {
		background-position: 0 -64px;
		}
		
		.link-cad:hover {
			background-position: 0 -96px;
			}
		
	.link-rental {
		background-position: 0 -128px;
		}
		
		.link-rental:hover {
			background-position: 0 -160px;
			}
			
	.link-warranty {
		background-position: 0 0;
		}
		
		.link-warranty:hover {
			background-position: 0 -32px;
			}
		
	.link-tips {
		background-position: 0 -256px;
		}
		
		.link-tips:hover {
			background-position: 0 -288px;
			}
		
	.link-technical {
		background-position: 0 -320px;
		}
		
		.link-technical:hover {
			background-position: 0 -352px;
			}
		
	.link-prevent {
		background-position: 0 -384px;
		}
			
		.link-prevent:hover {
			background-position: 0 -416px;
			}
		
.content-footer {

	clear: both;
	}
	
	
	
/* ----------
				Product Detail Page
---------- */
.product, .product-image {
	float: right;
	}
	
	.product {
		width: 630px;
		}
	
	.product-image {
	border: 0px solid pink;
/*		width: 300px; */
			width: 300px;
		font-size: 1.2em;
		font-weight: bold;
/*		text-transform: uppercase;*/
/*		padding: 35px 0 15px 10px;*/
		padding: 0px 0 15px 10px;
		}
		
		.product-image a span {
			display: block;
			padding: 20px 0 0 15px;
			}
			
.no-image {
	border: 1px solid #d0d0d0;
	}
	
.product-details {
	float: left;
/*	width: 390px;*/
	width: 390px;
	padding: 15px 0 30px 0;
	}
	
.product-content {
	font-size: 13px;
	line-height: 18px;
	color: #4d4d4d;
	}
	
.info-link {
	display: block;
	width: 185px;
/*	text-transform: uppercase;*/
	color: #fff;
	background: #37519a;
	padding: 8px 10px;
	font-size: 11px;
	line-height: 1em;
	font-weight: normal;
	margin-bottom: 7px;
	}
	
	.info-link:hover, .expanded .info-link {
		background: #223f90;
		text-decoration: none;
		}
	
.content-details {
	display: none;
	}
	
	.expanded .content-details {
		display: block;
		}

.sidebar {
	float: right;
	padding-top: 25px;
	width: 194px;
	overflow: hidden;
	}
	
	.sidebar h3, .get-in-touch, .view-accessories {
		background-image: url(sidelink.gif);
		background-repeat: no-repeat;
		width: 194px;
		height: 31px;
		display: block;
		border-bottom: 2px solid #fff;
		}
			
		.get-in-touch {
			background-position: 0 -31px;
			}
			
			.get-in-touch:hover {
				background-position: 0 -62px;
				}
				
		.view-accessories {
			background-position: 0 -93px;
			}
			
			.view-accessories:hover {
				background-position: 0 -124px;
				}
				
.downloads {
	margin-bottom: 18px;
	}
	
	.downloads a {
		display: block;
		color: #fff;
		font-size: 1.2em; /* 12 */
		line-height: 1.0833em; /* 13 */
		font-weight: bold;
		padding: 5px 0 5px 44px;
		background-color: #37519a;
		background-position: 8px 5px;
		background-repeat: no-repeat;
		border-bottom: 2px solid #fff;
		}
		
		#cadDownload {
			background-image: url(icon-cad.gif);
			}
			
		#pdfDownload {
			background-image: url(icon-pdf.gif);
			}
		
		.downloads a:hover {
			background-color: #223f90;
			text-decoration: none;
			}
			
		.downloads a small {
			white-space: nowrap;
			font-weight: normal;
			font-size: 0.8333em; /* 10 */
			}
		
#breadcrumbs {
	color: #7d8edd;
	padding-bottom: 5px;
	font-size: 1.2em;
	}
	
	
	
/* ----------
				Search Options + Results Page
---------- */
.search-options {
	position: absolute;
	top: 0px;
	right: 40px;
	z-index: 99;
	width: 575px;
	}
	
	.search-options form, .search-options ul {
		float: right;
		overflow: hidden;
		}

		.search-options form {
			width: 187px;
			}
		
		.search-options legend {
			display: none;
			}
		
		.search-options .text {
			font-size: 12px;
			font-weight:  bold;
			color: #223f90;
			float: left;
			margin: 0 0 0 2px;
			}
			
		.search-options .action {
			width: 21px;
			height: 21px;
			float: left;
			text-indent: 99em;
			padding-left: 99em !ie;
			text-indent: 0 !ie;
			border: 0;
			margin: 0 0 0 2px;
			overflow: hidden;
			cursor: pointer;
			background: url(btn_go.gif) top no-repeat;
			}
			
		.actionBtn {
			width: 21px;
			height: 21px;
			float: right;
			text-indent: 99em;
			padding-left: 99em !ie;
			text-indent: 0 !ie;
			border: 0;
			margin: 0 0 0 2px;
			overflow: hidden;
			cursor: pointer;
			background: url(btn_go.gif) top no-repeat;
			}
			
			.search-options .action:hover {
				background-position: bottom;
				}
				
		.search-options ul {
			width: 388px;
			}
			
			.search-options li {
				float: right;
				}
				
	.search-options a {
		color: #fff;
		background-color: #223f90;
		background-repeat: no-repeat;
		float: left;
		padding: 5px 15px;
		margin-left: 2px;
		font-weight: bold;
		font-size: 12px;
		line-height: 1em;
		border: 1px solid yellow;

		}
		
		a.link-oz, a.link-nz {
			padding-left: 50px;
			background-image: url(flag-oz.gif);
			background-position: 15px 5px;
			}
			
			a.link-nz {
				background-image: url(flag-nz.gif);
				}
		
		.search-options a:hover, #page37 .link-contact, #page10 .link-about {
			background-color: #e3ebf3;
			color: #223f90;
			text-decoration: none;
			}
			
.search-results li {
	position: relative;
	clear: both;
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #e6e6e6;
	background: #fff;
	overflow: hidden;
	}
	
	.search-results .more-link, .children-pages .more-link, .main-group .more-link {
		position: static;
		float: left;
		}
	
	.search-results br {
		display: none;
		}
		
	.search-results h4 {	
		padding-bottom: 8px;
		}
			
			
/* ----------
				Form Styling
---------- */
fieldset {
	overflow: hidden;
	position: relative;
	}
	
	fieldset div {
		float: left;
		position: relative;
		}
	
label, input, textarea, select {
	float: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
	}
	
	label {
		width: 95px;
		text-align: right;
		margin-right: 12px;
		padding: 3px 0 0 0;
		color: #223f90;
		}
		
		.checkbox label, .textarea label {
			width: auto;
			text-align: left;
			margin-bottom: 6px;
			}
			
	.page-content input, select, textarea {
		margin-right: 10px;
		padding: 2px 0;
		border: 1px solid #e0e0e0;
		}
		
		.page-content input {
			width: 190px;
			}
			
	.textarea {
		clear: both;
		float: left;
		width: 450px;
		margin-right: 10px;
		}
		
		.textarea textarea {
			width: 400px;
			}
					
	input.action {
		margin: 0 20px 0 auto;
		display: block;
		float: none;
		width: 50px;
		border: 0;
		}
		
		.Actions input.action {
			margin-left: 132px;
			margin-bottom: 5px;
			width: auto;
			}
		
.message {
	position: absolute;
	top: 19px;
	right: 12px;
	color: #be0f34;
	font-size: 11px;
	}
	
	.textarea .message {
		position: static;
		display: block;
		clear: both;
		padding-bottom: 12px;
		}
	
	
	
/* ----------
				Extensions
---------- */

/* Facebox */
#facebox .b {
  background:url(/web/site.nsf/i/facebox/$FILE/b.png);
}

#facebox .tl {
  background:url(/web/site.nsf/i/facebox/$FILE/tl.png);
}

#facebox .tr {
  background:url(/web/site.nsf/i/facebox/$FILE/tr.png);
}

#facebox .bl {
  background:url(/web/site.nsf/i/facebox/$FILE/bl.png);
}

#facebox .br {
  background:url(/web/site.nsf/i/facebox/$FILE/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}