@charset "utf-8";
.layout-container {
	position: relative;
	max-width: 70em;
	margin: 0 auto;
}
.layout-container-wide {
    overflow: auto;
}

.topmenu {
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
/*	color: #333; 
 	background:#DCDCDC; */
 	background:#FFF;
}
}
/**********************/
/*Bootstrap overrides */

blockquote {
    border-left: none;
}

.navbar-toggle {
	margin-top:33px;
}

/*  sticky section  */

.navbar {
	background:#FFF;
	margin-bottom: 0px;
	border-radius: 0px;
	position:fixed;
	z-index:100;
	width:100%;
} 

.navbar-header {
    background-color:#A00;
	position:fixed;
	width:100%;
	left: 15px;
	top: 0px;
	z-index:100;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:333;
	padding-bottom: 5px;
}

/* end sticky section */

.navbar-default .navbar-brand {
	color: #039;
	height: 100px;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #555;
}

.navbar-default .navbar-nav > li > a {
	text-decoration:none;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color: #333; /*text-align: center;*//*	background-color: #FFF;*/
	line-height: 15px; /*to lessen line spacing for mobile nav-bar*/
	background-color:#F0F0F0;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #C00;
}
.navbar-default .navbar-right > li > a {
	font-size:14px;
	color:#036;
	padding-right:0px;
}
.navbar-default .navbar-right * {
	/*Bootstrap box-sizing: border-box would make the google search button small and cut off the bottom of the google search input field, so we override it with the default
	*/
	box-sizing: content-box;
}
/*workaround to stop scrollbar from showing in expanded menu */
.navbar-collapse.in {
	overflow-y: visible;
	background-color:#F0F0F0;
	margin-top: 45px;
}

/* END Bootstrap overrides
/*************************/

.header {
/*	margin-bottom: 50px;
	background:#DCDCDC; */
}

.content {
	overflow: hidden;
	padding: 0em 2.5em;
	background-color: #fff;
}

.contentred {
	overflow: hidden;
	padding: 0em 2.5em;
	background-color: #A00;
}

.contentcanvas {
	overflow: hidden;
	padding: 0em 2.5em;
    background-image: url("images/misc/canvas.jpg");
}

.mainspacer {
	display:none;
}
.aside {
	margin: 25px 35px 10px 80px;
}
.asideproduct {
	min-width:250px;
	background-color:#E6E6E6;
	width: 40%;
	margin: 20px 0px 0px 0px;
    border-radius: 25px;
    padding: 20px; 
}
.asideproduct p {
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #039;
}
.asideproduct li {
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #333;
}
.image-float-right {
	display:none;
}
.righthome {
	float: left;
	margin: 0px 0px 20px 0px;
}
.image500 {
	margin:10px 0px 20px 0px;
	max-width:100%;
}
.main-block-centered {
	display:none;
}

.schemahome {
	display:none;
}

/*search in the navigation bar*/
#search {
	display:inline; /*show in navigation bar (dropdown menu) when browser is small*/
}

/*search in the navigation bar*/
#search-header * {
	margin:0px 0px 0px 0px;
	box-sizing: content-box; /*override bootstrap 'box-sizing: border-box' to make the google search box render correctly */
	line-height:1; /*override bootstrap 'line-height: 1.42857' to make the google search box render correctly */
}

/*search in the top right corner*/
#search-header {
	display:none; /*hide when browser is small*/
}

/************************
 Google search overrides
 /************************

.cse .gsc-control-cse #search-header, .gsc-control-cse #search-header{ */
#search-header .gsc-control-cse, #search .gsc-control-cse {
	/*padding: .5em 0;*/
	background: #EEE;
	line-height:1; /* centers the input box vertically for mobile */
	border: 0px;
}

#search-header td.gsc-input {
	width: 150px;
}

/*adjust this to change the size of button*/
/* #search-header .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {*/
#search-header .gsc-search-button {
/*padding: 6px 10px*/
}

.toprow {
	display:none;
}

.logintable ul {
/*	font-size: 14px;  */
	color:#333;
/*	line-height:175%; */
	list-style-type: none;
}

.logintable li {
	font-size: 24px;
	font-style:italic;
}

.headeroverlay2 {
 	display:none;
}
.header-image {
	display:none;
}

.header-image-mobile {
	background-size: 100%;
    width: 100%;
    height: auto;
	margin-top: 100px; /* ggg */
}

/* START show-hide for NON-MOBILE only - e.g. dealers, payrollnews  */
.showhide{
  display:block;
}
.showhide + input{
  display:none;
}
.showhide + input + *{
  display:none;
}
.showhide+ input:checked + *{
  display:block;
}
/* END show-hide with CSS only  */

