/*
SITE COLORS
Green: #7ab800
    darker green (text links): #74a512
    hover: #588500
Blue: #009aa6
    hover: #006b73
Gray: #37424a
Orange: #e0922e
    hover: #cb7608
*/

form#contentSortForm {
visibility: hidden;
}

body {
font-size: 16px;
font-family: "Avenir LT W01 45 Book", Helvetica, Arial, sans-serif;
}
  
h1 {
font-size: 2.5em;
color: #37424a;
font-family: "Avenir LT W01 35 Light";
margin: 0px 0px 10px;
}

h2 {
font-size: 1.875em;
color: #37424a;
font-family: "Avenir LT W01 45 Book";
margin: 10px 0px;
}

h3 {
font-size: 1.5em;
color: #009aa6;
font-family: "Avenir LT W01 65 Medium";
line-height: 1em;
margin: 0px;
}

h4 {
font-size: 1.25em;
color: #37424a;
font-family: "Avenir LT W01 45 Book";
line-height: 1.25em;
margin: 0px 0px 8px;
}

h5 {
font-size: 1.125em;
color: #37424a;
font-family: "Avenir LT W01 45 Book";
margin: 8px 0px 0px;
line-height: 1.3em;
}

h6 {
font-size: 1em;
color: #999999;
font-family: "Avenir LT W01 45 Book";
line-height: 1em;
margin: 0px;
}

p {
font-size: 1em;
margin: 0px 0px 8px;
line-height: 1.3em;
}

.extra {
color: #999;
}

.highlight {
color: #e0922e
}

.clear {
clear: both;
}

a {
text-decoration: none;
font-weight: bold;
}

div.contentAddLibrary a, div.contentQuickview a, .nav-tabs > li > a, .accountMenu a, #sp-footer-wrapper a, p.recentlyViewedTitle a {
font-weight: normal;
}

a:hover {
text-decoration: underline;
}

a:focus {
color: #588500;
outline: none;
}

a.plus:before {
content: " ";
font-family: FontAwesome;
font-size: 12px;
font-weight: 500;
}

button:hover {
background: #AAA;
}

.btn, .btn.btn-small, button {
text-transform: none;
padding: 11px 15px 9px;
margin-top: 15px;
margin-bottom: 15px;
}

.btn.btn-mini {
font-size: 16px;
text-transform: none;
padding: 11px 13px 9px;
margin-top: 10px;
margin-bottom: 10px;
}

.btn.blue, .btn.btn-small.blue, button.blue, .btn.btn-mini.blue {
    background: none repeat scroll 0% 0% #009aa6;
}

.btn.blue:hover, .btn.btn-small.blue:hover, button.blue:hover, .btn.blue:focus, .btn.btn-small.blue:focus, button.blue:focus, .btn.btn-mini.blue:focus {
    background: none repeat scroll 0% 0% #006b73;
}

.btn.orangeBtn, .btn.btn-small.orangeBtn, button.orangeBtn, .btn.btn-mini.orangeBtn {
    background: none repeat scroll 0% 0% #e0922e;
}

.btn.orangeBtn:hover, .btn.btn-small.orangeBtn:hover, button.orangeBtn:hover, .btn.orangeBtn:focus, .btn.btn-small.orangeBtn:focus, button.orangeBtn:focus {
    background: none repeat scroll 0% 0% #cb7608;
}

.btn:hover, .btn:focus {
color: #FFFFFF;
background-color: #588500;
outline: none;
}

ul.coloredBullets {
    list-style: none;
}

ul.coloredBullets li { 
    padding-left: 1.2em; 
    text-indent: -0.8em;
    margin-bottom: 5px;
}

ul.coloredBullets li:before {
    content: "• ";
    color: #E0922E
}

.sectionHead {
  margin-bottom: 10px;
  margin-top: 20px;
  border-bottom: 1px solid #37424a;
  width: 100%;
  padding-bottom: 5px;
  clear: both;
}

.floatRight {
float: right;
}

.floatLeft {
float: left;
}

.helpIcon {
position: relative;
top: -4px;
padding-right: 5px;
}

/***** TOOL TIP STYLES *****/

a.tooltip {
outline: none;
text-decoration: none;
border-bottom: none;
position: relative;
opacity: 1;
display: inline;
line-height: 1.1em;
font-size: 1em;
cursor: help;
}

a.tooltip:after {
content: "";
font-family: "FontAwesome";
color: #FFF;
opacity: 0;
position: absolute;
bottom: -25px;
left: 8%;
margin-left: -5px;
z-index: -1;
font-size: 34px;
}

a.tooltip:hover:after {
z-index: 99999;
opacity: 1;
bottom: -11px;
text-shadow: 0px -3px 1px #ddd;
-webkit-transition-property: opacity, bottom;
-webkit-transition-duration: 0.4s, 0.3s;
-webkit-transition-timing-function: ease-in-out, ease-in-out;
transition-property: opacity, bottom;
transition-duration: 0.4s, 0.3s;
transition-timing-function: ease-in-out, ease-in-out;
}

a.tooltip strong {
line-height: 20px;
}

a.tooltip > span {
width: 200px;
padding: 10px;
margin-top: 50px;
margin-left: -90px;
opacity: 0;
visibility: hidden;
z-index: 10;
position: absolute;
font-size: 16px;
font-style: normal;
border-radius: 0px;
box-shadow: 0px 0px 2px #999;
-webkit-transition-property: opacity, margin-top, visibility;
-webkit-transition-duration: 0.4s, 0.3s, 0.4s;
-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
transition-property: opacity, margin-top, visibility;
transition-duration: 0.4s, 0.3s, 0.4s;
transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
}

a.tooltip:hover > span {
opacity: 1;
text-decoration: none;
visibility: visible;
overflow: visible;
display: inline;
margin-left: -90px;
margin-top: 27px;
}

h4 a.tooltip:hover > span {
margin-top: 30px;
}

p a.tooltip:hover > span {
margin-top: 26px;
}

li a.tooltip:hover > span {
text-indent: 0px;
}

li a.tooltip::after {
margin-left: 9px;
left: 0;
}

/*a.tooltip span b {
width: 15px;
height: 15px;
margin-left: 40px;
margin-top: -19px;
display: block;
position: absolute;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-box-shadow: inset -1px 1px 0 #fff;
-moz-box-shadow: inset 0 1px 0 #fff;
-o-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
display: none\0/; *display: none;
}*/

a.tooltip > span {
color: #37424a;
background: #FFFFFF;
border: 1px solid #f6f6f6;
}

/*a.tooltip span b {
background: #FFFFFF;
border-top: 1px solid #f6f6f6;
border-right: 1px solid #f6f6f6;
}*/

/***** END TOOL TIP STYLES *****/

/***** PAGE LAYOUT STYLES *****/

.body-innerwrapper {
padding-right: 10px;
padding-left: 10px;
}

section#sp-main-body-wrapper div.container {
margin-top: -20px;
}

#sp-users-wrapper {
    padding: 10px 0px 0px;
    border-bottom: 1px solid #aaaaaa;
}

#sp-header-wrapper {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
}

div#header, div#slideshow, div#testimonial {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}

#sp-subheader-wrapper {
margin-top: 0px;
}

#sp-service-wrapper {
padding: 10px 0px;
}

#sp-variation-wrapper {
margin-top: 30px;
margin-bottom: 0px;
}

