/*
       Copyright TelstraSuper Pty Ltd  :: www.telstrasuper.com.au ::
  Unauthorised modification / use is a criminal offence, and
  will be prosecuted to the fullest extent permitted by law.
  All Rights Reserved
*/

/* This file contains all style which can be used in the content area 
   _all-styles.css = _content-styles.css + _templates-styles.css   */

/*====================== =Content general ======================== start =====*/
*, html
{
  font-family: Arial, Geneva, Helvetica, sans-serif;
}
body, form, ul, li, p, h1, h2, h3, h4, h5, dd, dl, dt
{
  margin: 0;
  padding: 0;
}

/* Styles for scalable font consistency */
html { font-size: 100%; /* IE hack */ }
body { font-size: 0.75em; background: #FFFFFF;}

/* Fixed footer START */

html, body, #bodycontainer, #bodycontainer #bodycontainer_inside {height: 100%;}

body > #bodycontainer #bodycontainer_inside {height: auto; min-height: 100%;}

#main01 #content {padding-bottom: 104px;}  /* must be same height as the footer */

#content {padding-bottom: 390px; }

#main01 #footer {
  position: relative;
  margin-top: -104px; 
  height: 104px;
  clear:both;} 

#footer
{
    position: relative;
  margin-top: -390px; 
  height: 390px;
  clear: both;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}
.clearfix {display: inline-block;}

/* Fixed footer END */


/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

table { font-size: 100%; /* IE hack */ }
input, select, textarea { color: #5e5e5e; }

/* Font resize*/
body.big {
  font-size: 0.8125em;
}
body.bigger {
  font-size: 0.875em;
}
body.biggest {
  font-size: 0.9375em;
}

ul {
  list-style-position: outside;
  list-style-type: disc;
}
img
{
  border: none;
  margin: 0;
}
td
{
  vertical-align: top;
}
.clear
{
  height: 0 !important;
  line-height: 0 !important;
  clear: both !important;
  font-size: 1px !important;
  float: none !important;
  padding: 0  !important;
  margin: 0  !important;
}

ul li.clear {
  list-style: none;
}
fieldset {
  margin: 0;
  padding: 0;
  border: medium none;
}

.errors
{
  color: #FF0000;
  font-size: 0.916em;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px dotted #CCCCCC;
  position: relative;
}
.errors ul li
{
  margin-left: 16px;
}
.errors ul li
{
  color: #FF0000;
  font-size: 0.916em;
  list-style-type: square;
  padding: 0;
  background: none;
}
.error
{
  color: #DA8A99;
  font-size: 1em;
  font-weight: bold;
}
.none {
  display: none;
}
#bodycontainer
{
  text-align: center;
  color: #4B4A4A;  
  margin: 0 auto;
  text-align: left;
  width: 100%;
}

#main01 #bodycontainer
{
  background-color: #F2EFE8;
}

#bodycontainer #bodycontainer_inside
{

}
/* Defaul links style */
a{
  color: #B5384F;
  text-decoration: none;

}
a:hover {
  color: #99021A;
  text-decoration: underline;
}

a:visited {
  color: #366592;
  text-decoration: none;
}

a:visited:hover {
  color: #366592;
  text-decoration: underline;;
}

#content
{
  width: 100%;
}

#main01 #logo
{
  margin-left: 20px;
}

#main01 #content
{
  background: #f2efe8 url(gr_bg_content01.gif) repeat-x 0 0;
}

a.read_more {
  float: left;
  padding-left: 11px;
  background: transparent url(ico_arrow01.gif) no-repeat scroll 0 50%;
}
a.read_more:hover {
  color: #99021A;
  text-decoration: underline;
}

a.read_more:visited:hover
{
  color: #366592;
  text-decoration: underline;
}

/*a.read_more:visited {
  color: #366592;
  text-decoration: none;
}
a.read_more:visited:hover {
  color: #99021A;
  text-decoration: none;
}*/
#content {
  line-height: 1.5em;
  height: auto;
}
.container {
  width: 590px;
  float: left;
}
#one-col-container {
  padding: 0 11px;
}
#one-col-container p {
  margin: 3px 6px;
}

#main01 #main-container
{
  background: url(gr_bg_main01.gif) no-repeat top right;
}

#main-container {
  position: relative;
  width: 980px;
  margin: 0 auto;
  overflow: visible;
  height: auto;
}
.left {
  float: left;
  width: 785px;
}

.column-one_container
{
  width: 780px;
  float: left;
  padding-top: 30px;
}

.text-right {
  text-align: right;
}
.noborder {
  border: none;
}
.arrow-link {
  background: transparent url(ico_arrow01.gif) no-repeat 0 50%;
  padding-left: 10px;
}

.pagination .arrow-link {
  background: transparent url(ico_arrow01.gif) no-repeat 100% 50%;
  padding-right: 10px;
}

.previous-link {
  background: transparent url(ico_arrow05.gif) no-repeat 0 50%;
  padding-left: 10px;
}

#flashcontent {
  height: 100%;
  margin: 0px;
  padding: 0;
}
select option {
  padding: 0 20px 0 5px;
}
#page_title {
  height: 63px;
  background: #AC3046 url(bcg_page_title.gif) repeat-x top left;
  width: 100%;
  position: relative;
}
#page_title img {
  position: absolute;
  top: 20px;
  left: 20px;
}
.enquiry {
  margin: 0 auto;
  height: 63px;
  width: 195px;
  background: transparent url(img_enquiry_red.gif) no-repeat top left;
  position: absolute;
  top:0;
  right:0;
}
.enquiry a {
  display: block;
  height: 20px;
  width: 47px;
  position: absolute;
  top: 30px;
  left: 45px;
  text-indent: -9999px;
  outline: none;
}
.graph-container {
  margin-bottom: 25px;
}

/*====================== =Content general ======================== end =======*/


/*====================== =Buttons ================================ start =====*/


a.redbtn,
a.redbtn:visited,
a.bluebtn,
a.bluebtn:visited
{
  color: #ffffff !important;
  text-transform: uppercase;
  display: inline-block;
  padding: 7px 10px;
  line-height: 1em;
  position: relative;
  font-size: 0.833em;
}

#content a.redbtn,
#content a.redbtn:visited,
#content a.bluebtn,
#content a.bluebtn:visited { text-decoration: none; }

a.redbtn:hover,
a.bluebtn:hover
{ color: #ffffff; text-decoration: underline;}


a.bluebtn,
a.bluebtn:visited {  
  background: #597d9f;
}  
  

a.redbtn,
a.redbtn:visited {
  background: #b5384f;
}
  


/*====================== =Buttons ================================ start =====*/

/*====================== =Home page content ====================== start =====*/
/* Flash banner background styles START */
#intro-block {
  background: #FFF url(img_intro.jpg) no-repeat top left;
  height: 253px;
  width: 782px;
  position: relative;
  margin-bottom: 3px;
  height: 330px;
}
#intro-block2 {
  padding: 0 20px 0 40px;
}
#intro-block2 .banner
{
  background:  url(img_intro2.jpg) no-repeat top left;
  min-height: 330px;
  height: auto !important;
  height: 330px;
  width: 920px;
  position: relative;

}

#intro-block3 {
  background: #FFF url(img_intro3.jpg) no-repeat top left;
  height: 253px;
  width: 782px;
  position: relative;
  margin-bottom: 3px;
}
#intro-block4 {
  background: #FFF url(img_intro4.jpg) no-repeat top left;
  height: 253px;
  width: 782px;
  position: relative;
  margin-bottom: 3px;
}
/* Flash banner background styles END */
.main-container h1 {
  margin: 0 0 13px 0;
  padding: 0;
}

#intro-block div.text, #intro-block2 div.text, #intro-block3 div.text, #intro-block4 div.text {
  min-height: 142px;
  height: auto !important;
  height: 142px;
  width: 320px;
  position: relative;
  top: 34px;
  left: 0px;
}
#intro-block div.text h1, #intro-block2 div.text h1, #intro-block3 div.text h1, #intro-block4 div.text h1 {
  font-size: 2.75em;
  font-weight: normal;
  line-height: 1.0909em;
  color: #bd4346;
  margin-bottom: 10px;
}
#intro-block4 div.text h1 {
  color: #FFF;
}
#intro-block div.text p, #intro-block2 div.text p, #intro-block3 div.text p, #intro-block4 div.text p {
  font-size: 1.333em;
  font-weight: normal;
  line-height: 1.375em;
  color: #011728;
  margin-bottom: 1em;
}
#intro-block4 div.text p {
  color: #00D1F0;
}
#intro-block div.text p.link, #intro-block2 div.text p.link, #intro-block3 div.text p.link {
  font-size: 1.10em;
}
#intro-block4 p.link {
  position: absolute;
  top: 197px;
  left: 397px;
  padding-left: 11px;
  background: transparent url(ul_bullet_white.gif) no-repeat left center;
}
#intro-block4 p a {
  color: #FFF;
}
#intro-block4 p a:hover {
  color: #FFF;
  text-decoration: underline;
}
#intro-block p a, #intro-block2 p a, #intro-block3 p a {
  color: #AB3548;
}
#intro-block p a:hover, #intro-block2 p a:hover, #intro-block3 p a:hover {
  color: #6E0012;
}
ul.arrows_list {
  list-style: none url();
  margin: 0;
  padding: 2px 0 0 0;
}
ul.arrows_list a {
  text-decoration: none;
}

#main01 ul.ul-home a {
  color: #b5384f;
  text-decoration: none;
}
#main01 ul.ul-home a:hover {
  text-decoration: underline;
}
ul.arrows_list li {
    background: transparent url(ico_arrow01.gif) no-repeat 0 5px;
   padding-left: 13px;
   list-style: none;
  width: 100%;
  line-height: 1.364em;
}
#content ul.arrows_list li.read_more {
  margin-top: 5px;
}
#content ul.arrows_list li.read_more a {
  color: #AB3548;
  text-decoration: underline;
}
#content ul.arrows_list li.read_more a:hover {
  color: #99021A;
  text-decoration: none;
}
#content ul.arrows_list li.read_more a:visited {
  color: #366592;
  text-decoration: none;
}
#content ul.arrows_list li.read_more a:visited:hover {
  color: #99021A;
  text-decoration: none;
}

/* Multi column */

#main01 .multi-column03
{
  width: 940px;
  background: url(bg_multi-column03_mid.gif) repeat-y 0 0;
  margin-bottom: 17px;
  display: block;
  margin-left:20px;
  
}

  #main01 .multi-column03 .column-container
  {
    background: url(bg_multi-column03_top.gif) no-repeat top left;
    display: block;
  }

  #main01 .multi-column03 .column-container .padding
  {
    background: url(bg_multi-column03_btm.gif) no-repeat bottom left;
    padding: 24px 20px 24px 20px;
    display: inline-block;
  }

  #main01 .multi-column03 .column
  {  
    float: left;
    position: relative;
    width: 262px;
    margin: 0 50px 0 0px;
    display: inline;
  }
  
    #main01 .multi-column03 .column01
    {
      width: 260px;
    }
    
    #main01 .multi-column03 .column02
    {
      width: 265px;
      font-size: 0.917em;
    }
    
    * html   #main01 .multi-column03 .column02
    {
      margin-right: 40px;
    }
    
    #main01 .multi-column03 .column03
    {
      width: 264px;
      margin-right: 0;
      font-size: 0.917em; /* 11px */
      
    }
    
    #main01 .multi-column03 .column03 p
    {
      line-height: 1.455em; /* 16px */
    }


