/*
By default, the width and height of an element is calculated like this:
width + padding + border = actual width of an element
height + padding + border = actual height of an element
If you set box-sizing: border-box; on an element padding and border (but not the margin) are included in the width and height.
Apply to all elements: */
/* NOTE: using caused .arrow class padding to hide img */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
} 

* {
  padding:0;
  margin:0;
  list-style:none;
}

html {
  background-color:#FFFFFF;
}

@media only screen and (max-device-width: 480px) { 
    html {
        -webkit-text-size-adjust: none;  /* stops iPhone from improper scaling*/
    }
}
body {
  background-color:#FFFFFF;
  max-width:1050px;
  margin:0 auto !important;
  font-family:Arial,Helvetica,sans-serif;
  font-size:100%; /* @ 16px; - set body 100% then use "em" to size fonts elsewhere (1em = 100%) */
  line-height:18px;
  border-width: 1px;
  border-style: solid;
  border-color: #F0F0F0; /* is a very light grey to subtly define page */
}
/*color:#0055A5;*/ /* #0055A5 blue is Old Rep Logo color - was green #0066FF; */
/*color:#585858; grey*/
/*color:#043A81; darkblue*/
/*color:#0055A5; TC blue*/
/*color:#F00000; red*/
h1{
	color:#585858; /* grey */
}
h2{
	color:#e00; /* red */
}
/* h3 seems to be 1em default */
h3{
	color:#585858;
	line-height:22px;
}
h4{
	color:#585858;
}
h5{
	color:#585858; /* grey */
}
h6{
	color:#F00000; /* red */
}

a {
	padding:10px 0 10px 0;
	color:#0055A5;
	outline: none; /* hides the dotted box around links*/
	/* -moz-outline-style: none; */ /* hides the dotted box around links in firefox*/
}
a:hover{
	color: blue;
}

a:visited {
	/*color:#000033;*/
	color:#0055A5;
	outline: none; /* hides the dotted box around links*/
} /* -moz-outline-style: none; */ /* hides the dotted box around links in firefox*/

p, li {
	/* font-size:0.875em; */ /* @ 14px; */
	font-size:1em;
	/*color:#000033;*/
	color:#585858; /* grey */
}
hr {
	border: none;
	border-top: 1px solid #cccccc;
}
div#content {
	display:block;
	width:100%;
	/* max-width:50%; */
  /* border: 1px coral solid;  TEST div border */  
  /* padding:20px; */
  /*min-height:600px;*/
  float:left;
}
.border_bottom{
clear:both;
line-height:1px;
margin:0 30px;
border-bottom: 1px solid silver;
}
.border_bottom2{
clear:both;
margin:20px 0;
border-bottom: 1px solid silver;
}
.border_bottom3{
clear:both;
margin:0 30px;
border-bottom: 1px solid silver;
}
.border1_left{
float:right;
height:350px;
margin: 0;
border-left: 1px solid silver;
}
.border_left{
float:right;
height:200px;
margin: 0;
border-left: 1px solid silver;
}
.header{
	background-image: url("../images/TIO_header_744x206.png");
	background-size:100% 100%;
	height:300px
}
.header div{
	margin:110px 20px 0;
	float:right
}
img#tio_logo{
	margin:9px 0 0 0;
}
/* div#header{background-color:#FFFFFF;margin:30px 20px 10px;} */
#TIO{line-height:120%;text-align:center;padding:12px 0 0 10px;font-weight:bold;}
#header_name{color:#043A81;font-family:verdana;font-size:170%;}
hr.header_line_space{display:block;border:1px solid white;}
#header_largest_broker_blurb{color:#043A81;font-family:arial;font-size:100%;}
#header_1991_blurb{color:#e00;font-family:arial;font-size:100%;}

