@charset "utf-8";

/* ------------------------------------ Font Styles ------------------------------------ */

body, td, th { /* td and th are included in this declaration for IE 5 benefit */
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, 
.topMenu a,
.leftMenu a,
.searchBox label,
.searchBox .searchButton {
	font-family: Verdana;
	font-weight: normal;
	font-size:  12px;
	color: #000000;		
}
h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
}
h1 {
	font-size:  14px;	
	font-weight: bold;
	color: #810025;
}
h2 {
	font-size:  14px;	
	font-weight: bold;
}
h3,
.searchBox .searchButton {
	font-weight: bold;
	color: #810025;
}
h4 {
	font-weight: bold;
}
h5 {
	color: #810025;
}
h6,
.topMenu a,
.leftMenu a,
.searchBox label {
	font-weight: normal;
}	
p {
	font-size:  10px;
}
.colorRed {
	color: #810025;
}
.colorBlack {
	color: #000000;
}
.colorGrey {
	color: #F0F0F0;
}
.linkNoUnderline {
	text-decoration: none;
}
.linkNoFormatting, 
.contentShop h4 a {
	text-decoration: none;
	color: #000000;
}
.shopPagination {
	color: #810025;
}
.topMenu .mouseover a,
.topMenu .selected a,
.leftMenu .mouseover a,
.leftMenu .selected a { 
	color: #FFFFFF;
}
.leftMenu .sub_mouseover a,
.leftMenu .sub_selected a { 
	color: #000000;
}

/* ------------------------------------ General and End User Element Styles ------------------------------------ */

a {
	font-weight: bold;
	color: #666;
	outline-color:transparent;
	outline-style:none;
	outline-width:medium;
}
a:HOVER {
	color: #000;
}
img { 
	border: 0 none; 
}
input { 
	padding: 2px;
}
hr {
	height: 1px;
	margin: 20px 0;
	border: none;
	background-color: #BBBBBB;
}
table {
	border-collapse: collapse;
	border-color: #EEEEEE;
}
th {
	font-weight: bold;
}
th, td {
	padding: 0;
	vertical-align: top;
}
ul, ol {
	padding-left: 40px; 
}

ul:FIRST-CHILD,	
li:FIRST-CHILD,	
p:FIRST-CHILD,	
h1:FIRST-CHILD,	
h2:FIRST-CHILD,	
h3:FIRST-CHILD,	
h4:FIRST-CHILD,	
h5:FIRST-CHILD,	
h6:FIRST-CHILD,	
.componentheading:FIRST-CHILD	{	
	margin-top: 0 !important;
}
.displayNone {
	display: none;
}
.clear {	
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.linkMarginRight {
	margin-right: 30px;
}
.noMargin {
	margin: 0;
}
.noBottomMargin {
	margin-bottom: 0;	
}
.noTopMargin {
	margin-top: 0;	
}
.cellAlignTop td {
	vertical-align: top;
}
.thumbImg,
.shopImageSmall img {
	width: 148px;
	height: 148px;
	border: 1px solid #BBBBBB;
}
.sectorImg {
	width: 315px;
	height: 75px;
}
.documentDownload a,
.videoLink a {
	text-decoration: none;
	color: #000000;
}
.documentDownload img {
	width: 30px;
	height: 25px;
	margin-right: 10px;
	vertical-align: middle;
}

/* ------------------------------------ Custom Object / Module Styles ------------------------------------ */

.searchBox label,
.searchBox .searchInput,
.searchBox .searchButton {
	line-height: 14px;
	margin-top: 4px;
	padding: 0;
	float: left;
	border: 0 none;
}
.searchBox .searchInput {
  width: 105px;
}
.searchBox .searchButton {
	cursor: pointer;
	background: none;
}
.cat_textbox,
.cat_listbox {
	width: 250px;
}
.cat_listbox {
	height: 130px; 
}
.cat_dropdown_multiple {
	height: 85px;
}
.webform td {
	padding-top: 10px;
}
.webform label {
	line-height: 1.5em;
}
.shop-form label {
	line-height: 2em;	
}
.req {
	color: red;
}
.announcement-list h2 span {
	float: right;
}

/* ------------------------------------ Template Layout - General ------------------------------------ */

body {
	margin: 10px;
	background: #FFFFFF;
	text-align: center;
}
#container {
	width: 850px;
	margin: 0 auto;
	text-align: left;
}
#banner {
	height: 100px;
}
#bannerAnimatedLogo {
	width: 200px;
	height: 80px;
	margin: 10px 0;
	overflow: hidden;
	position: relative;
	top: 10px;
	z-index: 2;
	display: inline;
}
#bannerAnimatedLogo img {
	width: 200px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
}
#bannerMainLogo {
	position: absolute;
	top: 10px;
}
.bgGrey25px {
	height: 25px;
	background-image: url("/Images/Template/Backgrounds.png");
	background-position: 0 0;	
}	
.bgEndLeft25px {
	width: 5px;
	height: 25px;
	float: left;
	background-image: url("/Images/Template/Backgrounds.png");
	background-position: 0 -425px;
}
.bgEndRight25px {
	width: 5px;
	height: 25px;
	float: right;
	background-image: url("/Images/Template/Backgrounds.png");
	background-position: -5px -425px;
}
.bgGrey350px {
	padding-top: 5px;
	background-image: url("/Images/Template/Backgrounds.png");
	background-position: 0 -75px;
}
.bgEndBottom190pxW {
	width: 190px;
	height: 5px;
	background-image: url("/Images/Template/Backgrounds.png");
	background-position: 0 -450px;	
}
.bgGrey350pxContentArea {
	padding: 5px 10px;
}
	