#main01 .multi-column03a
{
  width: 940px;
  margin-bottom: 35px;
  display: inline-block;
  margin-left:20px;
}

  #main01 .multi-column03a h3
  {
    margin-bottom: 16px;
  }
  

  #main01 .multi-column03a img.left01
  {
    float: left;
    margin-right: 12px;
  }
  
  #main01 .multi-column03a img.banner
  {
    position: absolute;
    left: -25px;
    top: -20px;
  }
  
  #main01 .multi-column03a p,
  #main01 .multi-column03a ul
  {
    font-size:  0.917em;
    margin-bottom: 1.333em;
    line-height: 1.273em;
    color: #575145;
  }
  
  #main01 .multi-column03a a.note
  {
    font-size:  0.917em;
    text-decoration: underline;
    margin-left: 1em;
  }
  
  #main01 .multi-column03a a.note:hover
  {
    text-decoration: none;
  }
  
  #main01 .multi-column03a .intro
  {
    margin-bottom: 1em;
    overflow: auto;
  }
  

  #main01 .multi-column03a .column-container
  {
    padding: 0 0 0 20px;
  }
  
  #main01 .multi-column03a .column
  {  
    float: left;
    position: relative;
    width: 260px;
    margin: 0 50px 0 0px;
    display: inline;
  }
  
      #main01 .multi-column03a .column02
    {
      width: 265px;
    }
    
    #main01 .multi-column03a .column03
    {
      width: 274px;
      margin-right: 0;
    }


/* Column 1 */
.col_1 {
  clear: left;
  float: left;
  width: 185px;
  padding: 18px 0 26px 10px;
  background: #FDFCFB url(bcg_col_one.gif) repeat-x top left;
}

.col_1 ul.arrows_list li {
  background: transparent url(ico_arrow04.gif) no-repeat left center;
    padding-left: 11px;
}
.col_1 ul.arrows_list {
  margin: 0 0 17px 5px;
}
.col_1 h1, .col_2 h1, .col_3 h1, .col_4 h1, .news h1 {
  margin-bottom: 12px;
}
/* Column 2 */
.col_2 {
  float: left;
  width: 175px;
  padding: 18px 0 0 20px;
}

/* Column 3 */
.col_3 {
  float: left;
  width: 169px;
  padding: 18px 0 0 8px;
}

/* Column 4 */
.col_4 {
  float: left;
  width: 206px;
  padding: 18px 0 0 8px;
}

/* News */
.news {
  clear: left;
  width: 550px;
  margin: 20px 0 0 20px;
  padding: 18px 0 0 0;
  border-top: 1px #E5E5E5 solid;
}
.news span {
  color: #6B6861;
  /*width: 78px;*/
  display: block;
  float: left;
  margin-right: 8px;
}
/* Separator - sidebar home page */
.separator_holder {
  height: 7px;
  width: 100%;
  margin-bottom: 6px;
  
}
.separator_holder span {
  height: 1px;
  margin: 0 auto;
  display: block;
  width: 87%;
  background-color: #e2dcca;
}
/*====================== =Home page content ======================== end =====*/

/*====================== =Level 1 page content (My super etc)===== start =====*/
a {
  color: #b5384f;
}
a:hover {
  color: #C3576A;
}
h3 a {
  font-size: 1.166em;
  color: #B94258;
}
div .last {
  border: none;
}
.items_container {
  padding-bottom: 30px;
  float: left;
  margin: 0 20px 30px 20px;
  border-bottom: 1px solid #ebebeb;
  float:left;
  display: inline;
  width: 720px;
}

.items_container p,
.items_container a.read_more {
  /*font-size: 0.917em;*/
}

.items_container h4 a,
.items_container h4 a:hover,
.items_container h4 a:visited
.items_container h4 a:visited:hover
{
  text-decoration: none;
  color: #c03b53;
}



#content .items_container p {
  margin: 0px 0 5px 0;
  color: #575145;
  line-height: 1.364em;
}
.items_container img {
  height: 90px;
  width: 108px;
  float: left;
  padding:  0 0 0 8px;
  margin: 0px 11px 0 0;
}
.items_container h4 {
  margin: 0 0 15px 0;
  font-size: 1.500em;
  line-height: 1.1176em;
}
.items_container .items_content {
  float: left;
  width: 480px;
}

.items_container .items_list {
  float: left;
  width: 200px;
  margin: 32px 0px 0 20px;
}

.items_container .items_list a
{

}

.items_container .items_list a:hover
{
}

/*====================== =Level 1 page content (My super etc) ====== end =====*/

/*================= =Page with subnav col (Which telstra etc) ===== start =====*/

#text-content img.align-left {
  margin: 0 12px 12px 0;
}
#text-content img.align-right {
  margin: 0 0 12px 12px;
}
#text-content img.image_retirement-plan {
  margin-top: -50px;
  position: relative;
}
.align-left {
  float: left;
}
.align-right {
  float: right;
}
.center {
  text-align: center;
}
#col_subnav {
  width: 207px;
  float: left;
  display: inline;
  color: #4A463B;
  background: #FFF url(bcg_col_subnav.gif) repeat-x top left;
  min-height: 1100px;
  padding: 14px 0 0 0;
}

/* min-height for IE */
* html #col_subnav {
  height: 1100px;
}
#col_subnav ul {
  list-style: none;
}
#col_subnav ul li {
  background: transparent url(ico_arrow04.gif) no-repeat scroll 10px 7px;
  line-height: 1.6666em;
  float: left;
  width: 100%;
}
#col_subnav ul li a {
  display: block;
  color: #4A463B;
  line-height: 1.25em;
  padding: 3px 0 3px 22px;
  text-decoration: none;
}
#col_subnav ul li a:active, #col_subnav ul li a:focus /*for Firefox*/{
  outline: none;
  color: #A1273D;
  background: #F5F3EC url(ico_arrow04.gif) no-repeat scroll 10px 7px;
}
#col_subnav ul li a.active {
  outline: none;
  color: #A1273D;
  background: #F5F3EC url(ico_arrow04.gif) no-repeat scroll 10px 7px;
}
#col_subnav ul li a:hover {
  color: #A1273D;
}
#col_main {
  width: 569px;
  float: left;
  margin-left: 5px;
}
/*================= =Page with subnav col (Which telstra etc)====== end =====*/

/* ================ =Text content ================ start =====*/
#text-content {
  float: left;
  width: 534px;
  padding: 0 17px 0px 17px;
  color: #4C4E50;
}
#text-content a {
  color: #AB3548;
  text-decoration: underline;
}
#text-content a:hover {
  color: #99021A;
  text-decoration: none;
}
/*#text-content a:visited {
  color: #366592;
  text-decoration: none;
}
#text-content a:visited:hover {
  color: #99021A;
  text-decoration: none;
}*/
#text-content p {
  margin-bottom: 15px;
  line-height: 1.25em;
}
.no-margin, #text-content .no-margin {
  margin: 0;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
#text-content ul {
  list-style: disc url();
  list-style-position: outside;
  margin: 0 0 15px 15px;
}

#text-content ol {
  list-style: disc url();
  list-style-position: outside;
  margin: 0 0 15px 15px;
}


a.btn_in-paragraph {
  margin-bottom: 25px;
  margin-top: 6px;
}

input.btn-view-graph, input.btn-export-to-csv {
  margin: 5px 11px 5px 0;
}
#text-content ul.arrows_list {
  list-style: none url();
}

#text-content .pds {
  float: left;
  height: 40px;
  margin: 15px 0 0 0;
  display: block;
}
#text-content .pds img {
  float: left;
  margin-right: 6px;
}
#text-content .pds a {
  text-decoration: underline;
}
#text-content .pds h4 {
  margin-top: 0;
}
.article-date {
  color: #CD7888;
  font-size: 0.4782em;
  font-weight: normal;
  display: block;
}
.list-three-col {
  float: left;
  width: 178px;
  border-top: 1px #B7B7B7 solid;
  border-bottom: 1px #B7B7B7 solid;  
}
.list-three-col li {
  border-bottom: 1px #E5E5E5 solid;
  padding: 3px 6px;  
}
.list-three-col li.noborder {
  border: none;  
}
.nobullets li {
  list-style: none;
  list-style-position: outside;
}
li.nobullet {
  list-style: none;
  margin: 8px 0 0 -14px;
}
#text-content .nobullets {
  margin: 0 0 20px 0;
  padding: 0;
}
.nobullets li.date {
  padding-top: 10px;
}
.call-bullet {
  padding-left: 19px;
  background: #FFF url(icon_call.gif) no-repeat 0 50%;
  color: #A72D41;
}
#text-content .bottom-margin {
  margin-bottom: 40px;
}
#text-content a.small-link {
  font-size: 0.916em;
  color: #AB3548;
}
#text-content h2 a.small-link {
  font-size: 0.4782em;
  color: #AB3548;
}
#text-content ul.small-link {
  font-size: 0.916em;
  margin: 0;
}
#text-content ul.small-link li {
  font-size: 0.916em;
}
#text-content li.small-link a {
  font-size: 0.916em;
}
.w110 {
  width: 110px;
}
dl.contact-details {
  margin-bottom: 1em;
}
dl dd.address {
  margin-left: 110px;
}
#text-content .left-from-image {
  margin-left: 150px;
}
#text-content .right-from-image {
  margin-right: 150px;
}
#text-content .graphs  {
  list-style: none;
  float: left;
  margin: 0 3px 0 0;
}
#text-content .graphs li {
  list-style: none;
  margin-bottom: 10px;
}
ol.small-description {
  list-style-position: inside;
  font-size: 0.833em;
  color: #8A8C8E;
}
ol.small-description li {
  font-size: 1em;
  line-height: 1em;
}
/* select filter  START */
.select-filter {
  background-color: #E3F0FE;
  color: #486B8D;
  padding: 10px 8px;
  /*height: 20px;*/
  margin-top: 15px;
  float: left;
  width: 500px;
}
.select-filter h3 {
  font-size: 1.416em;
  margin-bottom: 5px;
}
* html .select-filter /*correct height for IE5*/{
  height: 16px;
  padding-bottom: 3px;
}
.select-filter span {
  /*width: 100px;
  height: 30px;
  font-size: 1.166em;*/
  float: left;  
}
.select-filter select, .select-filter input {
  color: #486B8D;
  float: left;
}
.select-filter label {
  display: none;
}
.select-filter input {
  margin-left: 11px;
}
.select-filter a.bluebtn {
  margin-left: 11px;
}
.select-filter a.btn-filter {
  margin-top: 1px;
}
.select-filter.unit-price-filter {
  width: 715px;
  line-height: 1.6666em;
}
.select-filter.unit-price-filter input.date-input {
  width: 72px;
  margin: 0;
}
.select-filter.unit-price-filter span {
  font-size: 1em;
}
.select-filter.unit-price-filter span.filter {
  width: 45px;
}
.select-filter.unit-price-filter span.date-text {
  width: 110px;
  margin-left: 10px;
}
.select-filter.unit-price-filter span.to {
  width: 30px;
  text-align: center;
}
/* select filter   END */
/* ================ =Text content ================= end ======*/

