/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section {
	display: block;
}
body {
	line-height: 1;
	/* fix for iphone text size issues http://stackoverflow.com/questions/2545542/font-size-render-in-iphone */
	-webkit-text-size-adjust: 100%;
	background: #fff;
	/*border-top: 4px #006134 solid;*/
	font-family: helvetica, arial, sans-serif;
	/*"Trebuchet MS", */
}
ol, 
ul {
	list-style: none;
}
blockquote, 
q {
	quotes: none;
}
blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
b,
strong {
	font-weight:bold;
}
i,
em {
	font-style:italic;
}

*, .ie7 div {
	-webkit-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

/* Containers */
/* NOTE: bottom margin triggers a possible firefox margin error */
.container_12 {
	margin:0 auto 0em auto;
	max-width:1000px;
	float:none;
	position:relative;
}
.container_full {
	width:100%;
	float:none;
	position:relative;
}
.container {
	position:relative;
}

/* Grid >> Global  */
.grid_3,
.grid_4,
.grid_9,
.grid_12 {
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
	z-index: 1;
}
.grid_full {
	margin:0 auto;
	float:none;
}

.grid_full {
	position:relative;
}

/* Grid >> 12 Columns */
.container_12 .grid_3  {width:22.5%;z-index:2;}
.container_12 .grid_4  {width:300px;}
.container_12 .grid_9  {width:72%;z-index:1;}
.container_12 .grid_12 {width:98%;}
.container_full .grid_full {width:96.0%;}

/* `Clear Floated Elements 
http://sonspring.com/journal/clearing-floats 
*/

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
	clear: both;
}

/* main site structures */
/* header */
#top-nav-bg {
	border-top:20px solid #0379c1;
	border-bottom:1px solid #e6e6e6;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1;
	height:80px;
}
header.top-bar {
	margin-top: 0px;
	z-index: 100;
	position:relative;
	/*background:yellow;*/
	height:100px;
	background:transparent;
}
#upper-nav {
	height:20px;
	background:#0379c1;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	position:relative;
	margin-bottom:15px;
}

#upper-nav a, 
#upper-nav a:visited {
	text-decoration:none;
	color:#fff;
}
#sidebar-button,

#menu-button {
	display:block;
}
#tn-search {
	float:right;
	width:127px;
	border-width: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#fff;
	margin-top:0px;
}
#tn-search input {
	float:left;
	display:block;
}
#tn-search input[type="text"] {
	width:95px;
	border-width: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0 3px;
	font-size: 12px;
	height: 15px;
	margin-top:1px;
}
#tn-search input[type="image"] {
	width:18px;
	margin-left: 5px; 
	margin-top: 1px;
}

#tn-home,
#tn-about,
#tn-phone,
#tn-contact,
#tn-account {
	padding-top:3px;
}
#tn-home {
	display:inline-block;
}
#tn-phone {
	display:none;
}
#tn-about,
#tn-contact{
	padding-left:1em;
	display:block;
	float:right;
}
#tn-account {
	display:block;
	float:right;
}
#tn-account a {
	display:block;
	margin-left:1em;
}
#tn-logo-box {
	width:293px;
	float: left;
	margin-top: 00px;	
}
#tn-logo-box img {
	width:100%;
	height:auto;
}
#tn-trust,
#tn-expert {
	color:#434343;
	line-height:1.1;
	vertical-align:top;
	letter-spacing:.05em;
}
#tn-trust {
	width:340px;
	float:right;
	text-align:center;
}
#tn-trust div {
	float:left;
}
#tn-trust div:first-child {
	width:190px;
	padding-top:10px;
	white-space:nowrap;
	font-size:14px;
}
#tn-trust div:last-child {
	width:150px;
	padding-top:5px;
	font-size:11px;
}

