/*
	BCF (Screen Styles)
	Created: 11th June 2007, WDG Brisbane
	
	# This stylesheet contains
	    - Base HTML Elements
	    - Link Styling
	    - Heading Styling
	    - Utility Styles
*/

/*
	** Imported stylesheets
*/
@import url(form.css);
@import url(structure.css);
@import url(components.css);
/*@import url(navigation-hover.css);*/


/*
	** Base HTML Elements
*/
body
{
	margin: 0;
	padding: 5px 0 30px;
	
	background-image: url(http://www.bcf.com.au/App_Assets/images/body-bg.jpg);
	background-repeat: repeat-x;
	background-color: #fdfdfd;
	
	color: #5a5a5a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	
}

p
{
	margin: 8px 0 16px;
	
	line-height: 135%;
}

sup
{
	font-size: 60% !important;
}

ul
{
	margin: 8px 0 16px;
	padding: 0;
}
ul li
{
	margin-left: 25px;
	padding: 0;
}


/*
	** Link Styling
*/
a:link, a:visited
{
	color: #005593;
}
a:hover
{
	color: #000;
}
a img
{
	border: 0;
}

#bottomMenuContainer a
{
	text-decoration: none !important;
}

/*
	** Heading Styling
*/
h1, h2, h3, h4, h5, h6
{
	margin: 5px 0 10px;
	
	color: #e2881b;
	font-size: 130%;
}
h1
{	
	margin: 0 0 10px;
	
	color: #fff;
	font-size: 140%;
	font-weight: normal;
	font-family: "Copperplate Gothic Bold", Serif;
}
:root h1
{
	margin-bottom: 8px;
}
h2
{
	font-size: 120%;
}
h3
{
	color: #4990c3;
	font-size: 110%;
	font-weight: normal;
}
h4, h5, h6
{
	color: #4990c3;
	font-size: 100%;
	font-weight: normal;
}


/*
	** Utility Styles
*/
.offleft,
.sir h2,
.sir h3
{
	position: absolute;
	left: -8000px;
	width: 4000px;
}
hr 
{
	clear: both;
	visibility: hidden;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
}
.clear
{
	clear: both;
}
.hide
{
	display: none !important;
}
.group
{
	margin: 15px;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.center
{
	text-align: center;
}
.lefta
{
	text-align: right;
}
.righta
{
	text-align: right;
}
.small
{
	padding-top: 0 !important;
	line-height: 105% !important;
	font-size: 80%;
}
.sir
{
	letter-spacing: -1000px;
	text-indent: -999px;
}
img.left
{
	margin-right: 10px;
}
img.right
{
	margin-left: 10px;
}

.box
{
}

.grey
{
	color: #5e5e5e;
}


.tentGuideLeft {
	float:left;
	display:inline; /* fix for ie6 and less */
	width: 48%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.tentGuideRight {
	float:left;
	display:inline; /* fix for ie6 and less */
	width: 48%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}
.tentRow {
	width:100%;
	display:block;
	margin-bottom: 5px;
}


.tentRowTentPage {
	width: 100%;
	display: block;
	border-top: 0 none !important;
	border: solid 1px #e4e4e1;
}

.tentGuideLeft .titleDiv,.tentGuideRight .titleDiv,.tentGuide .titleDiv {
	background-color: #edede9;
	padding: 6px 3px 3px 13px;
	height: 20px;
	font-size: 13px;
	color: #8c8c8c;
	background-image:url(../contentresources/images/tentguide/Layout/gradient.gif);
	background-repeat: repeat-x;
}	

.tentImage {
	width: 29%;
	float: left;
	padding: 5px 10px;
	text-align: right;
}

.tentContent {
	width: 62%;
	padding: 10px 20px 10px 10px;
	float: right;
	border-left: solid 1px #e4e4e1;
}

.tentName {
	text-align: left;
}

.tentMenuContent {
	padding-top:7px;
	text-align:center;
}

#embedVid {
	display:none;
}

.tentFooter {
	clear: both;
	height: 29px;
	background-color: #edede9;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix {
	display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix { 
	height: 1%; 
}

.clearfix { 
	display: block; 
}
/* close commented backslash hack */

.min-height-hack {
	width: 1px;
	height: 100px;
	float: right;
}

.tentGuideImage {
	margin-bottom: 20px;
}

#tentContent .contentLeft {
	width: 285px;
	float: left;
	margin-top: 10px;
}

#tentContent .contentRight {
	width: 345px;
	float: right;
	margin-top: 10px;
	text-align: right;
}

#tentContent .contentRight .factDownloadLink {
	margin: 10px 0;
	text-align: right;
}

#tentContent .contentRight .factDownloadLink a {
	color: #5A5A5A;
	text-decoration: none;
}

#tentContent .contentRight .factDownloadLink a img {
	padding-right: 10px;
}

#wfooter{
	background-image:url(http://www.bcf.com.au/App_Assets/images/baseBanner.jpg);
	width:990px;
	height:59px;
}

body 
{
	width: 983px;
	height: 175px;
	margin: 0px auto;
	background: url('http://www.bcf.com.au/App_Assets/images/template/sand.jpg');
}

#header 
{
	background: transparent url(http://www.bcf.com.au/App_Assets/images/template/header-weather.jpg) no-repeat scroll top left;
	width: 983px;
	height: 127px;
}

#mainMenuContainer 
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12px;
	line-height: normal;
	position: relative;
	z-index: 1000;
	background: transparent url(http://www.bcf.com.au/App_Assets/images/template/menuBackground-weather.jpg) no-repeat scroll top left;
	width: 983px;
	height: 29px;
	font-family: Arial, Tahoma, Sans-Serif;
}

#mainMenu {
	height: 29px;
	position: relative;
	z-index: 1000;
}