/* ------------------------------------ Template Layout - Top Menu ------------------------------------ */

#topMenu {
	width: 850px;
	height: 25px;
	margin: 20px 0;
}
.topMenu ul {
	list-style: none;
	padding: 0 0 0 5px;
	margin: 0;
}
.topMenu li,
.topMenu a {
	width: 81px;
	height: 25px;
	line-height: 25px;
	float: left;
	text-align: center;
	text-decoration: none;
}
.topMenu li {
	border-left: 2px solid #FFFFFF;
}
.topMenu li:FIRST-CHILD {
	border-left: none;
}
.topMenu .mouseover,
.topMenu .selected {
	background-image: url("/Images/Template/Backgrounds.png");
	background-position: 0 -50px;
}
.topMenu #top_menu_divider, 
.topMenu #top_menu_divider a {
	width: 10px;
	cursor: default;
	background-image: url("/Images/Template/Backgrounds.png");
	background-position: 0 -25px;
}

/* ------------------------------------ Template Layout - Left Menu ------------------------------------ */

#leftMenuContainer {
	width: 190px;
	float: left;
	margin-right: 20px;
	z-index: 999;
	text-indent: 10px;
}
.leftMenu {
	margin-bottom: 12px;
}
.leftMenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}	
.leftMenu li,
.leftMenu a {
	height: 25px;
	line-height: 25px;
	display: block;
	text-decoration: none;
	text-indent: 10px;
}

.leftMenu li {
	border-bottom: 1px solid #FFFFFF;
}
.leftMenu li:FIRST-CHILD {
	border-top: 1px solid #FFFFFF;
}
.leftMenu .mouseover,
.leftMenu .selected {
	background-image: url("/Images/Template/Backgrounds.png");
	background-position: 0 -50px;
}
.leftMenu div ul li ul {
	height: 110px;	
	top: -31px;
	padding-top: 5px;
	border-left: 2px solid #FFFFFF;
	background-image: url("/Images/Template/Backgrounds.png");
	background-position: 0 -455px;	
	position: fixed;
	left: -999px;	
	z-index: 999;
}
.leftMenu .submenu_3 ul {
	height: 84px;
	background-position: 0 -570px;	
}
.leftMenu .submenu_2 ul {
	height: 58px;
	background-position: 0 -659px;	
}
.leftMenu .submenu_1 ul {
	height: 32px;
	background-position: 0 -722px;	
}
.leftMenu .mouseover ul {
	position: relative;
	left: 190px;
}
.leftMenu .sub_mouseover {
	background-image: url("/Images/Template/Backgrounds.png");
	background-position: 0 -25px;
}
.ausLogo{
	position:relative;
	bottom:12px;
	right:7px;
}