#tn-trust img {
	width:124px;
	height:24px;
}
#tn-expert span,
#tn-trust span {
	display:block;
	margin-top:.35em;
	white-space:nowrap;
}
#tn-trust div:last-child span {
	margin-top:0px;
}
#tn-trust a,
#tn-trust a:visited {
	color:inherit;
	text-decoration:none;
}
#tn-expert {
	float:right;
	width:135px;
	font-size:14px;
	margin-left:15px;
	text-align:center;
	padding-top:10px;
	border-left:1px solid #e6e6e6;
}
#tn-nav-button {
width:40px;
height:45px;
position:relative;
margin:0 5px;
cursor:pointer;
vertical-align:top;
float:right;
margin-top:8px;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:1s ease-in-out;
-moz-transition:1s ease-in-out;
-o-transition:1s ease-in-out;
transition:1s ease-in-out;
}
#tn-nav-button span{
display:block;
position:absolute;
height:6px;
width:100%;
background:#0479c1;
border-radius:9px;
-moz-border-radius:9px;
-webkit-border-radius:9px;
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
left:0;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;
transition:.5s ease-in-out;
}
#tn-nav-button span:nth-child(1){
top:0px;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center;
}
#tn-nav-button span:nth-child(2){
top:10px;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center;
}
#tn-nav-button span:nth-child(3){
top:20px;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center;
}
#tn-nav-button label{
font-size:12px;
font-family:Verdana,sans-serif;
top:26px;
color:#0479c1;
position:absolute;
text-align:center;
width:100%;
font-weight:normal;
}
#tn-nav-button.open span:nth-child(1){
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
top:-5px;
left:6px;
}
#tn-nav-button.open span:nth-child(2){
width:0%;
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
#tn-nav-button.open span:nth-child(3){
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
top:23px;
left:6px;
}

nav {
	display:none;
	position:absolute;
	top:100px;
	left:0;
	width:100%;
	z-index: 100; 
	background:#0379c1;
	border: 1px solid #0D65B7; 
	-webkit-border-radius: 15px;
	border-radius:15px;
}

nav li {
	display:block;
	margin:0;
}

nav ol {
	width: 99%;
	position: relative;
	z-index: 100;
	background:transparent;
	
}
nav ol>li {
	color:#fff;
	text-align: left;
	width: 33%;
	border-radius: 0px; 
	padding: 0 0 1em 0; 
	background-color: #fff;
	float:left;
	background:transparent;
	position:relative;
}
nav ol>li:last-child {
	
}
nav ol>li>a {
	color:#fff;
	font-size: 1.1em;
	font-weight:bold;
	text-decoration: none;
	display: block; 
	line-height: 1.2;
	padding:6px 0 4px 10px;
}
nav ol>li:hover>a {
	color:#fff;
}
nav ul {
	margin: 0; 
	padding: 0 5px 0 10px;
}
nav ul li {
	padding: 3px 0;
	text-align: left;
	font-size:1.0em;
}
nav ul li:hover {
	
}
nav ul li a {
	padding: 0 !important; 
	line-height: 1.2; 
	background: none;
	display: block;
	padding: 5px 8px;
	color: #fff;
	text-decoration: none;
}
nav ul li a:hover {
	text-decoration: underline;
}
/* remove once stable */
nav ul li#dev-items a {
	display:inline;
}

.main form {
	padding-right: 10px;
}

.share-bar-nav-1 {
	width:220px;
	height:20px;
	position:absolute;
	text-align:left;
	top:65px;
	left:440px;
}
.share-bar-nav-1 .st_facebook_custom {
	text-decoration:none;
	color:#000000;
	display:inline-block;
	cursor:pointer;
	background: url('/images/site/fb-share-2.png') no-repeat;
	width:60px;
	margin-bottom:-5px;
	padding:0px;
	height: 20px;
	line-height: 20px;
	white-space: nowrap;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 11px;
}

/* main content */
.main-content {
	line-height:1.4;
	margin:0px 0 0 0;
	padding:17px 20px 20px 0;
	border-right: 1px solid #CED0CF;
	/*font-size: 14px;*/
	z-index:1;
}
/* comments */
.post-comments {
	width:500px;
	padding:20px;
}
.post-comments textarea {
	display:block;
	width:400px;
	height:10em;
}
/* right menu */
#section-submenu {
	padding:0px 0 20px 2%;
	/*border-left:1px solid #A1B5C0;*/
	margin-top:20px;
	line-height:1.2;
	font-size:83%;
	float:left;
	z-index:1;
}