ul#desktop_menu {
	background-color: #3d7898;
	list-style-type: none;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: nowrap; /* assumes you only want one row */
}
ul#desktop_menu li{
border: 1px solid #3d7898;
margin:0;
/* padding: 14px 14px; need to use on li a */
}
ul#desktop_menu li a{
background-color: transparent;
color:white;
padding: 14px;
}
ul#desktop_menu li:hover{
background-color: white;
color:#3d7898;
}
ul#desktop_menu li:hover a{
background-color: transparent;
color:#3d7898;
}
ul#desktop_menu2 {
	background-color: white;
	list-style-type: none;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: nowrap; /* assumes you only want one row */
}
ul#desktop_menu2 li{
border: 1px solid #3d7898;
margin:0;
/* padding: 14px 14px; need to use on li a */
}
ul#desktop_menu2 li a{
background-color: transparent;
color:#3d7898;
padding: 14px;
}
ul#desktop_menu2 li:hover{
background-color: #3d7898;
color:white;
}
ul#desktop_menu2 li:hover a{
background-color: transparent;
color:white;
}
div#nav_mobile {
	display: none;
	margin-bottom:20px;
}
a#contacts_toggle_a2{
	color:#e00; /* red */
	font-weight:bold;
	/*text-decoration:underline;*/
	text-decoration:none;
}
div#contacts_toggle_div2{
	display: none;
}
/* .main-content-faq{
	padding:25px;
	margin: 10px 25px;
	background-color:#f9f9f7;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #ddd;
} */
.main-content-faq{
	padding:10px 25px 10px 15px;
	margin: 10px 0px;
	background-color: #043A81;
	color:white;
	font-weight:bold;
	border:1px solid #043A81;
}
.main-content-faq a {
	color:white;
	font-weight:bold;
	text-decoration:none;
	display:block; /* need 'display' for height or width to work */
	width:100%; /* needed to make <a> larger area clickable / NEED display:block */
}
.main-content-faq a:hover {
	background-color: #000099;
}
div.main-content-faq:hover {
	background-color: #000099;
}
/* .main-content-newsletter{
	border-right:1px solid silver;
	padding:0 25px 0 5px;
	margin: 10px 0 30px 0;
	max-width:410px;
	float:left;
}
.main-content-newsletter img{
	width:410px;
} */
#subscribe_link{
	float:right;
	padding:0 100px 0 0;
}
.newsletter img{
	margin:25px;
	text-decoration:none;
}
.main-content-tugo{
	padding:0 25px;
	margin: 30px 0;
	max-width:410px;
	float:left;
}
.main-content-about-us{
	border-right:1px solid silver;
	padding:0 25px;
	margin: 30px 0;
	max-width:410px;
	float:left;
}
.main-content-event-kit{
/* 	padding:0 25px;
	margin: 10px 0 30px 0;
	max-width:410px; */
	margin:20px;
	float:left;
}
.img-time-rate-table{
	display:block;
	margin-left:10px;
	width:100%
}
.img-time-rate-table-small{
	display:none;
}
.img-tc-rate-table{
	margin-left:30px;	
	width:450px;
}
iframe#video{
	border:1px solid silver;
	margin:20px 0;
	width:420px;
	height:315px;
}
div#faq-read-below { display: none; }

	/* div#intro_options{display:block;width:50%;} */

/*-----------------------------------------------------------------------------

  Top Navigation

-----------------------------------------------------------------------------*/
/* .mobile_nav  class added only for javascript reference. see script in template */
.nav_menu {
		/* background-color:#043A81; */
	background-color:#FDFDFD;
		/* margin:0 0 10px 0; */
	/* min-height:27px; */
	/* border-top: 10px solid #FDFDFD; */
	/* border-bottom: 3px solid #FDFDFD; */
		/* overflow: hidden; 		allows div to expand with ul list  but  also hiding nav drop downs */
		/*border-top: 0.35em solid #043A81;*/
		/*border-bottom: 0.25em solid #043A81;*/
	width:100%;
	float:left
}
.nav_menu a {
	/* display:inline; */
	padding:0 18px 7px 0px;
	/* background-color:#043A81; */
	background-color:#FDFDFD;
	text-decoration:none;
	font-weight:bold;
	/* color:#FFFFFF; */
	color:#043a81;
		font-size:1em;
}
a.nav_menu_line1 {
	/* color:#FFFFFF; */
	color:#043a81;
	font-weight:bold;
	text-decoration:none;
	display:block; /* need 'display' for height or width to work */
	width:40%; /* needed to make <a> larger area clickable / NEED display:block */
}
a.nav_menu_line1:hover {
	/* text-decoration:underline; */
	text-decoration:none;
}
.nav_menu ul {
	list-style:none;
	font-weight:bold;
	/* color:#FFFFFF; */
	color:#585858;
}
.nav_menu ul li {
	border:1px solid white;
	/* padding:4px 18px 4px 22px; */
	/* background-color:#043A81; */
	text-decoration:none;
	font-weight:bold;
	/* color:#FFFFFF; */
	color:#585858;
		font-size:1em;
		margin-bottom:15px;
}
.nav_menu ul li a {
	/* display:inline; */
	/* color:#FFFFFF; */
	color:#043a81;
	font-weight:bold;
	font-size:1em;
	padding:0 0px 0 0;
	/* background-color:#043A81; */
	text-decoration:none;
	display:block; /* need 'display' for height or width to work */
	width:100%; /* needed to make <a> larger area clickable */
/*	-moz-box-sizing: border-box;
	box-sizing: border-box;  */  /* only need box-sizing if adding border or padding >0 */
}
/* change li element on hover over li */
.nav_menu ul li:hover{
	border:1px solid #043A81;
	background-color:#FFFFFF;
	/* color:#FFFFFF; */
	color:blue;
  /* color:#043A81; */
}
/* also change <a> element on hover over li */
.nav_menu ul li:hover a{
  background-color:#FFFFFF;
  /* color:#043A81; */
 /*  color:blue; */
  	/* text-decoration:underline; */
}
  /*background-color:#DCE8F8;*/
