/*

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;
}

.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-bottom: 6px;
border-radius: 4px;
behavior: url(http://www.oakam.com/css/PIE.htc);
}

.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://www.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://www.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://www.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(../img/ribbon-right.png);
background-repeat: no-repeat;
font-size: 0.0em;
}

.rounded-border
{
border-radius: 4px;
behavior: url(http://www.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.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 .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(../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://www.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: 15px;
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;
}

.float-right
{
float: right;
}

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

/* Page Specific */

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

	.home-slider .slides
	{
	float: left;
	width: 10000px;
	height: 279px;
	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: #52c6db;
		left: 162px;
		}
		
		.home-slider>a:nth-of-type(3)
		{
		background-color: #655ea0;
		left: 308px;
		}
		
		.home-slider>a:nth-of-type(4)
		{
		background-color: #b4428c;
		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;
min-height: 291px;
padding: 0 20px;
}

	.home-application form
	{
	float: left;
	width: 100%;
	margin-top: 25px;
	}
	
		.home-application .row input[type=image]
		{
		margin-top: 15px;
		}

		.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-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;
			}
			
			.amount-slider, .term-slider
			{
			float: left;
			width: 480px;
			display: none;
			}

			.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;
			}

			.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: 767px;
			background-color: #e8f4d9;
			padding: 7px 0;
			display: none;
			}
		
				.home-calculator .calculator-amounts p
				{
				float: left;
				width: auto; /* hmmm */
				color: #01843f;
				margin: 0 0 0 50px;
				padding: 0;
				}
				
				.home-calculator .calculator-amounts p:first-of-type
				{
				margin-left: 35px;
				}
		
		.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;
		}
		
.main-content>.how-we-compare
{
float: left;
position: relative;
width: 304px;
padding: 0 20px 5px;
margin-top: 10px;
color: #607fc4;
background-color: #dfe5f3;
}

	.main-content>.how-we-compare table
	{
	width: 100%;
	margin-top: 10px;
	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>.how-we-compare p.small
	{
	/*width: 160px;*/
	}
	
	.main-content>.how-we-compare .button.blue
	{
	position: absolute;
	bottom: 13px;
	right: 18px;
	}
	
.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 .slider-container
	{
	float: left;
	margin: 20px 0 0 38px;
	}
	
	.application-main .slider-container p
	{
	margin-top: 40px;
	}
	
	.application-main fieldset
	{
	float: left;
	width: 660px;
	padding: 0;
	margin: 15px 0 0 0;
	border-width: 0;
	background-color: #e8f4d9;
	}
	
	.application-main fieldset:first-of-type
	{
	margin-top: 0;
	}
	
		.application-main fieldset legend, .application-main 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-main fieldset legend
		{
		*margin-left: -7px; /* ie7 fix */
		*margin-top: -9px; /* ie7 fix */
		}
		
		.application-main fieldset p
		{
		width: auto; /* hmmm */
		padding: 0 40px;
		color: #656565;
		line-height: 1.5em;
		}
		
		.application-main fieldset.grey .row>input[type=checkbox]
		{
		float: left;
		margin-left: 15px;
		}
		
		.application-main fieldset.grey .row>input[type=checkbox]:first-of-type
		{
		margin-left: 40px;
		}
		
		.application-main fieldset.grey .row>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
		{
		font-size: 13px;
		font-size: 0.8125rem;
		font-weight: bold;
		}
		
	.application-main .row-split .row-right
	{
	
	}
	
	.application-main .row-split .row-right input[type=text]
	{
	float: left;
	border: 1px solid #ABADB3;
	padding: 2px 5px;
	width: 140px;
	font-size: 13px;
	font-size: 0.8125rem;
	}
	
	.application-main form>input[type=image]
	{
	float: left;
	position: absolute;
	bottom: 7px;
	right: 20px;
	}

.right-col aside.loan-calculator
{
background-image: url(../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-we-compare
{
color: #607fc4;
background-color: #dfe5f3;
}
	
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: 100%;
margin: 10px 0 0 0;
padding: 0 0 5px 0;
}

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

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

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

	.faq-answer
	{
	float: left;
	width: 630px;
	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-top: 15px;
}

	.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://www.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(../img/products-bonus-loan-bg.png);
}

.product-row.big-plus-loan .product-row-content
{
width: 400px;
padding-right: 274px;
background-image: url(../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://www.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: 19px; height: 19px; 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: 6px; }
	.ui-slider-horizontal .ui-slider-handle { top: -6px; 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-image: url(../img/slider-track.png); background-repeat: repeat-x; }

	/* Interaction states
	----------------------------------*/
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image: url(../img/slider-button.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://www.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://www.oakam.com/img/dropdown-bg.png);
	  background-repeat: no-repeat;
	  */
	  font-size: 12px;
	  font-size: 0.75rem;
	  font-weight: bold;
	}

	  .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://www.oakam.com/css/PIE.htc);
	  /*background-image: url('http://www.oakam.com/img/dk_arrows_white.png');*/
	  background-image: url('../img/dropdown-arrow.png');
	  
	  background-repeat: no-repeat;
	  background-position: right center;
	}

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

	/* The outer container of the options */
	.dk_options {
	}
	  .dk_options a {
		background-color: #fff;
		font-weight: bold;
		padding: 3px 10px 3px 15px;
	  }
	  
	  .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://www.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;
	}