#mainMenu .linkContainer, 
#mainMenu .linkWrapper,
#mainMenu .linkContainer A {
	color: #ffffff;
	font-size: 12px;
	line-height: 29px;
	white-space: nowrap;
	text-decoration: none;
}

#mainMenu .linkContainer,
#mainMenu .linkWrapper {
	float: left;
	position: relative;
}

#mainMenu .linkContainer A {
	display: inline-block;
	cursor: pointer;
	padding: 0px 20px 0px 17px;
	background: transparent url(http://www.bcf.com.au/App_Assets/images/template/menuSeparator.png) no-repeat scroll top right;
}

#mainMenu A.linkText {
	cursor: default;
}

#mainMenu .subMenu {
	display: none;
	position: absolute;
	top: 29px;
	left: 0px;
}

#mainMenu .subMenu .subMenu {
	top: 0px;
	left: 160px;
	-left: 159px; /* If this isn't offset by 1px for IE6, the mouse over won't work correctly for sub menus. */
}

#mainMenu .flipLeft .subMenu {
	left: auto;
	right: 0px;
}

#mainMenu .subMenu .flipLeft .subMenu {
	left: -162px;
	right: auto;
}

#mainMenu .activeSubMenu {
	display: block;
}

#mainMenu .subMenu .linkContainer {
	width: 160px;
	height: 28px;
	
	float: none;
	position: relative;
}

#mainMenu .subMenu .linkWrapper {
	background: transparent url(http://www.bcf.com.au/App_Assets/images/template/main-menu-sub-bg.png) repeat scroll top left;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.bcf.com.au/App_Assets/images/template/main-menu-sub-bg.png,sizingMethod='scale');
	
	width: 156px;
	height: 24px;
	padding: 2px;
	position: relative;
}

#mainMenu .subMenu .linkSubMenu {
	background: transparent url(http://www.bcf.com.au/App_Assets/images/template/main-menu-counter-sub-bg.png) repeat scroll top left;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.bcf.com.au/App_Assets/images/template/main-menu-counter-sub-bg.png,sizingMethod='scale');
}

#mainMenu .subMenu .linkContainer, 
#mainMenu .subMenu .linkContainer A {	
	cursor: pointer;
	
	color: #ffffff;
	font-size: 11px;
	line-height: 23px; *line-height:24px;
}

#mainMenu .subMenu .linkContainer A {
	background: transparent none;
}

#mainMenu .subMenu A.overLinkText {
	background: transparent url(http://www.bcf.com.au/App_Assets/images/template/main-menu-hover-bg.png) repeat scroll top left;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.bcf.com.au/App_Assets/images/template/main-menu-hover-bg.png,sizingMethod='scale');

	color: #FFFFFF;
}

#mainMenu .subMenu .linkSubMenu A.overLinkText {
	background: transparent url(http://www.bcf.com.au/App_Assets/images/template/main-menu-counter-hover-bg.png) repeat scroll top left;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.bcf.com.au/App_Assets/images/template/main-menu-counter-hover-bg.png,sizingMethod='scale');
}

#mainMenu .subMenu .linkContainer A {
	width: 144px;
	padding: 0px 6px 0px 6px;
}

#mainMenuContainer #mainMenu .linkContainer .counter {
	display: none;
}

#mainMenu .homeLink {
	background: transparent url(http://www.bcf.com.au/App_Assets/images/template/menuHome.png) no-repeat scroll 8px 6px;
}

#mainMenu .homeLink A {
	padding-left: 39px;
}

#bottomMenuContainer {
    padding: 0 0 0 64px;
    -padding-left: 50px;
    background-color: #003379;
}

#bottomMenuContainer img {
    margin: 12px 0 0 15px;
    -margin-left: 0px;
}

#bottomMenuContainer ul {
    display: block;
    position: relative;
    float: left;
    padding: 0 13px;
    margin: 0;
    list-style-type: none;
    font-family: Arial, Tahoma, Sans-Serif;
}

#bottomMenuContainer ul li {
    margin: 0;
    -height: 9px;
    -width: 90px;
    -display: inline;
}



#bottomMenuContainer ul.store-locator li {
    -width: 70px;
}

#bottomMenuContainer ul.contact-us li {
    -width: 120px;
}


#bottomMenuContainer ul li a {
    display: block;
    cursor: pointer;
    color: #dddddf;
    font-size: 10px;
    line-height: 11px;
}

#bottomMenuContainer ul li.header {
    margin: 17px 0 4px 0;
    -display: block;
    color: #eb8115;
    font-size: 10px;
    line-height: 11px;
    display: block;
}

#bottomMenuContainer ul li.spacer {
    margin-top: 7px;
}

#bottomMenuContainer ul li.header a {
    color: #eb8115;
}

#footerContainer {
	background-color: #FF9C09;
	height: 26px;
	border-top: 4px solid #ffffff;
}

#footerContainer .centreMe {
    margin: 0 auto;
}

#footerContainer ul {
    list-style-type: none;
    padding: 6px 0 0 0;
    text-align: center;
    margin: 0;
}

#footerContainer ul li {
    display: inline;
    color: #fcf2b7;
    margin: 0px 0px 4px 0px;
    font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12px;
}

#footerContainer ul li a {
    color: #fcf2b7;
    text-decoration: none !important;
}

#bottomMenuContainer ul 
{
	width: auto !important;	
}

#bottomMenuContainer ul.store-locator li
{
	position: static !important;	
}

#bottomMenuContainer ul.store-locator li a 
{
	height: auto;
	letter-spacing: normal;
	text-indent: 0;
	width: auto;
}