* {
	margin:0px;
	padding:0px;
}
body	{
	font: normal 100% Arial, sans-serif; /* Base 16px */
	color:#666666;
}
img	{
	border:none;
	/* width:100%; */
	max-width: 100%;
	max-height: 100%;
}
h1, h2, h3	{
	color:#233747;
	font-weight:normal;
	margin-bottom: 1em;
}
h1 {
	font-size: 1.5em; /* 24px / 16px = 2em */
}
h2, h3 {
	font-size: 1em; /* 16px / 16px = 1.5em */
}
a {
	color:#0055af;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.wrapper {
	margin:0px auto;
	padding:0px 10px;
}



.navigation {
	background-image: url('/images/small_blue_header.jpg');
	background-repeat:repeat-x;
	background-position:top;
	height:3.3125em;  		/* 53px / 16px = 31.875% */
}
.navigation .logo {
	float:left;
	width: 31.875%; 	/* 102px / 300px = 31.875% */
	margin-top: 5.1%; 	/* 15.3px / 300px =  5.1%*/
}
.navigation .links {
	font-family: Verdana, Arial, sans-serif;
	float:right;
	text-transform:uppercase;
	font-size: 0.6em; 	/* 9.6px / 12px = 0.6em */
	height:53px;		/* vertical scaling doesnt work */
}
.navigation .links img {
	float:left;
	margin: 0em 1em;  	
	height: 51px;		/* vertical scaling doesnt work */
}
.navigation .links a {
	color:#fff;
	display:block;
	float:left;
	margin-top: 2em; 	/* 24px / 12px = 2em */
}
.top_security {
	float:right;
	padding-top:10px;
}
.loading {
	float:right;
	padding:15px 10px 0px 0px;
	font-size:20px;
	color:#fff;
	text-decoration:blink;
}



.header {
	background-image:url('/images/small_header_bg.jpg');
	background-position:top;
	background-repeat:repeat-x;
}
.form {
	height:255px;
	clear:both;
	padding-top:20px;
}
.cta_text {
	color:#fff;
	font-size: 1.5em; 	/* 24px / 12px = 1.5em */
	width: 86%;			/* 250px / 380px = 86% */
	margin-bottom: 1em;
}
.cta_text_support {
	color:#fff;
	font-weight:bold;
}
.zip_box {
	display:block;
	width: 188px;
	margin: 1em 0em;
	font-size: 0.875em;
	padding:2px 5px;
	color:#000;
}
.security {
	height:50px;
	padding-top:20px;
}


.content {
	margin: 1.5em 0em;
	border-top: 1px solid #e5e5e5;
	padding: 1em 0em;
	background-image: url('/images/shadow.jpg');
	background-repeat:no-repeat;
	background-position:top center;
}
.content p {
	margin-bottom:1em;
	font-size: 0.75em;  /* 12px / 16px = 1.5em */
}

.category .box {
	float:right;
	background-image: url("/images/icon_sprite.jpg");
	background-repeat:no-repeat;
	width: 58px;
	height:58px;
	margin:0em 0em 0.5em 0.5em;
}
.guide {
	background-position: 0px -174px;
}
.state {
	background-position: 0px -58px;
}
.q_a {
	background-position: 0px 0px;
}
.full {
	background-position: 0px -116px;
}

.footer {
	border-top: 1px solid #243746;
	padding: 1em 0em;
	clear:both;
	color:#666666;
	font-size:11px;
	margin:0px auto;
}
.footer a {
	color:#666666;
}


/* View Port Changes */
@media all and (min-width: 320px){
	.wrapper {
		width: 18.75em;		/* 300px / 16px = 20em */
	}
	.navigation .links {
		height:53px;		/* vertical scaling doesnt work */
	}
	.navigation .links img {
		height: 51px;		/* vertical scaling doesnt work */
	}
	.security .middle {
		width:20%;
		margin:-5px 20px;
	}
	.security a {
		float:left;
		width:25%;
	}
	.security .middle {
		width:20%;
	}
}

@media all and (min-width: 480px){
	.wrapper {
		width: 28.75em;		/* 460px / 16px = 30em */
	}
	.navigation .logo {
		width: 21.25%; 	/* 102px / 480px = 21.25% */
		margin-top: 3.18%; 	/* 15.3px / 480px =  3.18%*/
	}
	.form {
		height:240px;
		padding-top:35px;
	}
	.cta_text {
		width: 100%;			/* 250px / 380px = 86% */
		font-size: 1.8em; 	/* 26px / 16px = 1.625em */
	}
	.security .middle {
		margin:-10px 20px;
	}
	.cta_text_support {
		font-size: 1.2em;
		margin-bottom:1em;
	}
	.zip_box {
		font-size: 1.5em;
		float:left;
		margin:0px;
		padding:4px 5px;
	}
	.button {
		float:left;
		margin-left:1em;
	}
	
}

@media all and (min-width: 768px){
	.wrapper {
		width: 46.75em;		/* 748px / 16px = 20em */
	}
	.navigation {
		height:94px;
		background-image: url('/images/large/big_blue_header.jpg');
		background-repeat:repeat-x;
		background-position:top;
	}
	.navigation .links {
		height:92px;		/* vertical scaling doesnt work */
		font-size: 0.8em; 	/* 9.6px / 12px = 0.6em */
	}
	.navigation .links a {
		margin-top:3em;
	}
	.navigation .links img {
		height: 92px;		/* vertical scaling doesnt work */
	}
	.navigation .logo {
		margin-top: 3.18%; 	/* 15.3px / 480px =  3.18%*/
		width:auto;
	}

	.header {
		background-image:url('/images/large/big_header_bg.jpg');
		background-position:top;
		background-repeat:repeat-x;
	}

	.form {
		padding-top:10px;
		height:354px;
		background-image: url("/images/large/car.jpg");
		background-position:right top;
		background-repeat:no-repeat;
	}
	.cta_text {
		font-size: 1.8em; 	/* 24px / 16px = 1.5em */
		margin: 1em 0em;
		width:425px;
	}
	.cta_text_support {
		font-weight:bold;
		font-size:16px;
	}	
	.zip_box {
		float:none;
		font-size: 1em;
		margin: 1em 0em;
		padding:2px 5px;
	}
	.button {
		float:none;
		margin-left:0px;
	}

	.security {
		padding-top:10px;
		height:60px;
	}
	.security a {
		width:auto;
		float:none;
	}

    .content {
        background-image:none;
    }
	.content .first_spacer {
		margin-left:25px;
	}
	.content .second_spacer {
		margin-right:25px;
	}
	
	.category {
		float:left;
		width:350px;
	}
}

@media all and (min-width: 960px){
	.wrapper {
		width: 60em;		/* 960px / 16px = 30em */
	}
	.navigation .logo {
		margin-top: 20px; 	
	}
	.cta_text {
		font-size: 2.5em; 	/* 24px / 16px = 1.5em */
		margin: 1em 0em;
		width:445px;
	}
	.cta_text_support {
		font-size: 1.2em;
		margin-bottom:1em;
	}
	.zip_box {
		font-size: 1.5em;
		float:left;
		margin:0px;
		padding:4px 5px;
	}
	.button {
		float:left;
		margin-left:1em;
	}
	.security {
		clear:both;
	}
	
    .content {
        background-image:none;
    }
	
	.content .first_spacer {
		margin:0px 8px 0px 16px;
	}
	.content .second_spacer {
		margin:0px 16px 0px 8px;
	}
	.category {
		float:left;
		width:225px;
	}
}