#sp-testimonial-wrapper {
background: none;
}

#sp-footer-wrapper {
border-top: 1px solid #aaaaaa;
}

#sp-footer-wrapper #sp-footer2 {
text-align: left;
}

/***** END PAGE LAYOUT STYLES *****/

/***** JCE MEDIA POPUP STYLES *****/

#jcemediabox-popup-info-bottom {
    padding-top: 0px;
    margin-top: -20px;
}

#jcemediabox-popup-info-bottom, #jcemediabox-popup-info-top {
    overflow: hidden;
    position: absolute;
    margin: -20px 0px;
    padding: 0px;
    border: 0px none;
    visibility: hidden;
    width: 40px;
    border-radius: 100%;
    right: -28px;
}

#jcemediabox-popup-content {
    padding: 10px 10px;
}

/***** END JCE MEDIA POPUP STYLES *****/

/***** ACCOUNT MENU STYLES *****/

div#accountMenu .nav > li > a {
color: #37424a;
display: block;
padding: 10px;
}

div#accountMenu .nav > li > a:hover, div#accountMenu .nav > li > a:focus {
background-color: transparent;
color: #74a512;
}

div#accountMenu .nav > li {
display: inline-block;
margin-left: 30px;
position: relative;
}

div#accountMenu .nav > li:first-of-type {
margin-left: 0px;
}

div#accountMenu .nav > li.favoritesMenuItem a:before {
content: url(/images/favorite-star.png);
padding-right: 0px;
position: relative;
top: 4px;
}

div#accountMenu .nav > li.contentLibraryMenuItem a:before {
content: url(/images/library.png);
padding-right: 0px;
position: relative;
top: 4px;
}

div#accountMenu div.account-submenu {
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 0;
margin-top: 30px;
transition: margin 100ms ease 0s, visibility 100ms ease 0s, opacity 100ms ease 0s;
}

div#accountMenu .nav > li > a:hover + div.account-submenu, div#accountMenu .nav > li > a:focus + div.account-submenu, div#accountMenu div.account-submenu:hover {
opacity: 1;
visibility: visible;
z-index: 2;
}

div#accountMenu div.account-submenu-wrap {
padding: 20px;
border-top: medium none;
box-shadow: 0px 0px 5px #999;
background-color: #FFF;
background: none repeat scroll 0% 0% #FFFFFF;
}

#accountMenu ul.nav > li.menuDrop::after {
    content: "";
    font-family: "FontAwesome";
    color: #FFF;
    opacity: 0;
    position: absolute;
    bottom: -30px;
    left: 25px;
    margin-left: -8px;
    z-index: -1;
    font-size: 32px;
}

#accountMenu ul.nav > li.menuDrop:hover::after {
    z-index: 99999;
    opacity: 1;
    bottom: -5px;
    text-shadow: 0px -3px 3px #e1e1e1;
    transition: bottom 300ms ease 0s, opacity 300ms ease 0s;
}

.accountMenu div {
display: inline-block;
}

.accountMenu div.leftAccountMenu {
float: left;
margin-right: 40px;
}

.accountMenu div.rightAccountMenu {
float: right;
margin-left: 40px;
}

.accountMenu a {
color: #37424a;
text-decoration: none;
}

.accountMenu a:hover {
color: #74a512;
text-decoration: none;
}

.accountMenu img /* for menu icons */ {
    padding-right: 7px;
    vertical-align: top;
}

/* makes login and register links appear as buttons */
.accountMenu a.accountRegisterLink, .accountMenu a[name=login] {
    color: #fff;
    text-decoration: none;
    background-color: #7ab800;
    padding: 5px 10px;
}

.accountMenu a.accountRegisterLink:hover, .accountMenu a[name=login]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #588500;
}

.accountMenu a.accountRegisterLink:active, .accountMenu a[name=login]:active {
    color: #fff;
    text-decoration: none;
    background-color: #588500;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}


/***** END ACCOUNT MENU STYLES *****/

/***** MENU STYLES *****/

#sp-main-menu {
    margin-left: 10px;
    padding-top: 20px; /* 20px due to smaller menu item font size */
}

#sp-main-menu ul.level-0 > li > a {
text-transform: uppercase;
/*font-size: 1.5em;*/
text-decoration: none;
font-size: 1.1em; /*due to longer menu items */
font-weight: 700; /*due to smaller font size */
color: #37424a;
}

/* #sp-main-menu li.wideSubMenu div.sp-submenu.sub-level { NOT NEEDED IF SUBMENUS ARE SET TO "CENTER" IN TEMPLATE MANAGER
left: -100px !important;
} */

#sp-main-menu ul.level-0 > li:hover > a:after {
content: "";
font-family: FontAwesome;
position: absolute;
top: 45%;
left: -8px;
margin-top: -9px;
font-size: 14px;
font-weight: normal;
}

.nav {
margin-bottom: 0px;
}

.sp-submenu .sp-submenu-wrap {
border-top: none;
box-shadow: 0px 0px 5px #999999;
background-color: #FFFFFF;
}

/* #sp-main-menu ul.level-0 > li.parent:after {
    position: absolute;
    content: " ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px;
    border-color: transparent transparent #FFF;
    bottom: -30px;
    left: 30%;
    margin-left: -8px;
    z-index: -1;
    opacity: 0;
} */

#sp-main-menu ul.level-0 > li.parent:after {
content: "";
font-family: "FontAwesome";
color: #FFFFFF;
opacity: 0;
position: absolute;
bottom: -30px;
left: 25px;
margin-left: -8px;
z-index: -1;
font-size: 32px;
}

#sp-main-menu ul.level-0 > li.parent:hover:after {
    z-index: 99999;
    opacity: 1;
    bottom: -5px;
    text-shadow: 0px -3px 3px #e1e1e1;
    /*transition: bottom 300ms ease 0s, opacity 300ms ease 0s;*/
}

#sp-main-menu li li:not(.sp-menu-group) a {
color: #37424a;
}

#sp-main-menu li li:hover:not(.sp-menu-group), #sp-main-menu li li.active:not(.sp-menu-group) {
    background: none repeat scroll 0% 0% #FFF;
}

#sp-footer-wrapper ul.nav {
margin-left: 0px;
font-size: 1em;
}

#sp-footer-wrapper ul.nav li {
margin-left: 0px;
font-size: 1em;
display: block;
margin-top: 5px;
}

#sp-footer-wrapper ul.nav li a {
color: #37424a;
text-transform: none;
}

#sp-main-menu li li:not(.sp-menu-group) {
border-top: none;
}

.sp-main-menu-toggler.btn {
margin-top: 23px;
}

#sp-main-menu li li:not(.sp-menu-group) a {
padding: 5px 15px;
}

#sp-main-menu ul.sp-menu.level-1 {
padding-top: 15px;
padding-bottom: 15px;
}

/*#sp-main-menu li li:not(.sp-menu-group) a:first-of-type {
padding-top: 15px;
}

#sp-main-menu li li:not(.sp-menu-group) a:last-of-type {
padding-bottom: 15px;
}*/

#sp-main-menu div.sp-menu-group a.sp-menu-group {
padding-top: 0px;
font-weight: bold;
}

#sp-main-menu li li.parent:not(.sp-menu-group) > a.hideSubMenu:after {
content: "";
}

#sp-main-menu li li.hideSubMenu div.sp-submenu {
display: none;
}

