/* CSS Document */

html {height:100%;width:100%;}

.inside {padding:10px;}

body { 
margin:0;
padding:0;
background-image:url(../../en_AU/images/templates/hats/images/bg_new.png) no-repeat;
background-size: 100%;

width:100%; 
height:98%;
font: normal 12px Tahoma,Verdana,Arial,Helvetica;
line-height:1.2;
color:#333333;
overflow:-moz-scrollbars-vertical;
}

td,th {
font: normal 12px Tahoma,Verdana,Arial,Helvetica;
line-height:16px;
color:#333333;
}

#content_area {
height:100%;
width:100%;
float: center;
}

/*********************************/
/*** Header & Flash. *************/
/*********************************/

#header_area {
height:275px;
width: 100%;
background-image:url(../../en_AU/images/templates/hats/images/header_bg.png);
background-repeat:repeat-x;
clear:both;
}

#header_area2 {
height:185px;
background-image:url(../../en_AU/images/templates/hats/images/header_bg.png);
background-repeat:repeat-x;
clear:both;
}
/*background-image:url(../../en_AU/images/templates/hats/images/small_header_bg.png);height:195px;*/


#header_area_small {
height:215px;
background-image:url(../../en_AU/images/templates/hats/images/small_header_bg.png);
background-repeat:repeat-x;
clear:both;
}

#header_container {
width: 100%;
height:85px;
text-align:left;
clear:both;
}
/*width:996px;*/

#logo {
margin:14px 0px 0px 30px;-
width:250px;
float:left;
clear:both;
}

#tagline1 {
margin-right:20px;
margin-top:2px;
float:right;
font-size:11px;
font-weight: bold;
color:#CCCCCC;
}

#tagline2 {
margin-left:10px;
float:left;
font-size:18px;
color:#CCCCCC;
}

#tagline3-1 {
margin-right:15px;
margin-top:10px;
float:right;
font-size:12px;
font-weight: bold;
color:#CCCCCC;
}
/*margin-top:30px;*/

#tagline3-2 {
margin-right:50px;
margin-top:15px;
float:right;
font-size:12px;
font-weight: bold;
color:#CCCCCC;
}


#tagline4 {
float: left;
margin-top:48px;
margin-right:160px;
margin-left:18px;
font-size:14px;
font-weight: bold;
color:#CC7700;
overflow:hidden;
}

#tagline5 {
float: left;
margin-top:25px;
margin-right:160px;
margin-left:18px;
font-size:14px;
font-weight: bold;
color:#CC7700;
overflow:hidden;
}

#tagline6 {
float: left;
margin-top:25px;
margin-right:160px;
margin-left:20px;
font-size:14px;
font-weight: bold;
color:#CC7700;
overflow:hidden;
}

#tagline7-1 {
float: right;
margin-top:159px;
margin-left:0px;
font-size:12px;
font-weight: bold;
color:#CC7700;
}

#tagline7-2 {
float: left;
margin-top:18px;
margin-left:0px;
font-size:12px;
font-weight: bold;
color:#CC7700;
}

#tagline7-3 {
float: left;
margin-top:52px;
margin-left:0px;
font-size:12px;
font-weight:bold;
color:#CC7700;
}

#tagline8-1 {
margin-left:0px;
font-size:16px;
font-weight: bold;
color:#003399;
}

#tagline8-2 {
float: right;
margin-top:10px;
margin-right:140px;
font-size:12px;
color:#003399;
}



#flash_container {
width:1000px;
height:180px;
margin-top:5px;
}


#image_container {
width:996px;
height:122px;
margin-top:5px;
background-image:url(../../en_AU/images/templates/hats/images/tan_flash_bg_small.png);
background-repeat:no-repeat;
}


/*********************************/
/*** Page. **********************/
/*********************************/


.global_table {
width: 100%;
height: 100%;
background-image:url(/images/new_site/page-bkgd.jpg);
background-repeat:repeat;
}

.main_table {
width:1005px;
height: 100%;
background: #ffffff;
border-left: 1px solid #C4C4C4;
border-right: 1px solid #C4C4C4;
background-repeat:no-repeat;
}

#main_container {
width:1024px;
padding-bottom:0px;
background:#ffffff;
/*margin-left: auto; 
margin-right: auto;*/
text-align:center;
}

#page_container {
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
background:white;
clear:both;
}

/* Text container */
#text_container {
padding-top:20px;
text-align:left;
}

