/* Credits

Style by Myjive / www.myjive.net

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


/* Main Containers
-----------------------------------------------------------*/

body {
	padding: 0 20px;
	background-color: #fff;
}

sup {
  font-size: 0.4em;
}

#wrapper {
	--site-width: 960px; /* temp override till we can make larger */
	width: var(--site-width);
	padding: 0;
	background: #fff;
}

#main {
	display: block;
	float: left;
	padding: 0;
}

#content {
	width: 900px;
	margin: 0;
	padding: 30px;
}

#header { height: 130px;}

img { padding: 15px 0;}

/* type
--------------------------------------------------------*/
h2 { line-height: 23px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 5px 0;}
h4 { line-height: 22px;}

p { line-height: 19px;}

#content p { line-height: 14px;}

.green { color: #3488a5; }
.blue { color: #105175; }
.normal { color: #4d4d4d; }

/* list
--------------------------------------------------------*/
ol li {	line-height:  19px; list-style: decimal;}


/* navi
--------------------------------------------------------*/
.navi { width: 160px; }
.navi ul {
	list-style-type: none;
	border-top: 1px solid #D8F6D8;
	padding: 15px 0;
	margin: 0;
}
.navi ul.top { border: none; }
.navi ul li { padding: 3px 0; }
.navi ul li.selected a { color: #4D4D4D; font-weight: bold; }


/* main
--------------------------------------------------------*/
.colContainer {
	--site-width: 960px; /* temp override till we can make larger */

	clear: both;
	display: block;
	float: left;
	width: var(--site-width);
	padding: 0;
	margin: 0;
}

.leftCol, .rightCol, .middleCol {
	width: auto;
	padding: 15px 0 35px 0;
}

.leftCol {
	display: block;
	float: left;
	padding-left: 30px;
	padding-right: 6px;
}

.rightCol {
	display: block;
	float: right;
	padding-right: 30px;
	padding-left: 6px;
}

.middleCol {
	display: block;
	float: right;
	padding-right: 6px;
	padding-left: 6px;
}

.fullCol {
	display: block;
	float: left;
	width: 900px;
	padding: 0 var(--padding-x-md);
}

.col695 {
	width: 695px;
}

.col695 img {
	padding: 15px 0;
}

.col695 p {
	padding: 5px 0;
	line-height: 19px;
}

.col695 p.line {
	padding-bottom: 5px;
}


.col695 ol { padding-bottom: 15px;
}

.testimonial {
	width: 695px;
	padding-top: 30px;
}

.testimonial p.line { padding-bottom: 5px;}

.testimonial p.source {
	padding-bottom: 15px;
	font-style: italic;
}

.testimonial div.leftCol, .testimonial div.rightCol {
	width: 340px;
	padding: 0;
	margin: 0;
}

/* boxes
--------------------------------------------------------*/
.boxWrapper {
	display: block;
}

.testimonialBox p, .testimonialLink p {
	line-height: 14px;
	padding: 0;
}

.testimonialBox, .testimonialLink {
	float: right;
	width: 180px;
	padding: 15px;
	margin-left: 30px;
	background: #F2F2F2;
}

.testimonialLink {
	float: right;
	height: 60px;
	padding: 0 15px;
	text-align: center;
	border-top: 1px solid #D8F6D8;
	background: url(../images/sales/testimonial-link-bkgnd.jpg) no-repeat;
}

.rootBox {
	padding-left: 30px;
	width: 280px;
	padding-bottom: 35px;
}

.rootBox p {
	padding-top: 15px;
	line-height: 20px;
	color: #535353;
	font-size: 13px;
}

.box, .boxLink {
	float: left;
	width: 240px;
	padding: 15px 20px;
}

.box {
	display: block;
	min-height: 180px;
	background: #F2F2F2;
	padding-top: 23px;
}

.box .header {
	border-bottom: 1px solid #E3E3E3;
}

.box .header h2, .box .header h4 {
	margin: 0;
	padding: 0;
}

.box .header h4 {
	padding-bottom: 10px;
	line-height: 16px;
}

.boxLink {
	display: block;
	text-align: right;
	border-top: 1px solid #E3E3E3;
	background: url(../images/sales/root-bkgnd.jpg) no-repeat;
}

.box img, .boxLink img {
	padding: 0 0 8px 0;
	margin: 0;
}

.greenbox {
	float: right;
	display: block;
	width: 360px;
	padding: 30px;
	padding-bottom: 20px;
	margin-top: 4px;
	/*background: #cce1e8;*/
	background: #a30200; /* Old browsers */
	background: -moz-linear-gradient(top,  #a30200 0%, #6c0100 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a30200), color-stop(100%,#6c0100)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a30200 0%,#6c0100 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a30200 0%,#6c0100 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a30200 0%,#6c0100 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a30200 0%,#6c0100 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a30200', endColorstr='#6c0100',GradientType=0 ); /* IE6-9 */

}

.greenbox h3 {
	color: #fbfd49;
	line-height: 19px;
	font-style: italic;
}

.greenbox p {
	color: #fff;
	line-height: 19px;
}

/* home banner
--------------------------------------------------------*/
.homeBannerWrapper{
	padding:0;
	margin:0;
	height: 385px;
	background: url(../images/sales/home-banner/home-bkgnd-2022-08.jpg) no-repeat;
}

.homeBanner {
	display: block;
	float: right;
	width: 300px;
	padding: 100px 75px 0 60px;
	margin-top: 90px;
	text-align: left;
}

.homeButtons {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}

.homeButtons img {
	padding: 0 2px 0 0;
	margin: 0;
}

/* promo
--------------------------------------------------------*/
.promoLeft img {
	float: left;
	padding: 0 12px 0 0;
}

.promoLeft, .promoRight {
	height: 148px;
	width: 413px;
	padding: 15px;
	margin-top: 15px;
	background: url(../images/sales/bkgnd-promo2.jpg) no-repeat;
}


/* footer
--------------------------------------------------------*/

#footer { background: url(../images/sales/logo-footer.png) no-repeat 0 25px; }


/* misc
--------------------------------------------------------*/

.line {
	border-bottom: 1px solid #c4c4c4;
}

.lineTop {
	border-top: 1px solid #c4c4c4;
}

div.twoLinks a { padding-right: 15px;}

div.topBanner { padding: 0 0 25px 0; }
div.topBanner img { margin: -30px 0 5px 0; }

.clear { clear: both;}

/*---- pages ----*/

/*---- default */
.p-default .colContainer,
.p-default #wrapper {
	--site-width: 960px;
}

.p-default .fullCol {
	padding: 0;
	width: var(--site-width);
}

.p-smastery ._header h3 {
  font-size: 1em; font-weight: bold; margin: 0.2em 0 0
}

.p-smastery ._header h3:first-child {
  margin-top: 0;
}

.p-smastery .mission-activation__banner__content {
  font-size: 22px;
  padding: 1em 1.5em 1em 0;
}

.p-smastery ._intro {
  text-align: center;
  color: black;
  background: #f2f2f2;
  padding: 25px;
  margin: 25px 0 50px;
}