/********************************************************************************
* This tool is developed using Rich Media's proprietary code library and may    *
* not be reproduced, altered, reverse engineered, or otherwise copied or        *
* distributed in whole or in part, without the express written permission of    *
* Rich Media.                                                                   *
*                                                                               *
* Please note that this project was developed for Scotiabank with the agreement *
* that the source code will not be used for any other project, resold by        *
* Scotiabank, nor provided by Scotiabank to any other company. It is also agreed*
* that certain calculations, validation, currency, reporting, saving and        *
* graphing functionality come from Rich Media's internally developed library    *
* and have been and will continue to be freely used by Rich Media for any of    *
* its clients.                                                                  *
********************************************************************************/
@media only screen and (max-width : 991px) {
	* { -webkit-appearance: none; }
}

/*Tablet and smaller*/
/*@media only screen and (max-width : 939px) {*/
@media only screen and (max-width : 939px){
		
/*INPUTS*/	
	body{
		overflow-x:hidden;
	}
    .mainview, .content{ 
        width:768px; 
    }
	.subheader .content, .content .headerText {
		padding-left:14px;
	}
		/*
Navigation

*/
.nav {
	width:635px;
	white-space:nowrap;
	margin: 0 auto 20px auto;
}
.nav a {
	background: url('../img/nav-tab-thin.png') no-repeat;
	height: 40px;
	width: 218px;
}
	.nav a span {
		white-space:normal;
		margin-left: 6px;
		margin-top: 5px;
		text-align: center;
	}
	.nav .calcStartButt span, .nav .calcSmallButt span {
		margin-left: 54px;
		margin-top: 13px;
	}
	.nav .calcDiversifyButt span {
		margin-top: 13px;
	}
    
	/* Small Changes button */
	.nav .calcStartButt{
        background-position:-9px -10px;
		left:-2px;
        z-index:3;
    }
		.nav .calcStartButt.active{
			 background-position:-9px -210px
		}
		.nav .calcStartButt.active:active, .nav .calcStartButt.active:hover{
			background-position:-9px -210px
		}
		.nav .calcStartButt.active:focus, .nav .calcStartButt:focus{
			background-position:-9px -311px
		}
		.nav .calcStartButt:active, .nav .calcStartButt:hover{
		   background-position:-9px -110px;
		}
	
	/* Small Changes button */
	.nav .calcSmallButt {
		background-position: -323px -10px;
		left: -19px;
		z-index: 2;
	}
		.nav .calcSmallButt.active{
			background-position:-323px -211px;
		}
		.nav .calcSmallButt.active:active, .nav .calcSmallButt.active:hover{
			background-position:-323px -211px;
		}
		.nav .calcSmallButt.active:focus, .nav .calcSmallButt:focus{
			background-position:-323px -311px;
		}
		.nav .calcSmallButt:active, .nav .calcSmallButt:hover{
		   background-position:-323px -110px;
		}
		
	/* Diversify button */
	.nav .calcDiversifyButt {
		background-position: -613px -10px;
		left: -38px;
		z-index: 1;
	}
		.nav .calcDiversifyButt.active{
			background-position:-613px -211px;
		}
		.nav .calcDiversifyButt.active:active, .nav .calcDiversifyButt.active:hover{
			background-position:-613px -211px;
		}
		.nav .calcDiversifyButt.active:focus, .nav .calcDiversifyButt:focus {
			background-position:-613px -311px;
		}
        .nav .calcDiversifyButt:active, .nav .calcDiversifyButt:hover{
			background-position:-613px -110px;
        }
		
		
	.subLeft{
        width:100%
    }
    .subRight {
        display:none!important;
    }
	.subheader{
		margin-top: 15px;
	}
	.subheader.small {
		margin-bottom: 0px;
		min-height: 0px;
	}
    .calcContainer {
		width: auto;
		margin: 0 auto;
		background: url("../img/background_768.jpg") no-repeat;
		background-position: -118px 0px;
	}
	.continueBox a {
		margin-left: 0px;
	}
    .calcLeft {
        float: left;
		margin: 0 0 0 24px;
		padding:0px;
        width: 294px;
    }
	.question .right-input {
		margin: 10px 0px 0 167px;
	}
	.radioArea {
		margin: 5px 4px 5px 0px;
		padding: 5px 7px 5px 1px;
	}
		select, .question .slider {
			width: 155px;
		}
        .mortgageBox label {
			width: 100%;
			display: block;
			margin: 10px 0 11px 0;
		}
		.mortgageBox .small-radio-label {
			margin-bottom:0px;
		}
		.radio-buttons{
			margin-bottom:10px;
		}
		.mortgageBox .small-label label {
			width: 189px;
			display: inline-block;
		}
		.mortgageBox .dropdown-label{
			display:inline;
			margin-right:9px;
		}

    .calcRight {
        position: relative;
		width: 320px;
		padding: 0px;
		margin: 0px;
		margin-right:36px;
        top: 0px;
        left: -19px;
    }

        /*.legend {
			background: url('../img/results_box_medium.png') no-repeat center;
			width: 343px;
        }
        .legend-label {
			width: 130px;
			margin: 8px -31px 2px 31px;
		}*/
		.legend {
			background: url('../img/results_box_tab_portrait.png') no-repeat center;
			width: 305px;
			height:120px;
		}
		.legend-title{
			width: 300px;
		}
		.legend-label {
			width: 119px;
			margin: 9px -24px 2px 32px;
		}
            .radioset {
				position: relative;
				right: -171px;
			}
		

        .bar-graph {
			width: 300px;
			margin-left: 8px;
		}
		.mainview #result-amortization-table .year .col0 {
			width: 39px;
		}
		.mainview #result-amortization-table .year .lastCol {
			padding-right: 7px;
		}
		.amortization-chart {
			width: 287px;
		}
		.button.save-more {
			margin: 10px 0 60px 181px;
		}
    .section p {
        width: 474px;
    }
	#small-changes-table {
		margin-bottom: 50px;
	}
    
    /* Footer ----------------------------------------------*/
	.footer h2 {
		width: 453px;
	}
     .footer-links .right{
		float:none;
		width: 585px;
		margin:0 auto;
	}

	.footerText {
		width: 94%;
		margin: 0 auto;
	}
    .footer .right-title {
		margin-left: 34px;
		width: 120px;
	}
	.section {
        width: 588px;
		font-size:13px;
    }
    .section p {
        width: 65%;
    }
    .footer-banner a.imglink {
		height: 89px;
		margin-right: 43px;
	}
	.footer-banner img {
		height: 89px;
		/*margin-right: 43px;*/
	}
	.privacy-links .right {
		margin-right: 90px;
	}


	input {
		font-size: 90%;
	}
}