/*.nav_menu ul li a:hover {
  background-color:#FFFFFF;
  color:#043A81;
}*/
.nav_menu ul li ul{
	list-style:none;
	font-weight:bold;
	color:#043A81;
	background-color:#FFFFFF;
	margin:10px 0 0 0 ;
	padding:10px 0 0 0;
	/* border:2px solid lightblue; */
}
.nav_menu ul li ul li{
	font-weight:bold;
	color:#043A81;
	background-color:#FFFFFF;
	margin:0;
	padding-left:5px;
	margin-bottom:15px;
	text-decoration:none;
}
.nav_menu ul li ul li a{
	font-weight:normal;
	color:black;
	background-color:#FFFFFF;
		font-size:1em;
}
.nav_menu ul li:hover ul li a{
	text-decoration:none;
}
.nav_menu ul li ul li a:hover {
	background-color:#FFFFFF;
	/* color:blue; */
	text-decoration:none;
	/* text-decoration:underline; */
}
/* Desktop nav 1*/
div#top_nav1 {
	display:none;
	background-color:#a00; /* red */
	/* margin:0 0 10px 0; */
	height:34px;
	border-top: 2px solid #a00; /* red */
		border-bottom: 2px solid #a00; /* red */
	/* overflow: hidden; 		allows div to expand with ul list  but  also hiding nav drop downs */
	/*border-top: 0.35em solid #043A81;*/
	/*border-bottom: 0.25em solid #043A81;*/
		margin-bottom:3px;
	padding:2px 0;
	width:100%;
	float:left
}
div#top_nav1 ul{
	list-style:none;
	margin:8px 0 0 30px;
	padding:0;
	position:relative;
		z-index: 1; /* makes list element overlay lower nav*/
}
div#top_nav1 ul li {
	float:left;
	/* position:relative; */
	margin-bottom:15px;
}
div#top_nav1 ul li a {
	display:inline;
	padding:10px 18px 10px 18px;
	background-color:#a00; /* red */
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	border-left:2px solid white;
}
div#top_nav1 ul li a#current {
  /* background-color:#d4e1f2; */
  background-color:#FFFFFF;
  color:#043A81;
}
div#top_nav1 ul li a:hover {
  /*background-color:#DCE8F8;*/
  background-color:#FFFFFF;
  color:#043A81;
}

/*top_nav1 dropdown menus*/
div#top_nav1 ul ul{
	list-style:none;
	display:none;	
}
div#top_nav1 ul li:hover > ul{
	position:absolute;
	top:27px;
	float:none;
	display:block;
	margin:0;
	padding:25px 0 8px 0;
	background-color:#FFFFFF;
	width:390px;
	border:1px solid #043A81;
	border-top:none;
}
div#top_nav1 ul li:hover > ul li{
	float:none;
	display:block;
	background-color:#FFFFFF;
	height:28px;
	font-size:1em;
}
div#top_nav1 ul li:hover > ul li a{
	background-color:#FFFFFF;
	color:#043A81;
}
div#top_nav1 ul li:hover > ul li a:hover{
	background-color:#FFFFFF;
	color:blue;
	text-decoration:underline;
}

/* Desktop nav */
div#top_nav {
	display:none;
	background-color:#043A81;
	/* margin:0 0 10px 0; */
	height:34px;
	border-top: 2px solid #043A81;
	border-bottom: 2px solid #043A81;
	/*	border-bottom: 2px solid silver; */
	/* overflow: hidden; 		allows div to expand with ul list  but  also hiding nav drop downs */
	/*border-top: 0.35em solid #043A81;*/
	/*border-bottom: 0.25em solid #043A81;*/
	padding:2px 0;
	width:100%;
	float:left;
}
div#top_nav ul{
	list-style:none;
	margin:8px 0 0 30px;
	padding:0;
	position:relative;
		/* z-index: 1; only needed on the upper nav */  /* makes list element overlay lower nav */
}
div#top_nav ul li {
	float:left;
	/* position:relative; */
	margin-bottom:15px;
}
div#top_nav ul li a {
	display:inline;
	padding:10px 18px 10px 18px;
	background-color:#043A81;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	border-left:2px solid white;
}
/* Add a right border to all list items, except the last item (last-child) */
/*
li {
    border-right: 1px solid #bbb;
}
 li:last-child {
    border-right: none;
} */
div#top_nav ul li a#current {
  /* background-color:#d4e1f2; */
  background-color:#FFFFFF;
  color:#043A81;
}
div#top_nav ul li a:hover {
  /*background-color:#DCE8F8;*/
  background-color:#FFFFFF;
  color:#043A81;
}

