/****************
    General CSS
*****************/

body, td, caption {
    margin-left: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    color: #333333;
    line-height: 145%;
}

p {
    margin-top: 0px;
}

tt {
    font-size: 1.3em;
}

ul {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
}
ol {
    padding-left: 25px;
    /* IE6 fixes */
    * padding-left: 0px;
    * margin-left: 30px;
}

/*
 You cannot use a list-style-image in css as you cannot position it correctly,
 instead you're forced to use a background-image which allows you to position it correctly.
 Most bullets on the internet css (currently) use a little arrow, but many don't.
 The ones that don't use it need to override the background-image specified here
 and set it to none. The padding-left also needs to be overridden.
*/
ul li {
    background: transparent url(/images/purpleArrow.gif) no-repeat 0px 7px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding-left: 15px;
}
ul.sytadelBoxContent {
    margin-left: 5px;
}
ul li.listItemEmail {
    background-image: url(/images/emailIcon.gif);
}

ul li.listItemRss {
    background-image: url(/images/rssIcon.gif);
}
h1, h2, h3, h4, h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
h1 {
    color: #4C2177;
    font-size: 1.75em;
    margin-bottom: 5px;
    margin-top: 8px;
    line-height: 110%;
}

h2 {
    font-size: 1.3em;
    margin-bottom: 8px;
    margin-top: 10px;
}

h3 {
    font-size: 1.15em;
    margin-bottom: 5px;
    margin-top: 10px;
}

h4 {
    font-size: 1.15em;
    color: #333333;
    margin-bottom: 5px;
    margin-top: 12px;
}

h5 {
    font-size: 1em;
    color: #666666;
    margin-bottom: 0px;
    margin-top; 12px;
}
table.acccTable td {
    padding: 3px 3px 3px 10px;
}
hr.clear {
    clear: both;
    border: none;
    height: 0;
    color: #FFFFFF;
}