/* footer */
footer.footer-main #logo-banner-1,
section.home-bottom-nav #logo-banner-1 {
	width:97%;
	display:block;
	margin:0 auto;
}
footer.footer-main {
	border-top:1px solid #A1B5C0;
	margin-top:0px;
	padding-top:1.5em;
	clear:both;
}
footer.footer-main a,
footer.footer-main a:visited,
footer.full-footer a,
footer.footer-footer a:visited,
section.home-bottom-nav a,
section.home-bottom-nav a:visited {
	color:#0d65b7;
}
footer.footer-main a:hover,
footer.full-footer a:hover,
section.home-bottom-nav a:hover {
	text-decoration: none;
}
footer.footer-main h3 {
	font-weight:bold;
	margin-bottom:1.2ex;
	font-size:18px;
}
footer.footer-main ul {
	list-style:none;
	margin-bottom:5px;
	margin-top:20px;
	font-size:12px;
}
footer.footer-main ul li {
	display: inline-block;
	/**display: inline;
	zoom: 1;*/
	color:#073C6E;
	font-weight:normal;
	padding: 0 20px 0 0;
}
footer.footer-main ul li:not(:first-child):before {
	content: "|";
	padding: 0px 20px 0 0;
}
.page-blurb-bottom {
	clear:both;
	padding:20px 60px;
	line-height:16px;
	text-align:center;
	font-size:12px;
	max-width:800px;
}
.copyright {
	clear: both;
	font-size: 12px;
	padding: 11px 0 11px 0;
	text-align:center;
	line-height:1.3em;
}

.legal-blurb-1 {
	margin-top:0px;
	font-size:12px;
	padding:0px 60px 20px 60px;
	text-align:left;
	line-height:14px;
}
/** full footer **/
footer.full-footer {
	margin:4em 0 0 0;
	border-top:none;
	padding-top:0;
	width:100%;
	background:#727272;
	clear:both;
	color:#fff;
}
#ar-step-1 footer.full-footer {
	margin-top:4em;
}
#info-form-page footer.full-footer {
	margin-top:5em;
}
footer.full-footer #footer-logos {
	position:relative;
	color:#4d5650;
	font-weight:bold;
}
footer.full-footer #footer-logos a {
	display:block;
	height:70%;
	width:100%;
	position:absolute;
	top:10%;
	left:0;
}
footer.full-footer #footer-content {
	max-width:800px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size: 80%;
	padding:.5em 1em 1em 1em;
}
footer.full-footer #footer-content p {
	text-align:center;
}
footer.full-footer #footer-content a,
footer.full-footer #footer-content a:visited {
	color:#33e3ec;
	text-decoration:none;
}
footer.full-footer #footer-content a:hover {
	text-decoration:underline;
}
/*footer.full-footer #footer-logos {
	background: #fff no-repeat center/100% url('/images/site/logo-newspapers-1.png');
	height:79px;
	padding-bottom: 3em;
}*/
#ar-step-3 footer.full-footer #footer-logos,
#info-form-page footer.full-footer #footer-logos,
#product-page-2 footer.full-footer #footer-logos{
	background: #fff no-repeat center/90% url('/images/site/logo-newspapers-2.png');
	height:90px;
	padding-bottom:4em;
}
#ar-step-1 footer.full-footer #footer-logos {
	background: #fff no-repeat center/95% url('/images/logos-insco/ins-co-logo-bar-2.jpg');
	height:124px;
	padding-bottom:8em;
}
/* end footer */

#page-top-button {
	position:fixed;
	bottom:0;
	left:50%;
	margin-left:-10px;
	height:0px;
	width:0px;
	border-left:25px solid transparent;
	border-right:25px solid transparent;
	border-bottom:20px solid #2070BC; 
	z-index:3;
	display:none;
}
#page-top-link {
	position:fixed;
	bottom:0;
	left:50%;
	margin-left:-5px;
	background:transparent;
	padding:12px 12px 1px 12px;
	/*background:yellow;*/
	font-size:11px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	display:block;
	font-weight:bold;
	z-index:3;
	display:none;
	cursor:pointer;
}

