/* The homepage billboard */
#billboard {
	width:696px; height:206px;
	background:#fff url("../images/billboard/shadow-bg.jpg") 0 0 no-repeat;
	}
#billboard dl {
	position:absolute;
	right:45px;
	z-index:1000;
	margin:0;
	padding-top:0px;
	width:174px;
	text-align:center;
	font-size:11px;
	margin-right:2px;
	display:inline; /* IE double margin fix */
}
#billboard dt {
	margin:0; padding:9px 0 10px 0;
	color:#F47B20;
	font-size:1.5em;
	font-weight:normal;
	background:#EEEEE2;
	margin-left:19px;
	border-bottom:1px solid #fff;
}
* html #billboard dt {
	padding-top:8px;
}
*+html #billboard dt {
	padding-top:8px;
}
#billboard dd {
	margin:0; padding:0;
}
#billboard dl a {
	color:#41413F;
	text-decoration:none;
	display:block;
	line-height:24px;
	background: url("../images/nav/nav-bg-155.gif") no-repeat 100% 0;
	border-bottom:1px solid #fff;
	margin-left:19px;
	margin-top:-1px;
	height:1%;
}


#billboard a.current {
	background:  url("../images/nav/nav-over-bg.gif") no-repeat 100% 0;
	color:#fff;
	margin-left:0px;
	padding-left:19px;
	cursor:pointer; /*cursor:hand;*/
}
#billboard #wealth { background:url("../images/billboard/Wealth.jpg") }
#billboard #property { background:url("../images/billboard/Acquire.jpg") }
#billboard #consup { background:url("../images/billboard/ControlSuper.jpg") }
#billboard #advice { background:url("../images/billboard/Advice.jpg") }
#billboard #borsup { background:url("../images/billboard/BorrowSuper.jpg") }
#billboard #assets { background:url("../images/billboard/ProtectAssests.jpg") }
#billboard #retire { background:url("../images/billboard/retirement.jpg") }
/*
#billboard #wealth { background:url(../images/billboard/retirement.jpg) }
#billboard #property { background:url(../images/billboard/inheritance.jpg) }
#billboard #consup { background:url(../images/billboard/business.jpg) }
#billboard #advice { background:url(../images/billboard/jobs.jpg) }
#billboard #borsup { background:url(../images/billboard/family.jpg) }
#billboard #assets { background:url(../images/billboard/college.jpg) }
#billboard #retire { background:url(../images/billboard/lifechanges.jpg) }
*/
#billboard .board { 
	/* dimensions of #billboard minus it's padding */
	width:693px;
	height:202px;
	position:relative;
	z-index:1;
	display:none; 
}
#billboard #boards {
	/* dimensions of #billboard minus it's padding */
	width:693px;
	height:202px;
	border-bottom:1px solid #fff;
	overflow:hidden;
}
#billboard .board h2 {
	margin:0; padding:0;
	font-size:15px;
}
#billboard .board a {
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
}
#billboard .board a:hover {
	cursor: pointer;
	text-decoration:underline;
}
#billboard a:hover {
	cursor: default;
}
/* Style individual boards */
#billboard #wealth .content {
	padding:31px 0 0 10px;
	width:350px;
	color:#fff
}
#billboard #wealth .content a {
	color:#fff;
}
#billboard #wealth .content h2 {
	color:#F47B20;
}

#billboard #property .content {
	padding:80px 0 0 10px;
	width:350px;
	color:#fff;	
}
#billboard #property .content a {
	color:#000;
}
#billboard #property .content h2 {
	color:#fff;
}
#billboard #consup .content {
	padding:90px 0 0 10px;
	width:350px;
}
#billboard #consup .content h2, #billboard #consup .content a {
	color:#000;
}

#billboard #advice .content {
	padding:80px 0 0 10px;
	width:290px;
}
#billboard #advice .content h2, #billboard #advice .content a {
	color:#000;
}

#billboard #borsup .content a {
	color:#fff;
}