/* ------------------------------------ Template Layout - Page Content ------------------------------------ */

/* .no_display is used for invisible submenu items added to BC Dynamic Menus with URLs of sub pages. 
   This is to make the inbuilt page selected CSS apply to the root menu item when sub pages are navigated to */
.no_display,
.submenu_0 ul {
	display: none;
}

#pageContent {
	width: 640px;
	float: right;
}

/* ------------------------------------ Template Layout - Footer ------------------------------------ */

#footer {
	height: 172px;
	padding: 10px;
	overflow: hidden;
	background: url("/Images/Template/FooterBackground.png") 0 0 no-repeat;
}
#footer h1,
#footer h2 {
	color: #810025;
	margin: 10px 0;
}
#footer h1 {
	font-size: 12px;
}
#footer h2 {
	font-size: 11px;
}
#footer ul,
#footer li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #666;
	font-size: 10px;
}
.resourceList li a {
	font-weight: lighter;
	text-decoration: none;
}
.contactDetails {
	clear: both;
	margin-top: 10px;
}
.contactDetails li {
	display: block;
	float: left;
	font-size: 9px !important;
	padding-right: 6px !important;
}

/* ------------------------------------ Home Page Layout ------------------------------------ */

#contentHome #slides {
	float: left;
}
#contentHome #slides {
	height: 680px;
	overflow: hidden;
}
#contentHome #slides div,
#contentHome #slides img {
	width: 430px;
	height: 170px;
}
#contentHome #links {	
	width: 190px;
	margin-left: 20px;
	float: right;
}
#contentHome #search {
	margin-bottom: 22px;	
}
#contentHome #promotions,
#contentHome #whatsNew {
	margin-bottom: 20px;
}
#contentHome #promotions img,
#contentHome #whatsNew img {
	width: 170px;
	height: 190px;
}
#contentHome #updatesText {
	width: 87px;
	float: left;
}
#contentHome #updates img {
	width: 80px;
	height: 105px;
}

/* ------------------------------------ Custom Page Layouts ------------------------------------ */

#contentSearch .searchBox {
	width: 290px;
	margin-bottom: 20px;
}
#contentSearch .searchBox .searchInput {
  width: 205px;
}
#contentContactUs #details {
	float: left;
	width: 45%;
}
#contentContactUs #enquiry {
	float: right;
	width: 50%;
}
#contentContactUs #details td {
	padding: 5px 10px;
}
#contentContactUs #map
{
	width: 250px;
	height: 250px;
}
.contentShop .contentHeading {
	float: left;
}
.contentShop .shopPagination,
.contentShop .shopNavLink {
	float: right;
	margin: 0;
}
.contentShop .cartSummary a {
	margin-left: 20px;
}
.contentShop .productTextInput, 
.contentShop .cartInputText {
	width: 25px;
}
.contentShop .productSubmitInput {
	width: 85px;
}	
.contentShop .productSmall tr:first-child td {
	padding-bottom: 20px;
}
.contentShop .productSmall .productItem {
	vertical-align: top;
	padding-left: 13px;
	width: 150px;
}
.contentShop .productSmall h4 {
	height: 4em;
}
.contentShop .productSmall .productItem:FIRST-CHILD {
	padding-left: 0;
}
.contentShop .productLarge {
	width: 100%;
}
.contentShop .productLarge h4 {
	margin-top: 0;
}
.shopImageLarge img {
	margin: 0 0 10px 10px;
	border: 1px solid #BBBBBB;	
}
.contentShop .row, 
.contentShop .productitemcell {
	height: 26px;
	line-height: 26px;	
}
.productItem .price,
.productItem .addToCart {
	font-weight: bold;
	float: right;
}