/* round corners*/
/*@defaultRadius: 8px;
@lightBorder: #d8d8d8;

.rounded-corners (@radius: @defaultRadius) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}
.rounded-corner-T (@radius: @defaultRadius) {
  border-radius: @radius @radius 0px 0px;
  -webkit-border-radius: @radius @radius 0px 0px;
  -moz-border-radius: @radius @radius 0px 0px;
}
.rounded-corner-TL (@radius: @defaultRadius) {
  border-radius: @radius 0px 0px 0px;
  -webkit-border-radius: @radius 0px 0px 0px;
  -moz-border-radius: @radius 0px 0px 0px;
}
.rounded-corner-B (@radius: @defaultRadius) {
  border-radius: 0px 0px @radius @radius;
  -webkit-border-radius: 0px 0px @radius @radius;
  -moz-border-radius: 0px 0px @radius @radius;
}
.rounded-corner-BL (@radius: @defaultRadius) {
  border-radius: 0px 0px 0px @radius;
  -webkit-border-radius: 0px 0px 0px @radius;
  -moz-border-radius: 0px 0px 0px @radius;
}
*/

.copylight {
  font: 13px Tahoma, sans-serif;
  color: #666666;
  margin: 0px;
  font-weight:normal;
}
.copylight2 {
  font: 11px Tahoma, sans-serif;
  text-align:right;
  color: #999999;
  margin: 0px;
}

div.personalcontainer {
  border: 0px solid #fff;
    .rounded-corners:13px;
   box-shadow: 0px 0px 0px #d9d9d9;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
}
div.prescontainer {

  border: 0px solid #d9d9d9;
  box-shadow: 0px 0px 0px #d9d9d9;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
}
div.RAcontainer {

  border: 0px solid #d9d9d9;
  box-shadow: 0px 0px 0px #d9d9d9;
  padding: 0px 0px 0px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
}
div.perpetualcontainer {

  border: 0px solid #d9d9d9;
  box-shadow: 0px 0px 0px #d9d9d9;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
}

div.portcontainer4 {

  border: 0px solid #d9d9d9;
  box-shadow: 0px 0px 0px #d9d9d9;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
}


/* how to invest containers*/
div.personalcontainerSml {
  border: 1px solid #cccccc;
  box-shadow: 2px 2px 4px #d9d9d9;
  padding: 2px 2px 2px 6px;
  margin-top: 4px;
  margin-bottom: 5px;
  text-align: left;
  width:345px;
  height:151px;
}
div.prescontainerSml {
background-color: #e8e8e8;
  border: 1px solid #d9d9d9;
  box-shadow: 2px 2px 4px #d9d9d9;
  padding: 2px 2px 2px 6px;
  margin-top: 4px;
  margin-bottom: 5px;
  text-align: left;
  width:345px;
    height:151px;
}
div.perpetualcontainerSml {
background-color: #dfebec;
  border: 1px solid #d9d9d9;
  box-shadow: 2px 2px 4px #d9d9d9;
  padding: 2px 2px 2px 6px;
  margin-top: 4px;
  margin-bottom: 5px;
  text-align: left;
  width:345px;
    height:154px;
}
div.incomecontainerSml {
background-color: #d7e9f8;
  border: 1px solid #d9d9d9;
  box-shadow: 2px 2px 4px #d9d9d9;
  padding: 2px 2px 2px 6px;
  margin-top: 4px;
  margin-bottom: 5px;
  text-align: left;
  width:345px;
    height:154px;
}
div.unittrustcontainer {
background-color:#ffffff;
  border: 1px solid #cccccc;
  box-shadow: 2px 2px 4px #d9d9d9;
  padding: 2px 2px 2px 6px;
  margin-top: 4px;
  margin-bottom: 5px;
  text-align: left;
  width:726px;
  height:144px;
}
div.internationalcontainer {
background-color:#ffffff;
  border: 1px solid #cccccc;
  box-shadow: 2px 2px 4px #d9d9d9;
  padding: 2px 2px 2px 6px;
  margin-top: 4px;
  margin-bottom: 5px;
  text-align: left;
  width:726px;
  height:174px;
}