/*top_nav dropdown menus*/
div#top_nav ul ul{
	list-style:none;
	display:none;	
}
div#top_nav ul li:hover > ul{
	position:absolute;
	top:27px;
	float:none;
	display:block;
	margin:0;
	padding:25px 0 8px 0;
	background-color:#FFFFFF;
	width:390px;
	border:1px solid #043A81;
	border-top:none;
}
div#top_nav ul li:hover > ul li{
	float:none;
	display:block;
	background-color:#FFFFFF;
	height:28px;
	font-size:1em;
}
div#top_nav ul li:hover > ul li a{
	background-color:#FFFFFF;
	color:#043A81;
}
div#top_nav ul li:hover > ul li a:hover{
	background-color:#FFFFFF;
	color:blue;
	text-decoration:underline;
}
/* mobile dropdown menu*/
#menu{
	display:none;
	padding-top:20px;
	margin-bottom:20px;
	border-bottom:4px solid #E6F2FF
}

.phone_contacts div{
float:left;
}
.phone_contacts table{
border-collapse:collapse;
margin:4px 2px 6px 2px;
}
.phone_contacts td{
padding:0 2px;
text-align:left;
vertical-align:bottom;
font-size:0.875em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#585858; /* grey */
}
.phone_contacts tr{
/*border-bottom:1px solid silver;*/
}
/*-----------------------------------------------------------------------------

  main image

-----------------------------------------------------------------------------*/
#image_container{
    height:200px;
    /*width:900px;*/
    /*position:relative;*/
	background:white url(../images/Starfish.jpg) 0 center no-repeat;
	padding: 0;
}

#image{
    position:absolute;
    left:0;
    top:0;
}
#image_text1{
	float:left;
	padding-top:85px;
	width:635px;
}
#image_text1 p{
    color:#000; /* #043A81 */
    font-size:1.1em;
    font-weight:bold;
	margin-left:45px;
	text-shadow:0px 5px 8px #FFF; /* text-shadow:0.5px 1px 3px #eee;*/
}
#image_text2{
	float:left;
	padding-top:130px;
	/*margin-right:30px;*/
}
#image_text2 p{
    color:#000;
    font-size:1.1em;
    font-weight:bold;
	text-shadow:0px 5px 8px #FFF;
}
/*-----------------------------------------------------------------------------

  Main Content

-----------------------------------------------------------------------------*/

#main_content {
	/* border: 1px solid;  TEST div border */
	/*width:580px;*/
	width:100%;
	float:left;
	margin-bottom:20px;
}

#main_content p {
	margin:10px 0;
}

.main-content-products{
	/*width:270px;*/
}
.main-content-products li{
	/*color:#0055A5;*/
	font-weight:bold;
	/*font-size:1em;*/
	font-family:Arial, Helvetica, sans-serif;
	/*text-shadow:0.5px 1px 1px silver;*/
	/*box-shadow:1px 1px 2px #0055A5;*/
	box-shadow:4px 5px 3px silver;
	/*border-color:silver;*/
	border-style:solid;
	border-width: 1px;
	border-radius:10px;
	margin-bottom: 3px; /* adds space between list items */
	padding:3px 7px 3px 3px;
}
.tc-buttons li{
	color:#0055A5;
}
.time-buttons li{
	color:darkred;
	border-color:darkred;
}
.vip-buttons li{
	color:#007A3E; /*VIP green*/
}
.main-content-products a{
	display:block; /*need 'display' for height or width to work*/
	text-decoration:none;
	/*border:1px solid black;*/
	padding:8px 0 8px 5px;
	width:100%;
}
.main-content-products li:hover {
  /*background-color:#DCE8F8;*/
  background-color:#F0F0F0;
}
.main-content-products li a:hover {
  color:darkblue;
}
div#TC-index-text{
	color:red;
	font-size:0.65em;
}
img#VIP-index-img{padding:8px 45px;}
div#VIP-index-text{
	color:black;
	font-size:1em;
	font-family: verdana;
}
img#Tugo-index-img{padding:15px 0;width:170px;}
img#TIME-index-img{height:60px;}
div#TIME-index-text{
	color:#000066;
	font-size:1em;
	font-family: verdana;
}