li.menu-item.noLink a.menu-item.noLink:hover {
text-decoration: none;
}

#sp-main-menu ul.level-0 > li li:hover:not(.sp-menu-group) a.noLink {
color: #37424a;
}

@media all and (min-width: 1200px) {
.footerContactMenu {
max-width: 200px;
}
}

/***** STICKY MENU STYLES *****/

#sp-users-wrapper {
/*position: fixed;*/
/*width: 100%;*/
background-color: #FFF;
/*z-index: 1100;*/
}

#sp-header-wrapper {
/*position: fixed;*/
/*top: 41px;*/
background-color: #FFF;
/*width: 100%;*/
/*z-index: 1099; /* was 1100 */
}

#sp-search-wrapper {
/*position: fixed;*/
width: 100%;
top: 125px;
background-color: #FFF;
/*z-index: 1098; /* was 1099 */
padding-bottom: 10px;
}

#sp-search-wrapper + section {
margin-top: 160px; /* was 190px before the bottom-border was added to the search wrapper. With the border, the top section came too close to the line */
/*was 200px before more space was added between the menu and the search bar - see line 688*/
/*was 220px before search tags were added below the search bar*/
/*was 235px before sticky menu functionality was removed*/
}

/***** END STICKY MENU STYLES *****/

/***** END MENU STYLES *****/

/***** SEARCH STYLES *****/

#sp-search-wrapper {
/*position: static;*/
display: block;
/*z-index: 1;
background-color: transparent;*/
margin-bottom: 30px;
border-bottom: 1px solid #AAA; /* to help distinguish menu from the rest of the page */
/*box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); - for if the border-bottom isn't approved, and a shadow is needed instead. This style came from the Marketers sticky menu styles */
}

div#search {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
}

  form#searchForm > div, form#contentSortForm > div { display: inline-block; }
  form#searchForm .col-submit { display: block; }
 
  form#searchForm .col-2, form#searchForm .col-3, form#searchForm .col-4, form#contentSortForm .col-2, form#contentSortForm .col-3, form#contentSortForm .col-4 { box-shadow:none; border: none; }
  
  form#searchForm .col-2, form#contentSortForm .col-2 { width: 50% }
  form#searchForm .col-3.searchTags { width: 35%; border: 1px solid #aaaaaa; }
  form#searchForm .col-3.searchFormats { width: 35%; border: 1px solid #aaaaaa; border-left: none;vertical-align: bottom;}
  form#searchForm .col-3.searchFormats button { font-size: 16px; margin: 0px; line-height: 27px;}
  form#searchForm .col-3.searchFormats p {margin: 0px;}
  form#searchForm .col-3.searchBtn{ width: 3%; min-width: 27px;}
  form#searchForm .col-4, form#contentSortForm .col-4 { width: 25% }
  form#contentSortForm .col-3.sortby{width: auto; border: 1px solid #aaaaaa;}
  form#searchForm .col-submit button { width: 30%; margin: 0 auto; }
  form#searchForm input.submitbtn {padding: 0px; margin-top: 7px;}
  div.searchFormModule form#searchForm, div.searchFormModule form#contentSortForm {display: inline;}
  div.searchFormModule {display: inline;}
  #searchFilters {margin-top:10px;}

form#searchForm, form#contentSortForm {
  display: block;
  margin: 30px;
  overflow: hidden;
  background: #fff;
  border: none;
}

form#searchForm .col-3.searchTags {border: 1px solid #aaaaaa; }
  form#searchForm .col-3.searchFormats {border:none;/* 1px solid #aaaaaa; border-left: none;*/ position: relative;}
 
form#searchForm > div > label, form#contentSortForm > div > label {
  display: block;
  padding: 0px;
  vertical-align: top;
  font-size: 0px;
  font-weight: normal;
  color: #939393;
  margin-bottom: 0px;
}

form#searchForm > div.searchTags > label {
padding: 0px 2px 0px 0px;
width: 98%;
}
 
form#searchForm label > input, form#contentSortForm label > input {
  display: inline-block;
  position: relative;
  width: 98%;
  height: 27px;
  line-height: 27px;
  margin: 0px;
  padding: 5px 3px 4px 10px;
  border: none;
  outline: none;
  color: #555;
  font-weight: normal;
  font-size: 16px;
  opacity: 1;
  transition: all linear .3s;
}
 
form#searchForm .col-submit {
  text-align: center;
  padding: 20px;
}

form#searchForm label, form#contentSortForm label {
width: 100%;
}
 
form#searchForm label > select, form#contentSortForm label > select {
  display: inline-block;
  width: 100%;
  padding: 3px 0px 0px 10px;
  color: #555;
  margin: 0px;
  font-weight: 500;
  background: transparent;
  border: none;
  outline: none;
  font-size: 16px;
  opacity: .6;
  transition: all linear .3s;
  height: 36px;
}
 
form#searchForm label > input:focus, form#searchForm label > select:focus, form#contentSortForm label > select:focus {
  color: #37424a;
}

form#searchForm .submitbtn {
background-color: #FFF;
}

form#searchForm .submitbtn:hover {
background-color: #FFF;
}

.searchTag {
display: inline;
margin-right: 15px;
}

.searchTag p {
display: inline;
padding-right: 0px;
}

.searchTag img {
vertical-align: top;
padding-top: 3px;
}

/***** END SEARCH STYLES *****/

/***** BOOTSTRAP PAGINATION *****/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #74a512;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #AAA;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #FFF;
  background-color: #AAA;
  border-color: #AAA;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #7ab800;
  border-color: #7ab800;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #939393;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #AAA;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 1em;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

/* Order History Table Pagination */

div.moduletable span#orders_table_span div#orders-table_wrapper div#orders-table_paginate .paginate_button {
color: #74a512 !important;
border: none;
margin-left: 0px;
}

div.moduletable span#orders_table_span div#orders-table_wrapper div#orders-table_paginate .paginate_button.current {
border: none;
background: #7ab800 none repeat scroll 0% 0%;
color: #FFF !important;
}

div.moduletable span#orders_table_span div#orders-table_wrapper div#orders-table_paginate .paginate_button.current:hover {
background-color: #7ab800;
color: #FFF !important;
}

div.moduletable span#orders_table_span div#orders-table_wrapper div#orders-table_paginate .paginate_button.disabled {
color: #939393 !important;
}

div.moduletable span#orders_table_span div#orders-table_wrapper div#orders-table_paginate .paginate_button.disabled:hover {
cursor: not-allowed;
background-color: #FFF;
color: #939393 !important;
}

div.moduletable span#orders_table_span div#orders-table_wrapper div#orders-table_paginate .paginate_button:hover {
background: #AAA;
color: #FFF !important;
border: none;
}

/*** END Pagination Styles ***/

/***** BREADCRUMB STYLES *****/

#sp-subheader-wrapper .breadcrumb {
color: #37424a;
font-size: 1em;
}

#sp-subheader-wrapper .breadcrumb {
text-align: left;
}

/***** END BREADCRUMB STYLES *****/

/***** FORM STYLES *****/

select {
display: inline-block;
width: 100%;
}

textarea, input {
display: inline-block;
width: 96%;
}

input[type="submit"], input[type="button"] {
color: #FFFFFF;
background-color: #7ab800;
border: none;
padding: 7px 8px 6px;
font-size: 1em;
float: right;
}