/* End how to invest containers*/


/* bigger containers*/

div.headercontainer{
background:url(../images/header_bg.gif) repeat-x;
  border: 0px solid #d9d9d9;
  box-shadow: 0px #d9d9d9;
  padding: 0px;
  margin:0px;
  width:960px;
  height:55px;
}

div.maincontainer{
background-color: #ffffff;
  border: 1px solid #d9d9d9;
  box-shadow: 0px #d9d9d9;
  padding: 0px;
  margin:0px;
  text-align:center;
  width:960px;
}

div.perpetualcontainerbig {
background-color: #accfd4;
  border: 1px solid #d9d9d9;
  box-shadow: 2px 2px 4px #d9d9d9;
  padding: 2px 2px 2px 6px;
  margin-top: 4px;
  margin-bottom: 5px;
  text-align: left;
  width:740px;
}
div.prescontainerbig {
background-color: #e8e8e8;
  border: 1px solid #d9d9d9;
  box-shadow: 2px 2px 4px #d9d9d9;
  padding: 2px 2px 2px 6px;
  margin-top: 4px;
  margin-bottom: 5px;
  text-align: left;
  width:740px;
}
div.personalcontainerbig {
background-color: #005b7f;
  border: 1px solid #d9d9d9;
  box-shadow: 2px 2px 4px #d9d9d9;
  padding: 2px 2px 2px 6px;
  margin-top: 4px;
  margin-bottom: 5px;
  text-align: left;
  width:740px;
}
PAarrow {
  background:url(../images/tool_landing/arrowPA.gif;
  background-position:left;
  background-repeat:no-repeat;
}

/* headings*/

.generalheadings{
font: 16px/16px Tahoma, sans-serif;
  font-weight: normal;
  color: #d52b1e;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  line-height:2em;
  }
.generalheadingsblue{
font: 14px/14px Tahoma, sans-serif;
  font-weight: normal;
  color: #00338d;
  margin: 0px;
  padding: 0px 5px 0px 0px;
  }
.dot{
font: 14px/14px Tahoma, sans-serif;
  font-weight: normal;
  color: #d52b1e;
  margin: 0px;
  padding: 0px 10px 0px 0px;
  }
.perpetualdot{
font: 18px Tahoma, sans-serif;
  font-weight: normal;
  color: #e34e57;
  margin: 0px;
  padding: 0px 5px 0px 0px;
  }
.RAdot{
font: 18px Tahoma, sans-serif;
  font-weight: normal;
  color: #687aa8;
  margin: 0px;
  padding: 0px 5px 0px 0px;
  }
.presdot{
font: 18px Tahoma, sans-serif;
  font-weight: normal;
  color: #00a3bb;
  margin: 0px;
  padding: 0px 5px 0px 0px;
  }
.incomedot{
font: 18px Tahoma, sans-serif;
  font-weight: normal;
  color: #5eaee1;
  margin: 0px;
  padding: 0px 5px 0px 0px;
  }
.personaldot{
font: 18px Tahoma, sans-serif;
  font-weight: normal;
  color: #007ead;
  margin: 0px;
  padding: 0px 5px 0px 0px;
  }
.portheadingsblack{
font: 13px/13px Tahoma, sans-serif;
  font-weight: normal;
  line-height:1.5em;
  color: #000000;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  text-align:left;
  }
  .portheadingsblack a {
font: 13px/13px Tahoma, sans-serif;
text-decoration:underline;
  font-weight: normal;
  line-height:1.5em;
  color: #000000;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  text-align:left;
  }

.presheading {
background-color:#1890a2;
font: 15px/15px Tahoma, sans-serif;
color: #ffffff;
text-align:center;
line-height:2.em;
text-align:center;
padding:4px;
}
.RAheading {
background-color:#687aa8;
font: 15px/15px Tahoma, sans-serif;
color: #ffffff;
text-align:center;
line-height:2.em;
text-align:center;
padding:4px;

}
.personalheading {
background-color:#005b7f;
font: 15px/15px Tahoma, sans-serif;
color: #ffffff;
text-align:center;
line-height:2.em;
text-align:center;
padding:4px;
}
.perpetualheading {
  background-color:#dc5868;
font: 15px/15px Tahoma, sans-serif;
color: #ffffff;
text-align:center;
line-height:2.em;
text-align:center;
padding:4px;
}
.incomeheading {
background-color:#5eaee1;
font: 15px/15px Tahoma, sans-serif;
color: #ffffff;
text-align:center;
line-height:2.em;
text-align:center;
padding:4px;
}
.unittrustheading {
font: 18px/18px Tahoma, sans-serif;
line-height:2.em;
background-color: #d95616;
text-align:center;
padding:8px;
width:720px;
  border: 0px solid #d9d9d9;
  box-shadow: 2px 2px 4px #d9d9d9;
}
.internationalheading {
font: 18px/18px Tahoma, sans-serif;
line-height:2.em;
background-color: #ca1f1f;
text-align:center;
padding:8px;
width:720px;
  border: 0px solid #d9d9d9;
  box-shadow: 2px 2px 4px #d9d9d9;
}

/* caroselle*/
a.toollink{
text-decoration:none;
}

.stepport{
  position: relative;
  height: 200px;
  text-align: left;
  vertical-align: middle;
}

.stepport .belt{
  position: absolute;
  left: 0;
  top: 0;
  width: 499px;
}

.stepport .panel{

  float: left;
  overflow: hidden;
  text-align: left;
  vertical-align: top;
  width: 434px;
}

ul.test {
text-align: left;
}
li.test {
  text-indent: -16px;
  margin-left: -16px;
}
/* outreach*/
div.carouselcontaineroutreach {
  border: 1px solid #d9d9d9;
  box-shadow: 2px 2px 4px #d9d9d9;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  width:362px;
  z-index:10;
}

.stepcarouseloutreach{
  position: relative;
  overflow: scroll;
  height: 210px;
  text-align: left;
  vertical-align: middle;
    z-index:10;
}

.stepcarouseloutreach .belt{
  position: absolute;
  left: 0;
  top: 0;
  width: 362px;
}

.stepcarouseloutreach .panel{
  background-color: #ffffff;
  float: left;
  overflow: hidden;
  margin: 0px;
  text-align: left;
  vertical-align: top;
  width: 362px;
}
/* outreach*/
div.carouselcontaineroutreach2 {
  border: 1px solid #d9d9d9;
  box-shadow: 0px #d9d9d9;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  width: 362px;
    z-index:10;
}

.stepcarouseloutreach2{
  position: relative;
  overflow: scroll;
  height: 210px;
  text-align: left;
  vertical-align: middle;
    z-index:10;
}

.stepcarouseloutreach2 .belt{
  position: absolute;
  left: 0;
  top: 0;
  width: 362px;
    z-index:10;
}

.stepcarouseloutreach2 .panel{
  background-color: #ffffff;
  float: left;
  overflow: hidden;
  margin: 0px;
  text-align: left;
  vertical-align: top;
  width: 362px;
    z-index:10;
}


/* origonal code*/
div.carouselcontainer {
  border: 1px solid #d9d9d9;
  box-shadow: 2px 2px 4px #d9d9d9;
  padding: 2px 2px 2px 2px;
  margin-top: 8px;
  margin-bottom: 0px;
  text-align: left;
  width:460px;
}

.stepcarousel{
  position: relative;
  overflow: scroll;
  height: 780px;
  text-align: left;
  vertical-align: middle;
}

.stepcarousel .belt{
  position: absolute;
  left: 0;
  top: 0;
  width: 413px;
}

.stepcarousel .panel{
  background-color: #ffffff;
  float: left;
  overflow: hidden;
  margin: 4px;
  text-align: left;
  vertical-align: top;
  width: 414px;
}