/* Boxes on the Publications -> Browse by topic page */
div.publicationsByTopicDiv {
    background-color: #F7F7F7;
    border-bottom: 2px dotted #CFD8D7;
    color: #000000;
    padding-top: 1px;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
div.publicationsByTopicDiv h2 {
    border-bottom: 2px dotted #CFD8D7;
    padding-bottom: 2px;
    margin-right: 10px;
}

/* Boxes on the 'For businesses page' */
div.distinctiveHighlightBox {
    background-color: #F7F7F7;
    border-bottom: 2px dotted #CFD8D7;
    color: #000000;
    padding-top: 1px;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

div.distinctiveHighlightBox h2 {
    border-bottom: 2px dotted #CFD8D7;
    padding-bottom: 2px;
    margin-right: 10px;
}
div.distinctiveHighlightBox hr.clear {
    color: #F6F6F6;
}

/* ACCC Header banner styles */
div.leftHandInternetBannerBox {
    float: left;
    width: 230px;
}

div.middleInternetBannerBox {
    margin: 0px 230px;
    text-align: center;
}

div.acccHeaderInfocentreSearch {
    width: 250px;
    float: right;
    text-align: right;
}
div.acccHeaderInfocentreSearch span {
    font-size: 1.2em;
    color: #00667C;
    font-family: Arial, helvetica, sans-serif;
    font-weight: bold;
}
div.acccHeaderInfocentreSearch span a {
    color: #6060AA;
}
div.acccHeaderInfocentreSearch ul {
    margin: 0;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 3px;
    font-size: 0.8em;
}
div.acccHeaderInfocentreSearch li {
    margin: 0px 0px 0px 30px;
    background-position: 95px;
}

div.acccHeaderInfocentreSearch form {
    margin: 0;
}

td.footerDividerLeftPane {
    background-color: #00667C;
    height: 3px;
    width: 17%;
}
td.footerDividerMiddlePane {
    background-color: #599CA9;
    height: 3px;
}
td.footerDividerRightPane {
    background-color: #66A3B0;
    height: 3px;
    width: 16%;
}
td.headerDividerLeftPane {
    background-color: #00667C;
    height: 10px;
    width: 17%;
}
td.headerDividerMiddlePane {
    background-color: #599CA9;
    height: 10px;
}
td.headerDividerRightPane {
    background-color: #66A3B0;
    height: 10px;
    width: 16%;
}
td.leftPane {
    vertical-align: top;
    width: 17%;
    padding: 0px;
}
td.middlePane {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}
td.rightPane {
    vertical-align: top;
    width: 16%px;
}

.acccSiteFooter {
    text-align: right;
    font-size: 0.85em;
    color: #666666;
    margin-right: 10px;
    margin-top: 5px;
}

/* Inline headers, like the related topics box */
div.inlineContentHeader {
  font-size: 1em;
  color: #00667C;
  font-weight: bold;
  border-bottom: 1px dotted #00667C;
  margin-bottom: 10px;
  padding-bottom: 4px;
}

div.relatedPubBox {
    height: 50px;
}

div.relatedPubBox div.relatedPubImage {
    border: 1px solid #E3E3E3;
    float: left;
    margin-right: 15px;
    text-align: center;
    margin-right: 15px;
    margin-left: 15px;
}

div.relatedMediaImage {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

div.keyPubBox img.relatedPubImage {
    border: 1px solid #E3E3E3;
    float: left;
}
div.keyPubBox ul {
    padding-left: 60px;
    margin-top: 0px;
}

/* Left hand side navigation styles */

.leftHandMenu ul {
    margin: 0px;
    padding: 0px;
}

.leftHandMenu li {
    display: block;
    background-image: none;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
li.menuLeafNode {
    background-image: url(/images/blackArrow.gif);
    background-position: 5px 3px;
}

.leftHandMenu li.level3 {
    border-top: 1px solid white;
}

.leftHandMenu li a {
    display: block;
    padding: 2px;
}

.menu_vaderacccdev29325471840e93aef0 li.level3 {
    border-top-color: #d7e6ea;
    border-top-width: 1px;
    border-top-style: solid
  }
.menu_ourSites li {
    border-top-color: #d7e6ea;
    border-top-width: 1px;
    border-top-style: solid
}

div.separator {
    background-image: url(/images/separatorBackground.gif);
    font-size: 0em;
    height: 8px;
    margin-bottom: 0px;
} 

div.menuMainTitle {
    position: relative;
    padding: 5px;
    font-size: 1.5em;
    font-family: Helvetica Light, Helvetica, Arial, sans-serif;
    line-height: 120%;
}

.leftHandMenu li div.menuMainTitle a {
    display: block;
    padding-bottom: 0px;
}

div.homeLinkContainer {
    background-color: #E0EDEF;
    padding-left: 5px;
}

div.homeLink {
    background-image: url(/images/backArrow.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-top: 1px;
    padding-bottom: 2px;
    color: #4C2177;
    background-position: 0px 8px;
    font-weight: bold;
}

ul.menuItem_1 a {
    color: #FFFFFF;
}

ul.menuItem_1 a:visited {
    color: #FFFFFF;
}

ul.menuItem_2 a {
    color: #000000;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

ul.menuItem_2 a:visited {
    color: #000000;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

ul.menuItem_3 {
    background-color: #F7F7F7;
}

ul.menuItem_3 li a {
    color: #4D4D4D;
}

ul.menuItem_3 li a:visited {
    color: #4D4D4D;
}

ul.menuItem_4 {
    background-color: #FFFFFF;
    margin-left: 2px;
    margin-right: 2px;
}

ul.menuItem_4 li a {
    color: #4D4D4D;
}

ul.menuItem_4 li a:visited {
    color: #4D4D4D;
}

ul.menuItem_4 a.menuSelectedItem {
    color: #7685C2;
}

li.complaint { 
    background-color: white;
    
}

li.menuAreaLinkConsumers {
    background-image: url(/images/consumerArrow.gif);
    background-position: 5px 6px;
}

li.menuAreaLinkBusiness {
    background-image: url(/images/businessArrow.gif);
    background-position: 5px 6px;
}

li.menuAreaLinkIndustry {
    background-image: url(/images/industryArrow.gif);
    background-position: 5px 6px;
}

span.menuExpandGap { 
    padding-right: 2px;
    padding-left: 3px;
    padding-top: 5px;
    cursor: pointer;
    width: 20px;
    position: absolute;
    top: -1px;
}

span.menuExpandArrow { 
    padding-right: 2px;
    cursor: pointer;
    width: 20px;
    position: absolute;
    height: 10px;
}

span.menuExternalLinkArrow {
    padding-right: 2px;
    cursor: pointer;
    width: 20px;
    margin-top: 4px;
    position: absolute;
    height: 10px;
    margin-left: 5px;

}
div.menuTitle {
    position: relative;
    margin-left: 20px;
}

/* Fix IE. Hide from IE Mac \*/
* html .leftHandMenu ul li { height: 1%; }
/* End */


/*
If IE 6 supported multiple classes (it only reads the last class in the chain) then
we would use that, but since it doesn't we have to do this, meaning we have to redeclare some classes
to support the 'The ACCC' menu
*/
ul.menuItem_1_green {
    background-color: #E5EFF1;
    color: white;
}

ul.menuItem_1_green div.menuMainTitle {
   background-color: #00667C;
}

ul.menuItem_1_purple {
    background-color: #E5EFF1;
}

ul.menuItem_1_purple div.menuMainTitle {
   background-color: #4C2177;
}

ul.menuItem_1_purple a {
    color: #ffffff;
}

ul.menuItem_1_purple a:visited {
    color: #ffffff;
}

ul.menuItem_2_purple{
    background-image: url(/images/leftHandLinesBg.gif);
}

ul.menuItem_2_purple a {
    color: #4C2177;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
ul.menuItem_2_purple a:visited {
    color: #4C2177;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}   

ul.menuItem_3_purple {
    background-color: #F7F7F7;    
}

ul.menuItem_3_purple a {
    color: #4D4D4D;
}

ul.menuItem_3_purple a:visited {
    color: #4D4D4D;
}

ul.menuItem_2_purple li.menuAreaLink a {
    color: #1B3B64;
}

ul.menuItem_2_purple li.menuAreaLink a:visited {
    color: #1B3B64;
}


/* Home page CSS */

h1.homePageWelcomeMessage { 
    font-family: Arial;
    font-size: 3em;
    font-weight: normal;
    margin-bottom: 15px;
}

div.imageBox {
    float: left;
    margin-top: -15px;
}

div.contentBox {
    margin: 0px 0px 0px;
    background-position: center bottom;
}

div.homePageBox {
    clear: left;
    margin-top: 20px;
    border-bottom: 2px dotted #CFD8D7;
    padding-bottom: 1px;
}

div.contentBoxContent {
    background-repeat: repeat-x;
    min-height: 117px;
    /* IE6 Hack */
    *height: 117px;
    /* End IE6 Hack */
    font-size: 1.1em;
    padding-left: 20px;
    padding-right: 10px;
}

div.contentBoxContent form {
    padding-top: 5px;
}

div.contentBoxTitle p {
    vertical-align: center;
}

div.contentBox h2 {
    font-weight: normal;
    margin: 0px;
    padding: 10px;
    font-size: 1.75em;
}

div#homePageConsumersBox div.contentBox {
    background-image: url('/images/consumerGrad.jpg');
}

div#homePageConsumersBox h2 {
    background-color: #E37F1D;
    color: #FFFFFF;
}



div#homePageBusinessBox div.contentBox {
    background-image: url('/images/businessGrad.jpg');
}

div#homePageBusinessBox h2 {
    background-color: #7685C2;
    color: #FFFFFF;
}

div#homePageConsumersBox {
    margin-top: 0px;
}

div#homePageIndustryBox div.contentBox {
    background-image: url(/images/industryGrad.jpg);
}

div#homePageIndustryBox h2 {
    background-color: #96004B;
    color: #FFFFFF;
}


div.homePageBox p {
    margin-top: 0px;
    padding-top: 10px;
}

div#homePageConsumersBox select {
    border: 1px solid #E37F1D;
    vertical-align: middle;
}

div#homePageBusinessBox select {
    border: 1px solid #7685C2;
    vertical-align: middle;
}