/* old intro 2015? */
.intro{
	float:left;
	/* min-height:580px; */
	min-height:480px;
}
.intro p{
	color:#043A81;
	font-weight:bold;
}
.option1 div{
	margin-left:5px;
}
.option1 ul li{
	list-style-type:disc;
	margin-left:20px;
}
/* div#intro_wrapper{
	display:block;
	background-color:white;
} */
div#intro_options{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:white;
	margin:20px;
/* 	float:left; */
}
.intro_options div{
	/* border-bottom:1px solid grey; */
	padding:20px 0;
}
.intro_options p{
	line-height:130%;
}
.intro_options a{
	color:#585858;
	/* font-weight:bold; */
	text-decoration: none !important;
}
.intro_options a:hover{
	/* color:#043A81; */
	color:blue;
	text-decoration:none;
}
.intro_options a:visited{
	color:#585858;
	text-decoration: none !important;
}
.intro_options hr{
	margin:15px 0;
}
img#product_covers{height:300px;margin-left:50px}
div#header_image{
	display:block;
	/* margin:5px; */
	/* float:right; */
	/* border:1px solid #eee; */
	/* height: 10em; */
/* 	height: 173px;
	width:320px;	
	position: relative */
}
.header_image{
    display: block;
/* 	margin-left: auto;
    margin-right: auto;  */
/*    	margin-top:30px; */
	/* border:10px solid grey; */
	/* center image */
	width: 314px;
/* 	height: 175px;	
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 -50% 0 2%;
    transform: translate(-50%, -50%); */
}

.button{
	display:inline-block;
	/* width:9em; */
	margin-left:20px;
	padding:7px; 
	background-color:#f6f6f6;
	border: 1px solid #cccccc;
	/* border-bottom: 1px solid #cccccc; */
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button:hover{
	color:blue;
	background-color:#e6e6e6;
}
.button:visited {
	background-color:#f6f6f6;
	color:#000;
	outline: none; /* hides the dotted box around links*/
}
.button1{
	color:red;
}
.button2{
	color:#043A81;
}
.button1:visited{
	color:red;
}
.button2:visited{
	color:#043A81;
}

#finder_button{
	font-family: verdana,arial;
    font-weight: bold;
	height:30px;
	width:200px;
	border-radius: 50px;
}
#finder_button:hover{
	background-color: #eef;
}

.article {
	margin:20px;
}

.article ul, .article ol {
  margin:10px;
}

.article ul li{
  margin:5px 0px 5px 20px;
  /* list-style-type:square; */
  list-style-type:disc;
}

.article ol li {
  margin:5px 0 5px 20px;
  list-style-type:decimal;
}

.article table{
  /*font-size:0.875em;*/
}
/* ALTRNATE line or row color
.article ul > li:nth-child(odd) { background-color:#eee; }
.article ul > li:nth-child(even) { background-color:#fff; }

.article tr:nth-child(odd) { background-color:#000; }
.article tr:nth-child(even) { background-color:#333; }
*/
img#xMas-garland{
	margin:10px 0 20px 0;
	width:480px
}
img#santa{
	display:block;
	margin-left:10px;
	width:80px;
}
/* 	
#santaSled{
	position: relative;
	display:block;
	max-width:500px; - Need *width* as div was transparently covering menu links
}
div#santa_quote{
    position: absolute;
	top: 0;
	left:5.5em; 
}
*/
#santa_quote p{
    /* background-color: ivory; */
    border: 1px solid gold;
    border-radius: 30px;
    font-family: verdana;
    font-size: 0.95em;
    max-width: 320px;
    padding: 5px 15px;
    text-align: center;
	margin:0;
}
/* top: 270px;
margin: 0px;
padding: 0px 0px 0px 100px; */