#main_text {
width:625px;
float:left;
}
/* End of text container. */

/* Major sections within the page container. */
#menu_container {
position:relative;
top:5px;
padding-bottom:20px;
clear:both;
}

/* Content container. 
#content_container {
#padding-top:20px;
margin-top:2px;
}*/

/* Content container. */
#content_container {
margin-top:2px;
}



/* Pathway. */
#pathway {
width: auto;
margin-top:0px;
margin-left:0px;
float:left;
}

/*********************************/
/*** Page Columns. ***************/
/*********************************/
#main_content {
float:left;
width:590px;
text-align:left;
max-height:405px;
}

#main_content_large {
float:left;
width:650px;
text-align:justify;
max-height:360px;
height: expression(this.scrollHeight > 404 ? "360" : "auto");
overflow:auto;
}

#main_content_small {
float:left;
width:350px;
text-align:justify;
max-height:405px;
}

#inner_content {
float:left;
max-width:650px;
text-align:left;
}

#inner_content_large {
float:left;
width:620px;
text-align:justify;
}

#inner_content_small {
float:left;
max-width:340px;
text-align:justify;
}

#inner_content_right {
float:right;
max-width:400px;
text-align:left;
padding-left:6px;
}

#inner_content_left {
float:left;
max-width:150px;
text-align:left;
min-width:165px;
overflow:hidden;
}

#equal_content_left{
float:left;
width:300px;
overflow:hidden;
margin-left:0px;
text-align:center;
}

#equal_content_right{
float:right;
width:300px;
margin-right:0px;
overflow:hidden;
text-align:center;
}

#equal_content_center{
float:left;
width:90px;
text-align:left;
overflow:hidden;
}


#left_column {
float:right;
width:355px;
text-align:left;
}

#left_column_small {
float:right;
width:290px;
text-align:left;
}

#left_column_large {
float:right;
width:550px;
text-align:left;
}

/*********************************/
/*** box. ************************/
/*********************************/
.sidebar_container {
float: right;
margin-top:20px;
margin-bottom:20px;
width:270px;
}

.sidebar_box_top {
background-image:url(../../en_AU/images/templates/hats/images/sidebar_box_orange_top.gif);
background-repeat:no-repeat;
overflow:hidden;
height:31px;
}

.sidebar_box_middle {
background-image:url(../../en_AU/images/templates/hats/images/sidebar_box_orange_middle.gif);
background-repeat:repeat-y;
background-position:bottom;
padding-left:6px;
padding-right:6px;
margin:0px;
}

.sidebar_box_bottom {
background-image:url(../../en_AU/images/templates/hats/images/sidebar_box_orange_bottom.gif);
background-repeat:no-repeat;
overflow:hidden;
height:10px;
}

.sidebar_box_top1 {
background-image:url(../../en_AU/images/templates/hats/images/sidebar_box_top1.gif);
background-repeat:no-repeat;
overflow:hidden;
height:31px;
}

.sidebar_box_middle1 {
padding-left:20px;
padding-right:20px;
float: center;
margin:0px;
}

.sidebar_box_bottom1 {
background-image:url(../../en_AU/images/templates/hats/images/sidebar_box_bottom.gif);
background-repeat:no-repeat;
overflow:hidden;
height:10px;
}

.subcontent_container {
float:left;
margin-top:0px;
margin-bottom:5px;
width:550px;
padding-left:10px;
padding-right:6px;
text-align:justify;
}

.xcolumn_container {
float:left;
margin-top:0px;
margin-bottom:0px;
padding-left:10px;
text-align:left;
}

.image {
background-image:url(../../en_AU/images/templates/hats/images/GreyButton.gif);
overflow:hidden;
width:385px;
height:58px;
}


/*********************************/
/*** flash box. ******************/
/*********************************/
.flash_container {
margin-top:0px;
margin-bottom:0x;
width:100%;
height:180px;
clear:both;
}

.flash_container_center {
margin-top:0px;
margin-bottom:0px;
width:470px;
height:180px;
float:left;
overflow:hidden;
}

.flash_box_left {
background-image:url(../../en_AU/images/templates/hats/images/Testimonial-Banner-left.gif);
background-repeat:no-repeat;
width: 162px;
height:180px;
float:left;
overflow:hidden;
}

.flash_box_top {
background-image:url(../../en_AU/images/templates/hats/images/Testimonial-Banner-top.gif);
background-repeat:no-repeat;
width: 471px;
height:14px;
float:left;
overflow:hidden;
}