.buttonpanel {
	margin: 30px 25px 40px 0px;
	clear:both;
}

.buttonpanelcenter {
	margin: 25px 0px 35px 0px;
	text-align:center;
}
quoterpanel {
	width:100%;
	background-color:#FFFFCC;
	margin: 30px 25px 35px 0px;
	padding: 0px 15px 10px 15px;
	border:medium;
	border-style: solid;
	border-color:#333;
}

.topnum {
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:center;
	color: #039;
	background-color:#FFF;
	padding:15px 0px 15px 0px;

}

/* .schedule {
	text-align:center;
	font-size:13px;
} */

.schedule p {
	text-align:center;
	font-size:12px;
}

#tips, #tips li{
	text-align:center;
	font-size:16px;
	padding:0;
	list-style:none;
	}
#tips{
	width:158px;
	font-size:16px;
	line-height:120%;
	width: 100% ;
	margin-left: auto ;
	margin-right: auto ;
	}
#tips li{
	padding:10px;
	background:#F2F2F2;
	display:none; /* hide the items at first only */
	}

@media only screen and (min-width: 768px) {

#tips, #tips li{
	margin:0px 0px 0px 6px;
	}
	
#tips{
	width:158px;
	}
	
/* ---------------------------
For screens larger than mobile */

/* .schedule {
	text-align:center;
	font-size:13px;
} */

.topnum {
	display:none;
}
.quoterpanel {
	width:75%;
}

.buttonpanel {
	margin: 30px 25px 40px 0px;
}

/* START collapse for NAVBAR - MOBILE only  */
.collapse{
  display:block;
}
.collapse + input{
  display:none;
}
.collapse + input + *{
  display:none;
}
.collapse+ input:checked + *{
  display:block;
}

/* END show-hide with CSS only  */

.headeroverlay2 {
	display:inline;
	position: absolute;
	bottom: 0;
	left:0;
}

.header-image {
	display:inline;
	background-size: 100%;
    width: 100%;
    height: auto;
}
.header-image-mobile {
	display:none;
}

.toprow {
	display:block;
	background-color:#A00;
	height:100px;
}
.topleftlogo {
	float: left;
	margin: 20px 0px 0px 30px;
}

.logintable {
	float: right;
	width: 35%;
	margin: 30px 0px 0px 0px;
}

.logintable a {
	text-decoration:none;
}

/* eee */

.navbar {
	background:#F0F0F0;
	position:relative;
	width:950px;
}
.navbar-brand {
	display: none;
}
.navbar-header {
	border-bottom-style:none;
	border-bottom-width:thin;
	border-bottom-color:#FFF;
	padding-bottom: 0px; 
}

.navbar-default .navbar-nav > li > a {
	line-height: 20px;
}

#search {
	display:none;
}

#search-header {
	position: absolute;
	top:20px;
	right:10px;
	display:inherit;
	width: 250px;
}
.main {
	float: left;
	width: 75%;
	margin-right: 5%;
	margin-bottom: 1em;
}
.mainproduct {
	float: left;
	width: 55%;
	margin-right: 5%;
	margin-bottom: 1em;
}
.mainhome {
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 1em;
}
.aside {
	float: left;
	width: 20%;
	margin: 50px 0px 0px 0px;
}
.aside p {
	text-align: center;
}

.asideproduct {
	display:inline-block;
	min-width:200px;
	margin: 100px 0px 25px 0px;
}
.middlehome {
	float: left;
	width: 30%;
	margin-right: 3%;
}
.righthome {
	margin: 20px 0px 0px 0px;
	float: left;
	width: 30%;
}
.lefttextblock {
	float: left;
	width: 30%;
	margin-right: 4%;
	margin-bottom: 1em;
	text-align:center;
}
.middletextblock {
	float: left;
	width: 30%;
	margin-right: 4%;
	text-align:center;
}
.righttextblock {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 30%;
	text-align:center;
}

.left-block {
	float: left;
	width: 46%;
	margin-right: 6%;
	margin-bottom: 1em;
	text-align:center;
}
.right-block {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 46%;
	margin-bottom: 1em;
	text-align:center;
}

.middle-block {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 96%;
	margin-bottom: 1em;
	text-align:center;
}
.middle-block-fix {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 96%;
	margin-bottom: 1em;
	text-align:center;
}

.image-float-right {
	display:inline-block;
	float:right;
	margin: 10px 0px 10px 5px;
}
.main-block-centered {
	display:block;
	width: 75%;
	margin: 50px 8% 50px 8%;
	line-height:150%;
}
.schemahome {
	display:block;
}
}