.toggle {
	margin:5px 0;
	padding:0;
	font-weight:500;
	font-size:1.2em;
	color:#0055A5;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

img.arrow{
	border:none;
	/* padding:3px 5px 18px 0; NOTE: using global box-sizing, padding hides img, unless added to h+wth */
	margin:5px 5px 18px 0;
	background-color: #FFFFFF;
	float: left;
	width: 11px;
	height: 11px;
}

.products {
	height:350px;
}
table.products {
	margin:20px 0 0 58px;
}
.products tr td a, tr td a:visited{
	color:#000033;
	font-size:0.875em;
	font-weight:bold;
	text-decoration:none;
	outline: none; /* hides the dotted box around links*/
	/* -moz-outline-style: none; */ /* hides the dotted box around links in firefox*/
}
.products tr td a:hover{
	color:blue;
	font-weight:bold;
	text-decoration:none;
	outline: none; /* hides the dotted box around links*/
	/* -moz-outline-style: none; */ /* hides the dotted box around links in firefox*/
}
.products p{
	color:#043A81;
	font-weight:bold;
}
.forms {
	margin:20px;
}
.forms div{
	margin:20px 0px;
}
.forms p{
	line-height: 150%;
}
.faq_wrapper {
	margin:20px;
}
.faq_wrapper div{
	margin:20px 0px;
}
.faq {
	margin:10px 0 0 17px;
}
.quest {
	margin:20px 30px;
}
table.tugo-tbl-style1 {
	border-collapse:collapse;
	margin:20px 0;
}
.tugo-tbl-style1 th {
	border:1px solid #28bdb3;
	background-color:#28bdb3;
	color:white;
	font-weight:bold;
	text-align:center;
	padding:6px 0;
}
.tugo-tbl-style1 td {
	border:1px solid silver;
	width:50%;
	padding:0 5px;
}
table.tugo-tbl-style2 {
	border-collapse:collapse;
	margin:20px 0;
}
.tugo-tbl-style2 th {
	border:1px solid #28bdb3;
	background-color:#28bdb3;
	color:white;
	font-weight:bold;
	text-align:center;
	padding:6px 0;
}
.tugo-tbl-style2 td {
	border:1px solid silver;
	padding:0 5px;
}
.tugo-tbl-style2 ul li {
	list-style-type:none;
	margin-left:2px;
}
.tugo-tbl-style2 ul li ul li{
	font-size:1em;
	list-style-type:circle;
	margin-left:5px;
}
/* example: Insert hyphen as list style
li:before {
    content: "-"; 
    padding-right: 8px;
    color: blue;
}
*/
table.tugo-tbl-style3 {
	border-collapse:collapse;
	margin:20px 30px;
}
.tugo-tbl-style3 th {
	border:1px solid #28bdb3;
	background-color:#28bdb3;
	color:white;
	font-weight:bold;
	text-align:center;
	padding:6px 0;
}
.tugo-tbl-style3 td {
	border:1px solid silver;
	font-size:14px;
	padding:0 5px;
	width:50%;
}
.about_us {
	margin:20px;
}
.privacy {
	margin:20px;
}
.bold{
	font-weight:bold;
}
.text-center{
	text-align:center;
}
#deposit-form p {
	margin:15px 2px 4px;
}
.deposit-form input[type="text"]{
	display:block;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; /* Specify element should have padding and border included in the element's total width and height: */
	width:100%;
	font-size:14px;
	padding-left:5px;
}
.deposit-form input[type="submit"]{
    display: inline-block; /* also need div wrapper with 'text-align:center' to centre submit button*/
    /* width: 155px; */
	font-size:14px;	
	padding:5px 7px;
}
div#survey_info{
	display: none;
    position: fixed;
    bottom: 10px;
	margin: 2% auto; /* Will not center vertically and won't work in IE6/7. */
	left: 0;
	right: 0;
	/* right: 5px; to center removed "right" and add left:0 and margin 0 auto */
    width: 300px;
    border: 2px solid silver;
	background-color:#f2f2f2;
	color:#0055A5;
	font-weight:bold;
	padding:10px;
	box-shadow:4px 5px 3px silver;
}
div.close-button {
    position: absolute;
    top: 0;
    right: 0;
	background-color:white;
	/* color:white; */
}
a.toggle_close {
	color:black;
	text-decoration:none;
	padding:3px;
	line-height:27px;
	font-weight:bold;
}
.survey_info form{
	padding:5px;
}
.survey_info p{
	line-height:30px;
	font-weight:normal;
}
.survey_info label{
	padding-left:5px;
}
.survey_info input[type="text"]{
	color:#585858;
	padding:3px;
	width:200px;
	/* text-decoration:none; */
}
.survey_info input[type="submit"]{
	padding:3px 15px;
	font-weight:bold;
}
/* div#email_info{
	display: none;
    position: fixed;
    bottom: 10px;
    right: 5px;
    width: 300px;
    border: 5px solid silver;
	background-color:blue;
	color:white;
	font-weight:bold;
	padding:10px;
	box-shadow:4px 5px 3px silver;
}
div.close-button {
    position: absolute;
    top: 0;
    right: 0;
	background-color:red;
	color:white;
}
a.toggle_close {
	color:white;
	text-decoration:none;
	padding:3px;
	line-height:27px;
}
.email_info a{
	color:white;
	text-decoration:none;
} */
ul.videos li {
	line-height:120%;
	list-style-type:disc;
	margin-top:20px;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top:10px;
}
#visitor_images {   
    max-width: 700px;
	/* border: 1px solid blue; */
}
#visitor_images > div {
    max-width: 640px;
    margin-top:25px;
    margin-left: auto; 
    margin-right: auto;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	/* border: 1px solid black; */
}
.stretch {
    /* width: 100%; */
    width: 540px;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
/* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */
.flex-container { /* possible use for:  visitor_images > div */
  /* We first create a flex layout context */
  display: flex;
  
  /* Then we define the flow direction and if we allow the items to wrap 
   * Remember this is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   */
  flex-flow: row wrap;
  
  /* Then we define how is distributed the remaining space */
  justify-content: space-around;
}
/*-----------------------------------------------------------------------------

  Email form

-----------------------------------------------------------------------------*/
div#email_form_wrapper{
	display:table;
	width:480px;
	border-radius: 5px;
	background-color: #f6f6f6;
	padding: 5px;
	margin:20px;
}	
.email_form textarea {
	width: 100%;
	height: 150px;
	padding: 5px 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: none;
	margin: 9px 0;
}	
.email_form input[type=text], input[type=email], input[type=number]{
	width: 100%;
	padding: 5px 10px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}