/* ===== =Tables =================================================== start ====*/
/* table white START */
#text-content table.white {
  border-top: 1px #A3A3A3 solid;
  border-bottom: 1px #A3A3A3 solid;
  width: 520px;
  margin-top: 4px;
  margin-bottom: 6px;
}
#text-content table.white tr th.date, #text-content table.white tr td.date {
  width: 92px;
}
#text-content table.white tr th.download, #text-content table.white tr td.download {
  width: 85px;
}
#text-content table.white th {
  padding: 7px;
  color: #4C4E50;
  border-bottom: 1px solid #B7B7B7;
  line-height: 1.25em;
  font-weight: bold;
}
#text-content table.white td {
  padding: 8px;
  border-bottom: 1px solid #E5E5E5;
  line-height: 1.25em;
}
#text-content table.white tr.lastrow td {
  border-bottom: none;
}
#text-content table.white td ul.arrows_list {
  margin-bottom: 0;
}
/* table white  END */




/* table white_notopborder START */
#text-content table.white_notopborder {
  border-bottom: 1px #A3A3A3 solid;
  width: 520px;
  margin-top: 4px;
  margin-bottom: 6px;
}
#text-content table.white_notopborder tr th.date, #text-content table.white_notopborder tr td.date {
  width: 92px;
}
#text-content table.white_notopborder tr th.download, #text-content table.white_notopborder tr td.download {
  width: 85px;
}
#text-content table.white_notopborder th {
  padding: 7px;
  color: #4C4E50;
  border-bottom: 1px solid #B7B7B7;
  line-height: 1.25em;
  font-weight: bold;
}
#text-content table.white_notopborder td {
  padding: 8px;
  border-bottom: 1px solid #E5E5E5;
  line-height: 1.25em;
}
#text-content table.white_notopborder tr.lastrow td {
  border-bottom: none;
}
#text-content table.white_notopborder td ul.arrows_list {
  margin-bottom: 0;
}
/* table white_notopborder  END */




/* table white smaller  START */
#text-content table.white.smaller {
  border-bottom: none;
  clear: both;
}
#text-content table.white.smaller {
  border-top: none;
}
#text-content table.white.smaller a {
  padding-left: 11px;
  background: transparent url(ico_arrow04.gif) no-repeat 0 50%;
}
#text-content table.white.smaller td {
  padding: 3px 8px;
}  
#text-content table.white.smaller tr.first td {
  background-color: #F0F0EF;
}
#text-content table.white.smaller tr.archive td {
  border-top: 1px solid #CCCCCC;
  border-bottom: none;
}
#text-content table.white.smaller tr.archive a {
  background: transparent url(ico_arrow01.gif) no-repeat 0 50%;
  font-size: 0.916em;
}
/* table white smaller  END */

/* table forms START  */
.table-forms {
  width: 100%;
  margin: 0px 0 20px 0;
}
.table-forms caption {
  text-align: left;
  font-weight: bold;
}
.table-forms th.file-size {
  width: 75px;
}
.table-forms td span.bold {
  display: block;
  font-weight: bold;
}
.table-forms th {
  border-bottom: 1px #B7B7B7 solid;
  padding: 3px 6px;
  text-align: left;
  line-height: 1.25em;
}
.table-forms td {
  padding: 3px 6px;
  border-bottom: 1px #E5E5E5 solid;
}
.table-forms th.download {
  width: 70px;
}
.table-forms th.dates-col {
  width: 88px;
}
.table-forms tr.first-row td {
  background-color: #F0F0EF;
}
.table-forms tr.highlight-row td {
  background-color: #F0F0EF;
}

.table-forms td.highlight-cell {
  background-color: #F0F0EF;
}
.table-forms tr.bold-highlight-row td {
  background-color: #F0F0EF;
  font-weight: bold;
}

.table-forms td.bold-highlight-cell {
  background-color: #F0F0EF;
  font-weight: bold;
}
.table-forms tr.last-row td {
  border-bottom: 1px solid #CCCCCC;
}
.table-forms tr.table-note td {
  border-bottom: none;
}
th.time-col {
  width: 108px;
  padding-right: 0;
}
th.register-col {
  width: 65px;
}
th.places-col {
  width: 93px;
}
th.location-col {
  width: 195px;
}
th.date-col {
  width: 85px;
}
.table-forms.events th {
  padding: 3px 0px 3px 0;
}
.table-forms.events  {
  margin-bottom: 12px;
}
.table-forms.events td {
  vertical-align: middle;
}
.table-forms.events td {
  padding: 3px;
}
.table-forms.job-table td {
  width: 120px;
}
.table-forms.job-table tr.first-row td {
border-top: 1px solid #AEADAD;
}
.table-forms.job-table td.long {
  width: 185px;
}
.table-forms.growth {
  width: 100%;
}
.table-forms.growth th.text-right{
  text-align: right;
}
/* table forms     END  */

/* table2     START  */
.table2 {
  width: 100%;
  margin-bottom: 25px;
}
.table2 caption {
  text-align: left;
  font-weight: bold;
  margin-bottom: 3px;
}
.table2 th {
  border-top: 1px #B7B7B7 solid;
  border-bottom: 1px #D9D8D8 solid;
  background-color: #F0F0EF;
  padding: 3px 6px;
  text-align: left;
  line-height: 1.25em;
}
.table2  td {
  padding: 2px 6px;
  border-bottom: 1px #E5E5E5 solid;
}
.table2  tr.table-note td {
  font-size: 0.833em;
  line-height: 1.2em;
  padding-top: 3px;
  color: #8A8C8E;
}
.table2 tr.last-row td {
  border-bottom: 1px #B7B7B7 solid;
}
.table2 tr.table-note td {
  border-bottom: none;
}
/* table2     END  */

/* unit price table START */
.unit-price-table {
  width: 741px;
  margin: 22px 0px 5px 0px;  
}
.unit-price-table th {
  width: 88px;
  text-align: center;
  line-height: 1.25em;  
}
.unit-price-table th.date, .unit-price-table td.date {
  text-align: left;
  padding-left: 6px;  
}
.unit-price-table td {
  text-align: center;  
}
.unit-price-table tr.first-row td {
  background-color: #F0F0EF;
  border-bottom: 1px #D9D8D8 solid;
  border-top: 1px #B7B7B7 solid;
}
.unit-price-table tr.first-row td.date {
  font-weight: bold;
}
.unit-price-table tr td {
  border-bottom: 1px #E5E5E5 solid;
}
#content .small-note, .SO_col_main .small-note {
  color: #979899;
  font-size: 0.833em;
  line-height: 1.2em;
  margin-bottom: 6px;
  display: block;
}
/* unit price table END */

/* table06 Faqs START */
.table06 {
  border: 1px #B7C7D8 solid;
  margin: 8px 0;
}
.table06 p {
  border-bottom: 1px solid #E4E9EE;
}
.table06 p.last {
  border: none;
}
.table06{
  border-width: 1px 1px 1px 1px;
  border-spacing: 0px;
  border-style: none none none none;
  border-color: gray gray gray gray;
  border-collapse: collapse;
  background-color: white;
}
.table06 th {
  color: #486B8D;
  background-color: #ECF0F3;
  border: 1px inset #B7C7D8;
  padding: 8px;
  /*-moz-border-radius: 0px 0px 0px 0px;*/
}
.table06 td {
  border: 1px inset #B7C7D8;
  padding: 8px;
  /*-moz-border-radius: 0px 0px 0px 0px;*/
}
/* table06 Faqs END */

/* ===== =Tables ==================================================== end =====*/

/* ================ =Headings ===================== start ====*/
h2 {
  color: #B5384F;
  font-size: 1.916em;
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 1.0869em;
}

h2 a.small-link {
  font-weight: normal;
  font-size: 0.916em;
  color: #C3576A;
}
h3 {
  font-size: 1.25em;
  line-height: 1.2em;
  color: #666666;
  margin-bottom: 20px;
  font-weight: normal;
}
h4 {
  color: #B94258;
  font-size: 1.416em;
  line-height: 1.1176em;
  margin-bottom: 10px;
}
h5 {
  font-size: 1.166em;
  font-weight: bold;
  line-height: 1.25em;
  color: #4C4E50;
  margin-bottom: 5px;
}
h6 {
  font-weight: bold;
  color: #4C4E50;
  font-size: 1em;
  line-height: 1.25em;
  margin-bottom: 0;
}

p.status { font-weight: bold; color: #575145; margin-bottom: 4px; font-size: 1em;}
p.status a { font-weight: normal; font-size: 0.917em;}

#main01 .multi-column03 .timestamp { color: #938972; font-size: 11px; font-weight: bold;}

#main01 h1 { margin: 0 0 12px 0; padding: 0; line-height: 16px;}
#main01 .multi-column03 .column01 h1 { margin: 0 0 24px 0;}
#main01 .multi-column03 .column02 h1 { margin: 0 0 15px 0;}
#main01 .multi-column03 p { color: #575145; line-height: 1em; }

#main01 .multi-column03a h3.title01 {color:#404040; font-size:1.5em; font-weight:normal; margin-bottom:0.778em; } /*18px */

a.subscribe-link { background: url(ico_arrow02.gif) no-repeat 0 4px; margin-left: 6px; padding: 0 0 0 13px}

#main01 .multi-column03a h4 { color: #b5384f; font-size: 1.083em; line-height: 1.538em; margin-bottom: 5px;} /*13px / 20px */
#main01 .multi-column03a .column01 h4 { color: #7a7059; font-size: 1.333em; line-height: 1.250em; margin-bottom: 9px; } /* 16px / 20px */


.note { margin-left: 8px;}

.launch 
{
  background: url(ico_arrow01.gif) no-repeat scroll 0 4px;
  padding-left:13px;
  font-size: 0.917em;
}


#one-col-container h2, #one-col-container h3, #one-col-container h4, #one-col-container h5, #one-col-container h6 {
  margin-left: 6px;
}
/* ================ =Headings ======================= end ====*/

/* ================ =Intro text ================== start =====*/
.intro-text img {
  position: absolute;
  top: 0;
  right: 0;
}
.intro-text p {
  color: #5C7FA1;
  width: 340px;
  margin-bottom: 1em;
  line-height: 1.25em;
}
.intro-text h2 {
  color: #B5384F;
  margin: 0 0 4px 0;
  padding: 0;
}
.product-byline {
  color: #ce7384;
  font-size: 1.166em;
  margin-bottom: 8px;
  display: block;
}
/* ================ =Intro text =================== end ======*/

