@charset "utf-8";
/*
Copyright is held by original owners.
CSS Document: Billabong Australia
Version: 1.11
*/

/*
ATTRIBUTES
**********
Font Primary: #000, Arial 12px
Page Heading: #000, Arial 14px
Content Headings: #000, Arial 14px
__________

DIMENSIONS
**********
Main site width: 996px
Content Main: 776px
Gutter width: 24px
__________

CSS INDEX:
**********
+ Global Styles
  - Text
  - Links
  - Lists
  - Forms
+ Page Layout
  - Content (Containers)
  - Columns
+ Header
  - Toolbar
+ Footer
  - Other Links
+ Navigation
  - Primary
  - Secondary
  - Local
+ Banners
+ Page Tools
  - Email Alerts
+ Content (Body)
  - Headings
  - Lists
  - Tables
  - Info Panel
__________

*/

/*
=================================
GLOBAL STYLES
*/

* {
	margin:0em;
	padding:0em;
	border:none;
}	

#billabong {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#000;
	border-top:21px solid #000;
}

textarea { /* Repeat Font Family from above */
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
	
.accessible {
	display:block;
	position:absolute;
	left:-9999em;
	z-index:0;
	height:0px;
	width:0px;
	line-height:0px;
	font-size:0px;
	float:left;
	clear:none;
	visibility:collapse;
}

.invisible {
	display:none;
}	

.right {
	float:right;
}

.left {
	float:left;
}

.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.image.right, .photo.right , img.right {
	margin:0em 0em 2em 2em;
}

.image.left, .photo.left, img.left {
	margin:0em 2em 2em 0em;
}

.photo.left img {
	float:left;
}

.photo.right img {
	float:right;
}

	/* LINKS */
	a {
		color:#2f895c;
		text-decoration:underline;
	}
	
	a:link {
		color:#2f895c;
	}
	a:visited {
		color:#64a484;
	}
	a:hover {
		color:#0066ff;
	}
	a:active {
		color:#0066ff;
	}

	/* LISTS */
	#content_container ul, #content_container ol { 
		display:inline-block; /* Keep from losing bullets to floated objects */
	}
		#content_container li ul, #content_container li ol { 
			display:block;
		}
		
	/* FORMS */
	button {
		cursor:pointer;
		background-color:#6db887;
		color:#fff;
		padding:2px 4px;
		font-size:90%;
		text-transform:lowercase;
	}
		
	button:hover {
		background-color:#0066FF;
	}
	
	
/*
=================================
PAGE LAYOUT
*/	

#page {
	width:996px;
	background:url(../images/bg_page.jpg) left -28px no-repeat;
}

#header {
	position:relative;
	height:98px;
	margin-bottom:87px;
	width:996px;
}


.home-banner {
	height: 313px;
	width: 100% !important;
	background-position: top center;
	background-repeat: no-repeat;
	z-index: 1000;
}

.banner {
	height: 116px;
	width: 100% !important;
	background-position: top center;
	background-repeat: no-repeat;
	z-index: 1000;
}


.rotator {
	width: 100% !important;
}


#nav_primary {
	float:left;
	margin-left:10px;
	width:184px;
}

#email_alerts {
	clear:left;
	float:left;
	margin-left:10px;
}


#content h1 {
	background:#000;
	position:absolute;
	left:0px;
	top:120px;
	height:48x;
	font-size:1.16em;
	line-height:48px;
	padding-right:20px;
	width:294px;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	text-align:right;
	margin:0em;
}
	#content h1 strong {
		top:0px;
		width:200px;
		color:#000;
		line-height:48px;
		height:48px;
		text-transform:capitalize;
		font-weight:normal;
		position:absolute;
		text-align:left;
		margin-left:32px;
	}

#content_container {
	float:right;
	width:776px;
}
	
	/* CONTENT (containers) */
	
	#content_container .colone {
		margin:0px 0px 24px 0px;
		float:left;
		width:268px;
		position:relative;
	}
	
	#content_container .coltwo {
		margin:0px 0px 24px 46px;
		float:left;
		width:460px;
		position:relative;
	}
	
	.home #content_container .coltwo {
		margin-top:188px;
	}
	
	/* COLUMNS */
	.home #content_container .col2of2 {
		margin-left:24px;
	}
	
	.home #content_container .col1of2,  .home #content_container .col2of2{
		float:left;
		width:218px;
	}

/*
=================================
HEADER
*/

