/*

Table of Contents
#################

1. Objects
2. Extensions
3. Layout
4. Print Layout
5. Global styles
6. Page specific
7. Plugins

*/

body
{
font-family: arial, sans-serif;
}

a
{
color: #000000;
}

p
{
float: left;
width: 100%;
font-size: 12px;
font-size: 0.75rem;
}

p.small
{
font-size: 10px;
font-size: 0.625rem;
}

ul, ol
{
float: left;
font-size: 12px;
font-size: 0.75rem;
}

ol li
{
padding-top: 10px;
}

h2
{
float: left;
width: 100%;
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 0px;
}

table
{
float: left;
width: 100%;
font-size: 12px;
font-size: 0.75rem;
}

/* Objects */

.green
{
color: #01843f;
}

.blue
{
color: #004f99;
}

.red
{
color: #cc0000;
}

h1.dark-green{
  color: #01843f !important;
}

.button
{
float: left;
position: relative;
height: 23px;
background-color: #01843f;
text-align: center;
cursor: pointer;
color: #ffffff;
text-decoration: none;
font-size: 15px;
font-size: 0.9375rem;
padding: 3px 20px 0 20px;
margin: 0 0 6px 0;
border-radius: 4px;
behavior: url(http://apply.oakam.com/css/PIE.htc);
}

button.button
{
float: right;
display: block;
border: 0;
-webkit-appearance: none;
padding: 3px 20px 6px 20px;
margin: 10px 0 0 0;
box-sizing: content-box;
}

.row button.button
{
    margin-top: 0;
}

.button:hover
{
background-color: #8ec63f;
}

.button .button-shadow, .button-bg .button-shadow
{
float: left;
width: 128px;
height: 6px;
position: absolute;
left: 0;
bottom: -6px;
background-image: url(http://apply.oakam.com/img/button-shadow.png);
background-repeat: no-repeat;
text-align: bottom center;
font-size: 0.0em;
}

.button .button-shadow-left, .button-bg .button-shadow-left
{
float: left;
width: 50%;
height: 6px;
position: absolute;
left: 0;
bottom: -6px;
background-image: url(../img/button-shadow-left.png);
background-repeat: no-repeat;
background-position: top left;
text-align: bottom center;
font-size: 0.0em;
}

.button .button-shadow-right, .button-bg .button-shadow-right
{
float: left;
width: 50%;
height: 6px;
position: absolute;
right: 0;
bottom: -6px;
background-image: url(../img/button-shadow-right.png);
background-repeat: no-repeat;
background-position: top right;
text-align: bottom center;
font-size: 0.0em;
}

.button-bg
{
float: left;
position: relative;
width: auto;
height: 23px;
background-color: #01843f;
text-align: center;
color: #ffffff;
text-decoration: none;
font-size: 15px;
font-size: 0.9375rem;
padding: 3px 30px 0 30px;
margin-bottom: 6px;
border-radius: 4px;
behavior: url(http://apply.oakam.com/css/PIE.htc);
}

.ribbon
{
float: left;
position: relative;
left: -30px;
margin: 14px -50px 0 0;
padding: 0 20px 0 28px;
font-size: 17px;
font-size: 1.0625rem;
color: #ffffff;
background-color: #8ec63f;
border-radius: 4px 4px 0 0;
behavior: url(http://apply.oakam.com/css/PIE.htc);
line-height: 1.705882352941176em;
letter-spacing: -0.025em;
}

span.ribbon-left
{
float: left;
display: block;
width: 10px;
height: 10px;
position: absolute;
left: 0;
bottom: -10px;
background-color: #01843f;
background-image: url(../img/ribbon-left.png);
background-repeat: no-repeat;
font-size: 0.0em;
}

span.ribbon-right
{
float: left;
display: block;
width: 10px;
height: 10px;
position: absolute;
right: 0;
bottom: -10px;
background-color: #01843f;
background-image: url(http://apply.oakam.com/img/ribbon-right.png);
background-repeat: no-repeat;
font-size: 0.0em;
}

.rounded-border
{
border-radius: 4px;
behavior: url(http://apply.oakam.com/css/PIE.htc);
}

.row
{
float: left;
width: 100%;
padding-bottom: 6px;
}

	.row input[type=image]
	{
	float: right;
	}

	.row .row-split
	{
	float: left;
	width: 50%;
	}

	.row-left, .row-right
	{
	float: left;
	}

.full-width
{
float: left;
width: 100%;
}

/* Extensions */

.button.blue
{
background-color: #607fc4;
}

.button.blue:hover
{
background-color: #28517d;
}

.button.dark-blue, .button-bg.dark-blue
{
background-color: #004f99;
}

.button.grey
{
background-color: #625959;
}

.button.orange
{
background-color: #f08900;
}

.button.orange:hover
{
background-color: #8d4334;
}

.rounded-border.light-green
{
border: 6px solid #c6e29f;
}

.rounded-border.dark-green
{
border: 6px solid #8ec63f;
}

.rounded-border.grey{
border: 3px solid #e8e8e8;
}

.rounded-border.thin
{
border-width: 3px;
}

	.rounded-border.light-green .ribbon, .rounded-border.dark-green .ribbon
	{
	margin-top: 8px;
	}

	.full-width.rounded-border.light-green, .full-width.rounded-border.dark-green
	{
	margin-top: 10px;
	width: 900px;
	padding-left: 14px;
	padding-right: 14px;
	}

	.full-width.rounded-border.thin
	{
	width: 900px;
	padding-left: 17px;
	padding-right: 17px;
	}

.ribbon.orange
{
background-color: #f08900;
}

	.ribbon.orange span.ribbon-left
	{
	background-color: #9f3d22;
	}

.ribbon.blue
{
background-color: #607fc4;
}

	.ribbon.blue span.ribbon-left
	{
	background-color: #1b4699;
	}


/* Layout */

.layout
{
width: 960px;
margin: 0 auto;
}

.layout>header
{
float: left;
width: 100%;
margin-top: 15px;
position: relative;
}

	.layout>header .logo, .layout>header .logo img
	{
	float: left;
	}

	.layout>header .header-right
	{
	float: left;
	position: absolute;
	top: 14px;
	right: 12px;
	}

        .layout>header .additional-flags
        {
            float: left;
            position: absolute;
            bottom: 62px;
            right: 12px;
        }

        .layout>header .additional-flags span
        {
            float: left;
            position: relative;
            margin-right: 5px;
            top: -2px;
            margin-bottom: -2px;
        }

            .layout>header .additional-flags a
            {
                float: left;
                margin-left: 11px;
                color: #8ec63f;
                font-size: 14px;
                font-size: 0.875rem;
                text-decoration: none;
                vertical-align: middle;
            }

                .layout>header .additional-flags a img
                {
                margin-left: 3px;
                position: relative;
                top: 3px;
                }

                .layout>header .ticker
                {
                    float: left;
                    width: 920px;
                    height: 20px;
                    margin-top: 10px;
                    margin-left: 20px;
                    position: relative;
                }

                .layout>header .ticker>span
                {
                    float: left;
                    width: 75px;
                    font-size: 11px;
                    font-size: 0.6875rem;
                    font-weight: bold;
                    padding-right: 5px;
                }

                .layout>header .ticker>a
                {
                    float: left;
                    position: absolute;
                    top: 2px;
                    cursor: pointer;
                    display: none;
                    width: 14px;
                    height: 14px;
                    background-repeat: no-repeat;
                    background-image: url(http://apply.oakam.com/img/ticker-sprite.png);
                    text-indent: -10000px;
                    font-size: 0.0em;
                }

                    .layout>header .ticker>a.pause { background-position: 0 -42px; right: 36px; }
                    .layout>header .ticker>a.play { background-position: 0 -28px; right: 36px; }
                    .layout>header .ticker>a.prev { background-position: 0 0; right: 18px; }
                    .layout>header .ticker>a.next { background-position: 0 -14px; right: 0; }

                    .layout>header .ticker ul
                    {
                    float: left;
                    position: relative;
                    width: 780px;
                    list-style-type: none;
                    padding: 0;
                    margin: 0;
                    }

                    .layout>header .ticker li
                    {
                    float: left;
                    width: 100%;
                    display: none;
                    text-align: left;
                    }

                    .layout>header .ticker li:first-of-type
                    {
                    display: block;
                    }

                    .layout>header .ticker li:nth-of-type(n+2)
                    {
                        position: absolute;
                        top: 0;
                        right: 0;
                    }

                    .layout>header .ticker li a
                    {
                        float: left;
                        text-decoration: none;
                        font-size: 11px;
                        font-size: 0.6875rem;
                        font-weight: bold;
                        color: #01843f;
                    }

		.layout>header .header-right .telephone
		{
		float: left;
		color: #01843e;
		font-size: 28px;
		font-size: 1.75rem;
		letter-spacing: -0.025em;
		}

			.layout>header .header-right .telephone span
			{
			color: #8ec63f;
			}

		.layout>header .header-right .button
		{
		margin-left: 20px;
		}

		.layout>header .header-right .language-select
		{
		float: left;
		margin: 7px 0 0 15px;
		color: #000000;
		text-decoration: none;
		font-size: 11px;
		font-size: 0.6875rem;
		}

			.layout>header .header-right .language-select img
			{
			vertical-align: middle;
			}

		.layout>header nav
		{
		float: left;
		width: 100%;
		margin-top: 6px;
		background-color: #8ec63f;
		border-radius: 4px 4px 0 0;
		behavior: url(http://apply.oakam.com/css/PIE.htc);
		position: relative;
		}

			.layout>header nav ul
			{
			float: left;
			list-style-type: none;
			margin: 0;
			padding: 0;
			}

				.layout>header nav ul li
				{
				float: left;
				margin-left: 32px;
				line-height: 1.875em;
				}

					.layout>header nav ul li a
					{
					float: left;
					color: #ffffff;
					text-decoration: none;
					font-size: 16px;
					font-size: 1rem;
					}

					.layout>header nav ul li a:hover, .layout>header nav ul li a.active
					{
					color: #01843f;
					}

		.layout>header nav .ribbon-left
		{

		}

.layout>.main-content
{
float: left;
width: 940px;
margin: 5px 0 0 10px;
}

	.layout>.main-content>div:first-of-type, .layout>.main-content>section:first-of-type
	{
	margin-top: 0;
	}

.layout>footer
{
float: left;
margin-top: 30px;
color: #625959;
position: relative;
padding-bottom: 50px;
width: 940px;
margin-left: 10px;
border-top: 1px solid #625959;
padding-top: 15px;
}

	.layout>footer a
	{
	color: #625959;
	text-decoration: none;
	}

	.layout>footer a:hover
	{
	text-decoration: underline;
	}

	.layout>footer .footer-col
	{
	float: left;
	width: 120px;
	margin-left: 20px;
	}

	.layout>footer .footer-col:first-of-type
	{
	margin-left: 30px;
	}

	.layout>footer .footer-col:last-of-type
	{
	width: 170px;
	}

		.layout>footer .footer-col h1
		{
		font-size: 13px;
		font-size: 0.8125rem;
		margin-top: 0;
		}

		.layout>footer .footer-col ul
		{
		list-style-type: none;
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-size: 0.75rem;
		}

			.layout>footer .footer-col ul li
			{
			padding: 2px 0;
			}

		.layout>footer .footer-col p
		{
		margin: 0;
		padding: 0 0 5px 0;
		}

		.layout>footer .footer-col p.facebook
		{
		padding: 0;
		}

			.layout>footer .footer-col p.facebook img
			{
			vertical-align: middle;
			position: relative;
			top: -2px;
			}

	.layout>footer aside
	{
	float: left;
	width: 178px;
	position: absolute;
	top: 15px;
	right: 0;
	}

		.layout>footer aside a
		{
		float: left;
		width: 100%;
		text-align: center;
		}

		.layout>footer .refer-a-friend
		{
		float: left;
		color: #8ec63f;
		font-size: 14px;
		font-size: 0.875rem;
		text-decoration: none;
		/*margin-top: 15px;*/
		}

	.layout>footer>p
	{
	text-align: center;
	width: 940px;
	border-top: 1px solid #625959;
	padding-top: 15px;
	}

		.layout>footer>p:last-of-type
		{
		margin-top: 0;
		font-size: 11px;
		font-size: 0.6875rem;
		border-top-width: 0;
		padding-top: 0;
                padding-bottom: 20px;
		font-family: Arial, Helvetica, sans-serif;
                }

.main-content>.left-col
{
float: left;
width: 700px;
}

	.main-content>.left-col>.main-content
	{
	float: left;
	position: relative;
	width: 660px;
	padding: 0 14px 10px;
	}

	.main-content>.left-col>.main-content:nth-of-type(n+2)
	{
	margin-top: 10px;
	}

.main-content>.right-col
{
float: left;
width: 220px;
margin-left: 20px;
}

	.main-content>.right-col aside
	{
	float: left;
	width: 180px;
	padding: 0 20px 10px;
	background-color: #e8f4d9;
	margin-top: 10px;
	}

	.main-content>.right-col aside:first-of-type
	{
	margin-top: 0;
	}

		.main-content>.right-col aside p
		{
		}

		.main-content>.right-col aside .button
		{
		float: right;
		}

.image-header
{
margin: 0;
padding: 0;
}

/* Print Layout */

/* Global Styles */

.mobile-only
{
display: none;
}

.align-left
{
text-align: left;
}

.hp
{
display: none;
}

.error
{
color: #cc0000;
}

.vs-error{
    float: left;
    font-size: 18px;
    padding: 12px 16px;
	color: #ffffff;
	background-color: #cc0000;
	border-radius: 4px;
}

.vs-application label.error{
color: #ffffff;
padding: 4px;
background-color: #cc0000;
border-radius: 4px;
}

.float-right
{
float: right;
}

.green-background
{
background-color: #ddeec5;
}

.small-print
{
    float: left;
    width: 100%;
    text-align: center;
    color: #625959;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 11px;
    font-size: 0.6875rem;
}

/* Page Specific */

.home-slider
{
float: left;
width: 615px;
height: 284px;
position: relative;
overflow: hidden;
}

.home-slider.tall
{
height: 324px;
}

	.home-slider .slides
	{
	float: left;
	width: 10000px;
	height: 284px;
	position: absolute;
	left: 0;
	top: 0;
	}

	.home-slider>a
	{
	float: left;
	position: absolute;
	width: 145px;
	height: 30px;
	left: 0;
	bottom: 0;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	font-size: 0.75rem;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	}

		.home-slider>a:nth-of-type(1)
		{
		background-color: #8ec63f;
		left: 16px;
		}

		.home-slider>a:nth-of-type(2)
		{
		background-color: #c4b8b8;
		left: 162px;
		}

		.home-slider>a:nth-of-type(3)
		{
		background-color: #808382;
		left: 308px;
		}

		.home-slider>a:nth-of-type(4)
		{
		background-color: #01843f;
		left: 454px;
		}

		.home-slider span.active
		{
		float: left;
		width: 145px;
		height: 7px;
		position: absolute;
		bottom: 32px;
		left: 16px;
		background-color: #8ec63f;
		}

	.home-slider a
	{
	float: left;
	}

	.home-slider a img
	{
	float: left;
	}

.home-application
{
float: left;
width: 253px;
margin-left: 20px;
background-color: #e8f4d9;
position: relative;
padding: 0 20px;
min-height: 241px;
}

    .home-application .ribbon
    {
        margin-top: 10px;
    }

    .home-application.full-height .ribbon
    {
        margin-top: 14px;
    }

    .home-application.full-height
    {
        min-height: 295px;
    }

    .home-application.full-height form
    {
        margin-top: 15px;
    }

    .home-application .row
    {
       padding-bottom: 5px;
    }

    .home-application.full-height .row
    {
        padding-bottom: 10px;
    }

	.home-application form
	{
	float: left;
	width: 100%;
	margin-top: 7px;
	}

		.home-application .row input[type=image]
		{
		margin-top: 2px;
		}

		.home-application .row-left
		{
		width: 130px;
		color: #01843f;
		font-size: 13px;
		font-size: 0.8125rem;
		font-weight: bold;
		padding-top: 2px;
		}

		.home-application .row-right
		{
		width: 123px;
		}

			.home-application .row-right input[type=text]
			{
			float: left;
			max-width: 113px;
			font-size: 12px;
			font-size: 0.75rem;
			padding: 2px 5px;
			}

.home-apr
{
float: left;
width: 293px;
margin: 7px 0 0 20px;
position: relative;
padding-top: 5px;
min-height: 43px;
font-size: 0.75rem;
font-size: 12px;
color: #474646;
font-weight: bold;
}

    .home-apr p
    {
        float: left;
        width: 148px;
    }

    .home-apr p:last-of-type{
        width: 145px;
    }

    .home-apr span
    {
        float: left;
        width: 100%;
        font-size: 1.6875rem;
        font-size: 27px;
    }

    .home-apr span.small
    {
    top: 0;
    margin-left: 10px;
    font-size: 16px;
    font-size: 1rem;
    }

.home-calculator
{
position: relative;
padding-bottom: 14px;
}

	.home-calculator form
	{
	float: left;
	width: 100%;
	margin-top: 15px;
	}

	.home-calculator p
	{
	width: 740px;
	}

	.home-calculator .row
	{
	padding-bottom: 25px;
	}

		.home-calculator .row-left
		{
		width: 170px;
		font-size: 12px;
		font-size: 0.75rem;
		}

		.home-calculator .row-right
		{
		font-size: 12px;
		font-size: 0.75rem;
		}

			.home-calculator .row-right input[type=radio]
			{
			float: left;
			}

			.home-calculator .row-right label
			{
			float: left;
			font-weight: bold;
			margin: 0 20px 0 5px;
			}

			.home-calculator .row-right select
			{
			float: left;
			width: 81px;
			}

                        .calc-container{
                            float: left;
                            width: 894px;
                            border: 3px solid #e8e8e8;
                            border-radius: 5px;
                        }

                        .calc-container .row{
                            float: left;
                            width: 862px;
                            padding: 16px;
                            border-bottom: 3px solid #e8e8e8;
                        }

                        .calc-container .row:last-of-type{
                         border-bottom: none;
                        }

                        .calc-container h2{
                            margin: 0;
                            font-size: 18px;
                            font-size: 1.125rem;
                            color: #01843f;
                        }

                        .calc-container .repayments-container a, .calc-container .term-container a{
                            float: left;
                            color: #ffffff;
                            text-decoration: none;
                            cursor: pointer;
                            background-color: #808382;
                            border-radius: 3px;
                            font-size: 16px;
                            font-size: 1rem;
                            text-align: center;
                            padding: 8px 12px;
                            margin-right: 10px;
                            margin-top: 16px;
                        }

                        .calc-container .repayments-container a.active, .calc-container .term-container a.active{
                            background-color: #8ec63f;
                        }

                        .repayments-container p, .home-calc-buttons p{
                            font-size: 16px;
                            font-size: 1rem;
                            font-weight: bold;
                            width: auto;
                            clear: left;
                            margin-bottom: 0;
                        }

                        .repayments-container p{
                            color: #8ec63f !important;
                        }

                        .repayments-container p span{
                        color: #01843f;
                        font-size: 22px;
                        font-size: 1.375rem;
                        }

                        .home-calc-buttons p a{
                        color: #8ec63f;
                        text-decoration: none;
                        }

                        .home-calc-buttons>a, .home-calc-buttons>button{
                            float: left;
                            width: 276px;
                            border-radius: 3px;
                            display: block;
                            border: 0;
                            -webkit-appearance: none;
                            text-align: center;
                        }

                        .home-calc-buttons>button{
                            background-color: #f08900;
                            color: #ffffff;
                            padding: 10px 0;
                            font-size: 20px;
                            font-size: 1.25rem;
                        }

                        .home-calc-buttons>a{
                            background-color: #8ec63f;
                            color: #ffffff;
                            padding: 7px 0;
                            font-size: 16px;
                            font-size: 1rem;
                            margin-top: 14px;
                        }

                        .rep-example{
                            float: left;
                            width: 100%;
                        }

                        .rep-example h2{
                            color: #808382;
                            font-size: 16px;
                            font-size: 1rem;
                            margin: 15px 0 0 0;
                        }

                        .rep-example p{
                            width: 100%;
                            color: #8ec63f;
                            font-size: 20px;
                            font-size: 1.25rem;
                            margin: 5px 0 0 0;
                            padding: 0;
                        }

                        .rep-example.big-plus p{
                            color: #3f85c6;
                        }

                        .rep-example p.dark{
                            color: #01843f;
                        }

                        .rep-example.big-plus p.dark{
                            color: #283577 !important;
                        }

			.calc-container .amount-slider, .term-slider
			{
			float: left;
			width: 396px;
			display: none;
                        margin-top: 20px;
			}

			.calc-container .slider-left
			{
			float: left;
			position: absolute;
			top: 0;
			left: 0;
			font-weight: bold;
			padding-top: 21px;
                        color: #808382;
                        font-size: 16px;
                        font-size: 1rem;
			}

			.calc-container .slider-right
			{
			float: left;
			position: absolute;
			top: 0;
                        right: 0;
			padding-top: 21px;
			font-weight: bold;
                        color: #808382;
                        font-size: 16px;
                        font-size: 1rem;
			}

                        /* old slider */

			.application-main .amount-slider, .term-slider
			{
			float: left;
			width: 480px;
			display: none;
			}

			.application-main .slider-left
			{
			float: left;
			position: absolute;
			top: 0;
			left: -2px;
			background-image: url(../img/slider-left.png);
			background-repeat: no-repeat;
			background-position: top left;
			font-weight: bold;
			padding-top: 15px;
			}

			.application-main .slider-right
			{
			float: left;
			position: absolute;
			top: 0;
			right: -2px;
			background-image: url(../img/slider-right.png);
			background-repeat: no-repeat;
			background-position: top right;
			padding-top: 15px;
			font-weight: bold;
			}

			.home-calculator .calculator-amounts
			{
			float: left;
			width: 400px;
			padding: 7px 0;
			display: none;
			}

                        .home-calculator .calculator-amounts p{
                            float: left;
                            color: #8ec63f;
                            font-size: 20px;
                            font-weight: bold;
                            width: auto;
                            margin: 0;
                            margin-left: 23px;
                        }

                        .home-calculator .calculator-amounts p span.vag{
                            font-size: 14px;
                        }

                        .home-calculator .calculator-amounts span.plus{
                            float: left;
                            width: 15px;
                            height: 14px;
                            background-image: url(http://apply.oakam.com/img/plus.png);
                            background-repeat: no-repeat;
                            font-size: 0.0em;
                            text-indent: -10000px;
                            margin-top: 20px;
                            margin-left: 23px;
                        }

                        .home-calculator .calculator-amounts span.equals{
                            float: left;
                            width: 16px;
                            height: 9px;
                            background-image: url(http://apply.oakam.com/img/equals.png);
                            background-repeat: no-repeat;
                            font-size: 0.0em;
                            text-indent: -10000px;
                            margin-top: 20px;
                            margin-left: 23px;
                        }

                        .home-calculator .calculator-amounts p:first-of-type{
                            margin-left: 35px;
                            color: #01843f;
                        }

                        .home-calculator .calculator-amounts p:last-of-type{
                            margin-left: 23px;
                        }




		.home-calculator input[type=image]
		{
		float: left;
		position: absolute;
		bottom: 10px;
		right: 15px;
		}

		.home-calculator form p
		{
		color: #777777;
		}

		.home-calculator form>p:last-of-type
		{
		margin: 0;
		}

                .home-calculator form>p.example
                {
                font-size: 14px;
                font-size: 0.875rem;
                }


.home-left-col
{
    float: left;
    width: 344px;
}

.main-content>.home-left-col .how-we-compare
{
float: left;
position: relative;
width: 304px;
padding: 0 20px 5px;
margin-top: 10px;
color: #607fc4;
background-color: #dfe5f3;
}

    .main-content>.home-left-col .how-we-compare
    {
        clear: both;
    }

	.main-content>.home-left-col .how-we-compare table
	{
	width: 100%;
	margin-top: 0px;
	font-size: 11px;
	font-size: 0.6875rem;
	border-collapse:separate;
	border-spacing:3px;
	}

		.how-we-compare table th, .how-we-compare table td
		{
		font-weight: normal;
		text-align: center;
		background-color: #ffffff;
		}

	.main-content>.home-left-col .how-we-compare p.small
	{
	/*width: 160px;*/
	}


.main-content>.how-it-works
{
float: left;
width: 536px;
padding: 0 14px 5px;
margin: 10px 0 0 20px;
position: relative;
}

	.main-content>.how-it-works p img
	{
	float: left;
	}

	.main-content>.how-it-works .button
	{
	position: absolute;
	bottom: 13px;
	right: 18px;
	}

/* application */

.application-top
{
float: left;
position: relative;
width: 400px;
min-height: 247px;
padding: 20px 268px 10px 20px;
}

	.application-top h1
	{
	position: relative;
	z-index: 2;
	color: #8ec63f;
	margin: 0;
	padding: 0;
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 1em;
	}

	.application-top p
	{
	position: relative;
	z-index: 2;
	}

	.application-top ul
	{
	width: 485px;
	position: relative;
	z-index: 2;
	font-size: 12px;
	font-size: 0.75rem;
	padding-left: 15px;
	}

		.application-top ul li
		{
		padding-bottom: 2px;
		}

	.application-top img.anchor
	{
	position: absolute;
	bottom: 0;
	right: 0;
	}

.application-main
{
float: left;
position: relative;
width: 660px;
padding: 0 14px 52px;
margin-top: 10px;
}

.application-main>form>h1{
    margin-bottom: 10px;
}

.application-top h2, .application-main h2{
    font-size: 26px;
    color: #8ec63f;
    margin: 0 0 15px;
}

	.application-main .slider-container
	{
	float: left;
	margin: 20px 0 0 38px;
	}

	.application-main .slider-container p
	{
	margin-top: 40px;
	}

	.application-main fieldset, .application-top fieldset
	{
	float: left;
	width: 660px;
	padding: 0;
	margin: 15px 0 0 0;
	border-width: 0;
	background-color: #e8f4d9;
	}

        .application-top fieldset{
            width: 650px;
        }

        .application-main fieldset.application-slider
        {
            padding-bottom: 20px;
        }

	.application-main fieldset:first-of-type, .application-top fieldset:first-of-type
	{
	margin-top: 0;
	}

		.application-main fieldset legend, .application-main fieldset h2, .application-top fieldset legend, .application-top fieldset h2
		{
		float: left;
		width: 580px;
		padding: 0 40px;
		margin: 0;
		color: #01843f;
		background-color: #cde6aa;
		font-size: 16px;
		font-size: 1rem;
		font-weight: bold;
		line-height: 1.875em;
		border: 0;
		white-space: normal;
		}

                .application-top fieldset legend{
		width: 590px;
		padding: 0 30px;
                }

		.application-main fieldset legend, .application-top fieldset legend
		{
		*margin-left: -7px; /* ie7 fix */
		*margin-top: -9px; /* ie7 fix */
		}

		.application-main fieldset p, .application-top fieldset p
		{
		width: auto; /* hmmm */
		padding: 0 40px;
		color: #656565;
		line-height: 1.5em;
		}

                .application-top fieldset p{
                    padding: 0 30px;
                    color: #01843f;
                }

                    .application-top fieldset p input{
                        margin-right: 10px;
                    }

                    .application-top fieldset p label{
                     position: relative;
                     top: -2px;
                     color: #796565;
                     font-weight: bold;
                    }

                .application-top fieldset ul{
                    margin-top: 10px;
                    margin-left: 30px;
                }

                .application-top fieldset li{
                    margin-bottom: 5px;
                }

		.application-main fieldset .row.marketing>input[type=checkbox]
		{
		float: left;
		margin-left: 15px;
		}

		.application-main fieldset .row.marketing>input[type=checkbox]:first-of-type
		{
		margin-left: 40px;
		}

		.application-main fieldset .row.marketing>label
		{
		float: left;
		font-size: 12px;
		font-size: 0.75rem;
		color: #656565;
		font-weight: bold;
		margin-left: 6px;
		}

	.application-main fieldset.grey
	{
	background-color: #f1f1f1;
	}

		.application-main fieldset.grey legend, .application-main fieldset.grey h2
		{
		color: #656565;
		background-color: #e0e0e0;
		}

	.application-main .row
	{
	padding-bottom: 15px;
	}

	.application-main .row:first-of-type
	{
	margin-top: 15px;
	}

	.application-main .row-split span.green
	{
	float: left;
	margin: 0 3px 0 40px;
	}

	.application-main .row-split:last-of-type span.green
	{
	margin-left: 20px;
	}

	.application-main .row-split .dk_container
	{
	top: 0;
	}

	.application-main .row-split .dk_container
	{
	margin-left: 0;
	}

	.application-main .row-split .row-left
	{
	width: 120px;
	margin-left: 30px;
	}

	.application-main .row-split:first-of-type .row-left
	{
	margin-left: 40px;
	}

		.application-main .row-split .row-left label, .application-main .row-split .row-right label
		{
		font-size: 13px;
		font-size: 0.8125rem;
		font-weight: bold;
		}

                .application-main .row-split .row-right label
                {
                    float: left;
                    position: relative;
                    margin-right: 5px;
                    top: 3px;
                }

                .application-main .row-split .row-right input[type=radio], .application-main .row-split .row-right input[type=checkbox]
                {
                    float: left;
                    position: relative;
                    top: 5px;
                    margin-right: 5px;
                }


	.application-main .row-split .row-right
	{
	position: relative;
	}

	.application-main .row-split .row-right input[type=text]
	{
	float: left;
	border: 1px solid #ABADB3;
	padding: 2px 5px;
	width: 130px;
	font-size: 13px;
	font-size: 0.8125rem;
	}

        .application-main .row-split .row-right input[type=text].has-info
        {
            /*width: 125px;*/
        }

        .application-main .row-split .row-right .error-txt
        {
            float: left;
            clear: left;
            width: 142px;
            font-size: 11px;
            font-size: 0.6875rem;
            color: #990000;
            line-height: 16px;
            margin-top: 5px;
            vertical-align: middle;
        }

            .application-main .row-split .row-right .error-txt img
            {
                float: left;
                margin-right: 3px;
            }

        .application-main .row-split .row-right a.info
        {
        float: left;
        width: 20px;
        height: 20px;
        position: absolute;
        background-image: url(../img/form-info.png);
        background-repeat: no-repeat;
        background-size: contain;
        text-indent: -10000px;
        font-size: 0.0em;
        cursor: pointer;
        margin: 0 0 0 5px;
        }

        .application-main .row-split .row-right a.info span.tooltip
        {
        text-indent: 0;
        display: none;
        line-height: normal;
        padding: 10px;
        width: 200px;
        height: auto;
        left: -104px;
        bottom: 2rem;
        top: auto;
        z-index: 10001;
        }
                .application-main .row-split .row-right a.info span.tooltip .arrow
                {
                text-indent: 0;
                }

                .application-main .row-split .row-right a.info span.tooltip .arrow:after
                {
                left: 29px;
                }

        span.tooltip
        {
          float: left;
          width: 105px;
          position: absolute;
          top: -41px;
          left: -30px;
          border: 1px solid #c5c5c5;
          background-color: #ffffff;
          text-align: center;
          font-size: 12px;
          font-size: 0.75rem;
          color: #01843F;
          line-height: 2.428571428571429em;
          border-radius: 3px;
        }

        span.tooltip .arrow
        {
            width: 80px;
            height: 20px;
            overflow: hidden;
            position: absolute;
            left: 50%;
            margin-left: -40px;
            bottom: -20px;
        }

          span.tooltip .arrow:after
          {
            content: "";
            position: absolute;
            background-color: #ffffff;
            left: 27px;
            top: -20px;
            width: 25px;
            height: 25px;
            transform: rotate(45deg);
            border: 1px solid #c5c5c5;
          }

	.application-main form>input[type=image]
	{
	float: left;
	position: absolute;
	bottom: 7px;
	right: 20px;
	}

.right-col aside.loan-calculator
{
background-image: url(http://apply.oakam.com/img/calculator.png);
background-repeat: no-repeat;
background-position: 137px 52px;
}

	.right-col aside.loan-calculator p
	{
	width: 108px;
	min-height: 65px;
	}

.right-col aside.need-help
{
color: #d35b2b;
background-color: #fce7cc;
}

.right-col aside.what-is-a-bonus-loan
{
padding-bottom: 15px;
}

	.right-col aside.what-is-a-bonus-loan p
	{
	margin: 15px 0 0 0;
	}

.right-col aside.how-it-works
{

}

    .right-col aside.how-it-works ul
    {
        padding-left: 0;
        font-weight: bold;
    }

    .right-col aside.not-bold ul{
        font-weight: normal;
    }

        .right-col aside.how-it-works ul li
        {
            padding-top: 6px;
        }

.right-col aside.how-we-compare
{
color: #607fc4;
background-color: #dfe5f3;
}

.right-col aside.right-col-apr, footer aside
{
    color: #8ec63f;
    text-align: center;
    font-size: 32px;
    font-size: 2rem;
    padding-top: 10px;
    padding-bottom: 5px;
}

    .right-col aside.right-col-apr span, footer aside span
    {
        float: left;
        width: 100%;
    }

        .right-col aside.right-col-apr span span, footer aside span span
        {
        position: relative;
        top: -5px;
        font-size: 16px;
        font-size: 1rem;
        }

div.footer-apr-terms
{

}

.footer-apr-terms p
{
text-align: center;
color: #8ec63f;
font-size: 17px;
font-size: 1.0625rem;
font-weight: bold;
margin: 0;
padding: 0;
line-height: 1.941176470588235em;
}

/* faqs */

.faqs-container
{
float: left;
width: 624px;
margin: 10px 0 0 0;
padding: 5px 15px 15px;
}

	.faq-section
	{
	float: left;
	width: 100%;
	}

		.faq-section h1
		{
		margin-top: 20px;
		font-size: 14px;
		font-size: 0.875rem;
		}

                .faq-section:first-of-type>h1{
                    margin-top: 10px;
                }

	h2.faq-question
	{
	float: left;
	width: 594px;
	background-color: #ddeec5;
	margin: 10px 0 0 0;
	padding: 5px 15px;
	cursor: pointer;
	}

	.faq-answer
	{
	float: left;
	width: 594px;
	padding: 10px 15px;
	background-color: #f5f5f5;
	}

		.faq-answer table.how-we-compare
		{
		border-collapse:separate;
		border-spacing:3px;
		}

			.faq-answer table.how-we-compare th, .faq-answer table.how-we-compare td
			{
			background-color: #ffffff;
			text-align: center;
			}

/* store */

.store-list h2
{
width: 650px;
padding: 0 0 3px 10px;
margin: 0;
font-weight: normal;
font-size: 14px;
font-size: 0.875rem;
border-bottom: 1px solid #8ec63f;
}

.store-list table
{
margin: 15px 0;
}

	.store-list table th
	{
	padding: 0 0 5px 10px;
	}

		.store-list table th a
		{
		text-decoration: none;
		}

.img-map
{
float: left;
width: 100%;
text-align: center;
}

.store-left
{
float: left;
clear: left;
width: 250px;
margin-top: 30px;
margin-left: 10px;
}

	.store-left p
	{
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 17px;
	margin-top: 0;
	}

	.store-left p:last-of-type
	{
	margin-bottom: 5px;
	}

	.store-left table
	{
	font-size: 14px;
	font-size: 0.875rem;
	}

.store-right
{
float: left;
width: 370px;
margin-top: 30px;
margin-left: 20px;
}

#map_canvas
{
float: left;
width: 370px;
height: 325px;
}

.store-services
{
float: left;
width: 100%;
margin-top: 10px;
}

	.store-services h1, .other-stores h1
	{
	width: 650px;
	padding: 0 0 0 10px;
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	font-size: 0.875rem;
	}

	.store-services p
	{
	width: 640px;
	padding: 7px 10px;
	background-color: #e8f4d9;
	font-weight: bold;
	}

.other-stores
{
float: left;
width: 100%;
margin-top: 20px;
padding-bottom: 10px;
}

	.other-stores h1
	{
	border-bottom: 1px solid #8ec63f;
	padding-bottom: 3px;
	}

	.other-stores ul
	{
	float: left;
	width: 640px;
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
	}

		.other-stores ul li
		{
		float: left;
		width: 154px;
		margin-top: 7px;
		margin-right: 8px;
		}

		.other-stores ul li:nth-of-type(4n+0)
		{
		margin-right: 0;
		}

			.other-stores ul li a
			{
			font-weight: bold;
			text-decoration: none;
			font-size: 14px;
			font-size: 0.875rem;
			}

			.other-stores ul li a:hover
			{
			text-decoration: underline;
			}

/* products page */

.product-row
{
float: left;
position: relative;
width: 688px;
margin-top: 10px;
}

	.product-row>h1
	{
	float: left;
	margin: 0;
	padding: 0;
	}

	.product-row>h1 img
	{
	float: left;
	margin: 10px 0 10px 14px;
	}

	.product-row>.button
	{
	position: absolute;
	width: 110px;
	padding-left: 0;
	padding-right: 0;
	bottom: 10px;
	right: 15px;
	}

	.product-row-content
	{
	float: left;
	clear: both;
	display: none;
	width: 660px;
	padding: 0 14px 10px;
	background-repeat: no-repeat;
	background-position: bottom right;
	}

		.product-row-content h2
		{
		font-size: 18px;
		font-size: 1.125rem;
		color: #01843f;
		margin-top: 0;
		}

		.product-row-content .green-background
		{
		float: left;
		padding-right: 15px;
		width: 335px;
		margin-bottom: 15px;
		}

		.product-row-content .green-background ol
		{
		color: #01843f;
		font-weight: bold;
		font-size: 14px;
		font-size: 0.875rem;
		}

			.product-row-content .green-background ol li
			{
			padding-bottom: 5px;
			}

			.product-row-content .green-background ol li:last-of-type
			{
			padding-bottom: 0;
			}

		.product-row-content .moneygram-box
		{
		float: left;
		width: 324px;
		border: 3px solid #d0cdcd;
		padding: 0 10px 10px 10px;
		margin-bottom: 10px;
		background-image: url(http://apply.oakam.com/img/moneygram.png);
		background-repeat: no-repeat;
		background-position: bottom right;
		}

			.product-row-content .moneygram-box p
			{
			font-weight: bold;
			color: #625959;
			}

			.product-row-content .moneygram-box .button
			{
			width: 130px;
			padding-left: 0;
			padding-right: 0;
			}

		.product-row-content .button
		{
		clear: left;
		}

.product-row.bonus-loan .product-row-content
{
width: 400px;
padding-right: 274px;
background-image: url(http://apply.oakam.com/img/products-bonus-loan-bg.png);
}

.product-row.big-plus-loan .product-row-content
{
width: 400px;
padding-right: 274px;
background-image: url(http://apply.oakam.com/img/products-big-plus-loan-bg.png);
}

/* contact */

.contact-left-col
{
float: left;
width: 300px;
margin-top: 30px;
padding: 18px 60px 10px;
background-color: #ddeec5;
}

	.contact-left-col .dk_container
	{
	clear: left;
	margin-top: 20px;
	margin-left: 0;
	}

	.contact-left-col form
	{
	float: left;
	width: 100%;
	}

		.contact-left-col .row
		{
		padding-bottom: 13px;
		}

		.contact-left-col .row.first
		{
		margin-top: 20px;
		}

			.contact-left-col .row-left
			{
			width: 100px;
			color: #01843f;
			}

				.contact-left-col .row-left label
				{
				font-weight: bold;
				font-size: 13px;
				font-size: 0.8125rem;
				}

			.contact-left-col .row-right
			{
			width: 190px;
			margin-left: 10px;
			}

				.contact-left-col .row-right input[type=text], .contact-left-col .row-right textarea
				{
				float: left;
				resize: none;
				width: 180px;
				font-size: 13px;
				font-size: 0.8125rem;
				font-family: arial, sans-serif;
				padding: 3px;
				}

				.contact-left-col .row-right textarea
				{
				height: 80px;
				}


.contact-right-col
{
float: left;
width: 200px;
margin-left: 30px;
padding-top: 250px;
padding-bottom: 10px;
background-image: url(http://apply.oakam.com/img/contact-bg.png);
background-repeat: no-repeat;
background-position: top;
}

	.contact-right-col p
	{
	padding: 0;
	margin: 10px 0 0 0;
	}


/* thankyou pages */

.thankyou-container
{
float: left;
position: relative;
width: 400px;
min-height: 247px;
padding-right: 260px;
}

	.thankyou-container p, .thankyou-container ul, .thankyou-container h2
	{
	position: relative;
	z-index: 2;
	}

	.thankyou-container img.anchor
	{
	position: absolute;
	bottom: 0;
	right: 0;
	}

/* survey */

.survey fieldset
{
float: left;
width: 660px;
padding: 0;
margin: 15px 0 0 0;
border-width: 0;
background-color: #e8f4d9;
}

        .survey fieldset legend, .survey fieldset h2
        {
        float: left;
        width: 580px;
        padding: 0 40px;
        margin: 0;
        color: #01843f;
        background-color: #cde6aa;
        font-size: 16px;
        font-size: 1rem;
        font-weight: bold;
        line-height: 1.875em;
        border: 0;
        white-space: normal;
        }

        .survey fieldset legend
        {
        *margin-left: -7px; /* ie7 fix */
        *margin-top: -9px; /* ie7 fix */
        }

        .survey fieldset p
        {
        width: auto; /* hmmm */
        padding: 0 40px;
        color: #656565;
        line-height: 1.5em;
        }

        .survey fieldset .row>input[type=radio], .survey fieldset .row>input[type=checkbox]
        {
        float: left;
        margin-left: 15px;
        }

        .survey fieldset .row>input[type=radio]:first-of-type, .survey fieldset .row>input[type=checkbox]:first-of-type, .survey fieldset .row>input.new-row[type=checkbox]
        {
        clear: left;
        margin-left: 40px;
        }

        .survey fieldset .row>input.new-row[type=checkbox]
        {

        }

        .survey fieldset .row>label
        {
        float: left;
        font-size: 12px;
        font-size: 0.75rem;
        color: #656565;
        font-weight: bold;
        margin-left: 6px;
        }

        .survey fieldset .row.checkboxes>label
        {
            width: 115px;
            position: relative;
            top: -1px;
        }

.survey .row
{
padding-bottom: 15px;
}

.survey .row:first-of-type
{
margin-top: 15px;
}

.survey fieldset .row.textarea>label
{
    float: left;
    margin-left: 40px;
}

.survey fieldset .row.textarea>textarea
{
    float: left;
    width: 576px;
    height: 110px;
    margin-left: 40px;
    clear: left;
    resize: none;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
}

.survey fieldset .row.textarea>input[type=text]
{
    float: left;
    width: 200px;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    clear: left;
    margin-left: 40px;
}

/* Plugins */

/* Placeholder */

	.placeholder-on {
		color: #85929C !important;
	}

	:placeholder {
		color: #85929C !important;
	}

/* jQuery Slider */

	/* Overlays */
	.ui-slider { position: relative; text-align: left; }
	.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 30px; height: 31px; cursor: default; }
	.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

	.ui-slider-horizontal { height: 12px; }
	.ui-slider-horizontal .ui-slider-handle { top: -8px; margin-left: -.6em; }
	.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
	.ui-slider-horizontal .ui-slider-range-min { left: 0;  }
	.ui-slider-horizontal .ui-slider-range-max { right: 0; }

	/* Component containers
	----------------------------------*/
	.ui-widget { font-family: arial; font-size: 0.75rem; }
	.ui-widget .ui-widget { font-size: 1em; }
	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; }
	.ui-widget-content a { color: #333333; }
	.ui-widget-header a { color: #ffffff; }

	.ui-widget-content { background-repeat: repeat-x; background-color: #e8e8e8; }
        .ui-widget-header { background-repeat: repeat-x; background-color: #8ec63f; }

	/* Interaction states
	----------------------------------*/
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image: url(http://apply.oakam.com/img/slider-button.png); background-repeat: no-repeat; outline: none; cursor: pointer; }


/* old slider */

/* jQuery Slider */

	/* Overlays */
	.application-main .ui-slider { position: relative; text-align: left; }
	.application-main .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 19px; height: 19px; cursor: default; }
	.application-main .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

	.application-main .ui-slider-horizontal { height: 6px; }
	.application-main .ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -.6em; }
	.application-main .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
	.application-main .ui-slider-horizontal .ui-slider-range-min { left: 0;  }
	.application-main .ui-slider-horizontal .ui-slider-range-max { right: 0; }

	/* Component containers
	----------------------------------*/
	.application-main .ui-widget { font-family: arial; font-size: 0.75rem; }
	.application-main .ui-widget .ui-widget { font-size: 1em; }
	.application-main .ui-widget input, .application-main .ui-widget select, .application-main .ui-widget textarea, .application-main .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; }
	.application-main .ui-widget-content a { color: #333333; }
	.application-main .ui-widget-header a { color: #ffffff; }

	.application-main .ui-widget-content { background-image: url(../img/slider-track.png); background-repeat: repeat-x; }
        .application-main .ui-widget-header { background-repeat: repeat-x; background-color: transparent; }

	/* Interaction states
	----------------------------------*/
	.application-main .ui-state-default, .application-main .ui-widget-content .ui-state-default, .application-main .ui-widget-header .ui-state-default { background-image: url(../img/slider-button.old.png); background-repeat: no-repeat; outline: none; cursor: pointer; }

/* Dropkick */

	/* One container to bind them... */

	.dk_container ul
	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	  border-radius: 0 0 2px 2px;
	  behavior: url(http://apply.oakam.com/css/PIE.htc);
	}

	.dk_container {
	float: left;
	position: relative;
	top: -8px;
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	  background-color: #01843f;
	  /*
	  font-family: 'Helvetica', Arial, sans-serif;
	  font-size: 12px;
	  font-weight: bold;
	  margin-bottom: 18px;
	  border-radius: 2px;
	  box-shadow: 0 2px 2px #cccccc;

	  background-image: url(http://apply.oakam.com/img/dropdown-bg.png);
	  background-repeat: no-repeat;
	  */
	  font-size: 12px;
	  font-size: 0.75rem;
	  font-weight: bold;
	}

        .home-application .dk_container
        {
            top: 0;
            margin-left: 0;
        }


	  .dk_container:focus {
		outline: 0;
	  }
	  .dk_container a {
		cursor: pointer;
		text-decoration: none;
	  }

	/* Opens the dropdown and holds the menu label */
	.dk_toggle {
	  color: #fff;
	  padding: 3px 0px 3px 10px;
	  border-radius: 2px;
	  behavior: url(http://apply.oakam.com/css/PIE.htc);
	  /*background-image: url('http://apply.oakam.com/img/dk_arrows_white.png');*/
	  background-image: url('http://apply.oakam.com/img/dropdown-arrow.png');
	  background-repeat: no-repeat;
	  background-position: right center;
	}

        .row-split.where .dk_toggle
        {
            width: 260px;
        }

	/* Applied whenever the dropdown is open */
	.dk_open {
		z-index: 10;
	}
	  .dk_open .dk_toggle {
		border-radius: 2px 2px 0 0;
		behavior: url(http://apply.oakam.com/css/PIE.htc);
	  }

	/* The outer container of the options */
	.dk_options {
	}
	  .dk_options a {
		background-color: #fff;
		font-weight: bold;
		padding: 3px 35px 3px 17px;
	  }

	  .dk_options li:last-child a {
		border-bottom: none;
	  }

	  .dk_options a:hover,
	  .dk_option_current a {
		background-color: #01843f;
		color: #fff;
		text-decoration: none;
	  }

	/* Inner container for options, this is what makes the scrollbar possible. */
	.dk_options_inner {
	  color: #333;
	  max-height: 250px;
	  border-radius: 0 0 2px 2px;
	  behavior: url(http://apply.oakam.com/css/PIE.htc);
	}

	/* Set a max-height on the options inner */
	.dk_options_inner,
	.dk_touch .dk_options {
	  max-height: 250px;
	}

	/******  End Theme ******/

	/***** Critical to the continued enjoyment of working dropdowns ******/

	.dk_container {
	  display: none;
	  float: left;
	  position: relative;
	}
	  .dk_container a {
		outline: 0;
	  }

	.dk_toggle {
	  display: -moz-inline-stack;
	  display: inline-block;
	  *display: inline;
	  position: relative;
	  zoom: 1;
	}

	.dk_open {
	  position: relative;
	}
	  .dk_open .dk_options {
		display: block;
	  }
	  .dk_open .dk_label {
		color: inherit;
	  }

	.dk_options {
	  display: none;
	  margin-top: -1px;
	  position: absolute;
	  right: 0;
	  width: 100%;
	}
	  .dk_options a,
	  .dk_options a:link,
	  .dk_options a:visited {
		display: block;
	  }
	  .dk_options_inner {
		overflow: auto;
		position: relative;
	  }

	.dk_touch .dk_options {
	  overflow: hidden;
	}

	.dk_touch .dk_options_inner {
	  max-height: none;
	  overflow: visible;
	}

	.dk_fouc select {
	  position: relative;
	  top: -99999em;
	  visibility: hidden;
	}



.placeholder-on {
	color: #757575 !important;
}
:-moz-placeholder {
	color: #757575 !important;
}
::-webkit-input-placeholder {
	color: #757575 !important;
}
:placeholder {
	color: #757575 !important;
}

.cookie-panel
{
    float: left;
    width: 100%;
    background-color: #e8f4d9;
}

.cookie-panel-content
{
float: left;
width: 100%;
position: relative;
}

    .cookie-panel-content>a
    {
        float: left;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -10px;
        cursor: pointer;
    }

    .cookie-panel-content>p
    {
        color: #01843f;
        font-size: 13px;
        font-size: 0.8125rem;
        font-weight: bold;
        margin: 5px 0;
    }

        .cookie-panel-content>p a
        {
            color: #01843f;
        }

.floating-footer
{
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    text-align: left;
    z-index: 999998;
    border-top: 3px solid #01843f;
}

    .floating-footer .floating-footer-inner
    {
        width: 940px;
        margin: 0 auto;
    }

    .floating-footer .floating-footer-inner>p
    {
        font-size: 16px;
        font-size: 1rem;
        color: #000000;
        margin: 0;
        line-height: 2.5em;
    }

    .floating-footer .floating-footer-inner>p a{
        color: #01843f;
        text-decoration: none;
    }


    .home-left-col .how-we-compare p.vag{

    font-size: 20px;
    margin-bottom: 0;
    }


    .apply-col, .product-col{
        float: left;
        width: 280px;
        border: 3px solid #e8e8e8;
        border-radius: 5px;
        padding: 13px;
        margin-bottom: 20px;
        min-height: 450px;
    }

    .apply-col{
        margin-top: 20px;
    }

    .apply-col img, .product-col img{
        float: left;
    }

    .apply-col:first-of-type{
        margin-right: 20px;
    }

    .product-col:first-of-type{
        margin-right: 30px;
    }

    .apply-col.oakam-loan.active{
        border-color: #8ec63f;
    }

    .apply-col.big-plus.active{
        border-color: #0062ae;
    }

    .apply-col a, .product-col a{
        float: left;
        width: 240px;
        border-radius: 3px;
        background-color: #808382;
        color: #ffffff;
        font-size: 18px;
        font-size: 1.125rem;
        text-decoration: none;
        cursor: pointer;
        padding: 10px 0;
        font-weight: bold;
    }

    .product-col a{
        text-align: center;
        width: 280px;
    }

    .product-col a:last-of-type{
        font-size: 16px;
        font-size: 1rem;
        margin-top: 10px;
    }

    .apply-col a{
        background-image: url(../img/apply-radio-off.png);
        background-repeat: no-repeat;
        background-position: 12px 10px;
        padding: 10px 0 10px 40px;
    }

    .apply-col.oakam-loan.active a, .product-col.oakam-loan a{
        background-color: #8ec63f;
    }

    .apply-col.oakam-loan.active a{
        background-image: url(../img/apply-radio-on.png);
    }

    .apply-col.big-plus.active a, .product-col.big-plus a{
        background-color: #0062ae;
    }

    .apply-col.big-plus.active a{
        background-image: url(../img/apply-radio-on.png);
    }

    .apply-col p, .product-col p{
     font-size: 24px;
     font-size: 1.5rem;
     margin: 0;
    }

    .apply-col p span, .product-col p span{
        float: left;
        width: 100%;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .apply-col.oakam-loan p, .product-col.oakam-loan p, .apply-col.oakam-loan ul, .product-col.oakam-loan ul{
    color: #057d35;
    }

    .apply-col.big-plus p, .product-col.big-plus p, .apply-col.big-plus ul, .product-col.big-plus ul{
    color: #283577;
    }

    .apply-col ul, .product-col ul{
        font-size: 15px;
        font-size: 0.9375rem;
        list-style-type: none;
        padding-left: 0;
    }

    .apply-col ul li, .product-col ul li{
        background-repeat: no-repeat;
        padding-left: 26px;
        padding-bottom: 7px;
        float: left;
        width: 254px;
    }

    .apply-col.oakam-loan ul li, .product-col.oakam-loan ul li{
        background-image: url(../img/tick-green.png);
    }

    .apply-col.big-plus ul li, .product-col.big-plus ul li{
        background-image: url(../img/tick-blue.png);
    }

    .apply-col.big-plus p:last-of-type{
        margin-top: 10px;
    }

    .product-col p:last-of-type{
        font-size: 21px;
        font-size: 1.3125rem;
        text-align: center;
        margin-top: 10px;
    }

    .product-col.oakam-loan p:last-of-type{
        color: #8ec63f;
    }

    .product-col.big-plus p:last-of-type{
        color: #3f85c6;
    }

    .large-vag{
        font-size: 38px;
        font-size: 2.375rem;
        color: #8ec63f;
        font-weight: normal;
        margin-top: 10px;

    }

    ul.ticks-large{
        font-size: 19px;
        font-size: 1.1875rem;
        color: #8ec63f;
        padding-left: 0;
    }

    ul.ticks-large li{
        list-style-type: none;
        background-image: url(http://apply.oakam.com/img/tick-green-large.png);
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 30px;
        padding-bottom: 5px;
    }


    .raf-container{
        float: left;
    }


    .raf-container .row{
     float: left;
     width: 614px;
     padding: 0 20px 20px;
     border-bottom: 3px solid #e8e8e8;
    }

    .raf-container .row:last-of-type{
        border-bottom: none;
    }

    .raf-container h2{
        color: #8ec63f;
        font-size: 18px;
        font-size: 1.125rem;
    }

    .raf-container ol{
        float: left;
        width: 100%;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .raf-container ol li{
        float: left;
        width: 100%;
        height: 49px;
        background-repeat: no-repeat;
        text-indent: -10000px;
        font-size: 0.0em;
        margin-top: 17px;
    }

    .raf-container ol li.one{
        background-image: url(http://apply.oakam.com/img/raf-one.png);
    }

    .raf-container ol li.two{
        background-image: url(http://apply.oakam.com/img/raf-two.png);
    }

    .raf-container ol li.three{
        background-image: url(http://apply.oakam.com/img/raf-three.png);
    }

    .raf-container .box{
        float: left;
        width: 267px;
        background-color: #ef8709;
        margin-top: 20px;
        color: #ffffff;
        padding: 5px 15px;
    }

    .raf-container .box p{
        font-size: 15px;
        font-size: 0.9375rem;
    }

    .raf-container .box:first-of-type{
        margin-right: 20px;
    }

    .raf-container .row>a{
        float: left;
        width: 400px;
        background-color: #8ec63f;
        text-decoration: none;
        color: #ffffff;
        padding: 10px 0;
        font-size: 20px;
        font-size: 1.25rem;
        text-align: center;
        margin: 20px 0 0 118px;
    }

    .raf-container .row span{
        float: left;
        width: 100%;
        text-align: center;
        color: #8ec63f;
        font-size: 20px;
        font-size: 1.25rem;
        margin-top: 20px;
    }

    .raf-container .row>p{
        width: auto;
        float: left;
    color: #808382;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0;
    padding-bottom: 0;
    }

    .raf-container .row>p:last-of-type{
        float: right;
    }

    .raf-container .row>p a{
        color: #8ec63f;
    }


    .bubble
    {
    position: relative;
    width: 90px;
    height: 40px;
    padding: 0px;
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: #c6e29f solid 3px;
    top: -66px;
    text-align: center;
    color: #01843f;
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.739130434782609em;
    font-weight: bold;
    left: 224px;
    }

    .bubble:after
    {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 7px 7px 0;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -7px;
    left: 38px;
    }

    .bubble:before
    {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 9px 9px 0;
    border-color: #c6e29f transparent;
    display: block;
    width: 0;
    z-index: 0;
    bottom: -12px;
    left: 36px;
    }

    .filters{
        float: left;
        width: 100%;
        margin-top: 15px;
    }

    .filters a{
        float: left;
        width: 124px;
        margin-right: 22px;
        background-color: #808382;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        padding: 14px 4px;
        border-radius: 3px;
        cursor: pointer;
    }

    .filters a.active{
        background-color: #8ec63f;
    }

    .filter{
        float: left;
        width: 100%;
    }

    .application-header{
        float: left;
        width: 100%;
        border-bottom: 3px solid #c6e29f;
        padding: 8px 0 9px;
        text-align: right;
    }

    .application-header a{
                margin: 0 2px;
                color: #8ec63f;
                font-size: 14px;
                font-size: 0.875rem;
                text-decoration: none;
                vertical-align: middle;
                padding: 5px 8px;
    }

    .application-header a.active{
     margin: 0 5px;
     color: #ffffff;
     background-color: #8ec63f;
     border-radius: 3px;
    }

    .application-header a:last-of-type{
        margin-right: 0;
    }

        .application-header a img{
        margin-left: 3px;
        position: relative;
        top: 3px;
        }

    .steps{
        float: right;
    }

        .steps span{
            float: left;
            width: 140px;
            padding-left: 36px;
            background-repeat: no-repeat;
            background-position: 0 4px;
            color: #9d9f9e;
            font-size: 21px;
            font-size: 1.3125rem;
            margin-top: 30px;
            min-height: 30px;
        }

        .steps span:first-of-type{
         margin-left: 50px;
        }

        .steps span:last-of-type{
            width: 125px;
        }

        .steps span.active{
            color: #8ec63f;
        }

        .steps span.step-1{background-image: url(http://apply.oakam.com/img/step-1-active.png);}
        .steps span.step-2{background-image: url(http://apply.oakam.com/img/step-2.png); width: 120px;}
        .steps span.step-2.active{background-image: url(http://apply.oakam.com/img/step-2-active.png);}
        .steps span.step-3{background-image: url(http://apply.oakam.com/img/step-3.png);}
        .steps span.step-3.active{background-image: url(http://apply.oakam.com/img/step-3-active.png);}
        .steps span.step-4{background-image: url(http://apply.oakam.com/img/step-4.png);}
        .steps span.complete{background-image: url(http://apply.oakam.com/img/tick.png);}

        header.application{
            padding-bottom: 15px;
            border-bottom: 6px solid #c6e29f;
            margin-bottom: 20px;
        }

        .loan-summary{
            float: left;
            width: 600px;
            border-top: 5px solid #ffffff;
            margin-top: 35px;
            padding: 20px 30px;
        }

        .loan-summary h1{
            font-size: 16px;
            font-size: 1rem;
        }

        .term-radio-container{
            padding-left: 14px;
        }

        .term-radio{
            float: left;
            margin-left: 26px;
        }

        .term-radio label{
            position: relative;
            top: -2px;
            font-size: 13px;
            font-size: 0.8125rem;
            font-weight: bold;
        }

        .term-radio input{
            margin-left: 7px;
        }

        .loan-summary-content{
            float: left;
            padding: 20px 40px;
        }

        .loan-summary-content h1{
            font-size: 13px;
            font-size: 0.8125rem;
            margin-top: 0;
        }

        .loan-summary-content ul{
            float: left;
            width: 100%;
            margin: 0;
            padding: 0;
        }

        .loan-summary-content ul li{
            float: left;
            width: 268px;
            list-style-type: none;
            background-image: url(../img/tick-green.png);
            background-repeat: no-repeat;
            padding-left: 22px;
            margin-top: 13px;
            background-size: 12px auto;
            background-position: 0 2px;
        }

        .loan-summary-content p{
            padding: 0 !important;
            color: #01843f !important;
            margin: 25px 0 0 0 !important;
        }

        .next-button{
            float: right;
            width: 146px;
            background-color: #01843f;
            color: #ffffff;
            font-size: 17px;
            font-size: 1.0625rem;
            background-image: url(http://apply.oakam.com/img/next-button.png);
            background-repeat: no-repeat;
            background-position: 119px;
            text-align: center;
            padding: 13px 0;
            border: none;
            border-radius: 3px;
            margin-top: 10px;
        }

        .back-button{
            float: left;
            width: 146px;
            background-color: #01843f;
            color: #ffffff;
            font-size: 17px;
            font-size: 1.0625rem;
            background-image: url(http://apply.oakam.com/img/back-button.png);
            background-repeat: no-repeat;
            background-position: 14px;
            text-align: center;
            padding: 13px 0;
            border: none;
            border-radius: 3px;
            margin-top: 10px;
        }

        .application-top.fail h2{
            margin-top: 10px;
        }

        .application-top.fail h2:first-of-type{
            margin-top: 0;
        }

        .application-top.fail p{
            font-weight: bold;
            margin-top: 0;
            font-size: 18px;
            color: #909190;
        }

        .application-top.fail p img{
            float: right;
            margin-left: 35px;
            margin-right: 20px;
        }

        .application-top.fail p:last-of-type img{
            margin-right: 106px;
        }

        .application-top.fail p a.noddle{
            color: #791e7e;
            text-decoration: none;
        }

        .application-top.fail p a.mas{
            color: #428513;
            text-decoration: none;
        }

        .application-top.fail>a{
            float: left;
            clear: left;
            color: #ffffff;
            font-size: 17px;
            font-size: 1.0625rem;
            background-image: url(http://apply.oakam.com/img/next-button-padded.png);
            background-repeat: no-repeat;
            background-position: 100%;
            padding: 10px 52px 10px 20px;
            border-radius: 3px;
            text-decoration: none;
            margin-bottom: 15px;
        }

        .application-top.fail>a.noddle-button{
            background-color: #630069;
        }

        .application-top.fail>a.mas-button{
            background-color: #428513;
        }

        .final-steps{
            float: left;
            padding-left: 143px;
            background-image: url(http://apply.oakam.com/img/phone.png);
            background-repeat: no-repeat;
            margin-top: 45px;
        }

        .final-steps h2{
            font-size: 22px;
            font-size: 1.375rem;
            color: #01843f;
        }

        .final-steps ul{
            color: #8ec63f;
            font-size: 18px;
            font-size: 1.125rem;
            margin-top: 0;
        }

        .final-steps ul li{
            margin-bottom: 5px;
        }

        .application-top.phone-call p.vag{
            font-size: 18px;
            font-size: 1.125rem;
            color: #909190;
            margin: 0 0 20px;
        }




.dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dk-select, .dk-select-multi {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.666666666666667em;
  font-size: 0.75rem;
  font-weight: bold;
  width: 200px;
  cursor: pointer; }

  .contact-left-col .dk-select{
  margin-top: 20px;
  clear: left;
  float: left;
  }

  .contact-left-col #dk2-title{
  width: 75px;
  }

  #dk0-language{
  width: 113px;
  }

  #dk1-existing_customer{
  width: 177px;
  }

  #dk0-title, #dk2-title{
  width: 142px;
  }

  #dk1-what{
  width: 280px;
  }

  #dk3, #dk4-what{
  width: 260px;
  }

  #dk2-amount, #dk0-amount_oakam_loan, #dk1-amount_big_plus {
  width: 100px;
  margin-left: 20px;
  top: -10px;
  }

  #dk0-quick-amount{
  width: 125px;
  }

.dk-selected {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  background-color: #01843f;
  color: #ffffff;
  padding: 0 1.5em 0 0.5em;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  .dk-selected:before, .dk-selected:after {
    content: '';
    display: block;
    position: absolute;
    right: 0; }
  .dk-selected:before {
    top: 50%;
    border: solid transparent;
    border-width: 0.4em 0.4em 0;
    border-top-color: #ffffff;
    margin: -0.125em 0.5em 0 0; }
  .dk-selected:after {
    top: 0;
    height: 100%;
    margin: 0 1.5em 0 0; }

.dk-selected-disabled {
  color: #BBBBBB; }

.dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  right: 0; }

.dk-select-open-up .dk-select-options {
  margin-bottom: -1px;
  bottom: 100%; }

.dk-select-open-down .dk-select-options {
  margin-top: -1px;
  top: 100%; }

.dk-select-multi .dk-select-options {
  max-height: 10em; }

.dk-select-options {
  background-color: white;
  border: 1px solid #CCCCCC;
  list-style: none;
  margin: 0;
  max-height: 10.5em;
  min-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  width: auto;
  z-index: 100; }

.dk-option-selected {
  background-color: #01843f;
  color: #fff; }

.dk-select-options-highlight .dk-option-selected {
  background-color: transparent;
  color: inherit; }

.dk-option {
  padding: 0 0.5em; }

.dk-select-options .dk-option-highlight {
  background-color: #01843f;
  color: #fff; }

.dk-select-options .dk-option-disabled {
  color: #BBBBBB;
  background-color: transparent; }

.dk-optgroup {
  border: solid #CCCCCC;
  border-width: 1px 0;
  padding: 0.25em 0;
  margin-top: 0.25em; }
  .dk-optgroup + .dk-option {
    margin-top: 0.25em; }
  .dk-optgroup + .dk-optgroup {
    border-top-width: 0;
    margin-top: 0; }
  .dk-optgroup:nth-child(2) {
    padding-top: 0;
    border-top: none;
    margin-top: 0; }
  .dk-optgroup:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0; }

.dk-optgroup-label {
  padding: 0 0.5em 0.25em;
  font-weight: bold;
  width: 100%; }

.dk-optgroup-options {
  list-style: none;
  padding-left: 0; }
  .dk-optgroup-options li {
    padding-left: 1.2em; }

.dk-select-open-up .dk-selected {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: #3297fd; }

.dk-select-open-down .dk-selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #3297fd; }

.dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before {
  border-width: 0 0.4em 0.4em;
  border-bottom-color: #ffffff; }

.dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after {
  border-left-color: #3297fd; }

.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options {
  display: block;
  border-color: #01843f; }

.dk-select-multi:hover, .dk-select-multi:focus {
  outline: none; }

.dk-selected:hover, .dk-selected:focus {
  outline: none;
  border-color: #3297fd; }
  .dk-selected:hover:before, .dk-selected:focus:before {
    border-top-color: #ffffff; }
  .dk-selected:hover:after, .dk-selected:focus:after {
    border-left-color: #3297fd; }

.dk-select-disabled {
  opacity: 0.6;
  color: #BBBBBB;
  cursor: not-allowed; }
  .dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus {
    border-color: inherit; }
    .dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before {
      border-top-color: inherit; }
    .dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after {
      border-left-color: inherit; }

select[data-dkcacheid] {
  display: none; }

.apply-now nav,
.apply-now .ticker,
.apply-now .header-right .button,
.apply-now footer p:nth-of-type(2),
.apply-now footer aside,
.apply-now footer .footer-col {
    display: none;
}

.apply-now .telephone {
    margin-top: 32px;
}

.apply-now footer {
    padding-top: 0;
    border-top: 0;
}

.apply-now footer p:nth-of-type(1) {
    margin-top: 0;
}