/* ================ =e-publications ================ start ======*/
#text-content div.e-publications {
  margin: 0 0 32px 0;
}
#text-content div.e-publications img {
  float: left;
}
#text-content div.e-publications h4 {
  margin-top: 5px;
  margin-left: 115px;
}
#text-content div.e-publications p, #text-content div.e-publications ul {
  margin-left: 115px;
}
#text-content div.e-publications ul {
  list-style-position: outside;
  margin-bottom: 0;
}
#text-content div.e-publications ul li{
  margin-left: 15px;
}
#text-content div.e-publications ul li.ul-heading, #text-content div.e-publications ul li.ul-input {
  list-style: none;
  font-weight: bold;
  margin-left: 0px;
}
#text-content div.e-publications ul li.ul-note {
  list-style: none;
  margin: 10px 0 0 0;
  font-size: 0.833em;
  color: #8A8C8E;
  line-height: 1.2em;
}
#text-content div.e-publications ul li.ul-input {
  margin-top: 12px;
}
/* ================ =e-publications ================  end  ======*/

/* ================ =pop-up terms and conditions ==   start  ========*/
#terms-conditions h2 {
  color: #B5384F;
  font-size: 1.5em;
  margin: 10px 0 8px 0;
  font-weight: normal;
}
#terms-conditions h3 {
  margin: 10px 0 8px 0;
}
#terms-conditions p {
  margin: 0 0 10px 0;
}
#terms-conditions input {
  margin: 10px 0;
}
#terms-conditions ul {
  list-style: disc url();
  list-style-position: outside;
  margin: 0 0 20px 15px;
}
/* ================ =pop-up terms and conditions ===== end  ========*/

/* ================ =FAQs ========================   start  ========*/
.search-title {
  padding: 10px 17px;
}
.search-title h4 {
  margin: 0;
  color: #B94258;
  font-size: 1.25em;
}
.search-title p {
  font-size: 0.916em;
  color: #8A8C8E;
}
.relevance {
  color: #877E64;
  margin-left: 5px;
}
/* ================ =FAQs ===========================    end  ========*/

/*====================== =Header =============================== start =======*/
#header {
  height: 86px;
  background: #ffffff;
}

#header .content{
  width: 980px;
  margin: 0 auto;
}

/*
#logo {
  float: left;
  font-size: 1.6em;
  height: 34px;
  width: 205px;
  left: 20px;
  top: 20px;
  line-height: 1em;
  overflow: hidden;
  position: relative;
}
#logo a {
  color:#93989A;
  text-decoration: none;
}
#logo a span {
  background: transparent url(img_logo_telstrasuper.gif) no-repeat scroll left top;
  display: block;
  height: 34px;
  left: 0pt;
  margin: 0pt;
  padding: 0pt;
  position: absolute;
  top: 0pt;
  width: 205px;
  z-index: 1;
}
*/

#logo {
  float: left;
  font-size: 1.6em;
  height: 48px;
  width: 346px;
  left: 20px;
  top: 20px;
  line-height: 1em;
  overflow: hidden;
  position: relative;
}
#logo a {
  color:#93989A;
  text-decoration: none;
}
#logo a span {
  background: transparent url(celebrate_logo.gif) no-repeat scroll left top;
  display: block;
  height: 48px;
  left: 0pt;
  margin: 0pt;
  padding: 0pt;
  position: absolute;
  top: 0pt;
  width: 346px;
  z-index: 1;
  cursor: pointer;
}



/*====================== =Search ================================= start =====*/
#main01 .search { margin: 7px 20px 0 0;}

.search {
  margin: 7px 0px 0 0;
  width: 530px;
  float: right;
  line-height: 1.5em;
}
.search span, .search label {
  float: right;
}
.search .search-box {
  width: 158px;
  height: 18px;
  border-top: #adadad 1px solid;
  border-left: #e3e5e4 1px solid;
  border-bottom: #e3e5e4 1px solid;
  border-right: #e3e5e4 1px solid;
  display: inline;
  margin-left: 16px;
  float: right;
  padding-left: 4px;
}
.search a.search-submit {
  margin: 2px 0 0 10px;
  float: right;
  width: 15px;
}
.search .contactus {
  margin: 0 12px 0 12px;
  float: right;
}

.search .search-txt
{
  margin: 0 0 0 12px;
  float: right;
}

.search .print-button {
  float: right;
  margin: 0 9px 0 7px;
}
.search .text-smaller {
  height: 19px;
  width: 19px;
  margin: 0 12px;
  float: right;
}
.search .text-bigger {
  height: 19px;
  width: 19px;
  margin : 0 12px;
  float: right;
}
.search .text-smaller span {
  font-size: 0.7916em;
}
.search .text-bigger span {
  font-size: 1.0416em;
}
.search .separator {
  color: #CCCCCC;
  padding-top: 5px;
}
.search a, .search a:visited {
  text-decoration: none;
  color: #4B4A4A;
}
.search a:hover {
  color: #C3576A;
}
.search a.btn {
  text-decoration: none;
  color: #FFF;
}
.search a.btn:hover {
  color: #FFF;
}
/*====================== =Search ================================= end =======*/

/*====================== =Header ================================= end =======*/

/*====================== =Navigation ============================= start =====*/
#topNav {
  width: 100%;
  background: #d7ceb6;
  height: 28px;
}

#main01 #topNav .content
{
  padding: 0 0 0 60px;
}

#topNav .content
{
  margin: 0 auto;
  width: 978px;
  padding: 0 0 0 18px;
  z-index: 2;
}

.subNav-bar{
  height: 28px;
  background-color: #9E2639;
}

.subNav
{
  background-color: #b5384f;
  width:100%;
  overflow: visible;
  display:block;
}

.subNav .content
{
  width: 980px;
  margin: 0 auto;
  padding: 1px 0;
}

.subNav ul{
  display: block;
  float: left;
  margin: 0 auto 0 auto;
  background-color: #b5384f;
  list-style: none;
  padding-left: 13px;

}
.subNav ul li {
  float: left;
  display: inline;
  color: #FDECEF;
  background-color: #b5384f;
  line-height: 2.333em;
  white-space: nowrap;
}
.subNav ul li a {
  color: #FDECEF;
  text-decoration: none;
  display: block;
  padding: 0 7px;
  line-height: 2.333em;
}

.subNav ul li a:hover, .subNav ul li a.on {
  color: #FFF;
  background: url(subnav_on.gif) repeat-x bottom left;
}
.subNav ul li a:visited {
  color: #FDECEF;
}
.subNav ul li.separator {
  width: 2px;
  background: url(subnav_separator.gif) no-repeat center center;
}
/*====================== =Navigation ============================= end =======*/

/* ==============  =Sidebar 1 (right with login form) ============ start =====*/

#sidebar_1 {

}

#sidebar_1 .superonline_login {
  margin: 0;
  padding: 0 0 0 0;

  
}
.superonline_login a {
  font-size: 0.916em;
  text-decoration: underline;
}
.superonline_login a:hover {
  color: #C3576A;
  text-decoration: none;
}
.superonline_login a.redbtn, .superonline_login a.bluebtn,
.superonline_login a.redbtn:visited, .superonline_login a.bluebtn:visited   {
  color: #FFF;
  text-decoration: none;
}
.superonline_login a.redbtn:hover, a.bluebtn:hover  {
  color: #FFF;
  text-decoration: none;
}
.superonline_login input, .superonline_login label {
  font-size: 0.917em;
  line-height: 1.455em;
  color: #797979; 
  margin-bottom: 4px;
  display: inline-block;
}

.superonline_login label
{
  margin: 0px;
}

.superonline_login input {
  width: 146px;
  padding: 3px 2px;
  border: 1px solid #e5e4e9;
}

.superonline_login a
{
  color: #b5384f;
  font-size: 0.833em;
}

.superonline_login a.login-submit {
  float: right;
}

.superonline_login a.login-submit:hover
{
  text-decoration: underline;
}

.superonline_login a.forgotten {
  float: left;
  width: 100px;
  background: transparent;
  color: #b5384f; 
  text-decoration: underline;
}

.superonline_login a.forgotten:hover
{
  text-decoration: none;
}

#sidebar_1 .superonline_login p
{
  border-top: 1px dotted #cbc4b5;
}

.superonline_login input {
  margin-bottom: 5px;
}
.superonline_login input#password {
  margin-bottom: 8px;
}

.superonline_login fieldset {
  border: none;
  padding-bottom: 10px;
}
.superonline_login legend {
  display: none;
}

.superonline_login p {
  float: left;
  width: 100%;
  padding: 9px 0 0px 0;
}
.superonline_login p a.register{
  float: left;
  color: #b5384f;
}
.superonline_login p a.features{
  float: right;
  color: #b5384f;
}
.subscribe {
  margin: 0px auto;
  height: 73px;
  width: 185px;
  background: transparent url(img_subscribe.gif) no-repeat 0 8px;
  position: relative;
}
.subscribe a {
  font-size: 0.916em;
  color: #C3576A;
  position: absolute;
  text-decoration: none;
  top: 53px;
  left: 11px;
}
.subscribe a:hover {
  text-decoration: underline;
}
#sidebar_1 .enquiry {
  margin: 0 auto;
  height: 67px;
  width: 185px;
  background: transparent url(img_enquiry.gif) no-repeat top left;
  position: relative;
}
#sidebar_1 .enquiry a {
  display: block;
  height: 20px;
  width: 47px;
  position: absolute;
  top: 30px;
  left: 45px;
  text-indent: -9999px;
  outline: none;
}
/* =============== =Sidebar 1 (right with login form) ============ end =======*/
/* Sidebar separators >>*/
div.sidebar_separator {
  clear: both;
  margin: 1px auto;
  height: 1px;
  border-top: 1px #E2DCCA solid;
  width: 87%;
}
div.sidebar_separator2 {
  clear: both;
  margin: 1px auto;
  height: 1px;
  border-top: 1px #E6E1D2 solid;
  width: 87%;
}
div.sidebar_separator3 {
  clear: both;
  margin: 0 auto 15px auto;
  height: 1px;
  border-top: 1px #FCFBF9 solid;
  width: 87%;
}
/* IE 6 fix */
* html div.sidebar_separator2 {
  margin: 1px 0;
}
/* << Sidebar separators */
/* =============== =Sidebar 2 (right with login form) =========== start ======*/
#sidebar_2 {
  float: right;
  width: 195px;
  background: #FFF url(bcg_sidebar_light.gif) repeat-x top left;
  min-height: 760px;
  height: auto !important;
  height: 760px;
  padding-top: 25px;
}

#sidebar_2 .superonline_login {
  margin: 0px auto 15px auto;
  padding: 36px 0 0 0;
  width: 160px;
  background: #efebe2 url(bcg_superonline_login2.gif) no-repeat 0px 0;
}

#sidebar_2 .superonline_login label
{
  color: #5c4f30;
}

#sidebar_2 .superonline_login input
{
  width: 160px;
  border: 1px solid #dad4c3;
}