input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
color: #FFFFFF;
border: none;
background-color: #588500;
}

input[type="submit"].blue, input[type="button"].blue {
background-color: #009aa6;
}

input[type="button"].blue:hover, input[type="button"].blue:focus, input[type="submit"].blue:hover, input[type="submit"].blue:focus {
background-color: #006b73;
}

textarea:hover, textarea:focus, input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="datetime"]:hover, input[type="datetime"]:focus, input[type="datetime-local"]:hover, input[type="datetime-local"]:focus, input[type="date"]:hover, input[type="date"]:focus, input[type="month"]:hover, input[type="month"]:focus, input[type="time"]:hover, input[type="time"]:focus, input[type="week"]:hover, input[type="week"]:focus, input[type="number"]:hover, input[type="number"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="url"]:hover, input[type="url"]:focus, input[type="search"]:hover, input[type="search"]:focus, input[type="tel"]:hover, input[type="tel"]:focus, input[type="color"]:hover, input[type="color"]:focus, .uneditable-input:hover, .uneditable-input:focus {
color: #37424a;
}

input[type="submit"], input[type="button"], textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
min-height: 10px;
}

input, button, select, textarea {
    font-family: "Avenir LT W01 45 Book", Helvetica, Arial, sans-serif;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
color: #37424a;
}

fieldset {
margin-bottom: 20px;
max-width: 450px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
border-radius: 0px;
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
border: 1px solid rgb(122, 184, 0);
outline: none;
}

input[id*=PhoneNumber] {
width: 60%;
}

input[id*=PhoneExt] {
width: 24%;
}

input.lastSite {
width: 90%;
margin-right: 8px;
}

div.stateWithZip {
display: inline-block;
width: 47%;
}

div.stateWithZip:first-of-type {
margin-right: 10px;
}

label[for*=PhoneExt] {
width: auto;
}

select#placementReminderEmail{
width: 50%;
margin-right: 8px;
}

select#uploadPlacementFormat{
width: 50%;
margin-right: 8px;
}

input[type="file"] {
margin-bottom: 10px;
}

.uploadField {
display: inline-block;
width: 45%;
}

/*specifies the style of the upload progress bar */
.bar {
    height: 18px;
    background: green;
}

form.orderHistoryFilters div {
display: inline-block;
}

.ohFilterSearch {
width: 30%;
}

.ohFilterSearch input[type="image"] {
margin-bottom: 9px;
}

input#orderHistoryFilterSearch {
width: 80%;
margin-right: 5px;
}

.ohFilterOrderedBy {
width: 15%;
margin-right: 10px;
}

.ohFilterRows {
width: 10%;
margin-right: 10px;
}

.ohFilterPagination {
width: 20%;
}

input[name="otherPublication"] {
width: 50%;
}

input[name="placementReminderDate"] {
width: 80%;
}

/***** END FORM STYLE *****/

/*Act-On Form Styles*/

/*  Standard Elements */
  form {
    margin: 0px;
    } 
    
  div.contactForm table.ao_tbl_container {
    width: /*430px*/100%;
    max-width: 550px;
    margin-top: 10px;
    }
    
  div.newsletterForm #ao_alignment_container {
    width: /*430px*/100%;
    max-width: 250px;
    margin-top: 0px;
    }
  .newsletterForm form {
    margin-bottom: 0px;
    }
    
  div.formBox {
    border: #DDD thin solid;
    border-radius: 0.5em;
    padding: 5px 10px 0px 0px;
    max-width: 400px;
    }
    
  div.resultsForm #ao_alignment_container {
    width: 100%;
    max-width: 400px;
    margin: 20px 10px 0px 0px;
    }
    
  div.resultsForm p {
    margin: 0;
  }
    