.flash_box_center {
background-repeat:no-repeat;
width: 471px;
height:127px;
float:left;
overflow:hidden;
}

.flash_box_bottom {
background-image:url(../../en_AU/images/templates/hats/images/Testimonial-Banner-bottom.gif);
background-repeat:no-repeat;
width: 471px;
height:39px;
float:left;
overflow:hidden;
}

.flash_box_right {
background-image:url(../../en_AU/images/templates/hats/images/Testimonial-Banner-right.gif);
background-repeat:no-repeat;
width: 368px;
height:180px;
float:right;
overflow:hidden;
}

.flash_smallbg{
background-image:url(../../en_AU/images/templates/hats/images/tan_flash_bg_small.png);
background-repeat:no-repeat;
margin-top:5px;
width: 100%;
height:100px;
float:left;
}
/*height:100px;margin-top:5px;background-repeat:no-repeat;*/
==============================

.subcontent1_container {
float:left;
margin-top:0px;
width:150px;
padding-left:6px;
padding-right:0px;
}

.subcontent2_container {
float:right;
margin-top:0px;
width:320px;
padding-left:0px;
padding-right:6px;
}

.subcontent3_container {
float:left;
margin-top:10px;
width:550px;
padding-left:6px;
padding-right:6px;
margin:0px;
}

#image_caption1 {
height:74px;
width: 130px;
background-color:#efebd8;
padding-top:5px;
padding-left:5px;
padding-right:5px;
text-align:left;
font-size:14px;
color:#003399;
clear:both;
}

#image_caption2 {
height:90px;
width: 130px;
background-color:#efebd8;
padding-top:5px;
padding-left:5px;
padding-right:5px;
text-align:left;
font-size:14px;
color:#003399;
clear:both;
}

img.floatleft {
float: left;
padding-right:15px;
padding-bottom:5px;
}

img.floatright {
float: right;
padding-left:15px;
padding-bottom:5px;
}


/*****************************************/
/*** main page sidebar. ******************/
/*****************************************/
.sidebarmain_container {
margin-top:1px;
margin-bottom:1px;
}

.sidebarmain_container_center {
margin-top:0px;
margin-bottom:6px;
/*width:357px;*/
width:327px;
background: red;
float:center;
}

.sidebarmain_box_left {
background-image:url(../../en_AU/images/templates/hats/images/Corp-Logo-Box-left.gif);
background-repeat:no-repeat;
width: 50px;
height:192px;
float:left;
}

.sidebarmain_box_top {
background-image:url(../../en_AU/images/templates/hats/images/Corp-Logo-Box-top.gif);
background-repeat:no-repeat;
width: 256px;
height:18px;
float:left;
}

.sidebarmain_box_center {
background-repeat:no-repeat;
width: 256px;
height:153px;
float:left;
}

.sidebarmain_box_bottom {
background-image:url(../../en_AU/images/templates/hats/images/Corp-Logo-Box-bottom.gif);
background-repeat:no-repeat;
width: 256px;
height:22px;
float:left;
}

.sidebarmain_box_right {
background-image:url(../../en_AU/images/templates/hats/images/Corp-Logo-Box-right.gif);
background-repeat:no-repeat;
width: 49px;
height:193px;
float:left;
}


/*********************************/
/*** Footer. *********************/
/*********************************/
#footer {
padding-top:4px;
text-align:center;
font-size:6px;
clear:both;
}

/*#footer {
height:150px;
background-color:#336699;
padding-top:4px;
text-align:center;
font-size:11px;
color:#dadada;
clear:both;
}*/


#aboutus_text {
padding-top:3px;
padding-bottom:5px;
width:876px;
font-size:11px;
color:#666666;
text-align:center;
}

div.clear_float {
clear:both;
text-align:justify;
}

/*********************************/
/*** Page Links. *****************/
/*********************************/
a {
color: #003399;
/*font-weight: 600;*/
font-weight: normal;
}

a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
color:#CC7700;
}

a img {border: none; } 

/*********************************/
/*** Menu Links. *****************/
/*********************************/
a.menu {
color: #003399;
font-weight: normal;
}

a.menu:link {
text-decoration: none;
}

a.menu:visited {
text-decoration: none;
}

a.menu:hover {
text-decoration: underline;
color:#CC7700;

}

/*********************************/
/*** Headings. *******************/
/*********************************/
.title_large_orange {
font-size:16px;
color:#CC7700;
margin-bottom:4px;
}