#header #masthead {
	position:absolute;
	left:535px; /* 996 - 461*/
	top:-21px;
}

#header #section {
	float:right;
	margin-bottom:22px;
}

#header #company {
	position:absolute;
	top:26px;
	left:147px;
}

#header #company a {
	display:block;
	width:327px;
	height:45px;
	background:url(../images/logo_billabong.gif) no-repeat;
}

#header #company a span {
	position:absolute;
	left:-9999em;
}


	/* TOOLBAR */
	#toolbar {
		background:#000;
		font-size:90%;
		width:461px;
		float:right;
		clear:right;
		margin-bottom:24px;
	}
	
	#toolbar a {
		color:#f3f6fc;
		text-decoration:none;
	}
	
	#toolbar ul {
		display:inline-block;
		overflow:auto;
		height:.1%;
		padding:0em;
		margin:0em auto;
		font-size:11px;
		letter-spacing:normal;
	}
	
	#toolbar li {
		list-style-type:none;
		float:left;
		display:block;
		padding:0em;
		margin:0em 0em 0em 8px;
		overflow:auto;
	}
	
	#toolbar a {
		float:left;
		margin:0em;
		padding:7px 0px;
		padding-left:20px;
		background-position:left center;
		background-repeat:no-repeat;
	}
	
	#toolbar a:hover {
		color:#6db887;
	}
	
	#toolbar .tb1 a { /* print */
		background-image:url(../images/icon_printer.gif);
	}
	#toolbar .tb2 a { /* email */
		background-image:url(../images/icon_email.gif);
	}
	#toolbar .tb3 a { /* rss */
		background-image:url(../images/icon_rss.gif);
	}
	#toolbar .tb4 a { /* email alerts */
		background-image:url(../images/icon_email_alerts.gif);
		padding-left:25px;
	}
	#toolbar .tb5 a { /* tear sheet */
		background-image:url(../images/icon_tear_sheet.gif);
	}
	


/*
=================================
FOOTER
*/
#footer {
	clear:both;
	font-size:90%;
	margin:15px 0em 24px 0em;
}

#footer li {
	list-style:none;
}

	/* OTHER LINKS */
	#footer #other_links {
		background:#e0e0e0 url(../images/bg_other_links.gif) left top no-repeat;
		height:95px;
		color:#5b5b5b;
	}
	
	#footer #other_links #other_links_list {
		padding-left:37px;
	}
	
	#footer #other_links ul li {
		float:left;
		background:url(../images/bullet_other_links.gif) left top repeat-y;
		height:83px;
		width: 95px;
		padding:12px 12px 0em 38px;
	}
	
	#footer #other_links ul li a {
		float:left;
		clear:left;
		text-decoration:none;
		color:#5b5b5b;
	}
	
	#footer #other_links ul li a:hover {
		color:#000;
	}
	
	#footer #other_links ul li img {
		display:block;
		clear:left;
		margin:3px 0px 6px 0px;
	}
	
	#footer #other_links ul li:first-child, #footer #other_links .first-child {
		background:none;
		width: 15px;
		padding: 0px;
		background: none;
	}
	
	#footer #other_links .last-child img {
		margin-top:-2px;
	}
	
	#footer #other_links li ul {
		float:left;
		margin-left:10px;
	}
	
	#footer #other_links li ul li {
		height:auto;
		padding:0em;
		float:none;
		background:none;
	}
	
	#footer #other_links li ul li a {
		text-decoration:underline;
	}

#footer #site_links li, #footer #copyright {
	float:left;
	margin:10px;
}	

#footer #site_links li {
	display:inline-block;
}

#footer #site_design {
	text-align:right;
	margin:10px;
	margin-right:0px;
}

#footer #site_design a, #footer #site_links a  {
	text-decoration:none;
	background:url(../images/bg_site_link.gif) left bottom repeat-x;
	color:#000;
	padding-bottom:3px;
	display:inline-block;
}

#footer #site_design a:hover, #footer #site_links a:hover {
	color:#6db887;
}