div#homePageIndustryBox select {
    border: 1px solid #96004B;
    vertical-align: middle;
}

#welcomeReadMore {

}

div.contentBox h2 a:visited {
    color: #FFFFFF;
}

div.contentBox h2 a {
    display: block;
    color: #FFFFFF;
}

div.homePageBox a {
    text-decoration: none;
}

div.homePageBox a:hover {
    text-decoration: none;
}

/* Media centre box css*/
.homeHotListTitle {
    background-color: #4C2177;
    color: white;
    font-size: 1.5em;
    font-weight: normal;
    padding: 5px;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
}

.mediaReleaseDate {
    color: #00667C;
    margin-top: 6px;
}

div.mediaBox {
    background-image: url('/images/rightHandMediaBg.gif');
    background-repeat: repeat-x;
    padding-top: 1px; 
    font-size: 0.88em;
}
div.mediaBox ul {
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 7px;
}
div.mediaBox li {
    border-bottom: 1px solid #CDC5BF;
    margin-right: 10px;
    margin-top: 5px;
    padding-top: 0px;
    padding-bottom: 5px;
} 
/* Publications CSS */
#genericSearchBox {
    background-color: #F5F5F5;
    padding: 10px;
    width: 80%;
    margin-bottom: 5px;
}

ul.publicationList li {
    margin-top: 5px;
}

/* Right hand side boxes */
/* General page and box construction hierarchy */
.sytadelBoxFrame { border: none; }

.sytadelBoxTitleBar { 
    border: none; 
    background: #888888; 
    font-size: 0.95em;
    height: 35px;
    vertical-align: middle;
}