#sidebar_2 .superonline_login p {
  border-top: 1px dotted #c3baa6;
}
#sidebar_2 .subscribe {
  background: transparent url(img_subscribe2.gif) no-repeat 0 15px;
  height: 80px;
}
#sidebar_2 .enquiry {
  margin: 0 auto;
  height: 67px;
  width: 185px;
  background: transparent url(img_enquiry.gif) no-repeat top left;
  position: relative;
}
#sidebar_2 .promo-tile img {
  display: block;
  margin: 0px auto 15px auto;
}
#sidebar_2 .enquiry a {
  display: block;
  height: 20px;
  width: 47px;
  position: absolute;
  top: 30px;
  left: 45px;
  text-indent: -9999px;
  outline: none;
}
.sidebar_box {
  width: 163px;
  margin: 0 auto;
  background: transparent url(bcg_sidebar-box.png) no-repeat 50% 0;
  padding: 15px 8px 15px 13px;
}
.sidebar_box li a {
  color: #b5384f;
}
.sidebar_box span {
  height: 11px;
  margin-bottom: 12px;
}
.sidebar_box span.calculators {
  text-indent: -9999px;
  display: block;  
  width: 170px;
  background: transparent url(headings-sidebar-calc.gif) no-repeat top left;
}
.sidebar_box span.faq {
  text-indent: -9999px;
  display: block;  
  width: 170px;
  background: transparent url(headings-sidebar-faqs.gif) no-repeat top left;
}
.sidebar_box span.links {
  text-indent: -9999px;
  display: block;  
  width: 170px;
  background: transparent url(headings-sidebar-links.gif) no-repeat top left;
}
#sidebar_2 ul.arrows_list, #sidebar_1 ul.arrows_list {
  list-style: none url();
  line-height: 1.2727em;
  font-size: 0.916em;
}
#sidebar_2 ul.arrows_list li, #sidebar_1 ul.arrows_list li {
  background: transparent url(ico_arrow01.gif) no-repeat 0 5px;
  padding-left: 12px;
}
#sidebar_2 ul.arrows_list li a:hover, #sidebar_1 ul.arrows_list li a:hover {
  color: #C3576A;
}
#sidebar_2 ul.arrows_list li.read_more, #sidebar_1 ul.arrows_list li.read_more {
  margin-top: 5px;
}
#sidebar_2 ul.arrows_list li.read_more a, #sidebar_1 ul.arrows_list li.read_more a {
  color: #AB3548;
  text-decoration: underline;
}
#sidebar_2 ul.arrows_list li.read_more a:hover, #sidebar_1 ul.arrows_list li.read_more a:hover {
  color: #99021A;
  text-decoration: none;
}
#sidebar_2 ul.arrows_list li.read_more a:visited, #sidebar_1 ul.arrows_list li.read_more a:visited,
#sidebar_2 ul.arrows_list li a:visited, #sidebar_1 ul.arrows_list li a:visited {
  color: #366592;
  text-decoration: none;
}
#sidebar_2 ul.arrows_list li.read_more a:visited:hover, #sidebar_1 ul.arrows_list li.read_more a:visited:hover,
#sidebar_2 ul.arrows_list li a:visited:hover, #sidebar_1 ul.arrows_list li a:visited:hover {
  color: #366592;
  text-decoration: underline;
}
/* ===============  =Sidebar 2 (right with login form) ============ end =======*/


/* ===============  =Subtitle ================================== start ========*/
#sub_title {
  border-top: 1px solid #828487;
  background: #6e7073 url(bg_img_subtitle.gif) repeat-x top right;
}

#sub_title .content
{
  background: url(bg_img_subtitle02.jpg) no-repeat top right;
  width: 980px;
  margin: 0 auto;
  position: relative;

}
#sub_title .content .padding
{
  padding: 18px 220px 0 20px;
  min-height: 108px;
  height: auto !important;
  height: 108px;
}

* html #sub_title .content .padding
{
  padding: 18px 0px 0 20px;
}

#sub_title .subbanner01
{
  position: absolute;
  top: -1px;
  right: 0;
  float: right;
}

#sub_title.subtitle01 {
  background: #6D6F72 url(img_subtitle_onlinesummary.jpg) no-repeat top right;
}
#sub_title p {
  color: #E6DABC;
  margin-bottom: 15px;
  width: 710px;
}
#sub_title.subtitle01 p {
  width: 480px;
}
#sub_title p.smaller {
  margin-bottom: 11px;
}    
.banner-title {
  color: #F4E9CD;
  font-size: 1.75em;
  font-weight: normal;
  display: block;
  position: relative;
  margin-bottom: 7px;
}
#sub_title.two-select-boxes .select1 {
  float: left;
}
#sub_title input.text {
  padding: 3px 2px;
  border-top: #adadad 1px solid;
  border-left: #e3e5e4 1px solid;
  border-bottom: #e3e5e4 1px solid;
  border-right: #e3e5e4 1px solid;  
  margin: 0 1em 0px 0;
  display: inline-block;
  font-size: 1em;
}

#sub_title input.text a.redbtn
{
  margin: 0;
}

#sub_title a.submit-btn {
  color: #FFF;
  text-decoration: none;
  border: none;
  margin-left: 6px;
  float: left;
}
#sub_title a.submit-btn:hover {
  color: #FFF;
  text-decoration: none;
}
#sub_title form label, #sub_title form legend {
  display: none;
}
#sub_title .subtitle_note {
  color: #DCD3BB;
  float: left;
  line-height: 1.8181em;
  font-size: 0.833em;
}
#sub_title label {
  display: none;
}
#sub_title .subtitle_note2 {
  color: #e2e2e3;
  padding: 0 6px;
  text-align: center;
  line-height: 1.666em;
}
#sub_title select {
  display: inline-block;
  z-index: 1;
}

#sub_title select, #sub_title input
{  
   border-left: 1px solid #e2e1e6;
  border-right: 1px solid #e2e1e6;
  border-bottom: 1px solid #e2e1e6;
  border-top: 1px solid #adadaf;
  background: #ffffff;
  font-size: 1em;
}

#sub_title .second-select {
  float: left;
}
#sub_title .subtitle_note a {
  color: #d5d8db;
  line-height: 1.6666em;
  text-decoration: underline;
}
#sub_title .subtitle_note a:hover {
  text-decoration: none;
}

#sub_title.sub_title_find-a-form {
  background: #6D6F72 url(img_subtitle_find-a-form.jpg) no-repeat center right;
}
#sub_title.sub_title_find-a-form select {
  width: 250px;
}
#sub_title.sub_title_unit-prices {
  background: #6D6F72 url(img_subtitle_find-a-form.jpg) no-repeat center right;
}
#sub_title.sub_title_finacial-advice {
  background: #6D6F72 url(img_subtitle_financial-advice.jpg) no-repeat top right;
  padding: 26px 0 26px 20px;
}
#sub_title.sub_title_lifechanges {
  background: #6D6F72 url(img_subtitle_lifechanges.jpg) no-repeat top right;
}
#sub_title.sub_title_whyjoin {
  background: #6D6F72 url(img_subtitle_whyjoin.jpg) no-repeat top right;
}
#sub_title.sub_title_investments {
  background: #6D6F72 url(img_subtitle_investments.jpg) no-repeat top right;
}
#sub_title.sub_title_toolsnforms {
  background: #6D6F72 url(img_subtitle_toolsnforms.jpg) no-repeat top right;
}
#sub_title.sub_title_newsneducation {
  background: #6D6F72 url(img_subtitle_newsneducation.jpg) no-repeat top right;
}
#sub_title.sub_title_employers {
  background: #6D6F72 url(img_subtitle_employers.jpg) no-repeat top right;
}
#sub_title.sub_title_aboutus {
  background: #6D6F72 url(img_subtitle_aboutus.jpg) no-repeat top right;
}
#sub_title.sub_title_finacial-advice p {
  font-size: 1.166em;
}
/* ===============  =Subtitle ==================================== end =======*/

/* ================ =Breadcrumbs ================= start =====*/
div#breadcrumbs {
  width: 530px; 
  padding: 10px 17px 10px 17px;
}
div#breadcrumbs span {
  font-size: 0.916em; 
  color: #909194; 
  float: left;
  margin-right: 7px;
}
#breadcrumbs ul {
  list-style: none url();
  padding: 0;
  color: #909194;
  /* width: 490px; Seamless CMS has different html for breadcrumbs - leave 490px*/
  line-height: 1.5833em;
  float: left; 
}
#breadcrumbs ul li {
  float: left;
  font-size: 0.916em;
  padding-right: 7px;
  list-style: none;
}
#breadcrumbs ul li a {
  font-size: 1em;
  display: block;
  padding-left: 13px;
  background: transparent url(ul_bullet_light.gif) no-repeat scroll 0 0.6016em;
  color: #CD7888;
  text-decoration: underline;
  white-space: nowrap;  /* solution for IE not displaying long items on new line - but when text is resized, the end of the item is not visible in all browsers */  
  max-width: 530px; 
}
#breadcrumbs ul li.home a{
  background: none;
  padding:0;
}
#breadcrumbs ul li a:hover {
  color: #B5384F;
  text-decoration: none;
}
#breadcrumbs ul li a:visited {
  color: #CD7888;
  text-decoration: none;
}
#breadcrumbs ul li a:visited:hover {
  color: #B5384F;
  text-decoration: none;
}
/* ================ =Breadcrumbs ================== end ======*/

/* ===== =Glossary hover ================ start ====*/
#bodycontainer a.pop_glossary {
  text-decoration: none;
  border-bottom: 1px #AB3548 dotted;
  color: #AB3548;
  cursor: help;
  position: relative;
}
#content h3 a.pop_glossary {
  font-size: 1em;
}
#bodycontainer a.pop_glossary:hover, #bodycontainer a.pop_glossary:hover {
  border-bottom: 1px #99021A dotted;
}
.glossary {
  display: none;
  position: absolute;
  width: 334px;
  z-index: 10000;
}
.glossary .top {
  background: url(glossary_top.gif) 0 0 no-repeat;
  height: 12px;
  width: 334px;
  font-size: 1px;
  line-height: 1px;
}
.glossary .definition {
  color: #44668A;
  line-height: 1.25em;
  clear: both;
  padding: 8px 17px 9px 17px;
  background: #ECF4FC url(glossary_bg.gif) 0 0 repeat-y;
}
.glossary .definition a:visited {
  color: #AB3548;
}
.glossary .bottom {
  background: url(glossary_bottom.gif) 0 0 no-repeat;
  height: 16px;
  width: 334px;
  font-size: 1px;
  line-height: 1px;
}
/* ===== =Glossary hover ================== end ====*/