/*  Forms Fields: Generic */

  label {
    display:    inline-block;
    float:      none;
    clear:      left;
    width:      100%;
    margin-bottom:    0px;
    padding-top:    5px;
    text-align:     left;
    font-size:    1em;
    padding-right:    8px;
    }

  input.blueBtn, input.greenBtn {
    color:      #FFFFFF;
    border:     none;
    padding:    5px 10px;
    border-radius:    0px;
    cursor:     pointer;
  }
  
  input.greenBtn {
    background-color: #7ab800;
  }
  
  input.greenBtn:hover {
    background-color: #578200;
  }
  
  .formField
    {
    padding-top:    5px;
    padding-bottom:   5px;
    -moz-appearance:  none;
    color:      #37424a;
    overflow:   visible;
    }
    
  .formFieldLabel
    {
    padding-bottom:   2px;
    }
    
  .formFieldLabelGood
    {
    padding-bottom:   2px;
    background:   url(http://info.familyfeatures.com/acton/image/12x12yes.gif) center right no-repeat;
    }
    
  .formFieldLabelBad
    {
    padding-bottom:   2px;
    background:   url(http://info.familyfeatures.com/acton/image/12x12no.gif) center right no-repeat;
    }
    
  .formFieldText
    {
    height:     19px;
    border-style:     none; 
    border-left:    #CCCCCC solid 1px; 
    border-top:     #CCCCCC solid 1px; 
    border-right:     #CCCCCC solid 1px; 
    border-bottom:    #CCCCCC solid 1px; 
    color:      #37424a;
    background-color:   #FFFFFF;
    padding:    2px;
    }
    
  .formFieldTextError
    {
    height:     19px;
    border-style:     none; 
    border-left:    #CC0000 solid 1px; 
    border-top:     #CC0000 solid 1px; 
    border-right:     #CC0000 solid 1px; 
    border-bottom:    #CC0000 solid 1px; 
    background-color:   #FFFFCC;
    }
    
  .formFieldFile
    {
    height:     19px;
    border-style:     none; 
    border:     none; 
    background-color:   #FFFFFF;
    padding:    2px;
    }

  .formFieldFileError
    {
    height:     19px;
    border-style:     none; 
    border-left:    #CC0000 solid 1px; 
    border-top:     #CC0000 solid 1px; 
    border-right:     #CC0000 solid 1px; 
    border-bottom:    #CC0000 solid 1px;
    background-color:   #FFFFCC;
    }
    
/*  Form Field Sizes */
    
  .formFieldSmall     
    {
    width:  /*100px*/25%;
    }
    
  .formFieldMedium
    {
    width:  /*200px*/50%;
    } 
    
  .formFieldMediumLeft
    {
    width:  /*188px*/90%;
    }   
    
  .formFieldMediumRight
    {
    width:  /*200px*/100%;
    }   
    
  .formFieldLarge
    {
    width:  /*400px*/100%;
    } 
    
/*  Form Field Sizes For Multi-Column Layouts */

  .formField1Column     { width: /*400px*/100%; }
  
  .formField2Column     { width: /*200px*/100%;
              padding-right: 40px; }
  
  .formField3Column     { width: /*133px*/33%; }
  
  .formField4Column     { width: /*100px*/25%; }
  
/*  Width of input field blocks */

  .formInputBlock
    {
    width:      /*410px*/100%;
    overflow:   hidden;
    }
    
/*  Section Field */
    
  .formSectionHeading
    {
    font-weight:  bold;
    color:    #FF3300;
    padding-top:  10px; 
    padding-bottom: 10px; 
    }
    
  .formSectionDescription
    {
    /*
    width:      400px;
    */
    padding-bottom:   10px; 
    text-align:   left;
    }
    
/*  Paragraph Field */
    
  .formTextArea
    {
    border-style:     none; 
    border-left:    #CCCCCC solid 1px; 
    border-top:     #CCCCCC solid 1px; 
    border-right:     #CCCCCC solid 1px; 
    border-bottom:    #CCCCCC solid 1px; 
    background-color:   #FFFFFF;
    padding:    2px;
    }
    
  .formTextAreaSmall
    {
    width:  /*400px*/100%;
    height: 57px;
    }
    
  .formTextAreaMedium
    {
    width:  /*400px*/100%;
    height: 114px;
    }
    
  .formTextAreaLarge
    {
    width:  /*400px*/100%;
    height: 190px;
    }
    
  .formTextAreaWidthSmall
    {
    width:  /*133px*/33%;
    }
    
  .formTextAreaWidthMedium
    {
    width:  /*200px*/50%;
    }
    
  .formTextAreaWidthLarge
    {
    width:  /*400px*/100%;
    }

  input[type="checkbox"]
    {
    -moz-appearance: checkbox;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 0px;
    }

  input[type="radio"]
    {
    -moz-appearance: radio;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 5px;
    }
    
  input[type="button"]
    {
    border-radius: 0px;
    }

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button
    {
    -webkit-appearance: none;
    margin: 0;
    }

/*END Act-On Form Styles*/

/***** MANAGER PICK STYLES *****/

.nav-tabs > li > a {
padding-top: 3px;
color: #37424a;
}

.managerPick {
text-align: left;
margin-top: 10px;
clear: both;
}

img.pickImage {
float: left;
margin-bottom: 10px;
margin-right: 10px;
max-width: 100px;
}

a[href*="-s-picks"] {
font-size: 1em;
font-family: "Avenir LT W01 45 Book";
}

.nav-tabs > li > a[href*="contact-rebecca"] {
padding-top: 38px;
}

a[href*="holly-s-picks"]:before {
content: url(/images/hrusche-30.png);
padding-right: 5px;
position: relative;
top: 5px;
}

a[href*="jen-s-picks"]:before {
content:url(/images/jmillett-30.png);
padding-right: 5px;
position: relative;
top: 5px;
}

a[href*="rebecca-s-picks"]:before {
content:url(/images/rebecca-50.png);
padding-right: 5px;
position: relative;
top: 5px;
}

h4.rebecca-s-picks:before {
content:url(/images/rcowley-30.jpg);
padding-right: 5px;
position: relative;
top: 5px;
}

/***** END MANAGER PICK STYLE *****/

/***** LOGIN STYLES *****/

.login {
max-width: 300px;
}

/***** END LOGIN STYLES *****/

/***** REGISTER CALLOUT STYLES *****/

.boxGrad{
height: 7px;
background: -webkit-linear-gradient(top, rgba(250,250,250,0), rgba(220,220,220,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, rgba(250,250,250,0), rgba(220,220,220,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom, rgba(250,250,250,0), rgba(220,220,220,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, rgba(250,250,250,0), rgba(220,220,220,1)); /* Standard syntax (must be last) */
}

.boxGrad.gradDown {
height: 7px;
background: -webkit-linear-gradient(bottom, rgba(250,250,250,0), rgba(220,220,220,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, rgba(250,250,250,0), rgba(220,220,220,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, rgba(250,250,250,0), rgba(220,220,220,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to top, rgba(250,250,250,0), rgba(220,220,220,1)); /* Standard syntax (must be last) */
}

.registerCallout .row-fluid {
margin-bottom: 0px;
}

.registerCallout .registerImage {
float: left;
margin-left: 30px;
margin-top: -30px;
}

.registerCallout a.btn {
margin-top: 18px;
}

.registerCallout {
text-align: center;
}

.registerCallout h2, .registerCallout h4 {
margin: 0px;
}

/* Register callout media queries */

@media all and (max-width: 1055px) and (min-width: 767px) {
.registerCallout h2 {
font-size: 1.5em;
}
}

@media all and (max-width: 851px) and (min-width: 767px) {
.registerCallout h2 {
font-size: 1.25em;
}
.registerCallout h4 {
font-size: 1em;
}
}

@media all and (max-width: 811px) and (min-width: 767px) {
.registerCallout a {
font-size: 1em;
}
}

@media all and (max-width: 767px) {
.registerCallout img {
display: none;
}
}


/***** END REGISTER CALLOUT STYLES *****/

/***** NEWSLETTER FULLWIDTH CALLOUT STYLES *****/

.newsletterCallout {
margin-top: 30px;
padding: 10px;
background-color: #f6f6f6;
border: 1px solid #CCC;
}

.newsletterCallout h4 {
padding-top: 15px;
}

.newsletterCallout form {
padding-top: 25px;
}

.newsletterCallout form div.formset {
display: inline-block;
}

.newsletterCallout form label {
display: inline;
padding-right: 0px;
}

.newsletterCallout form input, .newsletterCallout form select {
display: inline;
max-width: 100px;
margin-right: 10px;
margin-bottom: 5px;
}

.newsletterCallout div.submit {
display: inline-block;
/*max-width: 100px;*/
margin-bottom: -15px;
/*margin-left: 10px;*/
margin-top: 20px;
}

/***** NEWSLETTER FULLWIDTH MEDIA QUERIES *****/

@media all and (max-width: 767px) {
.newsletterCallout div.aoFormContainer {
text-align: center;
}
}

@media all and (max-width: 500px) {
.newsletterCallout form div.formset {
display: block;
}
.newsletterCallout form div.formset.submit {
margin-right: auto;
margin-left: auto;
}
}

/***** END NEWSLETTER FULLWIDTH CALLOUT STYLES *****/

/***** Regular Content Page Styles *****/

.entry-content .pull-left img /*testimonial image avatar does not display*/
{
margin-right: 20px;
display: none;
}

.media .pull-left /* removes the quote icons on the left side */ {
display: none;
}

.media-body strong /*makes author's name of testimonial green*/
{
color: #009aa6;
}

.category-testimonials h2.entry-title {
line-height: .9em;
}

.category-testimonials h2.entry-title:before {
content: "";
font-family: FontAwesome;
}

/***** END Regular Content Page Styles *****/

/***** *****/

div.videoFeedOptions div {
padding: 5px;
}

div.videoFeedOptions textarea {
background-color: #F6F6F6;
cursor: text;
width: 600px;
max-width: 100%;
min-height: 120px;
}

/***** CONTENT LISTING STYLES *****/

a.contentDetailLink span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.contentListingFavoritesLink span {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
z-index: 2;
}

.contentListingFavoritesImage.favorited.white {
  content: url(/images/favorite-star-white.png);
}

.contentListingFavoritesImage.notFavorited.white {
  content: url(/images/favorite-star-white-outline.png);
}

.contentListingFavoritesImage.favorited.green {
  content: url(/images/favorite-star-green.png);
}

.contentListingFavoritesImage.notFavorited.green {
  content: url(/images/favorite-star-green-outline.png);
}

.favoriteStar {
  float: right;
}

.imagePreview {
  float: left;
  width: 45%;
  max-width: 377px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.previewSelection {
  background-color: #efefef;
  padding: 10px;
  display: block;
}

.columnContentsContainer {
  position: relative;
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
}

.contentListing {
  position: relative;
  overflow: hidden;
  max-width: 340px;
  margin: 10px auto 0px;
}

.contentListingSectionContainer div.row-fluid {
margin-bottom: 40px;
}

.contentIcon {
  position: absolute;
  z-index: 3;
  top: -10px;
  left: -8px;
}

.contentIcon img {
  display: block;
}

.contentListingCopy {
  color: #FFFFFF;
  background-color: rgba(0,0,0,0.55);
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8C000000,endColorstr=#8C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8C000000,endColorstr=#8C000000);
zoom: 1;
  padding: 10px 10px 30px;
  position: absolute;
  bottom: 0px;
  width: 95%;
  height: 50px;
  -webkit-transition: height 0.5s ease 0s;
  -moz-transition: height 0.5s ease 0s;
  -o-transition: height 0.5s ease 0s;
  transition: height 0.5s ease 0s;
}

.contentListingCopy h4 {
color: #FFFFFF;
}

.contentListingLinks {
  color: #FFFFFF;
  padding: 10px;
  position: absolute;
  bottom: -2px;
  width: 95%;
  height: 20px;
  z-index: 2;
}

.contentListingLinks a {
  color: #FFFFFF;
  text-decoration: underline;
}

.contentDescriptionContainer {
max-height: 10.4em;
overflow: hidden;
position: relative;
}

.contentDescriptionMore {
padding-top: 10px;
}


.contentFormatsContainer, .contentDescriptionContainer, .contentTitle img, .contentDescriptionMore {
    display: none;
    -webkit-transition: display 0.5s ease 0s;
    transition: display 0.5s ease 0s;
}

.contentListing:hover .contentFormatsContainer, .contentListing:hover .contentDescriptionContainer, .contentListing:hover .contentTitle img, .contentListing:hover .contentDescriptionMore, .contentListing:active .contentFormatsContainer, .contentListing:active .contentDescriptionContainer, .contentListing:active .contentTitle img, .contentListing:active .contentDescriptionMore {
    display: block;
    -webkit-transition: display 0.5s ease 0s;
    transition: display 0.5s ease 0s;
}

.contentListing:hover .contentListingCopy, .contentListing:active .contentListingCopy {
    height: 88.5%;
  background-color: rgba(0,0,0,0.75);
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
zoom: 1;
padding-left: 25px;
width: 90%;
-webkit-transition: height 0.5s ease 0s;
-moz-transition: height 0.5s ease 0s;
  -o-transition: height 0.5s ease 0s;
  transition: height 0.5s ease 0s;
}

.contentFormatsContainer, .contentDescriptionContainer {
  padding: 0px 0px 0px;
}

.contentQuickview {
  display: inline;
  float: left;
}

.contentAddLibrary {
  display: inline;
  float: right;
}

.contentImageContainer {
  max-width: 340px;
}

.contentTitle img, [class*="FavoritesImage"] {
  display: inline;
  float: right;
  padding-left: 5px;
  padding-bottom: 5px;
}

.contentFormatsContainer, .contentDescriptionContainer, .contentTitle img {
  display: none;
  -webkit-transition: display 0.5s ease 0s;
  transition: display 0.5s ease 0s;
}

.contentListing:hover .contentFormatsContainer, .contentListing:hover .contentDescriptionContainer, .contentListing:hover .contentTitle img {
  display: block;
  -webkit-transition: display 0.5s ease 0s;
  transition: display 0.5s ease 0s;
}

.contentListing:hover .contentListingCopy {
  height: 88.5%;
  background-color: rgba(0,0,0,0.75);
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
zoom: 1;
padding-left: 25px;
width: 90%;
-webkit-transition: height 0.5s ease 0s;
-moz-transition: height 0.5s ease 0s;
  -o-transition: height 0.5s ease 0s;
  transition: height 0.5s ease 0s;
}



/***** END CONTENT LISTING STYLES *****/

/***** QUICKVIEW STYLES *****/

.quickviewContainer {
  max-width: 830px;
  margin: auto;
}

.contentImagePreviewsContainer {
  max-width: 400px;
}

.contentImagePreviewMain {
  text-align: center;
}

.contentImagePreviewSelectionContainer {
  background-color: #efefef;
  padding: 10px;
}

.contentImagePreviewThumb {
  display: inline;
  padding: 3px;
}

.activePreview {
  border: 2px solid #acacac;
}

.contentDetailContainer {

}

.contentDetailWordCount {
  display: inline;
}

.contentDetailContentNumber {
  display: inline;
}

.contentDetailDescription {
  clear: both;
  margin-top: 10px;
}

.contentDetailFormatsContainer {
  clear: both;
  padding-top: 10px;
}

.contentDetailHTMLContainer {
  display: block;
}

.contentDetailHTML textarea{
  background-color: #f6f6f6;
  border: 1px solid #e5e5e5;
  padding: 4px 6px;
  width: 90%;
  min-height: 60px;
  cursor: text;
}

.contentDetailLibraryContainer {
  clear:both;
}

.divider{
    width:10px;
    height:auto;
    display:inline-block;
}

/***** END QUICKVIEW STYLES *****/

/***** CONTENT DETAIL STYLES *****/

.contentBreadcrumbLinks {
color: #ccc;
}

.contentBreadcrumbLinks a:first-of-type {
margin-right: 10px;
}

.contentBreadcrumbLinks a:last-of-type {
margin-left: 10px;
}

div.orderedReminder {
border: 1px solid #CCCCCC;
margin-bottom: 10px;
padding: 10px 10px 5px;
text-align: center;
}

div.orderedReminder h5 {
display: inline;
}

div.orderedReminder img {
padding: 0px 5px 5px 0px;
}

.contentDetailFullTextContainer {
  clear: both;
  padding-top: 10px;
}

.contentDetailFullTextCopy {
  margin-bottom: 5px;
}

div.contentDetailFullText h3 {
    color: #37424a;
    font-family: "Avenir LT W01 35 Light";
    padding-bottom: 10px;
}

.recentlyViewed [class*="recentlyViewedContent"] {
  margin-bottom: 10px;
}

.recentlyViewedContainer.horizontal {
margin-top: 30px;
}

.contentDetailSponsor {
  display: inline;
  text-align: center;
  margin-left: 7px;
  margin-right: 7px;
  padding-left: 8px;
  padding-right: 8px;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
}

div.contentDetailDescriptionContainer {
margin-top: 20px;
}

.contentDetailFullText h5 {
font-family: "Avenir LT W01 65 Medium";
}

table.recipeIngredients {
width: 100%;
margin-bottom: 15px;
}

table.recipeIngredients td:first-of-type {
text-align: right;
padding-right: 15px;
}

table.recipeIngredients td {
padding-top: 2px;
padding-bottom: 2px;
}

ol.recipeInstructions li {
margin-bottom: 5px;
}

/* SOCIAL SHARE ICON STYLES */

div.jssocials-share-googleplus, div.jssocials-share-twitter, div.jssocials-share-email { /*hides social icons that we don't want*/
display: none;
}
.socialIcons [class^="icon-"] {
display: inline-block;
margin-right: 10px;
font-size: 2em;
}

.socialIcons a.socialShareLink {
color: #999;
text-decoration: none;
vertical-align: sub;
}

.socialIcons a.socialShareLink:hover {
text-decoration: none;
}

.socialIcons a:hover .icon-facebook-sign {
color: #3b5998;
}

.socialIcons a:hover .icon-twitter-sign {
color: #55acee;
}

.socialIcons a:hover .icon-google-plus-sign {
color: #dd4b39;
}

.socialIcons a:hover .icon-linkedin-sign {
color: #007bb6;
}

.socialIcons a:hover .icon-pinterest-sign {
color: #cb2027;
}

.socialIcons a:hover .icon-envelope {
color: #74a512;
}

/***** END CONTENT DETAIL STYLES *****/

/***** RECENTLY VIEWED STYLES *****/

div.recentlyViewed {
display: inline-block;
margin-bottom: 20px;
}

.recentlyViewedImage {
width: 100%;
max-width: 225px;
margin-bottom: 10px;
}

.recentlyViewedTitle a {
color: #37424a;
}

/***** END RECENTLY VIEWED STYLES *****/

/***** RELATED CONTENT STYLES *****/

.relatedContent ul {
margin-left: 20px;
}

a.relatedContentLink {
color: #37424a;
}

div.relatedContent ul li {
margin-bottom: 5px;
}

/***** END RELATED CONTENT STYLES *****/

/***** CONTENT LIBRARY STYLES *****/

.addToLibrary,
.addedToLibrary,
.deletedFromLibrary {
max-width: 500px;
}

.addToLibrary:after,
.addedToLibrary:after,
.deletedFromLibrary:after {
clear: both;
}

.addToLibraryImage,
.addedToLibraryImage,
.deletedFromLibraryImage {
padding-top: 8px;
}

.addToLibraryImage img, 
.addedToLibraryImage img,
.deletedFromLibraryImage img {
max-width: 150px;
}

.addToLibraryContent, 
.addedToLibraryContent,
.deletedFromLibraryContent {
max-width: 300px;
margin-left: 10px;
}

.tyOrder p {
margin-left: 20px;
}

.contentLibraryHeader {
border-bottom: 1px solid #aaaaaa;
padding-bottom: 5px;
margin-bottom: 5px;
}

.contentLibraryContentListing {
border-bottom: 1px solid #aaaaaa;
margin-bottom: 5px;
}

.contentLibraryContentListing .contentLibraryImagePreview img {
max-width: 195px;
padding-bottom: 10px;
width: 100%;
}

.contentLibraryContentListing div.contentLibraryPublicationPreview img {
vertical-align: -10%;
}

.contentLibraryFooter {
text-align: right;
}

.orderTYHeader {
border-bottom: 1px solid #aaaaaa;
padding-bottom: 5px;
margin-bottom: 5px;
}

.orderTYContentListing {
border-bottom: 1px solid #aaaaaa;
margin-bottom: 5px;
}

.orderTYContentListing .orderTYImagePreview img {
max-width: 195px;
padding-bottom: 10px;
}

.downloadingNotes {
padding: 8px 8px 10px;
}

.downloadingInstructions {
padding: 10px;
background-color: #f6f6f6;
border: 1px solid #CCCCCC;
}

.placementReminder {
padding: 10px;
}

.placementReminder img {
vertical-align: -10%;
padding-left: 5px;
}

.ui-datepicker .ui-datepicker-prev.ui-corner-all, .ui-datepicker .ui-datepicker-next.ui-corner-all {
width: 4em;
}

.ui-datepicker .ui-datepicker-prev span.ui-icon, 
.ui-datepicker .ui-datepicker-next span.ui-icon {
text-indent: 0px;
left: 40%;
}

/***** END CONTENT LIBRARY STYLES *****/

/***** FAVORITES STYLES *****/

.addedToFavorites {
max-width: 350px;
}

.addedToFavorites h3, .deletedFromLibrary h3 {
margin-bottom: 10px;
}

.addedToFavorites img, .deletedFromLibrary img {
max-width: 100px;
margin: 0px 10px 10px 0px;
}

.favoritesFooter {
text-align: right;
}

.favoritesHeader {
border-bottom: 1px solid #aaaaaa;
padding-bottom: 5px;
margin-bottom: 5px;
}

.favoritesContentListing {
border-bottom: 1px solid #aaaaaa;
margin-bottom: 5px;
padding-bottom: 10px;
}

.favoritesContentListing .favoritesImagePreview img {
max-width: 195px;
}

/***** END FAVORITES STYLES *****/

/***** ACCOUNT STYLES *****/

.accountPub {
margin-bottom: 20px;
}

.outletDetails {
margin-left: 20px;
}

.emailSampleContainer {
margin: 0px auto;
max-width: 650px;
border: 1px solid #CCC;
}

/***** END ACCOUNT STYLES *****/

/***** SCROLLING TABLE STYLES *****/

.scrollTable.has-scroll {
    position:relative;
    overflow:hidden; /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */
}
@media all and (max-width: 979px) {
  .scrollTable.has-scroll:after {
    position:absolute;
    top:0;
    left:100%;
    width:50px;
    height:100%;
    border-radius:10px 0 0 10px / 50% 0 0 50%;
    box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);
    content:'';
}
}
/* This is the element whose content will be scrolled if necessary */
.scrollTable.has-scroll > div {
    overflow-x:auto;
}
.scrollTable > div::-webkit-scrollbar {
    height:12px;
}
.scrollTable > div::-webkit-scrollbar-track {
    box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
    background:#f0f0f0;
}
.scrollTable > div::-webkit-scrollbar-thumb {
    border-radius:6px;
    background:#009aa6;
}
.scrollTable table.orderHistory { /*the order history table is a scrolling table*/
  overflow-x:auto;
  min-width: 400px;
  max-width: 99%;
  margin-left: 0px;
}

.dataTables_wrapper .dataTables_orderedBy {
margin-right: 10px;
}

/***** END SCROLLING TABLE STYLES *****/

/***** ORDER HISTORY STYLES *****/

.placementReminderList div a {
color: #37424a;
}

.orderHistoryLegend {
margin-top: 10px;
margin-bottom: 20px;
}

.orderHistoryLegend img {
vertical-align: top;
}

.orderHistoryLegend p {
margin-bottom: 8px;
}

div.orderHistoryTableHeader {
margin-bottom: 10px;
}

div.orderHistoryTableHeader h4, form.orderHistoryFilters {
  display: inline;
}

div.orderHistoryTableHeader h4 {
  margin-right: 40px;
}

.orderHistoryTableHeader .submitbtn {
    background-color: #FFF;
  margin-right: 10px;
  margin-top: 5px;
}

table.orderHistory {
  font-size: 1em;
  border: 1px solid #CCCCCC;
  width: 100%;
  margin-top: 0px;
  border-collapse: collapse;
    border-spacing: 0px;
  text-align: left;
}

table.orderHistory tr:nth-child(2n+1) {
  background-color: #f6f6f6;
}

table.orderHistory th {
  background-color: #CCCCCC;
}

table.orderHistory td {
  padding: 8px 5px;
}

table.orderHistory img {
  padding-right: 10px;
}

div.placementUpload textarea {
width: 500px;
height: 50px;
}

.placementUploadDetails{
margin-top: 30px;
margin-bottom: 20px;
}

/***** END ORDER HISTORY STYLES *****/

/***** PAGE STYLES *****/

.shadedBox {
border: 1px solid #aaaaaa;
background: #efefef;
padding: 20px;
text-align: center;
}

.item-page .about-us-team .img-wrapper .about-desc {
    border: 1px solid #E5E5E5;
    margin-right: 0px;
    padding: 10px 20px;
    max-width: 308px;
}

i.icon-linkedin:before, i.icon-user:before {
font-size: 24px;
}

i.icon-linkedin:hover, i.icon-user:hover {
text-decoration: none;
}

div.socialshare a {
margin-right: 10px;
}

.recipeClusterSample {
max-width: 320px;
}

.copyCode textarea {
background-color: #F6F6F6;
border: 1px solid #E5E5E5;
padding: 4px 6px;
width: 96%;
min-height: 60px;
cursor: text;
}

.copyCode textarea:hover {
border: 1px solid #7ab800;
}

#ifscontainer div.ifsjsdbinput select[name=IFSJSDropDownListRecipe] {
width: 75%;
}

#ifscontainer div.ifsjsdbinput input[name=IFSJSTextBoxKeyword] {
width: 50%;
}

.lockedLogin {
border: 1px solid #CCCCCC;
padding: 10px;
text-align: center;
max-width: 300px;
}

.termsOfUse h2 {
margin-top: 20px;
margin-bottom: 5px;
}

.termsOfUse p:first-of-type {
background-color: #f6f6f6;
border: 1px solid #CCCCCC;
padding: 10px;
margin-bottom: 10px;
}

div.about-us div.testimonial {
font-style: italic;
background-color: #f6f6f6;
border: 1px solid #ccc;
padding: 10px;
margin: 0 0 0 20px;
float: right;
max-width: 500px;
text-align: center;
}

div.about-us div.testimonial p.testimonial-author {
font-weight: bold;
}

div.about-us h4 {
margin-top: 30px;
}

.blog-author {
border-top:3px solid rgb(122, 184, 0);
padding-top: 10px;
margin-top: 30px;
border-bottom: 1px solid #7ab800;
min-height: 150px;
}

/***** END PAGE STYLES *****/

/***** FOOTER STYLES *****/

div#footer div.mod-wrapper h3:first-child {
font-size: 1.25em;
color: #37424a;
font-family: "Avenir LT W01 45 Book";
line-height: 1.25em;
margin: 0px 0px 8px;
margin-left: -17px;
}

div#footer div.mod-wrapper h3:first-child:before {
content: " ";
font-family: FontAwesome;
color: #009aa6;
font-size: 14px;
font-weight: 500;
vertical-align: top;
}

#sp-footer-wrapper a:not(.btn) {
    color: #37424a;
}
#sp-footer-wrapper a:hover:not(.btn) {
color: #74a512;
text-decoration: none;
}

.module.contactInfo {
margin-top: 10px;
}

/***** END FOOTER STYLES *****/

/***** MOBILE MENU STYLES *****/

div.hidden-desktop.btn.btn-inverse.sp-main-menu-toggler {
z-index: 4;
}

div.hidden-desktop.sp-mobile-menu.nav-collapse.in.collapse {
z-index: 3;
}

/***** END MOBILE MENU STYLES *****/

/***** MEDIA QUERIES *****/

@media all and (max-width: 1200px) {
div#header, div#search {
max-width: 940px;
}

.container {
padding-right: 20px;
padding-left: 20px;
}

#sp-main-menu ul.level-0 > li > a {
font-size: 1.3em;
padding: 0px 10px 10px;
}

#sp-main-menu {
margin-left: 20px;
}

