/*
Colors:

  ORANGE:
  Orange (Main): d8591a
  Lt Orange (alternate gradient): eeb55e

  GREENS
  Light Green Top Page: 82c045 78b840
  Dark Green Mid Page: 627124
  Light Green Bottom Page: 9ab037
  
  Nav and Footer "green yellow": b3cb4a
  "Body" Link Color: d2ef55

*/



@charset "UTF-8";
/* base.css */
body, h1, h2, h3, h4, h5, h6, p, form, blockquote {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, pre, code {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family: Verdana, Arial, sans-serif;
}
h1 {
  font-size: 26px;
}
a {text-decoration:none;}
a img {border:none;}
img {border:none;}
table {
	width: 90%;
	border-collapse: collapse;
	border: 1px solid #fff;
	margin: 1em auto;
	text-align: center;
}
table th, table td {
	padding: 4px;
	border: 1px solid #fff;
}
table th {
	background-color: #879359;
}
.clear { clear: both;height:0;margin:0;padding:0;line-height:0; }
.center {text-align:center;}
.cf:before,
.cf:after {
  content:"";
  display:table;
}
 
.cf:after {
clear:both;
}
 
/* For IE 6/7 (triggers hasLayout) */
.cf {
  zoom:1;
}

object.center, img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.external { }
.first { margin-left: 0 ! important }
.pipedNav { word-spacing: 0.1em; }
.inlinePromo {
  position: relative;
  padding: 1.2em 6px;
  padding-left: 54px;
  background-color:#879359;
  margin: 1em 0;
}
.inlinePromo img {
  position: absolute;
  top: 1.2em;
  left: 6px;
}

body {
	background: #9ab037 ;
	color: #fff;
	font: 1em/1em Verdana, Arial, sans-serif;
}

img.inline {
	vertical-align: text-bottom;
	padding: 0 5px 0 0;
}
img.floatLeft {
	float: left;
	margin-right: 5px;
}
img.floatRight {
	float: right;
	margin-left: 5px;
}
ul.parameterList {
	list-style-type: none;
	margin: .5em 0 1em 1.5em;
	padding: 0;
}

ul.parameterList li {
	position: relative;
	line-height: 1.2em;
	font-weight: bold;
}
ul.parameterList .value {
	position: absolute;
	left: 4em;
	font-weight: normal;
}

/* HEAD REGION RELATED */
#headerTexture {
	position: absolute;
	top: 0;
	z-index: 2;
	background:transparent url(../images/headerTexture.png) no-repeat top left;
	height: 100px; /* title area only - problem with nav if this is earlier. */
	width: 100%;
}
#head {
	height: 140px;
	background: #78b840 url(../images/headerBackground.png) repeat-x bottom left;
}
#head .title {
	position: relative;
	z-index: 10;
	padding: 0 40px;
	margin: 0;
	height: 100px;
}
#logo {
	background-image: url(../images/header_sweetspotit_logo.png) ;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -99999px;
	position: absolute;
	bottom: 20px;
	left: 40px;
	height: 60px;
	width: 323px;
	z-index: 10;
}
#phoneOrderInfo {
	font-size: .8em;
	position: absolute;
	right: 40px;
	bottom: 18px;
	margin-right: 60px; used to position for top burst, etc */
	vertical-align: baseline;
}
#phoneOrderInfo #phoneNumber {
	font-size: 1.5em;
	font-weight: bold;
}
#head img.burst {
	position: absolute;
	top: -15px;
	right: 0px;
}



/* NAVIGATION REGION RELATED */
ul#mainNav {
	width: 720px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-transform: uppercase;
}
ul#mainNav li {
	float: left;
	border-bottom: 6px solid #d8591a;
}
ul#mainNav a {
	display: block;
	width: 120px;
	color: #c6e052;
	text-align: center;
	font-size: 13px;
	line-height: 34px;
	padding-top: 2px;
	background: transparent url(../images/mainNavButton.png) no-repeat top left;
}
ul#mainNav a:hover {
	color: #fff;
	background-position: 0 -37px;
}
#body_hom #nav_hom a,
#body_abo #nav_abo a,
#body_tes #nav_tes a,
#body_com #nav_com a,
#body_con #nav_con a,
#body_buy #nav_buy a {
	color: #fff;
	background-position: 0 -37px;
}


/* MAIN BODY RELATED */
body .highlight {
	height: 180px;
	width: 200px;
	position: fixed;
	bottom: 0;
	background-image: url(../images/bodyBottomHighlights.png);
	background-repeat: no-repeat;
	background-position: -200px 0;
	z-index: 1;
}
body .rightHighlight {
	position: fixed;
	right: 0;
	background-position: 0 0;
}
body .leftHighlight {
	left: 0;
}
#content {
	position: relative;
	background: #627124 url(../images/contentBackground.jpg) repeat-x bottom left;
}
#wrapper {
	width: 720px;
	margin: 0 auto;
	z-index: 100;
}
#introBox {
	position: relative;
	/* border-bottom: 2px #eee solid; */
	margin-bottom: 8px;
}
#introBox .inset {
	position: absolute;
	top: 10%;
	right: 3%;
	width: 60%;
	background: transparent url(../images/insetBackground.png) repeat top left;
	padding: 1em;
	font-size: .8em;
}