/* ================ =Intro text ================== start =====*/
.intro-text {
  width: 551px;
  background: #DAECFD url(bcg_intro-text.gif) repeat-x top left;
  min-height: 147px;
  float: left;
  position: relative;
  padding: 18px 0 18px 17px;
  margin-bottom: 20px;
}
.intro-text.intro-keyfeatures {
  padding: 9px 0 0 17px;
  min-height: 147px;
  background: #FFF url(img_intro-text_keyfeatures.gif) repeat-x bottom left;
}
.intro-text.ts-personal-plus {
  padding-bottom: 0;
  min-height: 197px;
}
.intro-text.intro-keyfeatures img {
  position: absolute;
  top: 0;
  right: 0;
}
.intro-text.intro-keyfeatures .product-byline {
  font-size: 1.416em;
  color: #B94258;
}
.intro-text.intro-keyfeatures h2 {
  margin: 0 0 32px 0;
  padding: 0;
}
/*for ie6*/
* html .intro-text.intro-keyfeatures {
  height: 150px;
}
* html .intro-text.intro-keyfeatures h2 {
  margin-bottom: 32px;
}
* html .intro-text.intro-campaign-template {
  height: 150px;
}
* html .intro-text.intro-campaign-template h2 {
  margin-bottom: 32px;
}
/* ================ =Intro text =================== end ======*/

/* ================ =Calculators ===============  start ======*/
#calculators {
  color: #5C7FA1;
}
#calculators .dark {
  background-color: #D7E5F2;
}
#calculators ul#calculators-steps {
  list-style: none;
  margin:0;
  float: left;
  display: inline;
  width: 100%;
}
#calculators-steps li {
  font-weight: bold;
  color: #6E90B1;
  padding: 7px 10px;
  list-style: none;
  float: left;
  font-size: 1.166em;
  width: 90px;
  border-top: 1px solid #CDDFF1;
  border-left: 1px solid #CDDFF1;
  border-right: 1px solid #CDDFF1;
  margin-right: 2px;
}
#calculators-steps li.step-active {
  font-weight: bold;
  color: #B5384F;
  padding: 7px 10px;
  list-style: none;
  float: left;
  font-size: 1.166em;
  width: 90px;
  border-top: 1px solid #E7F2FE;
  border-left: 1px solid #E7F2FE;
  border-right: 1px solid #E7F2FE;
  background-color: #E7F2FE;
  margin: 0 2px 0 0;
}
#calculators-steps li.step-active span {
  color: #CD7484;
  display: block;
}
#calculators-steps li span {
  color: #84A4C3;
  display: block;
}
.step-container {
  clear: both;
  float: left;
  width: 100%;
  margin: 0 0 4px 0;
  background-color: #E7F2FE;
    padding-bottom: 7px;
    color: #5C7FA1;
}
.step-container .step-heading {
  background-color: #fff;
  margin: 10px 4px 6px 4px;
  padding: 3px 7px;
  color: #5C7FA1;
  font-weight: bold;
  font-size: 1.083em;
  position: relative;
}
.step-container img {
  display: block;
  margin: 0 auto;
}
.step-container h4 {
  background-color: #fff;
  margin: 10px 4px 6px 4px;
  padding: 6px 7px;
  position: relative;
}
.step-heading a.btn {
  font-weight: normal;
  position: absolute;
  right: 4px;
  top: 2px;
}
.SO_col_main p.note-required {
  color: #5C7FA1;
  margin-bottom: 10px;
}
.mandatory {
  margin-left: 6px;
}
.step-container dl.form-fields {
  line-height: 1.2em;
}
.step-container dl.form-fields input, .step-container dl.form-fields select  {
  color: #486B8D;
}
  
dl.form-fields .error {
  margin-left: 6px;
}
dl.form-fields.long-fields input {
  width: 208px;
}
.step-container dl.form-fields.long-fields select {
  width: 212px;
  float: none;
}
* html .step-container dl.form-fields.long-fields select {
  width: 215px;
  margin: 0 0 10px 3px;
}
.step-container dl.form-fields dt.checkbox {
  width: 25px;
}
.step-container dl.form-fields dd.checkbox {
  float:left;
  margin-top: 7px;
  width: 530px;
}
.step-container dl.form-fields dt.checkbox input {
  width: auto;
  float: left;
}
.step-container dl.form-fields dt.radio {
  width: auto;
  padding-bottom: 2px;
}
.step-container dl.form-fields dt.radio input {
  width: auto;
  clear: left;
  float: left;
}
.step-container dl.form-fields dt.radio label {
  padding: 2px 0 0 3px;
  float: left;
  width: 560px;
}
/* Calculators checkbox, radio button */
.step-container dl.form-fields dd.checkbox.calc {
  float:left;
  margin-top: 1px;
  width: 480px;
  padding-bottom: 10px;
}
.step-container dl.form-fields dt.radio.calc {
  clear: left;
  float: left;
  width: 25px;
}
.step-container dl.form-fields dd.radio.calc {
  padding: 0px;
  float: left;
  width: 480px;
  padding-bottom: 10px;
}

.step-container dl.form-fields.long-fields input.short {
  margin-left: 0;
}
* html .step-container dl.form-fields.long-fields input.short {
  margin-left: 0;
}
.step-container dl.form-fields dt {
  width: 180px;
  padding: 5px 0 5px 10px;
  float: left;
}
.step-container dl.form-fields dd {
  padding: 0 0 10px 0;
}
.step-container dl.form-fields dd.input1 {
  width: 154px;
  float: left;
}
.step-container dl.form-fields dd.input2 {
  width: 154px;
  float: left;
  line-height: 2.333em;
  /*margin-top: 3px;*/
}
.step-container dl.form-fields dd.input3 {
  margin-left: 364px;
}
.step-container dl.form-fields dd.input4 {
  float: left;
  margin-left: 74px;
}
* html .step-container dl.form-fields dd.input2 {
  margin-top: 1px;
}
.step-container dl.form-fields dd.radio1 {
  float: left;
}
.step-container dl.form-fields dd.radio1 label, .step-container dl.form-fields dd.radio2 label {
  margin-left: 4px;
}
.step-container dl.form-fields dd.radio2 {
  float: left;
  margin-left:7px;
}
.step-container dl.form-fields input.long {
  width: 132px;
}
.step-container dl.form-fields input#female {
  margin-left: 10px;
}
.step-container dl.form-fields select {
  float: left;
  width: 138px;
}
.step-container dl.form-fields input.short {
  width: 40px;
  margin-left: 10px;
}
.step-container dl.form-fields.long-name-dl dt {
  width: 250px;
  float: left;
}
.step-container dl.form-fields .long-name-dl dd.input1 {
  width: 84px;
}
.step-container dl.form-fields dd.note {
  font-size: 0.833em;
  line-height: 1.2em;
  width: 285px;
  margin-left: 200px;
  clear: left;
  margin-bottom: 8px;
}
.step-container dl.form-fields dd.note span {
  font-size: 0.833em;
}
.step-container p {
  padding: 6px 10px;
}
#content .redbtn.btn_calculate {
  margin: 15px 0 0 10px;
}
#content .bluebtn.btn_recalculate {
  /*float: right;*/
  margin: 0px 0px 0px 10px;
}
.btn_update {
  margin: 3px 10px 5px 11px;
}
dl.results-list{
 margin: 0 4px 14px 4px;
 /*border-top: 1px white solid;*/
}
dl.results-list dt {
  width: 355px;
  float: left;
  padding: 3px 0 3px 7px;
  border-top: 1px white solid;
}
dl.results-list dd {
  padding: 3px 7px;
  border-top: 1px white solid;
  margin-left: 361px;
}
dl.results-list dd.first, dl.results-list dt.first {
  border: none;
}
dl.results-list dd.clear {
  border: none;
}
/* ================ =Calculators ===============   end  ======*/

/* ================ =pop-up mysuper ===============   start  ========*/
#TB_pop-window {
  height: 249px;
  width: 331px;
  background: transparent url(../assets/bcg_popup.gif) no-repeat top left;
  padding-left: 247px;
}
#TB_pop-window label {
  display: none;
}
#TB_pop-window h4 {
  float: left;
  margin: 32px 0 10px 0;
  color: #B5384F;
  font-size: 1.5em;
  font-weight: normal;
}
#TB_pop-window a.redbtn, #TB_pop-window select {
  clear: left;
  float: left;
  margin-bottom: 5px;
}

#TB_pop-window a.redbtn
{
  float: none !important;
}

#TB_pop-window select {
  width: 238px;
}
#TB_pop-window p.result {
  border-top: 1px #D9D9D9 solid;
  margin-top: 4px;
  width: 304px;
}
#TB_pop-window p.result span {
  margin: 0 0 10px 0;
  display: block;
  background-color: #E4E4E4;
  color: #333;
  font-size: 1.1667em;
  padding: 8px 9px 9px 9px;
}
.close_my-super-popup {
  position: absolute;
  top: 25px;
  right: 30px;
  z-index: 10000;  
}
* html .close_my-super-popup {
  position: absolute;
  top: 18px;
  right: 30px;
}
/* ================ =pop-up mysuper =================   end  ========*/

/* ================ =pop-up terms and conditions ==   start  ========*/
.pTerms-conditions {
  background-color: #FFF;
  background-image: none;
}
#terms-conditions {
  width: 624px;
  padding: 18px;
  color: #4C4E50;
}
/* ================ =pop-up terms and conditions ===== end  ========*/

/* ================ =FAQs ========================   start  ========*/
.select-filter.faqs {
  background-color: #E3F0FE;
  color: #486B8D;
  padding: 10px 11px;
  height: 45px;
  margin: 15px 7px 9px 7px;
  width: 520px;
}
.select-filter.faqs input.text, .select-filter.faqs input.inputBox {
  margin: 0;
  width: 370px;
}
#table05 {
  border-top: 1px #B7B7B7 solid;
  border-bottom: 1px #B7B7B7 solid;
}
#table05 a {
  text-decoration: none;
}
#table05 .faq-question {
  border-bottom: 1px #E5E5E5 solid;
  padding: 3px 7px;
}
#table05 .faq-question.active {
  border-bottom: none;
}
#table05 .faq-question a.faq-active {
  color: #AB3548;
  padding-left: 13px;
  font-weight: bold;
  background: #FFF url(img_faqs-arrow-down.gif) no-repeat 0 4px;
  outline: none;
}
#table05 .faq-answer {
  border-bottom: 1px #E5E5E5 solid;
  padding: 8px 26px 22px 26px;
  color: #486B8D;
}
#table05 .faq-answer p {
  padding: 5px 0px;
  margin-bottom: 8px;
}
#table05 .faq-answer ul {
  margin: 0 0 10px 14px;
}
#table05 .faq-answer.last, #table05 .faq-question.last {
  margin-bottom:40px;
}
#table05 .faq-question a {
  outline: none;
  color: #4C4E50;
  padding-left: 13px;
  background: #FFF url(img_faqs-arrow.gif) no-repeat 0 4px;
  display: block;
}

#table05.online-summary {
  border-bottom: none;
}
#table05.online-summary {
  margin-top:20px;
  border-top: none;
}
#table05.online-summary-faqs a {
  padding-left:5px;
  background: none;
}
#table05.online-summary-faqs p strong
{
  color: #AB3548;
  font-weight: bold;
  outline: none;
  background: none;
}
/* ================ =FAQs ===========================    end  ========*/