#sp-main-menu ul.level-0 > li {
margin: 0px 12px 0px 0px;
}

#sp-main-menu ul.level-0 > li.parent:hover:after {
bottom: -7px;
}

#sp-main-menu ul.level-0 > li.parent:hover > a:after {
top: 30%;
}

#sp-main-menu ul.level-0 > li:hover > a:after {
top:30%;
}

#sp-search-wrapper {
top: 106px;
}

a[href*="rebecca-s-picks"]:before { /*helps tabs appear inline on iPad landscape orientation*/
content:none;
}
.nav-tabs > li > a[href*="contact-rebecca"] { /*helps tabs appear inline on iPad landscape orientation*/
padding-top: 3px;
}

.nav-tabs > li > a[href*="#tab-"] { /*helps tabs appear inline on iPad landscape orientation*/
font-size: 0.9em;
}
}

@media all and (min-width: 980px) and (max-width: 1200px) {
#sp-search-wrapper {
    top: 125px;
}
}

@media all and (max-width: 1025px) {
a.hidden-desktop.sp-main-menu-toggler {
display: inherit !important;
z-index: 1100;
}

div.hidden-desktop.sp-mobile-menu.nav-collapse.in.collapse {
display: block !important;
z-index: 1100;
}

div#sp-main-menu {
display: none !important;
}
}

