/*
--------------------
WARNING!
Copyright Progress Systems Limited.
Explicit permission is required to copy or use any documents from this website
--------------------
*/


/* 

	LEFT: Loan Calculator (65%) + RIGHT: HTML Announcement 3 (No background)
	
	IMPORTANT: In Display Settings (Office Area) Homepage Order needs to be: 
	
	+ Loan Calculator
	+ HTML Announcement 3


*/



/*LOAN CALCULATOR --------------------------------------------------------------------------------------- */

#loanSliderContainerHome { 
	width:65%;
	margin: auto auto auto 0;
	background: #7dcc4b; 
	height:539px;
    border-right: 1px solid rgba(255,255,255,.3);
}


/*CHANGE TO WHATEVER ANNOUNCEMENT IS USED AFTER NEWS HEADLINES LAYER*/

#divHTMLAnnouncements2Wrapper #announcements_content_dynamic {
	background-color: #7dcc4b; 
    padding: 0;
    position: absolute;
    right: 0;
    top: -539px;
    width: 35%;	
}

#divLoansSliderWrapper1, #divLoansSliderWrapper2, #divLoansSliderWrapper3 {
    height: 539px;
    padding: 20px;
}

#divLoansSliderWrapper1 {
    background-image: url(../../../templates/current/images/cultivate_bgr.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#divLoansSliderWrapper2 {
    background-image: url(../../../templates/current/images/car_bgr.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#divLoansSliderWrapper3 {
    background-image: url(../../../templates/current/images/education_bgr.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#divLoansSliderWrapper1 h3 {
	width: 190px;
}

#divLoansSliderWrapper2 h3 {
	width:100%;
}

#divLoansSliderWrapper2 h3:last-of-type {
	margin-top:140px;
}

#divLoansSliderWrapper3 h3:first-of-type {
	width:100%;
}

#divLoansSliderWrapper3 h3:last-of-type {
	margin-top:70px;
    width: 190px;	
}

#divLoansSliderWrapper2 #cultivate-link, #divLoansSliderWrapper3 #cultivate-link {
    margin-top: 25px;
}


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/







@media only screen and ( max-width: 75em ) /* 1200 */ {
	
	#divHTMLAnnouncements2Wrapper #announcements_content_dynamic {right:10px;}
	
	#divSliderLoanCalculatorWrapperOuter {padding-left:10px; padding-right:10px;}
	
	#loanSliderContainerHome {margin: auto auto auto 0; width: calc(65% - 7px);}
		
}


@media only screen and ( max-width: 64em ) /* 1024 */{
	


}

@media only screen and ( max-width: 61.25em ) /* 980 */ {

	#divHTMLAnnouncements2WrapperOuter {padding:30px 10px 0 10px;}
	
	#divHTMLAnnouncements2Wrapper {background:#7dcc4b; padding:0; border-top: 1px solid rgba(255,255,255,.2); max-width: 500px;}
	
	#divHTMLAnnouncements2Wrapper #announcements_content_dynamic {width:100%; position: static; margin:auto; float:none; display: block;}
	
	#divHTMLAnnouncements2Wrapper #announcements_content_dynamic h2 {margin-top:10px;}

	#divLoansSliderWrapper2 h3:last-of-type {margin-top:150px;}

	#divLoansSliderWrapper3 h3:last-of-type {margin-top:105px;}

	#divSliderLoanCalculatorWrapperOuter {background:#ffffff;}

	#loanSliderContainerHome { width:100%; margin: auto; height: auto;}
	
}

@media only screen and ( max-width: 61.25em ) /* 980 */ {
	
}


@media only screen and ( max-width: 55em ) /* 880 */ {
	
}


@media only screen and ( max-width: 50em ) /* 800 */ {
	
}


@media only screen and ( max-width: 48em ) /* 768 */ {

}


@media only screen and ( max-width: 45em ) /* 720 */ {	

	#divSliderLoanCalculatorWrapperOuter {padding: 0;}
	
}


@media only screen and ( max-width: 40em ) /* 640 */ {
	
	
}


@media only screen and ( max-width: 37.5em ) /* 600 */ {

}


@media only screen and ( max-width: 35.5em ) /* 568 */ {

}


@media only screen and ( max-width: 32.5em ) /* 520 */ {

}


@media only screen and ( max-width: 30em ) /* 480 */ {

#divLoansSliderWrapper1, #divLoansSliderWrapper2, #divLoansSliderWrapper3 {background-image: url(../../../templates/current/images/cultivate_bgr_tile.jpg);
    background-repeat: repeat-x;
    background-position: left bottom; height:auto;}	

#divHTMLAnnouncements2Wrapper #announcements_content_dynamic h3 {width:100%;}

#divHTMLAnnouncements2Wrapper #announcements_content_dynamic h3:last-of-type {text-align:center;}

#divHTMLAnnouncements2WrapperOuter ul {margin-bottom: 60px;}

#divLoansSliderWrapper2 h3:last-of-type {padding-bottom:0; margin-top:60px;}

#divLoansSliderWrapper3 h3:last-of-type {margin-top:60px;}

#cultivate-link {width: 100%; margin-bottom: 20px;}

}


@media only screen and ( max-width: 26.6875em ) /* 427 */ {
	
}


@media only screen and ( max-width: 25em ) /* 400 */ {
	
}


@media only screen and ( max-width: 22.5em ) /* 360 */ {
	
}


@media only screen and ( max-width: 20em ) /* 320 */ {

}