/* ================ =Pagination ======================  start ========*/
.pagination {float: left;width: 550px; padding: 10px;}
.pagination .left {float: left; display: inline; width: 110px;}
.pagination .center {float: left; display: inline; padding: 0 15px; width: 320px; text-align: center;}
.pagination .right {float: right; display: inline; width: 80px; text-align: right;}
.pagination ul {list-style: none; padding: 0; margin: 0 auto;}
.pagination ul li {list-style: none; display: inline; padding: 0 2px;}
/* ================ =Pagination ======================   end  ========*/

/* ================ =Glossary page ==================== start ========*/
.select-filter.glossary-filter {
  background-color: #E3F0FE;
  color: #486B8D;
  padding: 10px 11px;
  margin: 15px 7px 9px 7px;
  width: 520px;
}
.select-filter.glossary-filter span {
  width: 40px;
  line-height: 1.5em;
}

.select-filter#glossary-filter a {
  color: #486B8D;
  font-size: 1.083em;
  display: block;
  text-decoration: underline;
}
.select-filter#glossary-filter a:hover {
  color: #486B8D;
  font-weight: bold;
  text-decoration: none;
}
.select-filter#glossary-filter a:active {
  text-decoration: none;
  font-weight: bold;
}
.select-filter.glossary-filter ul {
  list-style: none url();
}
.select-filter.glossary-filter ul li {
  float: left;
  padding: 2px 2px;
  width: 10px;
  text-align: center;
  list-style: none;
}
* html .select-filter.glossary-filter ul li {
  float: left;
  padding: 2px 2px;
  width: 7px;
  text-align: center;
}
.select-filter.glossary-filter li.separator {
  width: 1px;
  padding: 0;
  color: #B7B7B7;
}
.select-filter.glossary-filter ul li.first {
  width: 40px;
}
/* ================ =Glossary page ==================    end  ========*/

/* ================ =Seminars =======================    end  ========*/
.select-filter.seminars-filter {
  margin-bottom: 20px;
  width: 510px;
}
.select-filter.seminars-filter span {
  width: auto;
  margin-right: 8px;
}
.select-filter.seminars-filter a.btn-filter.go {
  margin-left: 5px;
}
.select-filter.seminars-filter a.btn-filter {
  margin-left: 8px;
}
.select-filter.seminars-filter a span {
  margin-right: 0;
}
/* ================ =Seminars =======================    end  ========*/

/* ================ =Sitemap =======================   start  ========*/
#content ul.arrows_list li.next-level {
  background: none;
  margin: 0 0 0 15px;
        padding: 0;
}
#content #sitemap-container ul.arrows_list  {
  display: block;
  list-style: none;
}

#content #sitemap-container ul.arrows_list li
{
  display: inline-block;
        clear: both;
}

* html #content #sitemap-container ul.arrows_list li
{
        width: auto;
}

#content #sitemap-container ul.arrows_list ul.next-level
{
  margin: 0;
        padding: 0;
}

#content #sitemap-container a {
  color: #4C4E50;
  font-weight: bold;
}
#content #sitemap-container a:hover {
  color: #C3576A;
}
#content #sitemap-container ul.next-level a {
  font-weight: normal;
}
#content #sitemap-container {
  padding: 0 6px;
  float: left;
}
#content #sitemap-container h4 {
  margin: 3px 0px;
}
#content div.sitemap-left {
  float: left;
  display: inline;
}
#content div.sitemap-right {
  float: left;
}
#content .sitemap-block {
  width: 324px;
  border: 1px solid #DAD4C3;
  padding: 18px;
  margin: 0px 18px 18px 0;
}

#content .sitemap-block.right-side {
  margin: 0px 0 18px 0;
}


/* ================ =Sitemap =======================    end  ========*/

/*====================== =Footer content ========================= start =====*/
#footer {
  clear: both;
  width: 100%;
  /*font-size: 0.916em; */
  color: #B3B5B8;
  background: #FFFFFF;
}

#footer p, #footer ul, #footer .note 
{
  margin-bottom: 1em;
  font-size: 0.917em;
}

#footer p
{
  line-height: 1.364em; /* 15px */
}

#footer h5
{
  margin-bottom: 16px;
}

#footer #footer_columncontainer
{
  margin-top: 70px;
  padding: 28px 0 34px 0;
  width: 100%;
  background: #f0ede4;
  color: #575145;
}

#footer .right 
{
  float: right;
  margin-left: 10px;
  width: 294px;
  text-align: right;
}

#footer .right img
{
  margin-left: 10px;
}


#footer a
{
  color: #b5384f;
  text-decoration: none;
}

#footer a:hover
{
  text-decoration: underline;
}


#footer .multi-column04
{
  width: 980px;
  margin: 0 auto;
}

  #footer .multi-column04 .column
  {
    width: 225px;
    float: left;
    padding-left: 46px;
  }
  
  #footer .multi-column04 .column01
  {
    width: 200px;
    padding: 0;
  }
  
  
  #footer .multi-column04 .column02
  {

  }
  
  
  #footer .multi-column04 .column03
  {
    width: 210px;
  }
    
  #footer .multi-column04 .column04
  {
    width: 192px;
    float: right;
  }  
  
  #footer .multi-column04 ul
  {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
    #footer .multi-column04 ul li
    {
      background: url(ico_arrow01.gif) no-repeat 0 5px;
      padding-left: 12px;
      line-height: 1.455em; /*16px */
    }

#footer #first_line {
  height: 25px;
  width: 980px;
  color: #a1a1a2;
}
#footer .abn {
  margin-left: 6px;
  color: #a1a1a2;
}
#footer_notes a {
  line-height: 1em;
  text-decoration: none
}

#footer_notes a:hover
{
  text-decoration: underline;
}

#footer_notes a:link {
  color: #6c6d71;
}

#footer .copyright{
  float: left;
  line-height: 2.0833em;
  padding-left: 8px;
  color: #979A9E;
}
#footer .separator {
  text-align: center;
  padding: 0 8px;
  color: #CCC;
}

#main01 #footer #footer_notes
{
  padding: 24px 0px 20px 20px;
  width: 920px;
}

#footer #footer_notes {
  clear: both;
  width: 980px;
  padding: 24px 0px 20px 0px;
  overflow: visible;
  margin: 0 auto;
}


#footer #footer_notes p {
  color: #9d9d9e;
  margin-bottom: 25px;
  line-height: 1.273em; /* 14px */
}

#footer_notes ul {
  list-style: none;
  margin: 0;
  padding-right: 8px;
  display: inline-block;
}
  #footer_notes ul li{
    float: left;
    line-height: 1em;
    list-style: none;
    border-left: 1px #cbcbcb dotted;
    padding: 0 10px;
  }
  
  #footer_notes ul li.first
  {
    border-left: none;  
    padding-left: 0;
  }

#footer.online-summary {
  border-top: 1px #CCCCCC solid;
}
#footer.online-summary a {
  border-right: none;
}

/*====================== =Footer content =========================== end =====*/







/*===VVVVVVVVVVVV======= =SuperOnline ========================VVVVVVVVVVVV====*/
#bodycontainer #bodycontainer_inside.superonline
{
  margin: 0 auto;
  text-align: left;
  width: 800px;
  background-color: #FFF;
  border: none;
}
#col_subnav.SO_col_subnav {
  width: 155px;
  float: left;
  display: inline;
  color: #4A463B;
  background: #FFF url(bcg_superonline-col_subnav.gif) repeat-x top left;
  min-height: 480px;
  padding: 14px 0 0 0;
}

#col_main.SO_col_main {
  width: 618px;
  float: left;
  padding: 11px 11px 30px 11px;
  color: #4C4E50;
}
#footer.SO_footer {
  clear: both;
  width: 800px;
  font-size: 0.916em;
  color: #B3B5B8;
  padding-top: 8px;
}
#bodycontainer_inside.superonline #footer {
  width:800px;
}

#footer.SO_footer #first_line {
  height: 25px;
  width: 800px;
}
.SO_col_main h2, .SO_col_main h3, .SO_col_main h4, .SO_col_main h5, .SO_col_main h6 {
  margin-left: 8px;
}
.SO_col_main ul {
  margin: 0 0 20px 24px;
}
.SO_col_main p {
  margin: 7px 3px 16px 9px;
}
.results-list.SO_results-list {
  border: none;
}
dl.results-list dt.noborder,  dl.results-list dd.noborder {
  border: none;
}
/*====================== =SO Header ============================ start =======*/

#SO_header {
  height: 62px;
  background: #AF3349 url(../assets/SO_bcg_header.gif) no-repeat top left;
}

#SO_search {
  float: right;
  padding: 15px 15px 0 0;
}
#SO_search a {
  margin: 0 5px 0 0;
}
#SO_search a.redbtn span {
  color: #ffffff;
}
#SO_logo {
  float: left;
  font-size: 1.6em;
  height: 30px;
  width: 374px;
  left: 20px;
  top: 17px;
  line-height: 1em;
  overflow: hidden;
  position: relative;
}
#SO_header #SO_logo a {
  color:#FFF;
  font-size: 1.916em;
  text-decoration: none;
}
#SO_logo a span {
  background: transparent url(SO_img_logo_superonline.gif) no-repeat scroll left top;
  display: block;
  height: 30px;
  left: 0pt;
  margin: 0pt;
  padding: 0pt;
  position: absolute;
  top: 0pt;
  width: 374px;
  z-index: 1;
}
/*====================== =SO Search ============================== start =====*/
.SO_search {
  margin-top: 2px;
  width: 180px;
  float: right;
  line-height: 1.5em;
}
.SO_search span {
  float: right;
}
.SO_search .print-button {
  float: right;
  margin: 0 7px 0 7px;
}
.SO_search .separator {
  color: #BE5568;
}
#SO_header a {
  text-decoration: underline;
  color: #FFF;
}
#SO_header a:hover {
  text-decoration: none;
}
/*====================== =SO Search ============================== end =======*/
#SO_subtitle {
  height: 26px;
  background-color: #9E2639;
  border-top: 1px solid #992335;
  padding: 0 20px;
  color: #F4C0C9;
  line-height: 2.1666em;
}
#SO_subtitle span {
  color: #FADBE0;
  font-weight: bold;
}
/*====================== =SO Header ============================== end =======*/
/*===VVVVVVVVVVVV======= =SuperOnline ========================VVVV END VVV====*/


/* Forms */

#loginbox
{
  width: 184px;
  right: 20px;
  top: 40px;
  position: absolute;
  z-index: 1;
}


#loginbox a.left-link { float: left;}
#loginbox a.right-link { float: right; }

#loginbox a.left-link,
#loginbox a.left-link:visited,
#loginbox a.right-link,
#loginbox a.right-link:visited
{
  color: #bcbcbc;
  text-decoration: underline;
  font-size: 0.833em;
}

#loginbox a.left-link:hover,
#loginbox a.right-link:hover
{
  color: #bcbcbc;
  text-decoration: none;
}

#main01 .form-layout01 
{
  border: 1px dotted #cbc4b5;
  padding: 18px 17px;
}

#main01 .form-layout01 h2
{
  margin-bottom: 20px;
}

#main01 .form-layout01 fieldset
{
  width: 100%;
}