@media all and (max-width: 979px) {
div#header, div#search {
max-width: 724px;
}

label {
width: 32%;
}

div.searchFormModule {
display: block;
margin-bottom: 10px;
}

.accountMenu div.leftAccountMenu {
float: left;
margin-right: 20px;
}

.accountMenu div.rightAccountMenu {
float: right;
margin-left: 20px;
}

div.orderHistoryTableHeader h4, form.orderHistoryFilters {
    display: block;
}

.ohFilterSearch {
    width: 45%;
}

.ohFilterSearch label, .ohFilterOrderedBy label {
    width: 100%;
}

.ohFilterPagination {
display: block;
width: 100%;
}

.ohFilterOrderedBy {
    width: 30%;
}

.ohFilterRows {
    width: 20%;
    margin-right: 0px;
}

#sp-users-wrapper {
position: static;
}

#sp-header-wrapper {
position: static;
}

#sp-search-wrapper {
    position: static;
}

#sp-search-wrapper + section {
    margin-top: 0px;
}
}

@media all and (min-width: 979px) {
.hidden-md-lg {
display: none;
}
}

@media all and (min-width: 768px) and (max-width: 979px) {
.contentListingLinks a {
font-size: .9em;
}

.contentListingLinks a::before {
content: "";
}


.contentDescriptionContainer {
Max-height: 5.2em;
}

.contentDescriptionMore {
    padding-top: 0px;
}
}