/*@media only screen and (max-width : 767px) {*/
@media only screen and (max-width : 767px)/*,
only screen and (min-width : 768px ) and (orientation:portrait),
only screen and (min-width : 768px ) and (-webkit-max-device-pixel-ratio:1/1),
only screen and (min-width : 768px ) and (max-aspect-ratio:1/1)*/{
		
/*INPUTS*/	
	body{
		overflow-x:hidden;
	}
    .mainview, .content{ 
        width:637px; 
    }
	.subheader .content {
		padding-left:14px;
		width:609px;
	}	
		
	.subLeft{
        width:100%
    }
    .subRight {
        display:none!important;
    }
	.subheader{
		margin-top: 15px;
	}
	.subheader.small {
		margin-bottom: 0px;
		min-height: 0px;
	}
    .calcContainer {
		width: auto;
		margin: 0 auto;
		background: url("../img/background_tablet-portrait.jpg") no-repeat;
	}
	.continueBox a {
		margin-left: 0px;
	}
    .calcLeft {
        float: left;
		margin: 0;
		padding:0px;
        width: 294px;
    }
	.question .right-input {
		margin: 10px 0px 0 167px;
	}
	.radioArea {
		margin: 5px 4px 5px 0px;
		padding: 5px 7px 5px 1px;
	}
		select, .question .slider {
			width: 155px;
		}
        .mortgageBox label {
			width: 100%;
			display: block;
			margin: 10px 0 11px 0;
		}
		.mortgageBox .small-radio-label {
			margin-bottom:0px;
		}
		.radio-buttons{
			margin-bottom:10px;
		}
		.mortgageBox .small-label label {
			width: 189px;
			display: inline-block;
		}
		.mortgageBox .dropdown-label{
			display:inline;
			margin-right:9px;
		}

    .calcRight {
        position: relative;
		width: 320px;
		padding: 0px;
		margin: 0px;
        top: 0px;
        left: -19px;
    }
        /*.legend {
			background: url('../img/results_box_medium.png') no-repeat center;
			width: 343px;
        }
        .legend-label {
			width: 130px;
			margin: 8px -31px 2px 31px;
		}*/
		.legend {
			background: url('../img/results_box_tab_portrait.png') no-repeat center;
			width: 305px;
			height:120px;
		}
		.legend-title {
			width: 300px;
		}
		.legend-label {
			width: 119px;
			margin: 9px -24px 2px 32px;
		}	

    .section p {
        width: 474px;
    }
    
    /* Footer ----------------------------------------------*/
	.footer h2 {
		width: 305px;
	}
     .footer-links .right{
		float:none;
		width: 585px;
		margin:0 auto;
	}
	.footerText {
		width:96%;
	}
    .footer .right-title {
        margin-left: 102px;
    }
	.section {
        width: 588px;
		font-size:13px;
    }
    .section p {
        width: 65%;
    }
	.footer-banner a.imglink{
		margin-right: 42px;
		height: 71px;
    }
    .footer-banner img{
        height:71px;
		/*margin-right: 43px;*/
    }
	.privacy-links .right {
		margin-right: 26px;
	}


	input {
		font-size: 90%;
	}
}
	