.email_form input[type="text"]:focus, input[type=email]:focus, textarea:focus {
	border-color:#191919;
	box-shadow:none;
	-webkit-box-shadow:none
}
.email_form input[type=submit] {
	width: 100%;
	background-color: #4CAF50;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
}
.email_form input[type=submit]:hover {
	background-color: #45a049;
}
.required {
	color:#e9266d
}
.error {
	color: #FF0000;
}
#contact fieldset{
	padding:10px;
}
a#email_link_mobile{
	text-decoration:none;
	color:#043a81;
	font-size: 1em;	
    font-weight: normal;
}
a#email_link_mobile:hover{
	color: blue;
}
a#email_link_footer{
	text-decoration:none;
	color:#585858;
	font-family:tahoma,Arial;
    font-weight: normal;
}
a#email_link_footer:hover{
	color: blue;
}
/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/
/* footer */
div#footer{
	/* border: 1px solid;  TEST div border */
	/*clear:both;*/
	/*background-color:#f6f6f6;*/
	background-color:#FFFFFF;
	color:black;
	border-top: 5px solid #3d7898;
	width:100%;
	float:left;
}
/* do NOT float left div.footer as img will also */
div.footer{
	background-color:#FFFFFF;
	color:#000;
	padding:20px;
	/* max-width:1000px	 */
}
.footer div{
	float:left;
	margin-right:20px;
}
/* div.other_contacts{
	float:right;
} */
.footer table{
	/* float:left; */
}
.footer-tr-display{
	display:table-row;
}
.footer td{
	font-size:1em;
	font-weight:normal;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color:#585858;
}
.footer-space td{
	line-height:7px
}
img#footer_image{
display:block;
float:right;
width:610px;
}
/* Globe
.footer img{
	float:right;
	margin:30px 0;
	width:260px;
} */
div.header_contacts{
	float:left;
}
/*.contacts div{ USE .class with element to style element inside .class */
/*div.myClass looks for div with class .myClass*/
.contacts table{
border-collapse:collapse;
margin:4px 2px 6px 2px;
}
.contacts td{
padding:0 2px;
text-align:left;
vertical-align:bottom;
font-size:0.875em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
/* color:#585858;  grey */
}
.mobile_menu_contacts{
	/* display:none; Needed to use directly in element style for single click toggle to work */
	/* margin-bottom:20px; */
	padding:20px;
	background-color:white;
	color:#043A81;
	/* font-size:0.9em; */
	/* font-weight:bold; */
	border-bottom:2px solid #3d7898
}
/* .menu_contacts{
	margin-top:20px;
	padding:10px 2px;
	background-color:white;
	color:#043A81;
	border:3px solid lightblue;
} */
.footer_links{
	background-color:darkred;
	border-top: 1px solid silver;
	text-align:center;
	padding:15px 0 20px 0;
}
.footer_links a{
	color: white;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}