@media all and (max-width: 767px) {

.responsive .container {
max-width: 1170px;
}

div.searchFormModule form#searchForm {
display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

form#contentSortForm .col-3.sortby {
    width: 50%;
}

div#header, div#search {
/*max-width: 480px;*/
min-width: 280px;
}

.accountMenu div {
width: 100%;
display: block;
margin-bottom: 10px;
}

label {
width: 43%;
}

form#searchForm div.col-3.searchTags {
width: auto;
display: -webkit-inline-flex;
display: inline-flex;
}

form#searchForm div.col-3.searchFormats {
display: -webkit-inline-flex;
display: inline-flex;
border: solid 1px #aaaaaa;
}

form#searchForm div.col-3.searchBtn {
width: 10%;
margin-left: 8px;
text-align: right;
}

form#searchForm input.submitbtn {
padding-left: 0px;
}

form#searchForm div.col-3.searchTags label {
overflow: hidden;
}

.ohFilterSearch input#orderHistoryFilterSearch {
    width: 70%;
}
}

@media all and (max-width: 500px) {
label {
text-align: left;
width: 100%;
}

.contentListingLinks a {
font-size: .95em;
}
}

@media all and (max-width: 400px) {
form.orderHistoryFilters div {
    display: block;
    width: 100%;
}

.contentDescriptionContainer {
Max-height: 9.1em;
}
}

/***** END MEDIA QUERIES *****/