#productFeatures .box {
	position: relative;
	float: left;
	padding: 12px;
	width: 214px;
	height: 125px;
	margin: 0 0 12px 3px;
	background: transparent url(../images/productFeatureBoxBackground.png) no-repeat top left;
	line-height: .9em;
}
#productFeatures h3 {
	font-size: .9em;
	text-align: left;
	font-style: normal;
	padding: 0 0 8px 32px;
	border-bottom: 1px dotted #fff;
	margin: 0 10px;
	background: transparent url(../images/featureCheckmark.gif) no-repeat left top;
}
#productFeatures img {
	position: absolute;
	left: 18;
	top: 48px;
}
#productFeatures ul {
	font-size: .8em;
	margin-left: 78px;
	padding-left: 25px;
}
#productFeatures li {
	margin-bottom: 2px;
}

#promoBoxes .box {
	position: relative;
	float: left;
	padding: 12px;
	width: 214px;
	margin-left: 3px;
	background: transparent url(../images/promoBoxesBackground.png) repeat top left;
}

#promoBoxes h2 a {
	display: block;
	padding-left: 48px;
	font-size: 17px;
	line-height: 35px;
	background: transparent url(../images/promoBoxesHeader.png) no-repeat left top;
	border-bottom: 1px solid #fff;
	margin-bottom: .9em;
	color: #fff;
}

#promoBoxes h2 a:hover {
	background-position: 0 -35px;
}

#promoBoxes .primaryBox {
	background-image: none !important ;
}

#promoBoxes .primaryBox h2 a {
	background-image: url(../images/promoBoxesHeader_primaryBox.png);
}

#promoBoxes .content {
	font-size: .8em;
	line-height: 1.2em;
	margin: 0 11px;
}
#promoBoxes .content h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 6px;
	border-bottom: 1px dotted #eee;
	margin-bottom: 6px;
}

#promoBoxes .separated {
	padding-bottom: 6px;
	border-bottom: 1px dotted #eee;
	margin-bottom: 6px;
}
#promoBoxes .content a, #promoBoxes .content a:visited {
	color: #d2ef55;
}
#promoBoxes .content a:hover {
	text-decoration: underline;
}

/* FOOTER REGION RELATED */
#footer {
	clear: left;
	position: relative;
	width: 720px;
	margin: 12px auto 20px;
	padding-bottom: 14px;
	border-top: #fff solid 1px;
	background: transparent url(../images/footerBackground.png) no-repeat bottom left;
	font-size: .7em;
	color: #fff;
	z-index: 100;
}
/* .content is here just so orange background is greated for full footer. */
#footer .content { background-color: #d8591a; }

#footer a {
	text-decoration: none;
	color: #b3cb4a;
}
#footer a:hover {
	text-decoration: underline;
}
#copyright {
	padding: 18px 0 0 0;
	margin-left: 12px;
	text-align: left;
}
#parentCompany {
	position: absolute ;
	right: 12px;
	bottom: 2px;
}

/* RELATED TO INTERNAL PAGES */
#pageContent {
  line-height: 1em;
}
#pageContent a, #pageContent a:visited {
	color: #d2ef55;
}
#pageContent a:hover {
  text-decoration: underline;
}

.mainContent {
  padding-top: 16px;
  margin-left: 265px;
  font-size: .8em;
}
.mainContent h1 {
  margin-bottom: 1em;
}
.mainContent h2 {
  margin-top: 1em;
  margin-bottom: .5em;
  line-height: 1.2em;
}
.mainContent h3 {
  margin-top: .7em;
  margin-bottom: .4em;
}
.mainContent p {
  margin-bottom: 1em;
}
.mainContent li {
  margin-bottom: 1em;
}

.review {
	margin-left: 1em;
	margin-bottom: 2em;
}
.quote {
	margin-bottom: 1em;
}
.review cite {
	display: block;
	margin-left: 4em;
}

.sideContent {
  float: left;
  margin-right: 12px;
  font-size: .8em;
}
.sideContent .box {
  position: relative;
  padding: 12px;
  width: 230px;
  background: transparent url(../images/promoBoxesBackground.png) repeat top left;
}
.sideContent .box h2 {
	padding-left: 38px;
	font-size: 16px;
	line-height: 35px;
	background: transparent url(../images/sideContentHeader.png) no-repeat left top;
	border-bottom: 1px solid #fff;
	margin-bottom: .9em;
	color: #fff;
}
.sideContent .box h3 {
  margin-bottom: .7em;
}
.sideContent .box p {
  margin-bottom: 1em;
}
.sideContent .box q {
  display: block;
  margin: 0 1em 1em 1em;
}

.sideContent .box .inlinePromo {
  height: auto;
  background-color: transparent;
}

.sideContent .box .last {
  margin-bottom: 0;
}

.promo {
	position: relative;
	color: white;
	display: block;
	background: transparent url(../images/promo_background.png) repeat left top;
	padding: 2px;
}
.promo .title {
	float: left;
	background-color: #d8591a;
	padding: 8px;
	font-size: 15px;
	line-height: 16px;
}
.promo .content {
	display: block;
	overflow: hidden;
	font-size: .8em;
	padding: 8px;
	padding-left: 12px;
}

.promo:hover {
	background-image: url(../images/promo_background_hover.png);
}

.currentPrice {
	color: #c12026;
	font-size: 1.3em;
}

/* added 3/19/2018 */
.content {
    position: relative;
}
#promoBoxes div.content + div.content {
    border-top: 1px dotted #fff;
    padding-top: 16px;
}

.primaryBox .content {
    padding-bottom: 12px;
}

/* #promoBoxes .primaryBox {
  padding: 12px 0;
  margin: 0 12px 0 15px;
} */