iframe[name='google_conversion_frame'],
iframe[name='fb_xdm_frame_http'],
iframe[name='fb_xdm_frame_https'] { 
	height: 0 !important;
	width: 0 !important; 
	line-height: 0 !important; 
	font-size: 0 !important;
	margin-top: -13px;
	float: left;
}

/* forms */
#sma-form-tables {
	max-width:600px;
}

@media 
only screen
and (min-width: 1300px)
{
	#ar-step-1 footer.full-footer #footer-logos {
		background-size:1200px;
		padding-bottom:10em;
	}
	#ar-step-3 footer.full-footer #footer-logos,
	#info-form-page footer.full-footer #footer-logos,
	#product-page-2 footer.full-footer #footer-logos {
		background-size:1100px;
		height:120px;
	}
}

@media 
only screen
and (max-width: 980px)
{
	header.top-bar {
		float:none;
	}
}
@media 
only screen
and (max-width: 959px)
{
	.grid_4 {
		width:300px;
		margin:0 auto 1em auto;
		float:none;
		display:block;
		clear:both;
		padding:0;
	}
	
	#tn-trust {
		width:150px;
	}
	#tn-trust div:first-child {
		display:none;
	}
	/* footer */
	footer.footer-main ul {
		font-size:110%;
	}
	footer.footer-main ul li {
		padding: 0 20px 14px 0;
	}
	footer.footer-main ul li:not(:first-child):before {
		content: "";
	}
}