#billboard #borsup .content h2 {
	color:#F47B20;
}

#billboard #borsup .content {
	padding:40px 0 0 10px;
	width:350px;
	color:#fff;	
}
	

#billboard #assets .content a {
	color:#000;
}
#billboard #assets .content h2 {
	color:#000;
}

#billboard #assets .content {
	padding:130px 0 0 10px;
	width:250px;
}

#billboard #retire .content h2, #billboard #retire .content a {
	color:#000;
}
#billboard #retire .content {
	padding:30px 0 0 10px;
	width:300px;
	color:#000;	
}

#billboard #retire .content ul {
	margin-bottom:0;
}
#billboard #retire .content p {
	margin:0;
}



/* Volatile markets banner */
.volatile-banner {
	background:url("../images/banners/client-hp-jim-10.28.2008.jpg") no-repeat !important;
	min-height:202px;
}
* html .volatile-banner {
	height:202px;
	overflow:visible;
}
.volatile-banner .content {
	width:447px;
	position:relative;
	top:11px; left:207px;
	padding:23px 0 0 17px;
}
* html .volatile-banner .content {
	padding-top:25px;
}
*+html .volatile-banner .content {
	padding-top:25px;
}
.volatile-banner h2 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 5px 0; padding:0;
}
.volatile-banner h3 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px 0; padding:0;
}
.volatile-banner p {
	margin:0 0 10px 0; padding:0;
	font-size:12px;
	line-height:12px;
}
.volatile-banner ul {
	margin:0; padding:0;
	font-size:13px;
}
.volatile-banner ul li {
	background:url("../images/bullet-volatile-banner.gif") no-repeat left 6px !important;
	margin:0 0 3px 0; padding:0 0 0 12px;
	line-height:14px;
}
.volatile-banner img.pdf-icon {
	float:none;
	margin-left:2px;
}
/*** new perspectives 2009.04.20 **/
#banner-cash {
	background:url("../images/billboard/cash-banner.jpg") no-repeat;
	min-height:209px;
}
#banner-wealth {
	background:url("../images/billboard/retirement-banner.jpg") no-repeat;
	min-height:209px;
}
#banner-jobloss {
	background:url("../images/billboard/jobloss-banner.jpg") no-repeat;
	min-height:209px;
}
* html #banner-cash, 
* html #banner-wealth,
* html #banner-jobloss   {
	height:209px;
	overflow:visible;
}
#home-carousel .content {
	color:#414141;
	margin:0; padding:25px 0 0 25px;
	width:300px;
}
#home-carousel .content h2 {
	font-size:20px;
	margin:0 0 10px 0; padding:0;
}
#home-carousel .content a {
	font-size:13px;
	font-weight:bold;
}
#home-carousel .content .button img {
	margin-left:200px;
}
.jcarousel-control {
	clear:both;
	margin-top:70px;
}
.jcarousel-control img {
	display:inline;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 699px;
    height: 209px;
	overflow:hidden;
}
.jcarousel-skin .jcarousel-container-horizontal, .jcarousel-skin .jcarousel-clip-horizontal, .jcarousel-skin .jcarousel-item   {
    width: 699px;
	height: 209px;
}
.jcarousel-skin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/* Lists */
/* The standard bulleted list, will usually be in this column. Add areas as needed */
.l-con ul, 
#login ul, 
ul.bulleted {	
	list-style:disc;
	margin:5px 0 10px 10px;
}
ul.bulletednone {	
	list-style:none;
	margin:5px 0 10px 10px;
}
li.downloadbulleted  {	   
	list-style-image:url("../images/icons/pds-download0.gif")
}
li.video  {	   
	margin:5px 0 0px 0px;
	list-style-image:url("../images/icons/icon_videoclip.gif")
}
.l-con ul li, 
#login ul li, 
ul.bulleted li {
	margin:0 0 3px 0;
}
.l-con ul li ul, 
#login ul li ul {
	margin-top:7px;
}

.hide {
	position:absolute;
	left:-10003px;
}