/*
=================================
NAVIGATION
*/


	/* PRIMARY */
	#nav_primary {
		margin-bottom:24px;
		position:relative;
		z-index:30;
	}
	
	#nav_primary #nav li {
		list-style-type:none;
		margin:0em 0em;
		position:relative;
		z-index:30;
		display:inline-block;
		float:left;
	}
	
	#nav_primary #nav li a {
		background:#000;
		display:block;
		padding:5px 0px 5px 10px;
		text-decoration:none;
		text-decoration:none;
		color:#fff;
		width:173px;
		border-bottom:1px solid #767676;
	}
	
	#nav_primary #nav li a:hover {
		color:#6cb887;
	}
	
	#nav_primary #nav li:hover a, #nav_primary #nav .sfhover a {
		background:#363636;
	}
	
	#nav_primary #nav li a.active, #nav_primary #nav a.active {
		background:#606060 !important; 
		color:#6cb887;
	}
	
	
	
	/* SECONDARY */
	#nav_primary #nav li ul {
		margin:0em;
		padding:0em 0em 0px 0em;
		background:#000;
		float:left;
		display:inline-block;
		width:183px;
	}
	
	#nav_primary #nav li ul li {
		background:#000;
		padding:0em;
		margin:0em;
		float:left;
	}
	
	#nav_primary #nav li ul li a {
		margin:0em;
		background-color:#676767 !important;
		border-bottom-color:#565656;
		border-left:1px solid #565656;
		color:#fff;
		width:auto;
		float:right;
		clear:right;
		width:169px;
		padding:5px 0px 5px 13px;
		font-size: 11px;
	}
	
	#nav_primary #nav li ul li a:hover {
		background-color:#606060 !important;
	}

		
	/* LOCAL */
	#nav_local {
		clear:both;
		border-bottom:1px solid #7a7a7a;
		margin-bottom:24px;
	}
	
	#nav_local li {
		list-style-type:none;
		float:left;
	}
	
	#nav_local li a {
		position:relative;
		text-decoration:none;
		color:#7a7a7a;
		font-size:1.16em;
		display:block;
		padding:.4em .8em;
		margin:0px 0px -1px 0px;
		z-index:1;
		border:1px solid transparent;
		_border:1px solid #fff;
		border-bottom:1px solid #7a7a7a;
	}
	
	#nav_local li a:hover, #nav_local li.current a {
		border:1px solid #7a7a7a;
		border-bottom-color:#FFF;
		z-index:2;
		color:#000;
	}
	
	
	
	#nav_local li a:hover {
		background:#fff;
	}



	
/*
=================================
BANNERS
*/



/*
=================================
PAGE TOOLS
*/


	/* EMAIL ALERTS */
	#email_alerts {
		font-size:90%;
		color:#565656;
		margin-bottom:24px;
	}
	
	#email_alerts h6 {
		font-size:1.2em;
		font-weight:normal;
		color:#000;
	}
	
	#email_alerts form {
		width:140px;
	}
	
	#email_alerts button {
		background-color:#6db887;
		color:#fff;
		padding:2px 4px;
		font-size:90%;
		float:right;
		text-transform:lowercase;
	}
	
	#email_alerts button:hover {
		background-color:#0066FF;
	}
	
	#email_alerts input {
		border:1px solid #bbb;
		color:#565656;
		display:block;
		font-size:90%;
		width:100%;
		line-height:18px;
		height:18px;
		text-indent:4px;
		margin:10px 0px;
	}