#main01 .form-layout01 label,
#main01 .form-layout01 input
{
  width: 100%;
  float: left;
  position: relative;
  margin-left: 0;
  font-size: 0.917em;
  color: #797979;
}

#main01 .form-layout01 .field01
{
  margin: 0 0 10px 0;
  display: inline-block;
}

#main01 .form-layout01 input,
#main01 .form-layout01 select
{
  border-top: #adadad 1px solid;
  border-left: #e3e5e4 1px solid;
  border-bottom: #e3e5e4 1px solid;
  border-right: #e3e5e4 1px solid;  
}

.form-layout01 legend,
.form-layout02 legend,
.form-layout02 label
{
  display: none;
}

.form-layout02 .field01
{
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.form-layout02 select,
.form-layout02 input
{
  border-top: #adadad 1px solid;
  border-left: #e3e5e4 1px solid;
  border-bottom: #e3e5e4 1px solid;
  border-right: #e3e5e4 1px solid;  
}

.form-layout02 select {  width: 100%; font-size: 0.917em; line-height: 1.455em; } /* 11px / 16px */
.form-layout02 input {  width: 205px; padding: 3px 2px; }

#footer .form-layout02 input { width: 120px; }

.form-layout03 { display: inline-block; margin-bottom: 0px;}


/* ===== = Campaign Template ================ start ====*/
.items_container02
{
  float: left;
  display: inline;
  width: 947px;
  margin: 20px 20px 0 18px;
  padding: 0 0 20px 0;
  border-bottom: 1px solid  #D9D9D9;
}
.items_container02 .items_container_text h4
{
  margin-bottom:5px;
}
.items_container02 .items_container_text ul
{
  padding: 0 0 0 15px;
  margin: 10px 0 10px 0;
}
.items_container02 .items_container_text ul li
{
  padding: 0 0 0 5px;
}
.items_container02 .items_container_text
{
  float: left;
  width: 550px;
}
.items_container02 .items_container_image
{
  float: right;
  width: 325px;
  height: 193px;
  xmargin-bottom:20px;
}



/* ===== = Campaign Template ================ start ====*/

#bar 
{
  background: url(bar-red.gif) repeat-x 0 0;
}

#header.campaign-template a:link
{
  text-decoration: none;
  color: #4A463B;
}
#header.campaign-template .search a.btn
{
  color: #ffffff;
}
#header.campaign-template a.search-submit
{
  width: 88px;
}
#header.campaign-template a.search-close
{
  width: 40px;
}
.campaign-template_container
{
  width: 747px;
  margin: 0 18px 0 18px;
  padding: 0;
}
.campaign-template_container h6
{
  margin:0 0 3px 0;
}
.campaign-template_container p
{
  margin-bottom: 10px;
  line-height: 15px;
  font-size:12px;
  color: #4C4E50;
}
.campaign-template_container ul
{
  margin:0 0 25px 14px;
}

.intro-text.intro-campaign-template
{
  width:765px;
}
.intro-text.intro-campaign-template {
  padding: 9px 0 0 17px;
  min-height: 147px;
  background: #FFF url(img_intro-campaign-template.gif) repeat-x top left;
}

#sidebar_2.margtop
{
  margin:3px 0 0 0;
}
#sidebar_2 h4
{
  padding:10px 10px 0 10px;
}
#sidebar_2 p.text
{
  position: relative;
  margin:0 auto;
  padding:0 10px 10px 10px;
  line-height: 15px;
  font-size:12px;
  color: #4C4E50;
}


p.disclaimer
{
  font-size: 0.833em;
  line-height: 1.2em;
  padding-top: 3px;
  color: #8A8C8E;
}

.nobottommargin
{
  margin-bottom: 0;
}

.widgetcontainer
{
  margin-bottom: 15px;
}

/* ===== = News Scroller Template ======= start ===*/

.news-slide
{
  background: url(gr_bg_news-slide01.gif) no-repeat 0 0;
  position: relative;
  overflow: hidden;
  float: left;
  width: 263px;
  height: 29px;
  color: #606060;
  cursor: pointer;
  margin-bottom: 12px;
  margin-top: 5px;
}
.news-slide .news-slide-container
{
  overflow: hidden;
  position: relative;
  margin: 5px 1px 9px 1px;
}
ul.news-slide-list
{
  position: relative;
  list-style-type: none;
  height: 1.3em;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.news-slide-list li
{
  display: inline;
  margin-right: 18px;
}
ul.news-slide-list li.news-slide-first, li.news-slide-first
{
  left: 0;
}

.tickercontainer ul.news-slide-list
{
  /*left: 263px;*/
  width: auto;
}


/* ===== = News Scroller Template ======= end ===*/
        
/* START: Slickslide plugin */
#slick-slide
{
  position: relative;
  margin-left: 20px;
}
  .slick-slide-container
  {
    overflow: hidden;
    position: relative;
    background: #ffffff;
  }
    
.slider01
{
  width: 940px;
  padding: 0;
  margin-bottom: 40px;
}

.slider01 p
{
  font-size: 1em;
  color: #575145;
}
  .slider01 .slick-slide-container
  {
    width: 940px;
  }
    .slider01 .slick-slide-inner
    {
      width: 940px;
      height: 192px;  
      overflow: hidden;
    }
    .slider01 .slick-slide-inner .item
    {
      width: 940px;
      float: left;
      height: 192px;  
    }
      
      #content ul.banner-list { display: inline-block; }
      
        #content ul.banner-list li
        {
          float: left;
          margin-right: 14px;
          width: auto !important;
        }
        
        #content ul.banner-list li a { color: #b5384f; }
        #content ul.banner-list li a:hover { text-decoration: underline;}
      
      .slider01 .slick-slide-inner .item h2
      {
        font-size: 1.500em;
        color: #404040;
        font-weight: normal;
        margin-bottom: 0.778em;
      }
      
        .slider01 .slick-slide-inner .item .item-padding,
        .slider01 .slick-slide-inner .item01 .item-padding
        {
          padding: 60px 385px 0px 20px;
        }
        
.slider-controls01
{
  position: absolute;
  top: 20px;
  left: 20px;
}

  .slider-controls01 .indicator01
  {
    height: 6px;
    text-align: center;
    margin: 6px 0 0 0;
    float: left;
    display: none;
  }
    .slider-controls01 .indicator01 img
    {
      display: block;
      float: left;
      margin: 0 6px 0 0;
    }

  .slider-controls01 .next, 
  .slider-controls01 .prev 
  {
    cursor:pointer;
    display:block;
    float:left;
    margin:0 6px 0 0;
    visibility: hidden;
  }

/* edm styles ----------------------------------------------- */

#edm-container
{
  width: 598px;
  margin: 40px auto;
  border: 1px solid #beb8a8;
  float:left;
}

  #edm-container img.right { float:right;}
  #edm-container a.read_more {font-weight: bold;}
  #edm-container p.text01{ font-weight: bold; margin-bottom: 40px;}
  
  #edm-disclaimer-container
  {
    width: 598px;
  
  }
  #edm-disclaimer-container p  { margin-bottom: 1em;}
  
  
  #edm-container h4 
  {
    color: #575145;
    font-size: 12px;
    margin: 0;
  }

#edm-container .content
{
  width: 324px;
  float: left;
}
  #edm-container p { margin-bottom: 1em;}

  #edm-container .content01 { margin-bottom: 30px; }
  
  #edm-container p.intro { font-size: 20px; color: #BD4346; }

#edm-container .content02 { width: auto !important;}

#edm-container .banner
{
  padding: 25px 24px 26px 24px;
}

  #edm-container .banner img
  {
    float: left;
  }
  
  #edm-container .banner h1 
  {
    font-weight: normal;
    font-size: 24px;
    line-height: 1.25em;
    display: inline-block;
    float: right;
    margin: 0;
    padding: 0;
    color: #B5384F;
  }
  
#edm-container .version-container
{
  color: #ffffff;
  background-color: #B5384F;
  text-transform: uppercase;
  padding: 4px 25px;
  font-size: 1em;
}
  #edm-container .version-container p { margin: 0; }

#edm-container .feature-container
{
  padding: 0px 0 0 25px ;
}
  #edm-container .feature-container .feature-content
  {
    width: 324px;
    padding: 40px 0 0 0;
    float: left;
  }

  #edm-container .feature-container img 
  {
    float: right;
  }
  
  #edm-container .feature-container h2
  {
    color: #BD4346;
    font-size: 16px;
    margin-bottom: 52px;
  }

#edm-container .feature-container02
{
  padding: 0px 15px 25px 25px ;
}
  #edm-container .feature-container02 img  { margin-top: 20px;  }
  #edm-container .feature-container02 h2 { margin: 0 0 46px 0;}
  #edm-container .feature-container02 p.intro { margin: 0 0 12px 0; }
  #edm-container .feature-container02 h4{ margin: 0 0 1em 0;}

#edm-container .contact-details { 
  background: #fcf9f2; 
  float: right; 
  width: 166px; 
  padding: 34px 21px 21px 21px; 
  min-height: 145px;
  height: auto !important;
  height: 155px;
  font-size: 11px;
}

#edm-container .login-box
{
  border: 1px dotted #CBC4B5;
  padding:18px 17px;
  width: 170px;
  float: right;
  margin: 0 0 20px 20px;
}  
  #edm-container .box01 .login-box h3
  {
    font-size: 16px;
    font-weight: normal;    
  }
  
#edm-container .calltoaction-box
{
  border: 1px dotted #CBC4B5;
  padding:18px 17px;
}  
  #edm-container .calltoaction-box p { margin: 0; }
  
#edm-container .box01
{  
  background: #f2efe8; 
  padding: 35px 15px 21px 25px;
  display: block;
  min-height: 50px;
  height: auto !important;
  height: 50px;
}

  #edm-container .box01 h3
  {
    font-size: 18px;
    color: #3F3F3F;
    margin-bottom: 18px;
  }

  #edm-container .box01a h4 { margin: 0 0 1em 0;  }
  
  #edm-container .summary { padding: 0 15px 21px 25px; }
  #edm-container .summary .content { width: 278px; padding: 34px 0 0px 0;}  
  #edm-container .summary h3 { margin-bottom: 26px; font-size: 20px; }

#edm-container .box02 {  background: #f8f8f8; }  
#edm-container .box03 { background: #ffffff; }
#edm-container .box04 { background: #ffffff; border-bottom: 1px solid #beb8a8; }
#edm-container .plain-box { padding: 0; margin-bottom: 0;}

#edm-container .column01
{
  padding: 26px 30px 0 25px;
  width: 245px;
  float: left;
  border-right: 1px solid #ececec;
  min-height: 181px;
  height: auto !important;
  height: 181px;
}


#edm-container .column02
{
  width: 223px;
  padding: 26px 50px 0 20px;
  border-right: none;
}

#edm-container .column03,
#edm-container .column04
{
  float: left;
  width:272px;
  margin-bottom: 22px;
}

#edm-container .footer {
  padding: 4px 25px;
}

#edm-container .footer a
{
  color: #434243;
}

#edm-container .footer a:visited:hover,
#edm-container .footer a:visited {
  color:#366592;
}