@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 */

	}



.middle-block {

/*	margin: 0px 0px 0px 30%; 

	padding: 0px 0px 0px 0px; */

}



.middle-block-store {

	padding: 0px 0px 20px 0% !important;

}



.h2-center-fix {

	color:black;

	font-size:28px;

	margin-right:0%;

}



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



.h2-center-fix {

	color:black;

	font-size:28px;

/*	margin-right:33%; 

	margin-right:24%; */	

}



.middle-block {

	margin: 0px 190px 0px 0px !important;

	padding: 0px 0px 0px 29% !important;

}



.middle-block-div-fix {

	margin: 0px 0px 0px 0px !important;

	padding: 0px 0px 0px 0px !important;

}



.center-product-div-fix {

	margin: 0px 0px 0px 180px !important;

	padding: 0px 0px 0px 0px !important;

}



.middle-block-store {

	margin: 0px 0px 0px 0px !important;

	padding: 0px 0px 20px 0% !important;

}



#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%; removed sep 21, 2022 for single column adjustment */

	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;

}

}