/*
=================================
CONTENT (body)
*/



	/* HEADINGS */

	/* h1 - in page layout */
	h2, h3, h4 {
		color:#000;
	}
	h2 {
		font-size:1.16em;
		margin-bottom:12px;
	}
	h3 {
		font-size:1.1em;
		margin-bottom:12px;
	}
	h4, h5, h6 {
		font-size:1em;
	}
	
	p + h2, ul + h2, ol + h2 {
		margin-top:24px;
	}

		
	/* LISTS */
	#content ul, #content ol {
		margin-bottom:18px;
		margin-left:1.4em;
	}
	
	#content li ul, #content li ol {
		margin-bottom:0em;
	}
	
	#content ol li {
		list-style-type:decimal;
		margin-left:2em;
		margin-top:.4em;
	}
	
	#content ul li {
		margin-left:2em;
		margin-top:.4em;
	}	
	
		#content li ul li {
			list-style-type:square;
		}
		
	#content ul.blank {
		list-style-type:none;
		margin:0em;
		padding:0em;
		margin-bottom: 5px;
	}
	
	#content ul.blank li {
		margin:0em;
		padding:0em;
	}
	
	/* TABLES */
	#content table {
		border-collapse:collapse;
		padding:1px;
		width: 100%;
		margin:12px 0px 24px 0px;
	}
	
	#content table caption {
		font-size:.9em;
		background:#e5ffee;
		margin:0em;
		padding:.3em 0em;
		margin-bottom:-6px;
		margin-top:6px;
	}
	
	#content table th {
		text-align:left;
		vertical-align:top;
		padding:4px 9px;
		border:1px solid #fff;
	}
	
	#content table td { 
		vertical-align:top;
		padding:4px 9px;
		border-top:1px solid #e1e1e1;	
		border-right:1px solid #fff;
	}
	
	#content table .odd {
		background:#f8fcff;
	}
	
	#content table th {
		font-weight:bold;
		background:#cde8f6;
	}
	
	#content table thead th {
		font-size:1.1em;
		padding:9px 9px;
	}
	
	
	/* CHART TABLES */
	
	#content .chart h2 {
		margin:0em -9px;
	}
	
	#content table.chart {
		border-collapse:collapse;
		text-align:center;
		width:100%;
		margin:0em -9px;
		margin-bottom:48px;
		overflow:hidden;
	}
	
	#content .chart td, #content .chart th {
		border:none;
		padding:4px 1%;
		vertical-align:middle;
		text-align:center;
		background-color:#fff;
	}
	
	#content .chart thead th {
		color:#ff8c00;
		font-size:1.25em;
		padding-top:15px;
		padding-bottom:10px;
	}
	
	#content .chart tbody th {
		text-align:left;
		font-weight:normal;
		width:160px;
	}
	
	#content .chart .clear {
		height:3em;
		padding:0em;
	}
	
	#content .chart .clear td, #content .chart .clear th {
		padding:0em;
	}
		
	#content .chart tbody td, #content .chart tbody th {
		border-top:1px solid #e1e1e1;
		width:23%;
	}
	
	#content .chart h3 {
		text-align:left;
		color:#2082cb;
		background:#f0f0f0;
		padding:3px 9px;
		font-size:1.05em;
		width:100%;
		margin:-4px -1%;
	}
	
	#content .chart a.learn_more {
		margin:2px auto;
	}	
	
#content p {
	margin-bottom:18px;
	line-height:1.5em;
}

#content p + ul, #content p + ol {
	margin-top:-12px;
}

#content .note {
	font-size:11px;
}

#content a.more {
	display:block;
	text-align:right;
	text-decoration:none;
}

#content a.more span,  #content a.moreB span{
	padding-bottom:1px;
	border-bottom:1px dotted;
}

#content a.moreB {
	position:absolute;
	right:0px;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	margin:0em;
	display:inline;
}

	/* icon links */

	#content a.pdf span, #content a.print span {
		position:absolute;
		left:-9990em;
	}
	
	#content a.pdf , #content a.print  {
		background-repeat:no-repeat;
		background-position:left top;
		width:22px;
		height:22px;
		display:inline-block;
	}
		#content a.pdf {
			background-image:url(../images/icon_pdf.gif);
		}
		#content a.print {
			background-image:url(../images/icon_print.gif);
		}
	
	/* INFO PANEL */

	#content .infopanel {
		margin:6px 0px;
		border:1px solid #bbb;
		padding:12px;
	}
	
	#content .infopanel .date {
		display:block;
		font-size: .8em;
	}
	
	#content .infopanel li.heading {
		font-size:2.2em;
		margin-bottom:6px;
	}
	
	#content .infopanel li.currency {
		display:inline-block;
		float:right;
		margin-top:6px;
		padding-top:8px;
	}
	
	#content .infopanel .currency.negative {
		color:#ed2024;
		background:url(../images/icon_negative.gif) 2px top no-repeat;
	}
	#content .infopanel .currency.positive {
		color:#1bc91b;
		background:url(../images/icon_positive.gif) 2px top no-repeat;
	}
	
		/* REPORTS */
		#content .reports {
			margin-bottom:24px;
		}
		
		#content .reports a.pdf {
			display:block;
			margin:10px 0px;
		}
	
		/* NEWS */
		#content .infopanel ul.news {
			width:100%;
		}
		
		#content .infopanel ul.news a {
			color:#3c4c51;
		}
		
		#content .infopanel ul.news a:hover {
			color:#0066ff;
		}
		
		#content .infopanel ul.news li {
			border-bottom:1px solid #898989;
			padding-bottom:12px;
			width:100%;
			margin-bottom:12px;
			height:.1%;
		}
		
		#content .infopanel ul.news a.print {
			float:right;
		}