.title_xmedium_orange {
font-size:14px;
color:#CC7700;
margin-top:20px;
margin-bottom:20px;
}

.title_medium_orange {
font-size:12px;
color:#CC7700;
margin-bottom:4px;
}

.title_med_blue {
font-size:14px;
font-family: Arial;
color:#003399;
margin-bottom:0px;
}

.title_small_blue {
font-size:10px;
color:#003399;
}

.title_med_orange {
font-size:11px;
color:#CC7700;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
text-align:center;
}

.title_med_darkblue {
font-size:12px;
font-family: Arial;
color:#003399;
margin-top:4px;
margin-bottom:6px;
text-align:center;
}

.title_large_blue {
font-size:16px;
font-family: Arial;
color:#003399;
margin-bottom:5px;
}

.title_large_white {
font-size:24px;
color:white;
font-weight: bold;
font-family: Arial;
/*padding-top:15px;*/
}

.title_med_white {
font-size:13px;
font-family: Arial;
color:white;
}

.title_large_black {
font-size:16px;
color:black;
padding-top:0px;
}

.subtitle_med_orange {
font-size:14px;
font-family: Arial;
color:#CC7700;
margin-bottom:2px;
}

.subtitle_med_blue {
font-size:12px;
color:#006699;
margin-bottom:2px;
}

.title_small_white {
font-size:12px;
font-family: Arial;
color:white;
}

.title_small_orange {
font-size:11px;
font-family: Arial;
color:#CC7700;
}

.dropcap
{
float: left;
width: .4em;
font-size: 2em;
line-height: 83%;
}

/*********************************/
/*** Text. *******************/
/*********************************/

.large_text {
font-size:16px;
}

.indent_small0 {
margin-left:15px;
}

.indent_small {
margin-left:24px;
text-align:justify;
}

.indent_small1 {
margin-left:10px;
}

.indent_small2 {
margin-left:50px;
}

.indent_small3 {
margin-left:45px;
}

ul.features {
list-style-image:url(../../en_AU/images/templates/hats/images/checkmark.gif);
}

/*********************************/
/*** Form. ***********************/
/*********************************/
.form_input {
font-family: Arial;
font-size: 10px;
padding-left: 3px;
}

.form_dropdown {
font-family: Arial;
font-size: 10px;
padding-left: 0px;
}

.form_button {
font-family: Arial;
font-size: 10px;
font-weight: bold;
}

/*********************************/
/*** Menu. ***********************/
/*********************************/
#nav-menu {
margin-top:5px;
width:800px;
float:right;
}

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.65em;
}