/*Wide Phone*/
@media only screen and (max-width : 639px) {

    
}

/*Wide Phone only*/
@media only screen and (max-width : 639px) and (min-width: 480px) {
	.subheader .content {
		width:auto;
		padding-left:0px;
	}
	body{
		margin:0px;
		padding:0px;
		width:100%;
	}
	.mainview{ 
		margin:0px;
		padding:0px;
		width:100%
    }
	.calcContainer {
		background: none;
	}
	.background{
		width:100%;
		background: url("../img/background_mobile-wide.jpg") no-repeat;
		background-size: cover;
	}
	.content, .subheader{
		width:auto;
		margin: 0 auto;
	}
	.subheader {
		padding-left:10px;
		padding-right:10px;
	}
	.content .headerText {
		padding-left:0px;
	}
	.calcNav {
		margin-bottom: 10px;
		text-align: center;
		width:480px;
		margin: 0 auto 10px auto;
	}
	.introText p{
		padding-left:25px;
	}
	.mortgageIcon {
		margin-top: 7px;
	}
	
	.popup {
		width: 434px;
	}
	.popup.video{
		width: 310px;
	}
	.popup .section#section-popupMiddle #bdy-popupContent {
		min-height: 50px;
	}
	.popup.video .section#video-section-popupMiddle{
		overflow: hidden;
		height: 210px;
	}
	
	/*
Navigation

*/
.nav {
	width:480px;

	margin-bottom:10px;
}
.nav a {
	position: relative;
	text-decoration: none;
	display: inline-block;
	background: url('../img/nav-mobile-wide.png') no-repeat;
	height: 44px;
	width: 153px;
	margin-top: 3px;
	vertical-align: text-top;
}
	.nav a span {
		display: inline-block;
		color:#656565;
		font-weight: bold;
		margin-left: 12px;
		margin-top: 5px;
	}
	.nav .calcSmallButt  span,
	.nav .calcStartButt  span{
        margin-left:30px;
		margin-top:15px;
    }
	.nav .calcDiversifyButt span {
		margin-top: 6px;
	}

	
	/* Start here button */
	.nav .calcStartButt {
		background-position: -10px -8px;
		left: 18px;
		z-index: 3;
	}
		.nav .calcStartButt.active{
			background-position: -10px -208px;
		}
		.nav .calcStartButt.active:active, .nav .calcStartButt.active:hover{
			background-position: -10px -208px;
		}
		.nav .calcStartButt.active:focus, .nav .calcStartButt:focus{
			background-position: -10px -308px;
		}
		.nav .calcStartButt:active, .nav .calcStartButt:hover{
		   background-position:-10px -108px;
		}
	
	/* Small Changes button */
	.nav .calcSmallButt{
       background-position: -216px -8px;
		left:6px;
        z-index: 2;
    }
		.nav .calcSmallButt.active{
			background-position:-216px -208px;
		}
		.nav .calcSmallButt.active:active, .nav .calcSmallButt.active:hover{
			background-position:-216px -208px;
		}
		.nav .calcSmallButt.active:focus, .nav .calcSmallButt:focus{
			background-position:-216px -308px;
		}
		.nav .calcSmallButt:active, .nav .calcSmallButt:hover{
		  background-position: -216px -108px;
		}
		
	/* Diversify button */
	.nav .calcDiversifyButt{
        background-position: -417px -8px;
		left:-3px;
        z-index: 1;
		text-align:center;
    }
		.nav .calcDiversifyButt.active{
			background-position:-417px -208px;
		}
		.nav .calcDiversifyButt.active:active, .nav .calcDiversifyButt.active:hover{
			background-position:-417px -208px;
		}
		.nav .calcDiversifyButt.active:focus, .nav .calcDiversifyButt:focus {
			background-position:-417px -308px;
		}
        .nav .calcDiversifyButt:active, .nav .calcDiversifyButt:hover {
			background-position: -417px -108px;
        }
		
		
    .headerText{
        text-align:center;
    }

	/* Full width Content borders*/
	.calcContainer .content{
		width:100%;	
	}
	.subLeft {
        float:none;
        width:100%;
		height:80px;
		margin-bottom:0px;
    }
	.subheadText {
		font-size: 14px;
		margin-bottom: 0px;
		text-align: center;
	}
	.introText{
		font-size:14px;
	}
	.mortgageIcon {
		margin-top: 0px;
		margin-left: 20px;
	}
	.subheadText.sb_1 {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top:20px;
	}
	.question, .small-label{
		padding-top:10px;
		padding-bottom:10px;
		border: none;
	}

    .calcLeft {
        width: 100%;
		float:none;
    }
		.alternate{
			background-color:#F5F5F5;
		}
		.content-align{
		    width: 470px;
			margin: 0 auto;
			margin-top:5px;
		}
		.subheader.small{
			border: none;
			width:470px;
			text-align:center;
		}
			.subheader span{
				width: initial;
			}
			#startHere .subheader.small{
				text-align:left;
				width: 100%;
			}
	.rm-select {
		top:5px
	}
	.mortgageBox {
		margin-bottom:0px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	#diversify .mortgageBox.first{
		border-bottom:none;
		border-top: 1px solid #CCC;	
	}
	#diversify .mortgageBox.last{
		border-top:none;
		border-bottom: 1px solid #CCC;
	}
   .mortgageBox label{
		width: 162px;
		margin-left: 15px;
		margin-right: 15px;
		padding-top: 0px;
		display: inline-block;
		vertical-align: -webkit-baseline-middle;

	}
	.mortgageBox .dropdown-label {
		display: inline-block;
		margin-right: 0px;
		vertical-align: top;
		width: 175px;
	}
	.mortgageBox .small-middle-align{
		vertical-align: middle;
	}
	#diversify .mortgageBox .dropdown-label {
		vertical-align: bottom;
		margin-bottom: 0px;
	}
	/******************************/
	
	.question h4{
		margin-top:10px;
		margin-bottom:3px;
	}
	.question .right-input {
		margin: 10px 0px 0 346px;
	}
    .subheader .subRight{
        display:none;
    }
		.subheader.small{
			margin-bottom: 16px;
		}
    
		select, .question .slider {
			width: 140px;
			vertical-align: middle;
		}
		
		.mortgageIcon {
			position: relative;
			left: 0px;
		}
		.continueBox {
			width: 350px;
			margin: 0 auto;
			margin-bottom: 10px;
		}
        .continueBox p {
            text-align:center;
            width: 100%;
        }
		#startHere .continueBox a {
			width: 30px;
			display: block;
			margin: 0 auto;
		}
		#smallChanges .continueBox p {
			display:inline;
		}
		.assumptions, #startHere .continueBox .assumptions{
			display: block;
			width: 77px;
			margin: 10px auto 10px auto;
		}
        .mortgageBox .small-label label {
			width: 165px;
			vertical-align: middle;
		}
    
    .calcRight{
        margin: 0 auto;
        margin-bottom: 0px;
        float:none;
		width:400px;
    }
		.legend {
			background: url('../img/results_box_medium.png') no-repeat center;
			width: 344px;
			margin: 0px 0 0px 52px;
		}
        .legend-label {
			width: 130px;
			margin: 8px -31px 2px 31px;
		}
		.legend-title{
			margin-top: 5px;
			width: 270px;
		}
		.radioset {
			right: -239px;
		}
		
		.bar-graph {
			width: 360px;
			margin-left: 41px;
			margin-bottom:0px;
		}
		.mainview #result-amortization-table .year .col0 {
			width: 39px;
		}
		.mainview #result-amortization-table .year .lastCol {
			padding-right: 10px;
		}
		.amortization-chart {
			width: 350px;
		}
		#small-changes-table {
			margin-bottom: 95px;
		}

		#playSmallChanges, #playDiversify{
			left: 91px;
		}
	.button.save-more {
		margin: 10px 0 95px 246px;
	}
	.footerText {
		width: 440px;
	}
    .footer-links .right{
		float:none;
		width: 415px;
		margin:0 auto;
	}
	.footer-links h4 {
		margin: 17px 0 10px 33px;
	}
	.section {
        width: 426px;
		font-size:13px;
    }
    .section p {
		width: 223px;
	}
	
    .footer-banner{
		width:500px;
		margin: 0 auto;
		position:relative;
    }
	.footer-banner a.imglink{
		margin-right:25px;
		height: 90px;
    }
	.footer-banner img{
		height: 90px;
		/*margin-right:25px;*/
    }
	.footer .right-title {
		position: absolute;
		top: 123px;
		left: -49px;
		margin-left:73px;
	}
	.footer-banner a.imglink.last-image{
		margin-left:23px;
		margin-top:28px;
    }
	.footer-banner .last-image{
		/*margin-left:23px;
		margin-top:28px;*/
    }
}