.footer_links a:hover{
	color: white;
	font-size:1em;
	font-weight:bold;	
	text-decoration:underline;
}
.footer_links a:visited{
	color: white;
	font-size:1em;
	font-weight:bold;
	outline: none; /* hides the dotted box around links*/
	/* -moz-outline-style: none; */ /* hides the dotted box around links in firefox*/
}
/*-----------------------------------------------------------------------------

  Clearfix

-----------------------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/*-----------------------------------------------------------------------------

 Mobile - adjustments for various screen sizes

-----------------------------------------------------------------------------*/
img#quick-quote-vip-cover{margin:32px 0}

@media (max-width: 1050px) {
	img#footer_image{width:500px;}
}
@media (max-width: 950px) {
	/* ul#desktop_menu li{padding: 14px 4px;} */
	div#header_image{display: none;}
/* 	div#content {max-width:100%;} */
	div#top_nav1 { display: none; }
	div#top_nav { display: none; }
	img#tio_logo{margin:9px 0 0 15px;width:42px}
	img#xMas-garland{ margin:0 0 10px 20px;width:380px }
	img#santa{display:block;margin-left:10px;width:80px}
/* 	div#intro_options{display:block;width:100%;} */
/* 	.intro{float:none;min-height:580px;} */
	a#contacts_toggle_a2{ text-decoration:none;}
	div#contacts_toggle_div2{ display: block; }
	.border_bottom{ border-bottom: none; }
/* 	.main-content-newsletter{ border:0} */
/* 	.main-content-about-us{ border:0} */
	#subscribe_link{padding:0;}
	.newsletter img{ margin:25px 0px}
	img#product_covers{margin-left:0}
	.img-time-rate-table{display:none;}
	.img-time-rate-table-small{display:block;width:420px;}
	/* iframe#video{ width:420px;height:315px; } */
	div#faq-read-below { display: block; }
	.main-content-faq{	line-height:22px; }
/* 	.main-content-event-kit{padding:0 5px;} */
	div.other_contacts{float:left;}
	div#email_form_wrapper{width:400px}
		img#footer_image{width:450px;}
}

@media (max-width: 890px) {
/* 	.header{height:350px}
	.header div{margin:120px 20px;} */
	div#nav_desktop{display: none;}
	div#nav_mobile { display: block; }
	.nav_menu ul li a{padding:4px 18px 4px 22px;}
	img#footer_image{float:none;width:300px;}
}

@media (max-width: 770px) {
	/*div#header{margin:0;max-width:350px;}*/
	#TIO{line-height:110%;padding:12px 0;}
	#header_name{color:#043A81;font-family:verdana;font-size:130%;}
	hr.header_line_space{display: none;border:1px solid white;}
	#header_largest_broker_blurb{color:#043A81;font-family:arial;font-size:80%;}
	#header_1991_blurb{color:#e00;font-family:arial;font-size:80%;}
	.header{height:250px}
	.header div{margin:80px 20px 0;}
	img#footer_image{float:none;width:300px;}
	img#quick-quote-vip-cover{margin:0}
	img#TC-index-img{width:100px;}
	div#TC-index-text{font-size:0.5em;}
	img#VIP-index-img{padding:5px 0px;width:51px;}
	div#VIP-index-text{font-size:0.7em;}
	img#Tugo-index-img{width:120px;}
	img#TIME-index-img{height:45px;}
	div#TIME-index-text{font-size:0.7em;}
}

@media (max-width: 420px) {
	body{font-size:85%;}
	/*div#content {padding:20px 0} */
	/* .main-content-newsletter{padding:0 0 0 25px;} */
	/* .main-content-newsletter img{width:300px;} */
	.header{background-image: url("../images/TIO_header_375x250.png");height:250px}
	div#header{margin:80px 5px 0;}
	.newsletter img{ margin:25px -10px;width:320px;}
	img#tio_logo{margin:9px 0 0 0;width:35px}
	img#xMas-garland{margin:0 0 10px 2px;width:320px }
	div#TC-index-text{font-size:0.45em;}
	img#product_covers{height:250px;margin-left:-10px}
	/* .button{margin-left:0} */
	.img-tc-rate-table{display:block;width:350px;margin-left:0px}
	.img-time-rate-table-small{display:block;width:350px;}
	iframe#video{ width:315px;height:236px; }
	div#faq-read-below { display: block; }
	.main-content-faq{	line-height:22px;padding:15px;margin: 20px 0px;}
	/* .main-content-faq{	line-height:22px;padding:15px;margin: 20px 25px;border-radius: 0px;box-shadow: none;} */
	.footer-tr-display{display:none}
	.footer div{margin-right:0;}
	img#santa{display:none}
	div#email_form_wrapper{margin-left:0px;width:320px}
		img#footer_image{float:none;width:300px;}
}