.sytadelBoxTitle { font-weight: bold; color: #FFFFFF; font-size: 0.95em; text-align: left; padding-left: 5px; }
.sytadelBoxTitle a { color: #FFFFFF; }
.sytadelBoxContentFrame { border: none; font-size: 0.82em; background: #F5F5F5; }
.sytadelBoxContentFrame h2 { margin: 0; padding: 0; }
.sytadelBoxContentFrame p { margin-top: 0; }
.sytadelBoxContentFrame ul li {
    background-position: 0px 6px;
}
.sytadelBoxContentFrame ul li.listItemEmail {
    background-position: 0px 3px;
}
.sytadelBoxContentFrame ul li.listItemRss {
    background-position: 0px 3px;
}

td.sytadelPageCell {
}

.acccRelatedInformationTopicsBoxTitleBar { background: #599CA9; }
.acccRelatedInformationDocumentsBoxTitleBar { background: #599CA9; }
.acccRelatedInformationSubHelpBoxTitleBar { background: #599CA9; }
.acccRelatedInformationEmailBoxTitleBar { background: #599CA9; }
.acccRelatedInformationNotesBoxContentFrame {
    padding: 5px 5px 5px 10px;
}
.fancySubmitButton { 
    width: 60px; 
    background: transparent url(/images/submitIcon.gif) no-repeat scroll left top; 
    border: 0pt none; 
    cursor: pointer; 
    cursor: hand;
}

.imageButton {
    vertical-align: -3px;
    border: 0px none;
}


.hotTopicBox {
    background-color:#F7F7F7;
    background-image:url(/images/hotTopicBg.gif);
    background-position:100% 3px;
    background-repeat:no-repeat;
    border:1px solid #E3E3E3;
    height:90px;
    width:100%;
    margin-bottom: 5px;
}
.hotTopicBox h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: transparent;
}
.hotTopicTdFirst {
    vertical-align: top;
    width: 78px; /* need to explicitly have width at 78px so columns don't take up the whole width*/
}
.hotTopicTdOthers {
    vertical-align: top;
    align: left;
}
.hotTopicTdEdit {
    text-align: right;
    padding-bottom: 5px;
}
.hotTopicImage {
    padding: 5px;
}
.hotTopicReadMore {
    padding-bottom: 5px;
    padding-top: 5px;
}

/* Home page right hand banner CSS */
    div.homePageRightHandBannerBox {
    padding: 5px;
    text-align: center;
}

div.homePageRightHandBannerBox img {
    border: 1px solid #CDC5BF;
    padding: 5px;
}

.sytadelPageGrid {
    width:100%;
}

a.arrowedLink {
    background-image: url(/images/blackArrow.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position: 0px 0px;
}

form.ratingBox {
    background-color: #F5F5F5;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    margin-top: 0px;
}

h2.relatedContentHeading {
    background-image: url(/images/relatedContentDottedLine.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    color:#00667C;
    font-size:1em;
    padding-bottom:3px;
    padding-left:2px;
}

td.smallBusinessHelplineCell {
    letter-spacing: -0.01em;
    padding-left: 40px;
}
td.smallBusinessHelplineCell h2 {
    border-bottom: none;
}
td.smallBusinessHelplineCell span {
    letter-spacing: -0.03em;
    font-size: 2em;
    color: #7685C2;
    font-weight: bold;
    line-height: 1em;
}
div.consumerAreaImageDiv {
    float: left;
    margin-top: -27px;
}
div.consumerAreaDistinctiveHighlightBox {
    margin-bottom: 10px;
    /* IE6 Hack */
    *margin-top: 30px;
}
div.keyPubBox {
    margin-bottom: 10px;
    background-image: url(/images/relatedContentDottedLine.gif);
    background-repeat: repeat-x;
    background-position: center bottom;
    padding: 5px;
}
div.morePublicationsDiv {
    padding: 5px;
}
div.morePublicationsDiv ul {
    margin-left: 5px;
}
/* IE6 Hack */
*div.consumerAreaDistinctiveHighlightBox div {
*   margin-bottom: -9px;
*}

/* Fixes a spacing problem in IE6 */
td.sytadelPageCell div.contenttopic {
    margin-bottom: 20px;
}

img.acccPublicationImage {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #E3E3E3;
}

td.acccRelatedInformationEmailBoxContentFrame {
    padding: 5px;
}

td.acccRelatedInformationEmailBoxContentFrame ul li {
    padding-left: 20px;
}
td.acccRelatedInformationHelpBoxContentFrame {
    padding: 5px;
}
td.acccRelatedInformationHelpBoxContentFrame ul {
    padding-left: 5px;
    padding-right: 3px;
}
div.printerFriendlyDiv {
    padding-bottom: 3px;
    margin-bottom: 5px;
    background-image: url(/images/relatedContentDottedLine.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    text-align: right;
}
div.printerFriendlyImageDiv {
    float: right;
    padding-top: 3px;
    margin-right: 7px;
}
.mergersAreSpecial {
    background-image: url(/images/clawArrow.gif);
    background-repeat: no-repeat;
    background-position: 0px;
    padding-left: 80px;
}
/* Fix for IE */
table.businessSection tbody tr td ul {
   margin-left: 0px;
}
div#pubShoppingBasket {
    padding: 5px;
}