/* =======================================
    Top Menu aka Main Menu
======================================= */
    .moduletable_topmenu{
       padding:0;
       height: 30px;
       margin: 0;
       width: 100%;
       text-align:center;
       margin-top: 0px;
       font-size: 97%;
    }
    /*color: #333;
    width: 717px;*/
 
    .moduletable_topmenu h3 {
       background:#666;
       color:#fff;
       padding:0.25em 0;
       text-align:center;
       font-size:1.1em;
       margin:0;
    }
 
    .moduletable_topmenu ul{
       list-style: none;
       margin: 0;
       padding: 0;
    }
 
    .moduletable_topmenu li{
       margin: 0px 3px 0px 0px;
       float: left;
    }
    .moduletable_topmenu li ul {
       position: absolute;
       width: 135px;
       left: -999em;
       border: 1px solid #FFFFFF;
       border-bottom: none;
       top: 295px;
    }
    .moduletable_topmenu li:hover ul {
       left: auto;
    }
    .moduletable_topmenu li ul li {
       width: 135px;
       padding: 0;
       border-bottom: 1px solid #FFFFFF;
    }
 
    .moduletable_topmenu li a{
       display: block;
       padding: 5px;
       color: #CC6600;
       font-weight: bold;
       text-decoration: none;
    }
    html>body .moduletable_topmenu li a {
       width: auto;
    }
 
    .moduletable_topmenu li ul li a {
       width: 125px;
       background-color: #CC6600;
       color: #ffffff;
       /* ---
       filter:alpha(opacity=80);
       -moz-opacity: 0.8;
       opacity: 0.8;*/
    }
 
 
    .moduletable_topmenu li a:hover,a#active_menu:link,a#active_menu:visited{
       color: #CC6600;
       text-decoration: none;
       /* ---
       filter:alpha(opacity=100);
       -moz-opacity: 1.0;
       opacity: 1.0;*/
    }
 
    .moduletable_topmenu li ul li a:hover {
       background-color: #FFFFFF;
       color: #CC6600;
       /*background: url(../../en_AU/images/templates/hats/images/top_link_bg2_on.png) repeat-y top left;*/
    }
 
    .moduletable_topmenu li:hover ul, .moduletable_topmenu li.sfhover ul {
       left: auto;
    }
 
 
    .moduletable_topmenu ul li.active a {
       color: #CC6600;
       text-decoration: none;
    }
    .moduletable_topmenu li.parent.active a {
       color: #CC6600;
       text-decoration: none;
    }
    .moduletable_topmenu li.parent.active a:hover {
       color: #CC6600;  
    }
 
    .moduletable_topmenu li.parent.active ul li a {
       color: #fff;
       text-decoration: none;
    }
    .moduletable_topmenu li.parent.active ul li a:hover {
       color: #CC6600;
       text-decoration: none;
    }
    
    .main_menulink{
           padding:0;
           height: 15px;
           margin: 0;
           margin-top: 0px;
    }
        
    .main_menutable{
    	       width: 100%;
               background: #fff;
               border-bottom: 1px solid black;
               border-top: 1px solid black;
    }
    
    .footer_menutable{
        	   width: 100%;
                   background: #fff;
                   border-top: 1px solid black;
    }
    
    .inner_menutable{
        	   width: 100%;
                   /*background: #fff;*/
    }
    
    .login_menutable{
        
        margin-right:2px;
	margin-top:2px;
	float:right;
    }
    
    .login_link{
    	font-size:11px;
    	font-weight: bold;
    	color:#CCCCCC;
    }
    
    .tagline {
     font-size:12px;
     font-weight: bold;
     color:#CC7700;
}

#pscroller1{
margin-top:0px;
width: 357px;
float:center;
/*height: 154px;*/
height: 160px;
background-color: #ffffff;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.tableHeader {
	color : #B1D5EB;
	font-family:  Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight : bold;
	text-align : center;
}

.orangePeriod {
font-size:14px;
font-weight: bold;
color:#ED921F;
clear:both;
}

.summaryText {
font-size:10pt;
font-weight: bold;
color:white;
}

#textIndent{
padding-left:20px;
}

.textIndentSmall{
padding-left:5px;
}

.linkIndent{
padding-left:8px;
}

.linkPadding{
padding-bottom:10px;
}

.footerImage {
background-repeat:no-repeat;
}

.paddingBottom{
padding-bottom:1px;
padding-top:0px;
}

.paddingVertical{
padding-bottom:5px;
padding-top:5px;
}

.text_small {
font-size:12px;
font-family: Arial;
font-weight: normal;
margin-bottom:0px;
margin-top:0px;
}

.text_small_orange {
font-size:12px;
font-family: Arial;
font-weight: normal;
color:#CC7700;
margin-bottom:0px;
margin-top:0px;
}

.text_small_grey {
font-size:11px;
font-family: Arial;
color:grey;
margin-bottom:0px;
margin-top:0px;
}

.pageRef {
font-size:14px;
font-weight: bold;
font-family: Arial;
margin-bottom:0px;
margin-top:0px;

.pageRefOrange {
font-size:14px;
font-weight: bold;
font-family: Arial;
color:#CC7700;
margin-bottom:0px;
margin-top:0px;

.text_small_blue {
font-size:12px;
font-family: Arial;
color:#003399;
margin-bottom:0px;
margin-top:0px;
}

.paragraphText {
font-size:14px;
font-family: Arial;
margin-bottom:5px;
margin-top:0px;
}

.paragraphTextOrange {
font-size:14px;
font-family: Arial;
color:#CC7700;
margin-bottom:0px;
margin-top:0px;
}

.paragraphTextBlue {
font-size:14px;
font-family: Arial;
color:#006699;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
}

.sidebar_container_flash {
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
width:322px;
}

#pscroller1{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
width: 322px;
float:center;
height: 100px;
padding: 0px;
background-color:white;
}

floatright {
float: right;
padding-left:15px;
padding-bottom:5px;
}

.h1{
margin-bottom:5px;
}

.submitForText {
font-size:12px;
font-family: Arial;
text-align:justify;
margin-left:3px;
margin-right:8px;
margin-bottom:2px;
margin-top:0px;
}




