/* $table-background: #ccdbff; */
/* light red */
/* this is reduced from large so 12.8 *.8 = ~ 10) */
/* Message Box Colors */
/* $color-button-background: #3e5e89; */
/* Border Radius  */
/* border-width */
/* margins, padding */
/* standard html tag setup */
html {
  box-sizing: border-box;
  font-size: 100%;
  height: 100%;
  margin: 0; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

body {
  background-color: white;
  color: black;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  min-width: 320px;
  max-width: 1200px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0; }

a, a:active, a:visited {
  color: black;
  outline: 0;
  text-decoration: none; }

a:hover {
  color: black;
  outline: 0;
  text-decoration: underline; }

a:focus {
  outline: dotted thin; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ul, menu, dir {
  display: block;
  list-style-type: none;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px; }

/* TEP */
H1.pageHeading {
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
  display: inline; }

H2.pageHeading {
  font-size: 1em;
  margin-bottom: 0;
  margin-top: 0;
  display: inline; }

H2.bodyHeading {
  font-size: 0.875em;
  margin-bottom: 0;
  margin-top: 0;
  display: inline; }

TR.header {
  background-color: white; }

TR.headerNavigation {
  background-color: black; }

TD.headerNavigation {
  background-color: black;
  color: white;
  font-size: 0.875em;
  font-weight: bold; }

A.headerNavigation {
  color: white; }

TR.headerError {
  background-color: red; }

TD.headerError {
  background-color: red;
  color: white;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center; }

TR.headerInfo {
  background-color: #00ff00; }

TD.headerInfo {
  background-color: #00ff00;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center; }

TR.footer {
  background-color: black; }

TD.footer {
  font-size: 0.875em;
  font-weight: bold; }

TABLE.infoBoxHeading {
  background-color: #aabbdd;
  border-color: black;
  border-style: solid;
  border-width: 1px; }

TD.infoBoxHeading {
  font-size: 0.875em; }

A.infoBoxHeading {
  color: black; }

A:hover.infoBoxHeading {
  color: black; }

TD.infoBox {
  font-size: 0.8em; }

TABLE.topBarTitle {
  background-color: #aabbdd;
  border-color: black;
  border-style: solid;
  border-width: 1px; }

TD.topBarTitle {
  font-size: 0.875em; }

TABLE.prodBoxHeading {
  background-color: white;
  border-color: black;
  border-style: solid;
  border-width: 1px; }

TD.prodBoxHeading {
  font-size: 0.8em; }

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productRecipes-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background-color: #ccdbff; }

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productRecipes-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background-color: white; }

TR.shippingOptions-selected {
  background-color: #ffb3b5;
  font-weight: bold; }

TR.productListing-heading {
  background-color: #d2e9fb; }

TR.tableRowOver {
  background-color: #cc9999; }

TD.productListing-heading {
  font-size: 0.8em;
  background-color: #d2e9fb;
  color: black;
  font-weight: bold;
  font-variant: small-caps; }

TD.headingDescription-data {
  font-size: 1em;
  padding-bottom: 6px; }

TD.productListing-data {
  font-size: 0.8em; }

input.productListing-data {
  font-size: 0.8em; }

TR.categoryList-odd {
  background-color: #ccdbff; }

TR.categoryList-even {
  background-color: white; }

TD.categoryList-data {
  font-size: 0.8em; }

A.pageResults {
  color: #00237e; }

A:hover.pageResults {
  color: #00237e;
  background-color: yellow; }

TD.pageHeadingGone, DIV.pageHeadingGone {
  font-size: 1.2em;
  font-weight: normal; }

TR.subBar {
  background-color: #ccdbff; }

TD.subBar {
  font-size: 0.8em;
  color: black; }

TD.main, P.main, .main {
  font-size: 0.8em;
  margin-left: 0.2em; }

A.smallerText, TD.smallerText, SPAN.smallerText {
  font-size: 0.875em; }

SPAN.smallerTextBlock {
  display: block;
  font-size: 0.875em; }

SPAN.smallerTextBlockBold {
  display: block;
  font-size: 0.875em;
  font-weight: bold; }

TD.accountCategory {
  font-size: 0.8em;
  color: #aabbdd; }

TD.fieldKey {
  font-size: 0.875em;
  font-weight: bold; }

TD.fieldValue {
  font-size: 0.875em; }

TD.tableHeading {
  font-size: 0.875em;
  font-weight: bold; }

SPAN.newItemInCart {
  /* font-size: 0.8em; */
  color: red; }

SPAN.greetUser {
  font-size: 0.875em;
  color: #f0a480;
  font-weight: bold; }

SPAN.partners {
  font-size: 0.8em;
  color: black; }

TABLE.formArea {
  background-color: #ccdbff;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px; }

TD.formAreaTitle {
  font-size: 0.875em;
  font-weight: bold; }

SPAN.markProductOutOfStock, SPAN.label {
  font-size: 0.875em;
  color: black;
  font-weight: bold; }

SPAN.productSpecialPrice {
  color: red;
  text-align: center;
  /*  text-decoration: line-through; */ }

SPAN.productSpecialPriceBlock {
  color: red;
  display: block;
  text-align: center;
  /*  text-decoration: line-through; */ }

/* -------- */
/* some tep */
/* -------- */
.cartOutOfStock {
  background-color: #ffb3b5; }

.clear {
  clear: both; }

.clearFix::after {
  content: "";
  clear: both;
  display: table; }

div.infoBox, div.informationBox, div.shoppingCartBox, div.bestSellersBox {
  font-size: 0.8em;
  margin-top: 0.25em; }

div.manufacturersBox, div.sideSearchBox, div.whatsNewBox, div.tellaFriendBox, div.shippingEstBox, div.recipeBox, div.specialsBox, div.badgeBox {
  font-size: 0.8em;
  margin-bottom: 0.25em;
  margin-top: 0.25em;
  text-align: center;
  width: 125px; }

span.whatsNew {
  font-size: 0.875em;
  font-weight: bold; }

div.sideSearchBox {
  display: block; }

.hidden, a.hidden, span.hidden {
  display: none; }

/* ----------- */
/* Pageheading */
/* ----------- */
#header {
  height: auto;
  min-height: 63px;
  max-width: 1200px;
  width: 100%; }

#headerPopUp {
  margin-left: 0.2em;
  height: auto;
  min-height: 63px;
  width: 100%; }

.topNavBar {
  width: 100%;
  z-index: 150;
  top: 0; }

.topNavBar .topNav {
  background: white;
  min-width: 100%;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0; }

.topNavItem {
  border-bottom: 3px solid #001C64;
  float: left;
  width: 20%;
  max-width: 240px;
  list-style: none; }

.topNavItem .topNavInnerWrapper {
  border-right: 1px solid #4377ff;
  height: 60px; }

.topNavItem:last-child .topNavInnerWrapper {
  border-right: 0; }

.topNavItem a {
  display: block;
  text-align: center;
  text-decoration: none; }

.topNavItemActive {
  /* border-bottom: 3px solid #aabbdd; */
  border-bottom: 3px solid #ccdbff; }

.topNavItemActive a {
  background-color: white;
  outline: 0; }

.topNav .topNavItem .topNavInnerWrapper .logoCentered {
  margin: 0px auto !important;
  display: block; }

.topNav .topNavItem .topNavInnerWrapper .logoCentered a {
  padding: 0;
  text-align: center;
  text-decoration: none; }

.topNav .topNavItem .topNavInnerWrapper .logoIcon {
  margin-top: 0px; }

.navItemTitle {
  color: #00237e;
  font-weight: normal;
  font-size: 0.625em;
  margin: 0;
  position: absolute;
  top: 40px;
  max-width: 240px;
  width: 20%; }

.topNav span {
  display: inline-block;
  height: 60px;
  margin: 0; }

.topNav ul {
  position: relative; }

.topNavItem a > span {
  display: inline-block; }

#topNavMenu {
  background-color: white;
  border-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-style: solid;
  border-color: black;
  clear: both;
  float: left;
  font-size: 0.8em;
  font-weight: normal;
  display: none;
  margin-left: 0.25em;
  margin-right: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  position: absolute;
  left: 0.25em;
  top: 116px;
  z-index: 100; }

.logoCentered {
  background-color: white;
  background-image: url("https://www.spiceplace.com/images/spiceplace_logo_reg_d.jpg");
  background-size: 66px 33px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center; }

.categoryIcon {
  background-image: url("https://www.spiceplace.com/images/mobile/icons/sp_categories_icon_mobile_blue.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 4px 16px;
  background-size: 29px 18px;
  height: 43px;
  width: 35px; }

.searchIcon {
  background-image: url("https://www.spiceplace.com/images/mobile/icons/sp_search_icon_mobile_blue.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 4px 13px;
  background-size: 28px 24px;
  height: 43px;
  width: 35px; }

.accountIcon {
  background-image: url("https://www.spiceplace.com/images/mobile/icons/sp_account_icon_mobile_blue.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 3px 12px;
  background-size: 28px 26px;
  height: 43px;
  width: 35px; }

.actionArea {
  background-image: url("https://www.spiceplace.com/images/mobile/icons/sp_search_icon_mobile_blue.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 4px 28px;
  background-size: 28px 24px;
  height: 43px;
  width: 35px; }

.basketIcon {
  background-image: url("https://www.spiceplace.com/images/mobile/icons/sp_shopping_cart_icon_mobile_blue.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 4px 12px;
  background-size: 28px 26px;
  height: 43px;
  width: 35px; }

/* basketicon - line-height to center font in circle; need to update width based on cart qty, 20, 25, 30 seem on for qty 2 digit, 3 digit, 4 digit*/
/* $color-lighter */
.basketIcon .numItems {
  background-color: red;
  border-radius: 8px;
  color: white;
  font-size: 0.625em;
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  margin: 12px 0 0 17px;
  width: 15px; }

.basketIcon .numItems a {
  display: inline; }

.siteFunctionsWrapper {
  font-size: 0.7em;
  padding-top: 0.25em;
  padding-left: 0.25em; }

/* --------------- */
/* Misc Formatting */
/* --------------- */
.searchLabel {
  display: inline-block;
  font-weight: bold;
  margin-right: .4em; }

.floatRight {
  float: right; }

.floatLeft {
  float: left; }

.floatRight span.smallText a {
  text-align: center; }

.headerProductInfo {
  margin-left: auto;
  text-align: justify;
  width: 100px; }

.headerProductInfo a {
  display: block;
  margin: 0 auto; }

/* --------------------- */
/* bread crumbs, search  */
/* --------------------- */
div.crumbNavigation {
  color: grey;
  display: inline;
  float: left;
  margin: 0.3em;
  padding-bottom: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-top: 0.25em;
  width: 600px; }

ul.crumbNavigation {
  display: inline;
  font-size: 0.75em;
  font-weight: normal;
  list-style: none;
  padding-left: 0.1em; }

.crumbNavigation li + li:before {
  color: grey;
  content: '>';
  padding: 0 3px; }

.crumbNavigation li {
  display: inline;
  color: grey; }

.crumbNavigation li:last-child {
  font-weight: bold; }

.crumbNavigation a {
  color: grey;
  display: inline;
  text-decoration: none; }

.crumbNavigation a:hover {
  text-decoration: underline;
  color: black; }

.siteSearchBar {
  /* background-color: #aabbdd; */
  background-color: #ccdbff;
  border-width: 1px;
  border-color: black;
  border-style: solid;
  display: inline;
  float: left;
  margin: 0.3em;
  padding-bottom: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-top: 0.25em;
  border-radius: 0.25em 0.25em 0.25em 0.25em;
  -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
  -moz-border-radius: 0.25em 0.25em 0.25em 0.25em; }

.siteSearchForm {
  display: inline;
  font-size: 0.75em;
  width: 100%; }

.siteSearchForm form {
  display: inline; }

/* ----------- */
/* message box */
/* ----------- */
.messageBox {
  font-size: 0.8em; }

.messageStackError, .messageStackWarning {
  font-size: 0.875em;
  /* background-color: #ffb3b5; */
  background-color: #ffb3b5; }

.messageStackSuccess {
  font-size: 0.875em;
  /* background-color: #99ff00; */
  background-color: #99ff00; }

/* ----------------------------------- */
/* Main Content Formatting             */
/* ----------------------------------- */
.pageHeading h1 {
  font-family: inherit;
  font-size: 1.35em;
  font-weight: bold;
  margin-top: 0.2em;
  margin-bottom: 0.2em; }

.pageHeading h2 {
  font-family: inherit;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 0.2em;
  margin-bottom: 0.2em; }

.pageHeading h4 {
  font-family: inherit;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  margin-top: 1.5em;
  margin-bottom: 0.2em; }

.checkout {
  border-width: 1px;
  border-bottom-style: solid;
  border-color: black;
  font-family: inherit;
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0; }

p.checkoutAddress {
  margin-top: 0.25em; }

div.pageHeading {
  font-family: inherit;
  font-weight: normal;
  display: inline;
  padding-left: 0.25em;
  padding-top: 0.25em;
  vertical-align: middle; }

div.pageHeading1:after {
  clear: both;
  display: block;
  content: ''; }

.pageHeading img {
  float: right;
  vertical-align: middle; }

.pageHeading form {
  display: inline; }

.pageHeadingRight, .productDescriptionRight {
  display: inline;
  float: right;
  font-weight: bold; }

div.subBar {
  border-width: 1px;
  border-color: black;
  border-bottom-style: solid;
  clear: both;
  font-size: 0.8em; }

div.topBarTitle {
  /* background-color: #aabbdd; */
  background-color: #ccdbff;
  border: 1px solid black;
  display: none;
  font-size: 0.875em;
  font-weight: normal;
  margin-top: 0.15em;
  margin-bottom: 0.25em;
  border-radius: 0.25em 0.25em 0.25em 0.25em;
  -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
  -moz-border-radius: 0.25em 0.25em 0.25em 0.25em;
  width: auto;
  padding: 2px; }

div.tableSummary {
  border-width: 1px;
  border-color: black;
  border-top-style: solid;
  border-bottom-style: solid;
  clear: both;
  margin: 0.2em 0.2em 0.2em 0.2em;
  padding: 0.25em 0.25em 0.25em 0.25em;
  width: 98%; }

div.tableSummaryTotals {
  clear: both;
  margin-left: 0.2em;
  margin-right: 0.2em;
  padding-left: 0.25em;
  width: 100%; }

div.listNavLeft {
  display: inline;
  font-size: 0.8em;
  text-align: left; }

div.listNavRight {
  font-size: 0.8em;
  padding-right: 0.25em; }

div.blackLine {
  border-color: black;
  border-bottom-style: solid;
  border-width: 1px;
  clear: both;
  height: 6px;
  margin: 0.2em 0.2em 0.2em 0.2em;
  width: auto; }

div.bodyText, .bodyText {
  font-size: 0.8em; }

.floatRight {
  float: right; }

.boldContent {
  font-weight: bold; }

.boldContent a:hover {
  font-weight: bold;
  text-decoration: underline; }

.boldUnderlineContent {
  font-weight: bold;
  text-decoration: underline; }

.emphasizedContent {
  font-style: italic; }

.boldContentItemHeader {
  font-variant: small-caps;
  font-weight: bold;
  border-color: black;
  border-bottom-style: solid;
  border-width: 1px; }

.boldContentSectionHeader {
  font-size: 0.8em;
  font-variant: small-caps;
  font-weight: bold;
  border-color: black;
  border-bottom-style: solid;
  border-width: 1px;
  width: 100%; }

.borderBottom {
  border-color: black;
  border-bottom-style: solid;
  border-width: 1px; }

.strikeThrough {
  text-decoration: line-through; }

.redText {
  color: red; }

.redStrikeThrough {
  color: red;
  text-decoration: line-through; }

.standardColorText {
  color: black; }

.standardContent {
  font-size: 0.8em; }

.standardContentClose {
  display: inline;
  font-size: 0.8em; }

A.smallText, TR.smallText, TD.smallText, SPAN.smallText, P.smallText, .smallText {
  font-size: 0.8em; }

p.tinyText,
div.tinyText,
A.tinyText,
TR.tinyText,
TD.tinyText,
SPAN.tinyText,
.tinyText {
  font-size: 0.7em; }

div.standardButton {
  background-repeat: no-repeat;
  background-position: 3px 1px;
  background-image: url("https://www.spiceplace.com/images/icons/button-icon-continue-trans.gif");
  background-color: #42a517;
  border-radius: 0.95em;
  width: 6.5em;
  height: 1.9em; }

.standardButton p {
  display: inline;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 0.8em;
  font-weight: 900;
  color: white;
  text-align: left;
  left: 28px;
  top: 1px; }

.normalFontWeight {
  font-weight: normal; }

.centerContent {
  text-align: center; }

.checkoutBar {
  font-size: 0.8em;
  color: grey;
  padding-bottom: 0.5em;
  max-width: 95%;
  margin: 0 auto; }

.checkoutBarHighlighted {
  font-weight: bold;
  color: black; }

.socialLinkWrapper {
  display: none; }

a.in_cart img {
  float: none; }

.cartHasItemsOutOfStock {
  border-color: black;
  border-top-style: solid;
  border-width: 1px;
  color: crimson;
  font-weight: bold;
  text-align: center; }

.searchSuggestion {
  margin-bottom: 0.25em;
  font-size: 0.8em; }

.textRight {
  float: right; }

div.topContainer {
  margin: 0 auto;
  width: 100%;
  text-align: center; }

span.slideShowContainer {
  border: 1px solid gray;
  display: inline-block;
  width: 237px;
  height: 162px;
  margin-top: 34px;
  overflow: hidden; }

.cycle-slideshow {
  z-index: 50; }

/* ------------- */
/* Column Layout */
/* ------------- */
.columnLeftWrapper {
  clear: both;
  float: left;
  margin-left: 0.25em;
  margin-right: 0.25em;
  width: 7.8em; }

.columnCenterWrapper {
  display: inline;
  float: left;
  margin-left: 0.25em;
  /* height: 100%; */
  overflow: hidden;
  margin-bottom: 0.2em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  width: auto;
  max-width: 800px; }

.columnRightWrapper {
  display: none;
  float: left;
  margin-left: 0.25em;
  margin-right: 0.25em;
  width: 7.8em; }

.mainContent {
  max-width: 98%; }

/* ----------------------------------- */
/*  Sidebars                           */
/* ----------------------------------- */
div.infoBoxHeading {
  /* background-color: #aabbdd; */
  background-color: #ccdbff;
  border: 1px solid black;
  font-size: 0.875em;
  margin: 0.15em 0 0 0;
  padding: 0.15em 0.15em 0.15em 0.15em;
  width: 125px;
  border-radius: 0.25em 0.25em 0.25em 0.25em;
  -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
  -moz-border-radius: 0.25em 0.25em 0.25em 0.25em; }

ul.categoryList {
  list-style: none;
  margin: 0 0 0.15em 0;
  padding: 0.15em 0 0.15em 0.15em;
  width: 132px; }

.categoryList li {
  display: block;
  list-style: none;
  background-color: #e0e9ff; }

.categoryList li:hover {
  background-color: #ccdbff; }

.categoryList a {
  color: black;
  display: inline; }

.categoryList a:hover {
  background-color: #ccdbff; }

.categoryListItemIndent {
  padding-left: 0.4em; }

.categoryListItemBold {
  font-weight: bold; }

.categoryList li:nth-child(even) {
  background-color: #e0e9ff; }

.categoryList li:nth-child(odd) {
  background-color: white; }

div.badgeImg {
  padding-left: 27px; }

ul.badgeList {
  list-style-type: none;
  margin: 0 0 0.15em 0;
  padding: 0.15em 0 0.15em 0.15em;
  text-align: center;
  width: 132px; }

ul.manufacturerInfoList {
  font-weight: bold;
  text-align: left;
  margin: 0 0 0.15em 0;
  padding: 0.15em 0 0.15em 0.15em; }

ul.itemList {
  list-style: none;
  margin: 0 0 0.15em 0;
  padding: 0.15em 0 0.15em 0.15em;
  width: 132px; }

/* used for bestsellers margin is for the list-item decimal otherwise is too far left */
ol.itemList {
  list-style-type: decimal;
  margin: 0 0 0.15em 0;
  padding: 0.15em 0 0.15em 0.15em; }

li.recipesListCategory {
  font-weight: bold; }

li.recipesListCategory a:hover {
  background-color: #ccdbff; }

.itemList a, .recipesList a {
  color: black; }

.itemList a:hover {
  background-color: #ccdbff; }

.itemList li:nth-child(even) {
  background-color: #e0e9ff; }

.itemList li:nth-child(odd) {
  background-color: white; }

.itemList li:nth-child(even) a {
  background-color: #e0e9ff; }

.itemList li:nth-child(odd) a {
  background-color: white; }

table.categoriesList {
  border: 1px dotted black;
  clear: both;
  font-size: 0.8em;
  margin: 0 0 0.15em 0;
  width: 50%;
  border-radius: 0.25em 0.25em 0.25em 0.25em;
  -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
  -moz-border-radius: 0.25em 0.25em 0.25em 0.25em; }

.categoriesList a {
  /* padding: $listBox-padding-top $listBox-padding-right $listBox-padding-bottom $listBox-padding-left; */ }

.categoriesList tr:nth-child(odd) {
  background-color: white;
  padding-left: 0.25em; }

.categoriesList tr:nth-child(even) {
  background-color: #e0e9ff;
  padding-left: 0.25em; }

.categoriesList tr:hover {
  background-color: #ccdbff; }

.categoriesList a:hover {
  text-decoration: underline; }

.categoriesList tr td {
  padding-left: 0.25em; }

.categoriesList tr th {
  font-variant: small-caps;
  background-color: #ccdbff; }

.manufacturersBox select {
  font-size: 0.875em; }

p.newProductsHeading {
  border-width: 1px;
  border-bottom-style: solid;
  border-color: black;
  font-size: 0.875em;
  font-weight: bold; }

#newProducts ul {
  height: 156px;
  list-style-type: none;
  padding: 0.25em 0.25em 0.25em 0.25em;
  text-align: center; }

#newProducts ul li {
  font-size: 0.8em;
  display: inline-block;
  text-align: center;
  vertical-align: top; }

#newProducts ul li a {
  text-decoration: none; }

div.newProductsText {
  width: 100px; }

span.newProductsContainer {
  border-bottom: 1px solid black;
  width: 325px;
  display: inline-block;
  vertical-align: top; }

div.alsoPurchased {
  margin-top: 1em; }

table.alsoPurchasedTable {
  font-size: 0.8em;
  width: 98%; }

tr.alsoPurchasedTable {
  width: 98%; }

.alsoPurchasedTable tr:nth-child(2n+3) {
  background-color: white; }

.alsoPurchasedTable tr:nth-child(even) {
  background-color: #e0e9ff; }

.alsoPurchasedTable tr:hover {
  background-color: #ccdbff; }

table.productsSpecials {
  font-size: 0.8em;
  width: 98%; }

tr.productsSpecials {
  width: 98%; }

.productsSpecials tr:nth-child(2n+3) {
  background-color: white; }

.productsSpecials tr:nth-child(even) {
  background-color: #e0e9ff; }

.productsSpecials tr:hover {
  background-color: #ccdbff; }

table.contentTable {
  font-size: 0.8em;
  margin-right: 0.5em;
  width: 98%; }

tr.contentTable {
  width: 98%; }

.contentTable tr:nth-child(2n+3) {
  background-color: white; }

.contentTable tr:nth-child(even) {
  background-color: #e0e9ff; }

.contentTable tr:hover {
  background-color: #ccdbff; }

.contentTable tr:last-child {
  border-width: 1px;
  border-bottom-style: solid;
  border-top-style: solid;
  border-color: black;
  font-variant: small-caps;
  font-weight: bold; }

table.countryTable {
  font-weight: bold;
  width: 100%; }

tr.countryTable {
  width: 100%; }

td.countryTable {
  vertical-align: top; }

table.listingTable {
  font-size: 0.8em;
  margin-right: 0.5em;
  width: 98%; }

tr.listingTable {
  width: 98%; }

.listingTable tr:nth-child(2n+3) {
  background-color: white; }

.listingTable tr:nth-child(even) {
  background-color: #e0e9ff; }

.listingTable tr:hover {
  background-color: #ccdbff; }

#backgroundWhite {
  background-color: white;
  border-bottom-style: none; }

table.testimonialsTable {
  width: 98%; }

tr.testimonialsTable {
  width: 98%; }

.testimonialsTable tr:nth-child(2n+3) {
  background-color: white; }

.testimonialsTable tr:nth-child(even) {
  background-color: #e0e9ff; }

.testimonialsTable tr:hover {
  background-color: #ccdbff; }

table.productRecipesTable {
  font-size: 0.8em;
  margin-top: 0.25em;
  width: 100%; }

tr.productRecipesTable {
  width: 80%; }

.productRecipesTable tr:nth-child(2n+3) {
  background-color: white; }

.productRecipesTable tr:nth-child(even) {
  background-color: #e0e9ff; }

.productRecipesTable tr:hover {
  background-color: #ccdbff; }

.productRecipesTable th, tr {
  text-align: left; }

table.standardTable {
  font-size: 0.8em;
  margin-right: 0.5em;
  width: 98%; }

tr.standardTable {
  width: 98%; }

.standardTable tr:nth-child(2n+3) {
  background-color: white; }

.standardTable tr:nth-child(even) {
  background-color: #e0e9ff; }

.standardTable tr:hover {
  background-color: #ccdbff; }

.borderTopBottom {
  border-width: 1px;
  border-bottom-style: solid;
  border-top-style: solid;
  border-color: black; }

.centerTableColumn {
  text-align: center; }

.rightTableColumn {
  text-align: right; }

.leftTableColumn {
  text-align: left; }

.newProductsImgColumn {
  width: 110px; }

.newProductsNameColumn {
  text-align: left;
  width: 35%; }

.newProductsBuyNowColumn {
  text-align: center;
  width: 35%; }

.newProductsPriceColumn {
  text-align: right;
  width: 15%;
  padding-right: 0.2em; }

.tableHeading {
  font-variant: small-caps;
  font-weight: bold; }

.tableHeadingBorder {
  border-width: 1px;
  border-bottom-style: solid;
  border-top-style: solid;
  border-color: black;
  font-variant: small-caps;
  font-weight: bold; }

p.tableHeading {
  border-width: 1px;
  border-bottom-style: solid;
  border-top-style: solid;
  border-color: black;
  font-size: 0.875em;
  font-weight: bold; }

.cartProductOutOfStock {
  background-color: red;
  color: white;
  font-weight: bold; }

.tableMaxWidth {
  width: 90%; }

.siteMap1 {
  vertical-align: top;
  background-color: #FFEDCF; }

.siteMap2 {
  background-color: #F4E7FD;
  vertical-align: top; }

.sitemapPageHeading {
  font-size: 1.2em;
  font-weight: bold;
  padding-left: 0.25em;
  padding-top: 0.25em; }

.siteMapWrapper, .fullWidth {
  width: 100%; }

.addressTableHeading, .spTableHeading {
  border-width: 1px;
  border-bottom-style: solid;
  border-top-style: solid;
  border-color: black;
  font-variant: small-caps;
  font-size: 0.875em;
  font-weight: bold; }

/* -------------------------- */
/* Product Listing            */
/* -------------------------- */
div.headingDescription-data {
  font-size: 0.75em;
  margin-left: 0.2em;
  margin-left: 0.2em;
  margin-bottom: 0.2em;
  margin-right: 0.2em; }

div.productListFilter {
  display: inline;
  font-size: 0.875em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  text-align: center; }

.productListFilter select {
  margin-left: 0.2em; }

.productListFilter label {
  font-weight: bold; }

table.productListingData {
  font-size: 0.8em;
  width: 99%; }

tr.productListingData {
  width: 100%; }

.productListingData tr:nth-child(2n+3) {
  background-color: white; }

.productListingData tr:nth-child(even) {
  background-color: #e0e9ff; }

.productListingData tr:hover {
  background-color: #ccdbff; }

.productListingData1 tr a:hover {
  background-color: #ccdbff; }

table.productsNew {
  font-size: 0.8em;
  width: 100%; }

tr.productsNew {
  width: 100%; }

.productsNew tr:nth-child(2n+3) {
  background-color: white; }

.productsNew tr:nth-child(even) {
  background-color: #e0e9ff; }

.productsNew tr:hover {
  background-color: #ccdbff; }

table.productsSpecials {
  font-size: 0.8em;
  width: 100%; }

tr.productsSpecials {
  width: 100%; }

.productsSpecials tr:nth-child(2n+3) {
  background-color: white; }

.productsSpecials tr:nth-child(even) {
  background-color: #e0e9ff; }

.productsSpecials tr:hover {
  background-color: #ccdbff; }

input.cartQuantity {
  padding-left: 0.8em;
  vertical-align: middle;
  width: 3.4em; }

.colProducts {
  padding-left: 0.25em;
  padding-right: 0.25em;
  text-align: left;
  width: 60%; }

.colBuyNow {
  padding-left: 0.25em;
  padding-right: 0.25em;
  text-align: center;
  vertical-align: middle; }

.colBuyNow form {
  vertical-align: middle;
  margin-bottom: 0; }

.colBuyNow input[type="image"] {
  position: relative;
  top: 3px; }

.colDetails {
  padding-left: 0.25em;
  padding-right: 0.25em;
  text-align: center; }

.colPrice {
  padding-left: 0.25em;
  padding-right: 0.25em;
  text-align: right;
  width: 20%; }

.productListingTableTitle {
  background-color: #CA9C8C;
  font-weight: bold;
  font-variant: small-caps;
  text-align: center; }

tr.productListingHeading {
  background-color: #ccdbff;
  border-bottom: 1px solid black;
  border-top: 1px solid black; }

tr.productListingHeading a:hover {
  background-color: #ccdbff;
  font-weight: bold; }

tr.productListingHeading {
  font-variant: small-caps;
  font-weight: bold;
  width: 100%; }

/* ------------------------- */
/* Product Information Boxes */
/* --------------------------*/
Table.productInstructions {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  border-spacing: 0;
  border-radius: 0.25em 0.25em 0.25em 0.25em;
  -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
  -moz-border-radius: 0.25em 0.25em 0.25em 0.25em; }

.productInstructions tr:nth-of-type(odd) {
  background-color: #e6f2ff; }

.productInstructions tr:nth-of-type(even) {
  background-color: #b3d9dd; }

.productInstructions th {
  font-size: 0.8em;
  background-color: #ccdbff;
  font-weight: bold;
  font-variant: small-caps;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.25em; }

.productInstructions td {
  font-size: 0.8em;
  text-align: left;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.25em; }

.productInstructions .right {
  text-align: right; }

.productInstructions .center {
  text-align: center; }

.productInstructions .bold {
  font-size: 0.875em;
  font-weight: bold; }

div.productPricing {
  margin-bottom: 0.25em; }

Table.productPricing {
  border-spacing: 0;
  border-color: black;
  border-style: solid;
  border-width: 2px;
  border-radius: 0.25em 0.25em 0.25em 0.25em;
  -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
  -moz-border-radius: 0.25em 0.25em 0.25em 0.25em; }

.productPricing tr:nth-of-type(odd) {
  background-color: #e6f2ff; }

.productPricing tr:nth-of-type(even) {
  background-color: #b3d9dd; }

.productPricing th {
  font-size: 0.8em;
  background-color: #ccdbff;
  font-weight: bold;
  font-variant: small-caps;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.25em; }

.productPricing td {
  font-size: 0.8em;
  text-align: left;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.25em; }

.productPricing .right {
  text-align: right; }

.productPricing .center {
  text-align: center; }

.productPricing .bold {
  font-size: 0.875em;
  font-weight: bold; }

Table.productReplaced {
  border-color: yellow;
  border-style: solid;
  border-width: 2px;
  border-spacing: 0;
  border-radius: 0.25em 0.25em 0.25em 0.25em;
  -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
  -moz-border-radius: 0.25em 0.25em 0.25em 0.25em;
  width: 60%; }

.productReplaced td {
  background-color: yellow;
  font-size: 0.8em;
  text-align: left;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.25em; }

div.productReplaced {
  clear: both;
  background-color: yellow;
  border-color: black;
  border-style: solid;
  border-width: 2px;
  border-spacing: 0;
  font-weight: bold;
  border-radius: 0.25em 0.25em 0.25em 0.25em;
  -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
  -moz-border-radius: 0.25em 0.25em 0.25em 0.25em;
  margin-top: 0.25em;
  margin-right: 0.25em;
  margin-bottom: 0.25em;
  margin-left: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.25em; }

.productReplaced {
  background-color: yellow;
  border-color: black;
  border-style: solid;
  border-width: 2px;
  border-spacing: 0;
  font-weight: bold;
  border-radius: 0.25em 0.25em 0.25em 0.25em;
  -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
  -moz-border-radius: 0.25em 0.25em 0.25em 0.25em;
  margin-top: 0.25em;
  margin-right: 0.25em;
  margin-bottom: 0.25em;
  margin-left: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.25em; }

.productReplaced a {
  text-decoration: underline; }

.itemBold {
  font-weight: bold; }

div.productDescription {
  font-size: 0.8em;
  padding-left: 0.25em;
  padding-right: 0.25em; }

.productInfo {
  width: 100%; }

.productInfoLeft {
  display: inline;
  text-align: left;
  width: 100%; }

.productInfoCenter {
  display: inline;
  text-align: center;
  width: 100%; }

.productInfoRight {
  display: inline;
  text-align: right;
  width: 100%; }

.productImageSmall {
  text-align: center; }

.productImageSmall img {
  width: 100px;
  height: 80px; }

.productImageSmall div {
  width: 100px;
  text-align: center; }

.productImageSmall div span {
  display: block; }

.productImage img {
  width: 200px;
  height: 160px; }

.productImage div {
  width: 200px;
  text-align: center; }

.productImageLarge img {
  width: 400px;
  height: 320px; }

.productImageLarge div {
  width: 400px;
  text-align: center; }

.productImageExtraLarge img {
  width: 800px;
  height: 64px; }

div.otherProductSizes,
div.alsoPurchasedProducts {
  width: 100%;
  margin-bottom: 0.25em;
  margin-top: 0.25em; }

div.productCategoryContainer {
  margin-bottom: 0.2em;
  width: 100%; }

.productInfoButton::after {
  clear: both;
  display: block;
  content: ' '; }

.productInfoItem {
  float: left;
  margin-top: 0.2em;
  padding-left: 0.8em; }

.productInfoItem1:last-child {
  float: left;
  width: auto;
  margin-top: 0.2em;
  padding-left: 0.8em; }

/* ----------------------------------- */
/*  Footer                             */
/* ----------------------------------- */
.footer-wrapper {
  background-color: #ccdbff;
  clear: both;
  display: block;
  margin-left: 0.25em;
  width: 100%; }

.footer {
  border: none;
  margin-left: 0.25em; }

.footer-col-1 {
  float: left; }

.footer-col-2 {
  float: left;
  margin-left: 0.25em;
  width: 12em; }

div#footer-col-2.footer-col-2 ul {
  font-size: 0.8em;
  list-style: none;
  margin-left: 0;
  margin-top: 0;
  padding-left: 0.15em;
  padding-top: 0.15em;
  width: 12em; }

.footer-col-3 {
  /* background-color: #ced8ec; */
  float: left;
  margin-left: 0.25em;
  /* width: 15em;  no width */ }

div#footer-col-3.footer-col-3 img {
  display: inline;
  max-width: 100%;
  height: auto; }

h4.footer {
  font-size: 0.875em;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

.footer-badges {
  display: inline;
  float: left; }

.footer-badge {
  display: inline;
  float: left;
  margin-top: 0.25em;
  margin-right: 0.25em;
  margin-bottom: 0.15em;
  margin-left: 0.25em; }

.footer-badge-right {
  display: inline;
  float: right;
  margin-top: 0.25em;
  margin-right: 0.25em;
  margin-bottom: 0.15em;
  margin-left: 0.25em; }

.footer-copyright {
  clear: both;
  font-size: 0.75em;
  font-weight: normal;
  margin-bottom: 0.15em;
  text-align: center;
  width: 100%; }

.footer-credit-card-offered {
  display: inline;
  float: left;
  font-size: 0.875em;
  font-weight: bold;
  padding-left: 0.15em;
  padding-right: 0.15em;
  padding-top: .40em; }

.footer-credit-card-wrapper {
  background-color: #ced8ec;
  margin-left: 0.25em; }

.footer-credit-cards {
  background: url("https://www.spiceplace.com/images/icons/logo_cards_150x26.gif") no-repeat;
  float: left;
  height: 29px;
  padding-top: 0.15em;
  padding-right: 0.15em;
  padding-bottom: 0.15em;
  padding-left: 0.15em;
  width: 154px; }

.footer-paypal {
  background: url("https://www.spiceplace.com/images/icons/paypal-trans.png") no-repeat;
  float: left;
  height: 35px;
  padding-top: 0.15em;
  padding-right: 0.15em;
  padding-bottom: 0.15em;
  padding-left: 0.15em;
  width: 114px; }

.footer-time {
  background: #4377ff;
  clear: both;
  color: white;
  font-size: 0.875em;
  font-weight: bold;
  margin-bottom: 2em;
  padding-top: 0.15em;
  padding-right: 0.15em;
  padding-bottom: 0.15em;
  padding-left: 0.15em; }

.footer-border-0 {
  /*    background-color:  #adbdde; */
  background-color: #213B7F;
  clear: both;
  height: 0.4em; }

.footer-border-1 {
  /*   background-color: #839ccd; */
  background-color: #365FCC;
  clear: both;
  height: 0.4em; }

.footer-border-2 {
  /* background-color: #4466aa; */
  background-color: #4377ff;
  clear: both;
  height: 0.4em; }

.footerText {
  font-size: 0.625em; }

/* ------------------------------------------------------------------ */
/*  Social Links                                                      */
/* ------------------------------------------------------------------ */
.footer-social {
  margin-top: 0.3em;
  overflow: hidden; }

.footer-socialImg {
  float: left;
  height: 35px;
  margin-left: 0.25em;
  margin-bottom: 0.15em;
  width: 35px !important; }

.footer-socialImg a {
  background: url("https://www.spiceplace.com/images/icons/social-bar.png") no-repeat;
  height: 35px;
  margin-right: 10px !important;
  float: left;
  padding: 0;
  width: 35px !important; }

.footer-blog a {
  background-position: 0 0; }

.footer-facebook a {
  background-position: -48px 0px; }

.footer-twitter a {
  background-position: -96px 0px; }

.footer-pinterest a {
  background-position: -143px 0px; }

.footer-instagram a {
  background-position: -190px 0px; }

.footer-youtube a {
  background-position: -237px 0px; }

.footer-googlePlus a {
  background-position: -283px 0px; }

ul.radio {
  margin-left: 1.25em;
  list-style: none; }

ul.radio::after {
  clear: both; }

ul.radio li {
  border: 1px transparent solid;
  display: inline-block; }

ul.radio li:hover,
ul.radio li.focus {
  background-color: #e0e9ff;
  border: 1px gray solid;
  width: auto; }

ul.radio input[type="radio"] {
  margin-top: 3px;
  margin-right: 3px;
  margin-left: 5px;
  vertical-align: bottom;
  clear: left;
  float: left; }

ul.checkbox li {
  border: 1px transparent solid;
  display: inline-block; }

ul.checkbox {
  margin-top: 3px;
  margin-left: 1.25em;
  list-style: none; }

ul.checkbox li:hover,
ul.checkbox li.focus {
  background-color: #e0e9ff;
  border: 1px gray solid;
  width: auto; }

ul.checkbox input[type="checkbox"] {
  margin-top: 3px;
  margin-right: 0.5em;
  margin-left: 5px;
  vertical-align: baseline;
  float: left; }

.box img {
  margin-left: 2em; }

.contactUsForm {
  background-color: #ccdbff; }

div.contactUsForm {
  max-width: 95%; }

.contactUsForm .box {
  border-width: 1px;
  border-color: black;
  margin: 0.2em 0.5em 0.2em 0.5em;
  padding: 0.25em 0.25em 0.25em 0.25em; }

.contactUsForm legend {
  font-size: 0.875em;
  font-weight: bold;
  padding-left: 0.25em;
  padding-right: 0.25em; }

.contactUsForm label {
  margin-left: 0.5em;
  text-align: right; }

.contactUsForm input, textarea {
  display: inline;
  margin-left: 0.5em;
  margin-bottom: 0.2em; }

.contactUsForm .verify {
  margin-top: 20px; }

.contactUSForm img {
  vertical-align: middle; }

.contactUsHeader, .contactUsFooter {
  font-size: 0.75em;
  margin-bottom: calc(2 * 0.2em ); }

.contactUsSubmit {
  float: right; }

.submitButtonContainer {
  float: right;
  height: 1.9em; }

.submitButtonContainerLeft {
  float: left;
  height: 1.9em; }

.loginForm p {
  display: inline;
  float: right;
  margin-right: 0.5em; }

div.loginForm {
  max-width: 95%;
  margin-top: 0.2em;
  font-size: 0.8em;
  background-color: #ccdbff;
  width: 34em; }

.loginForm .box {
  border-width: 1px;
  border-color: black;
  margin: 0.2em 0.5em 0.2em 0.5em;
  padding: 0.25em 0.25em 0.25em 0.25em; }

.loginForm legend {
  font-weight: bold;
  padding-left: 0.25em;
  padding-right: 0.25em; }

label.labelRight {
  font-size: 0.8em;
  font-weight: normal; }

.loginForm input[type=text], .loginForm input[type=password] {
  display: inline-block;
  margin-left: 0.5em;
  margin-bottom: 0.2em;
  width: 16em;
  max-width: 95%; }

.loginHeader {
  font-size: 0.75em;
  margin-bottom: calc(2 * 0.2em ); }

.loginForm input[type=submit] {
  background-repeat: no-repeat;
  background-position: 3px 1px;
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_continue.png");
  background-color: #42a517;
  border-radius: 0.95em;
  width: 8em;
  height: 1.9em;
  font-family: "Arial Black", Gadget, sans-serif;
  font-weight: 900;
  color: white;
  text-align: right; }

.loginForm input[type=submit]:hover {
  background-color: #2E7210; }

.accountEditForm {
  max-width: 95%;
  width: 34em; }

.accountEditForm input[type=submit] {
  background-repeat: no-repeat;
  background-position: 3px 1px;
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_continue.png");
  background-color: #42a517;
  border-radius: 0.95em;
  width: 8em;
  height: 1.9em;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 0.875em;
  font-weight: 900;
  color: white;
  text-align: right; }

.accountEditForm input[type=submit]:hover {
  background-color: #2E7210; }

legend.accountInfoBox {
  font-size: 0.875em;
  font-weight: bold;
  padding-left: 0.25em;
  padding-right: 0.25em; }

.accountInfo {
  margin-top: 0.25em;
  margin-right: 0em;
  margin-bottom: 0em;
  margin-left: 0;
  font-size: 0.8em;
  font-weight: bold;
  /* width: $account-label-width;
  text-align: right;
  */ }

.accountValue {
  font-weight: normal;
  /* position: absolute;
  left: $account-label-width;
  */
  margin-top: 0.25em;
  margin-right: 0em;
  margin-bottom: 0em;
  margin-left: 0; }

.accountValueLong {
  font-weight: bold;
  position: absolute;
  left: 13.3em; }

.buttonFunctionsContainer {
  margin-top: .40em; }

.buttonFunctionsContainer::after {
  content: '';
  display: block;
  clear: both; }

.accountEditForm {
  max-width: 95%;
  width: 34em; }

.shoppingCartForm input[type=submit] {
  background-repeat: no-repeat;
  background-position: 3px 1px;
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_update.png");
  background-color: #42a517;
  border-radius: 0.95em;
  width: 6.6em;
  height: 1.9em;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 0.875em;
  font-weight: 900;
  color: white;
  text-align: right; }

.shoppingCartForm input[type=submit]:hover {
  background-color: #2E7210; }

.contactUsForm {
  max-width: 95%;
  width: 34em; }

.contactUsForm input[type=submit] {
  background-repeat: no-repeat;
  background-position: 3px 1px;
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_continue.png");
  background-color: #42a517;
  border-radius: 0.95em;
  width: 8em;
  height: 1.9em;
  font-family: "Arial Black", Gadget, sans-serif;
  /* font-size: $font-size-largest-text; */
  font-weight: 900;
  color: white;
  text-align: right; }

.contactUsForm input[type=submit]:hover {
  background-color: #2E7210; }

.formContainer {
  background-color: #ccdbff; }

div.formContainer {
  max-width: 95%;
  padding-left: 0.25em; }

.formContainer .box {
  border-width: 1px;
  border-color: black;
  margin: 0.2em 0.5em 0.2em 0.5em;
  padding: 0.25em 0.25em 0.25em 0.25em; }

.formContainer legend {
  font-size: 0.875em;
  font-weight: bold;
  padding-left: 0.25em;
  padding-right: 0.25em; }

.formContainer input[type=submit] {
  background-repeat: no-repeat;
  background-position: 3px 1px;
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_continue.png");
  background-color: #42a517;
  border-radius: 0.95em;
  margin-right: 0.5em;
  margin-top: 0.2em;
  width: 8em;
  height: 1.9em;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 0.8em;
  font-weight: 900;
  color: white;
  text-align: right; }

.formContainer input[type=submit]:hover {
  background-color: #2E7210; }

.productFormContainer {
  #background-color: #ccdbff; }

div.productFormContainer {
  max-width: 99%;
  padding-left: 0.25em; }

.productFormContainer .box {
  border-width: 1px;
  border-color: black;
  margin: 0.2em 0.5em 0.2em 0.5em;
  padding: 0.25em 0.25em 0.25em 0.25em; }

.productFormContainer legend {
  font-size: 0.875em;
  font-weight: bold;
  padding-left: 0.25em;
  padding-right: 0.25em; }

.productFormContainer input[type=submit] {
  background-repeat: no-repeat;
  background-position: 3px 1px;
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_cart.png");
  background-color: #42a517;
  border-radius: 0.95em;
  margin-right: 0.5em;
  width: 6.6em;
  height: 1.9em;
  font-family: "Arial Black", Gadget, sans-serif;
  font-weight: 900;
  color: white;
  text-align: right; }

.productFormContainer input[type=submit]:hover {
  background-color: #2E7210; }

.productFormContainerNoIcon input[type=submit] {
  background-image: none;
  margin-right: 0;
  text-align: center; }

.productTableFormContainer input[type=submit] {
  background-repeat: no-repeat;
  background-position: 3px 1px;
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_cart.png");
  background-color: #42a517;
  border-radius: 0.95em;
  margin-right: 0.5em;
  width: 6.6em;
  height: 1.9em;
  font-family: "Arial Black", Gadget, sans-serif;
  font-weight: 900;
  color: white;
  text-align: right; }

input[type=number].productCartQuantity {
  padding-left: 0.8em;
  width: 3.4em; }

.formInfo {
  margin-top: 0.25em;
  margin-right: 0em;
  margin-bottom: 0em;
  margin-left: 0;
  font-size: 0.8em;
  font-weight: bold;
  /* width: $account-label-width;
  text-align: right;
  */ }

.formValue {
  font-weight: normal;
  margin-top: 0.25em;
  margin-right: 0em;
  margin-bottom: 0em;
  margin-left: 0; }

.formNormalBackground, normalBackground {
  background-color: #e0e9ff; }

.formError {
  color: red;
  font-size: 0.9em;
  font-weight: bold;
  margin-left: 0.5em; }

.formHint {
  color: DimGray;
  font-size: 0.9em;
  font-variant: small-caps;
  font-weight: bold;
  margin-left: 0.5em; }

.addressBook input[type=submit] {
  background-repeat: no-repeat;
  background-position: 3px 1px;
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_continue.png");
  background-color: #42a517;
  border-radius: 0.95em;
  margin-right: 0.5em;
  width: 8em;
  height: 1.9em;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 0.8em;
  font-weight: 900;
  color: white;
  text-align: right; }

.addressBook fieldset {
  border-width: 1px;
  border-color: black;
  margin: 0.2em 0.5em 0.2em 0.5em;
  padding: 0.25em 0.25em 0.25em 0.25em; }

.addressBook legend {
  font-size: 0.875em;
  font-weight: bold;
  padding-left: 0.25em;
  padding-right: 0.25em; }

.addressBook ol {
  padding-left: 0;
  margin-left: 0; }

.addressBook ol > li {
  list-style-type: none;
  margin-bottom: 0.5em;
  padding-left: 0.5em; }

.addressBook ol > li input[type=radio] {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle; }

.addressBook ol > li label {
  display: -moz-inline-box;
  display: inline-block;
  font-size: 0.8em;
  vertical-align: middle; }

.addressBook ol > li:nth-child(2n+3) {
  background-color: white; }

.addressBook ol > li:nth-child(even) {
  background-color: #e0e9ff; }

.addressBook ol > li:hover {
  background-color: #ccdbff; }

.accountButton, .summaryButton, .productButton {
  background-repeat: no-repeat;
  background-position: 3px 1px;
  background-color: #42a517;
  border-radius: 0.95em;
  display: inline-block;
  padding-top: 0.15em;
  padding-right: 0.75em;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 0.8em;
  font-weight: 900;
  color: white;
  text-align: right; }

.checkoutButton, .loginButton {
  background-repeat: no-repeat;
  background-position: 3px 2px;
  background-color: #42a517;
  border-radius: 0.95em;
  display: inline-block;
  padding-top: 0.25em;
  padding-right: 0.75em;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 1em;
  font-weight: 900;
  color: white;
  text-align: right; }

.accountButton:hover, .summaryButton:hover, .productButton:hover {
  background-color: #2E7210; }

.checkoutButton:hover, .loginButton:hover {
  background-color: #2E7210; }

.accountButtonEditAddress {
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_edit.png");
  width: 9.75em;
  height: 1.9em; }

.accountButtonAddressBook {
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_address.png");
  width: 10.25em;
  height: 1.9em; }

.accountButtonOrderHistory {
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_order_history.png");
  width: 10em;
  height: 1.9em; }

.buttonAddAddressBookEntry {
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_add_address.png");
  width: 9.6em;
  height: 1.9em; }

.buttonBack {
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_back.png");
  width: 5.6em;
  height: 1.9em; }

.buttonAddAddress {
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_add_address.png");
  width: 9.6em;
  height: 1.9em; }

.buttonContinue {
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_continue.png");
  width: 8em;
  height: 1.9em; }

.buttonCheckout {
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_continue.png");
  float: right;
  width: 8.1em;
  height: 1.9em; }

.buttonInCart {
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_cart.png");
  width: 6.6em;
  height: 1.9em; }

.buttonReview {
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_review.png");
  width: 7.6em;
  height: 1.9em; }

.buttonRecipe {
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_recipe.png");
  width: 7.5em;
  height: 1.9em; }

.buttonUpdate {
  background-image: url("https://www.spiceplace.com/images/icons/button_icon_update.png");
  width: 6.6em;
  height: 1.9em; }

#headerButtonLogout {
  background-position: 3px 4px;
  background-image: url("https://www.spiceplace.com/images/icons/header_icon_logout.png");
  width: 7em;
  height: 2em;
  background-repeat: no-repeat;
  background-color: #42a517;
  border-radius: 0.25em;
  display: inline-block;
  float: left;
  margin-bottom: 0.2em;
  padding-top: 0.25em;
  padding-right: 0.7em;
  font-family: "Arial Black", Gadget, sans-serif;
  font-weight: 900;
  color: white;
  text-align: right; }

#headerButtonLogout:hover {
  background-color: #2E7210; }

#headerButtonCheckout {
  background-position: 5px 5px;
  clear: left;
  width: 7em;
  height: 2em;
  background-repeat: no-repeat;
  background-color: #42a517;
  border-radius: 0.25em;
  display: inline-block;
  float: left;
  margin-bottom: 0.2em;
  padding-top: 0.25em;
  font-family: "Arial Black", Gadget, sans-serif;
  font-weight: 900;
  color: white;
  text-align: center; }

#headerButtonCheckout:hover {
  background-color: #2E7210; }

.mainCategoryContainer, .homeFeaturedContainer {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  max-width: 750px; }

.mainProductCategories {
  border-radius: 1em;
  display: inline-block;
  width: 100px;
  height: 80px;
  position: relative;
  color: white;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 1.4em;
  text-align: center;
  margin: 4px;
  overflow: hidden; }

.mainProductCategories a {
  text-decoration: none;
  color: white; }

.vertical-center-horz {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.color-white-on-blue {
  color: white;
  background-color: #000099;
  border: 1px solid #0000ff;
  background-image: linear-gradient(to bottom, #4495e7 0, #0053a6 100%); }

.color-white-on-orange {
  color: blue;
  background-color: #cc8400;
  border: 1px solid #cc8400;
  background-image: linear-gradient(#cc8400, #ffa500); }

.color-white-on-red {
  color: white;
  border: 1px solid #ff0000;
  background-image: linear-gradient(#cc0000, #ff0000); }

.color-red-white-mc {
  color: white;
  background-color: #b5ccd2;
  border: 8px solid #ff0000; }

.color-white-red {
  background-color: #ffffff;
  border: 8px solid #ff0000; }

.color-brown-black-gm {
  background-color: #ffffff;
  border: 8px solid #000000; }

.color-blue-ob {
  color: white;
  background-color: #ffffff;
  border: 8px solid #1d5a99; }

.color-blue-obcc {
  color: white;
  background-color: #fce201;
  border: 8px solid #1d5a99; }

.color-orange-wings {
  background-color: #FFFFFF;
  border: 8px solid #a94b07; }

.color-white-on-green {
  color: white;
  background-color: #53a318;
  border: 1px solid #53a318;
  background-image: linear-gradient(#53a318, #68CC1E); }

.homeFeatured {
  border-radius: 1em;
  display: inline-block;
  width: 150px;
  height: 120px;
  position: relative;
  text-align: center;
  margin: 4px;
  overflow: hidden; }

/* ------------------------------------------------------------------ */
/*  Mobile Begins Here                                                */
/* ------------------------------------------------------------------ */
@media only screen and (max-device-width: 410px) {
  #headerButtonCheckout {
    width: 5.4em; }

  div.newProductsText {
    width: 90px; }

  #newProducts ul li {
    padding: 0 0;
    width: 90px; } }
/* ------------------------------------------------------------------ */
/*  Mobile Begins Here                                                */
/* ------------------------------------------------------------------ */
@media only screen and (max-device-width: 768px) {
  div.newProductsText {
    width: 100px; } }
/* ------------------------------------------------------------------ */
/*  Desktop Begins Here                                               */
/* ------------------------------------------------------------------ */
@media only screen and (min-device-width: 768px) {
  .topNavItem .topNavInnerWrapper {
    border-right: 1px solid #001C64;
    height: 75px; }

  .navItemTitle {
    top: 55px; }

  .topNav span {
    height: 75px; }

  .logoCentered {
    background-color: white;
    background-image: url("https://www.spiceplace.com/images/spiceplace_logo_reg_d.jpg");
    background-size: 118px 70px; }

  .categoryIcon {
    background-position: 4px 31px; }

  .searchIcon {
    background-position: 4px 28px; }

  .accountIcon {
    background-position: 3px 27px; }

  .basketIcon {
    background-position: 4px 27px; }

  .basketIcon .numItems {
    margin: 29px 0 0 17px; }

  .columnCenterWrapper {
    width: 800px; }

  .columnRightWrapper {
    display: inline; }

  div.topBarTitle {
    display: block; }

  .socialLinkWrapper {
    display: block; }

  .buttonContinueRight {
    float: right; }

  div.headingDescription-data {
    font-size: 0.7em; }

  div.productReplaced {
    clear: none; }

  div.listNavRight {
    display: inline;
    float: right; }

  .footer-col-1 {
    width: 24em; }

  .footer-copyright {
    font-size: 0.625em; }

  .homeFeatured li {
    width: 50%;
    float: left; } }
/* ------------------------------------------------------------------ */
/*  Printer Begins Here                                               */
/* ------------------------------------------------------------------ */
@media print {
  .columnLeftWrapper {
    display: none; }

  .columnRightWrapper {
    display: none; }

  .footer-wrapper {
    display: none; }

  .topNavBar {
    display: none; } }

/*# sourceMappingURL=spiceplace.css.map */