/*Thin Phone*/
@media only screen and (max-width : 479px) {
	.subheader .content {
		width:auto;
		padding-left:0px;
	}
	.content, .subheader{
		width:auto;
		margin: 0 auto;
	}
	.subheader {
		/*padding-left:10px;
		padding-right:10px;*/
	}
	.content .headerText {
		padding-left:0px;
	}
	.popup #lbl-popupTitle{
		font-size: 13px;
	}
	.calcContainer {
		background: none;
	}
	.background{
		width:100%;
		background: url("../img/background_mobile-wide.jpg") no-repeat;
		background-size: cover;
	}
	.mainview{ 
		margin:0px;
		padding:0px;
		width:100%
    }
    .content {
		width: 315px;
		min-width: 315px;
		margin: 0 auto;
	}
	.popup {
		width: 310px;
	}
	.popup.video{
		width: 310px;
	}
	.popup.video .section#video-section-popupMiddle{
		overflow: hidden;
		height: 210px;
	}
	
	.headerText {
		text-align:center;
		font-size: 20px;
		font-weight: normal;
	}
	.subheadText {
		font-size: 14px;
	}
	.subheadText.sb_1 {
		margin-top: 0px; 
		margin-bottom: 0px; 
		padding-top: 27px;
	}
	.introText {
		font-size: 14px;
	}
	/*
Navigation

*/
.nav {
	width:315px;
	white-space:nowrap;
	margin: 0 auto 10px auto;
}
.nav a {
	background: url('../img/nav-mobile-thin.png') no-repeat;
	height: 61px;
	width: 109px;
}
	.nav a span {
		font-size:13px;
		white-space:normal;
		margin-left: 6px;
		margin-top: 5px;
		text-align: center;
	}
	.nav .calcStartButt span {
		margin-left: 11px;
		margin-top: 23px;
		width: 77px;
	}
	.nav .calcSmallButt span {
		/*margin-left: 5px;*/
		margin-left: 10px;
		margin-top: 16px;
		/*width: 93px;*/
		width: 85px;
	}
	.nav .calcDiversifyButt span {
		margin-top: 16px;
		margin-left: 12px;
		width: 90px;
	}
		
	/* Start button */
	.nav .calcStartButt{
        background-position:-9px -10px;
		left: 5px;
        z-index:3;
    }
		.nav .calcStartButt.active{
			background-position:-9px -211px;
		}
		.nav .calcStartButt.active:active, .nav .calcStartButt.active:hover{
			background-position:-9px -211px;
		}
		.nav .calcStartButt.active:focus, .nav .calcStartButt:focus{
			background-position:-9px -309px;
		}
		.nav .calcStartButt:active, .nav .calcStartButt:hover{
		   background-position:-9px -110px; 
		}
	
	/* Small Changes button */
	.nav .calcSmallButt {
		background-position: -219px -10px;
		left: -6px;
		z-index: 2;
	}
		.nav .calcSmallButt.active{
			background-position:-219px -211px;
		}
		.nav .calcSmallButt.active:active, .nav .calcSmallButt.active:hover{
			background-position:-219px -211px;
		}
		.nav .calcSmallButt.active:focus, .nav .calcSmallButt:focus{
			background-position:-219px -310px;
		}
		.nav .calcSmallButt:active, .nav .calcSmallButt:hover{
		    background-position:-219px -110px; 
		}
		
	/* Diversify button */
	.nav .calcDiversifyButt {
		background-position: -418px -10px;
		left: -20px;
		z-index: 1;
		text-align: left;
	}
		.nav .calcDiversifyButt.active{
			background-position:-418px -211px;
		}
		.nav .calcDiversifyButt.active:active, .nav .calcDiversifyButt.active:hover{
			background-position:-418px -211px;
		}
		.nav .calcDiversifyButt.active:focus, .nav .calcDiversifyButt:focus  {
			background-position:-418px -309px;
		}
        .nav .calcDiversifyButt:active, .nav .calcDiversifyButt:hover{
			background-position:-418px -110px; 
        }
		
		
	.subheadText {
		font-size: 14px;
	}
	
	/* Full width Content borders */
	.calcContainer .content{
		width:100%;	
	}
	.subLeft {
        float:none;
        width:100%;
		height: 110px;
		margin-bottom: 0px;
    }
	.question, .small-label  {
		padding-top:10px;
		padding-bottom:10px;
		border: none;
		padding-top:10px;
	}
	
    .calcLeft {
        width: 100%;
    }
		.alternate{
			background-color:#F5F5F5;
		}
		.content-align{
		    width: 315px;
			margin: 0 auto;
		}
	.mortgageBox {
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		margin: 0 0 0px 0;
	}
	#diversify .mortgageBox.first{
		border-bottom:none;
		border-top: 1px solid #CCC;	
	}
	#diversify .mortgageBox.last{
		border-top:none;
		border-bottom: 1px solid #CCC;
	}
	.mortgageBox .dropdown-label {
		display: inline;
		margin-right: 70px;
	}
	#diversify .mortgageBox .dropdown-label {
		vertical-align: baseline;
	}
	.mortgageBox .small-radio-label {
		margin-bottom: 5px;
	}
	/******************************/
	
	.mortgageIcon {
		margin-right: 0px;
	}
	.subLeft {
		text-align: center;
		margin: 0 auto;
		width: 290px;
	}
	 .subRight {
        display:none;
	}	
	
	.mortgageBox label{
		width: 195px;
		display: inline-block;
		margin: 10px 0 6px 0;
	}
		.mortgageBox .small-radio-label {
			width: 93px;
			vertical-align: top;
			margin-top: 0px;
		}
		.radioArea {
			margin-top: 0px;
			padding: 1px 7px 1px 1px;
		}
		.mortgageBox .small-middle-align{
			vertical-align: middle;
		}
	select{
		width:135px;
	}
    .question .slider{
        display:none;
    }
	
	.question .continue {
		height: 60px;
		overflow: hidden;
		border: none;
		padding-top: 10px;
	}
	.subheader.small {
		text-align: center;
		border: none;
		width: 290px;
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 10px;
	}
		#startHere .subheader.small{
			text-align:left;
			width: 100%;
		}
	.calcLeft {
		float: none;
		margin: 0 auto;
		
	}
	.question .right-input {
		margin: 6px 0px 0 192px;
	}
	.question .small .small-dropdown{
		margin-left: 180px;
	}
	.mortgageBox .small-label label {
		width: 216px;
		vertical-align: middle;
	}
	.mortgageBox .block-label{
		display:block;
		width:100%;
	}
	.calcRight {
		width: 300px;
		padding: 0px;
		margin: 0 auto;
		float: none;
		position: static;
	}
	.legend {
		background: url('../img/results_box_small.png') no-repeat center;
		width: 300px;
		height: 147px;
	}
	.legend-title {
		width: 267px;
	}
	.legend-label {
		width: 119px;
		margin: 10px -26px 2px 32px;
	}
	.bar-graph {
		width: 300px;
		margin-left: 8px;
		}
	.amortization-chart {
		width: 286px;
	}
	#small-changes-table {
		margin-bottom: 90px;
	}
	.radioset {
		right: -161px;
	}
	#playSmallChanges {
		left: 18px;
	}
	#playDiversify{
		left:26px;
	}

	.continueBox {
		width: 275px;
		margin: 10px auto;
	}
	.continueBox p {
		text-align:center;
		margin:0px;
		width: 100%;
	}
	.continueBox a {
		display: block;
		width:25px;
		margin: 0 auto;
		margin-top:5px
	}
	.small-changes-assumptions {
		height: 90px;
	}
	.assumptions, #startHere .continueBox .assumptions {
		display: block;
		width: 77px;
		margin: 10px auto 10px auto;
	}
	#smallChanges .continueBox p {
		display:inline;
	}
	#smallChanges .continueBox a {
		display: block;
		width: 32px;
	}
	.button.save-more {
		margin: 10px 0 95px 182px;
	}
	.footer-banner{
		position:relative;
	}
	.section {
        width: 300px;
    }
		.section a {
			width: 142px;
			margin-left: 27px;
		}
		.section p {
			width: 126px;
			vertical-align: top;
		}
	.footer .right-title {
		position: absolute;
		left: -57px;
		top: 275px;
		margin-left: 79px;
	}
	.footer-banner a.imglink.first, .footer-banner a.imglink {
		margin: 5px auto 0 auto;
		width: 85%;
		display: block;
	}
	.footer-banner a.imglink.last-image {
		margin-top: 25px;
	}
	.footer-banner img.first, .footer-banner img {
		/*margin: 5px auto 0 auto;*/
		/*display: block;*/
	}
	.footer-banner img.last-image {
		/*margin-top: 25px;*/
	}
	.footerText {
		width: 286px;
	}
	.footer h2 {
		font-size: 13px;
	}
	.footer-links .right {
		width: 345px;
	}
	.footer-links h4 {
		margin: 17px 0 0 0px;
	}
	.footer-banner a.imglink {
		height: 120px;
	}
	.footer-banner img {
		height: 120px;
	}
	.privacy-links .right {
		margin-right: 14px;
	}
}