@media 
only screen
and (max-width: 799px)
{
	body,html {
		font-size:110%;
		width: 100%;
		padding:0;
		margin:0;
		border:0;
	}
	.container_12 .grid_9,
	.container_12 .grid_12,
	.header .grid_12,
	.container_12,
	.container_12 .top-bar {
		margin-left: 0px;
		margin-right: 0px;
		width:100%;
	}
	.container_12 .grid_3 {
		padding:2vh 2%;
		display:none;
		position:absolute;
		top:0;
		right:0;
		height:96vh;
		z-index:160;
		background:#defeff;
		/*border:2px solid #2070BC;*/
		overflow-y:auto;
		margin:0;
		border-left: 1px solid #2070BC;
	}
	.container_12 .grid_9,
	#product-page-2 .main-content {
		z-index:1;
		padding:0;
		padding-top:100px;
	}
	#site-breadcrumbs {
		max-width:90%;
		font-size:1em;
	}
	#section-submenu {
		padding:0 2% 30px 2%;
		width: 96%;
		margin:0;
		z-index:170;
	}
	#sidebar-button {
		display:block;
		position:fixed;
		right:0;
		top:45vh;
		width:0px;
		border-top:20px solid transparent;
		border-bottom:20px solid transparent;
		border-right:20px solid #2070BC; 
		cursor:pointer;
		z-index:300;
	}
	#home #sidebar-button {
		display:none;
	}
	.main-content {
		border-right:0;
		padding:0 0 0 0;
		/*margin-top:3.5em;*/
	}
	.main-form-body {
		border-right:0;
		padding:0 0 0 0;
		margin-top:2.5em;
	}
	.grid_full {
		margin:0 auto;
		float:none;
	}
	.grid_full {
		position:relative;
	}
	.container {
		width:96%;
		margin:0 2% 0 2%;
		position:relative;
		/*background:lime;*/
	}
	.mobile-container {
		overflow-x:auto;
		clear:both;
	}
	/* header */
	#top-nav-bg {
		display:none;
	}
	header.grid_12 {
		background: #fff;
		z-index:100;
		margin:0;
		position:fixed;
		top:0;
		left:0;
		padding:0;
		border-bottom:3px solid #e6e6e6;
		height:84px;
	}
	header.top-bar #tn-logo-box {
		margin:.2em 0 0em .2em;
		background:white;
		padding-right:.2em;
		width:210px;
	}
	header.top-bar #tn-logo-box img {
		width:100%;
		display:block;
		margin:0 auto;
		height:auto;
	}
	
	#upper-nav {
		height:auto;
		padding:2px 2px 2px 2px;
		margin-bottom:8px;
	}
	nav {
		top:84px;
		max-height:calc(98vh - 90px)
	}
	nav ul li {
		min-height:1.5em;
	}
	#tn-about {
		display:none;
	}
		
	.main form {
		padding-right:0;
	}
	.share-bar-nav-1 {
		float:left;
		text-align:left;
		margin-top:.5em;
		margin-left:0%;
		margin-bottom:0em;
		width:180px;
		height:20px;
		/*background:lime;*/
	}
	.share-bar-nav-1 .st_facebook_custom {
		display:none;
	}
	/* main content */
	.main-content {
		padding:0;
		font-size:80%;
	}
	/* comments */
	.post-comments {
		width:93%;
		padding:0;
	}
	.recaptcha {
		max-width:99%;
		overflow-x:auto;
	}
	.post-comments textarea {
		width:95%;
	}
	.copyright {
		font-size: 85%;
	}
	.copyright a {
		white-space:nowrap;
	}
	.legal-blurb-1,
	.page-blurb-bottom {
		font-size:85%;
		line-height:1.1;
		margin-bottom:1em;
		padding:0;
	}
	/* forms */
	#sma-form-tables {
		padding:0 !important;
	}
	/* utilities */
	.spacer02,
	.spacer03,
	.spacer04,
	.spacer05,
	.spacer10,
	.spacer15,
	.spacer20,
	.spacer25,
	.spacer30,
	.spacer35,
	.spacer40,
	.spacer45,
	.spacer50,
	.spacer65,
	.spacer75 {
		display:none; 
	}
}
@media 
only screen
and (max-width: 760px)
{
	#tn-home,
	#tn-contact {
		display:none;
	}
	#tn-phone {
		display:inline-block;
		font-weight:bold;
		background:url(/images/site/phone-07-w.png) 1px 1px no-repeat;
		cursor:pointer;
		padding-top:2px;
		padding-left:25px;
		height:18px;
		line-height:18px;
		vertical-align:bottom;
	}
	
}
@media 
only screen
and (max-width: 700px)
{
	nav {
		overflow-y:auto;
		width:98%;
	}
	nav ol>li {
		width:49%;
		padding-bottom:2.2em;
	}
	nav ol>li:last-child {
		clear:left;
	}
	#ar-step-1 footer.full-footer #footer-logos {
		display:none;
	}
	#ar-step-3 footer.full-footer #footer-logos,
	#info-form-page footer.full-footer #footer-logos,
	#product-page-2 footer.full-footer #footer-logos {
		background: #fff no-repeat center/100% url('/images/site/logo-newspapers-2-m.png');
		height:181px;
		margin-bottom:0;
	}
}
@media 
only screen
and (max-width: 600px)
{
	nav ol>li {
		width:99%;
		float:none;
	}
	#tn-trust {
		display:none;
	}
	#tn-expert {
		display:none;
	}
}
@media 
only screen
and (max-width: 500px)
{
	#ar-step-3 footer.full-footer #footer-logos,
	#product-page-2 footer.full-footer #footer-logos {
	/*	#info-form-page footer.full-footer #footer-logos { */
		display:none;
		background:none;
	}
}
@media 
only screen
and (max-width: 799px)
and (min-width: 401px)
{
	.container_12 .grid_3 {
		width:300px;
	}
}
@media 
only screen
and (max-width: 450px)
{
	#tn-search {
		width:90px;
	}
	#tn-search input[type="text"] {
		width:60px;
	}
}

@media 
only screen
and (max-width: 400px)
{
	.container_12 .grid_3 {
		width:98%;
		padding-right:1%;
		padding-left:1%;
		border:none;
	}
	#tn-phone span {
		display:none;
	}
	.share-bar-nav-1 {
		display:none;
	}
	.legal-blurb-1 {
		padding:0px ;
		line-height:1.2;
	}
	.copyright a {
		white-space:normal;
		display:block;
		
	}
	figure img {
		max-width:95%;
	}
	
}

@media 
only screen
and (max-width: 320px)
{

}
@media 
only screen
and (max-width: 250px)
{

}
