/**
 * CONSTANTS
 */
/* COLORS */
/* SIZES */
/**
 * FUNCTIONS
 */
/* COLOR */
/**
 * MIXINS
 */
/* CLEARFIX */
/* IMAGE REPLACEMENT */
/* BOX SHADOW */
/* BORDER RADIUS */
/* CONTAINER */
@font-face {
  font-family: 'AvenirMedium';
  src: url("http://naturallycurly.com/fonts/avenir/avenir-medium.eot");
  src: local("nonexistentfont"), url("http://naturallycurly.com/fonts/avenir/avenir-medium.woff") format("woff"), url("http://naturallycurly.com/fonts/avenir/avenir-medium.ttf") format("truetype"), url("http://naturallycurly.com/fonts/avenir/avenir-medium.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

.purple-button {
  display: inline-block;
  text-align: center;
  background: #7200aa;
  padding: .5em 0;
  border-radius: 2em;
  font-size: 1.5em;
  font-weight: normal;
  color: white !important; }
  .purple-button:hover {
    color: white !important; }

/*
 * BASE
 * 
 * These are the styles for basic elements commonly used on a page.
 */
body,
button,
input,
.listing.with-btns > .item > .btn > a,
#previous-video,
#next-video,
select,
textarea {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 18px;
  color: #3b3c3c; }

::-moz-selection {
  background: #3b3c3c;
  color: white; }

::selection {
  background: #3b3c3c;
  color: white; }

body {
  background-color: #f1f1f1; }

a {
  color: #7200aa;
  text-decoration: none; }
  a:hover {
    text-decoration: underline;
    color: #7200aa; }

p {
  margin: 0;
  padding: 0; }

dl {
  line-height: 24px;
  margin: 0; }
  dl dt {
    float: left;
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold; }

ul,
ol {
  margin: 0; }

h1,
h2,
h3,
h4,
.playlist > .title,
h5,
h6 {
  font-family: AvenirMedium, Arial, Helvetica, sans-serif; }
  h1 > span,
  h2 > span,
  h3 > span,
  h4 > span,
  .playlist > .title > span,
  h5 > span,
  h6 > span {
    font-weight: normal; }

h1,
h2 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 20px !important; }

h1 {
  color: #7200aa; }

h3 {
  font-size: 20px;
  padding: 0 0 5px;
  text-transform: uppercase;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 15px !important;
  line-height: 23px; }
  h3 > span {
    text-transform: none; }

.narrow h3 {
  font-size: 16px; }

h4, .playlist > .title,
h5 {
  font-size: 16px; }

h4, .playlist > .title {
  color: #7200aa; }

input, .listing.with-btns > .item > .btn > a, #previous-video,
#next-video,
button,
select,
textarea {
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  padding: 5px 10px;
  border: 0;
  font-size: 11px; }
  input:focus, .listing.with-btns > .item > .btn > a:focus, #previous-video:focus,
  #next-video:focus,
  button:focus,
  select:focus,
  textarea:focus {
    outline: none; }

input[type="text"], textarea,
select, .listing.with-btns > .item > .btn > a[type="text"], [type="text"]#previous-video,
[type="text"]#next-video, input[type="password"], .listing.with-btns > .item > .btn > a[type="password"], [type="password"]#previous-video,
[type="password"]#next-video {
  box-shadow: -1px, 1px, 2px, #999999, "inset";
  line-height: 14px;
  font-size: 13px;
  font-family: Georgia, times, serif;
  font-style: italic; }
input[type="submit"], .listing.with-btns > .item > .btn > a, #previous-video,
#next-video, input[type="button"], button, .listing.with-btns > .item > .btn > a[type="button"], [type="button"]#previous-video,
[type="button"]#next-video {
  background-color: #7200aa;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 14px;
  padding: 6px 10px 5px 10px; }
  input[type="submit"]:hover, .listing.with-btns > .item > .btn > a:hover, #previous-video:hover,
  #next-video:hover, input[type="button"]:hover, button:hover, .listing.with-btns > .item > .btn > a[type="button"]:hover, [type="button"]#previous-video:hover,
  [type="button"]#next-video:hover {
    background-color: #3b3c3c; }

/*
* LAYOUT
* 
* These are styles that are used in the template or layout of NC 4.0 and will be needed on every page.
*/
#top-container {
  background-color: #3b3c3c; }
  #top-container #top {
    width: 990px;
    margin: 0 auto;
    line-height: 40px;
    zoom: 1; }
    #top-container #top:before, #top-container #top:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    #top-container #top:after {
      clear: both; }
    #top-container #top #account-options {
      float: left;
      font-size: 13px;
      color: #e3e3e3; }
      #top-container #top #account-options a {
        color: #3a9ec4;
        display: inline-block;
        padding: 0 10px;
        font-weight: 700;
        text-transform: uppercase; }
        #top-container #top #account-options a:hover {
          text-decoration: none; }
        #top-container #top #account-options a.menu-btn {
          cursor: pointer;
          border-right: 1px solid #444;
          line-height: 41px; }
          #top-container #top #account-options a.menu-btn:hover, #top-container #top #account-options a.menu-btn.active {
            background-color: #F8F8F8; }
      #top-container #top #account-options .menu {
        background-color: #F8F8F8;
        border-left: 1px solid #E9E9E9;
        border-right: 1px solid #E9E9E9;
        display: none;
        position: absolute;
        font-size: 11px;
        padding: 10px;
        z-index: 9999; }
      #top-container #top #account-options .sign-in-menu label {
        color: #444; }
      #top-container #top #account-options .sign-in-menu input[type="text"], #top-container #top #account-options .sign-in-menu textarea,
      #top-container #top #account-options .sign-in-menu select, #top-container #top #account-options .sign-in-menu .listing.with-btns > .item > .btn > a[type="text"], #top-container #top #account-options .sign-in-menu [type="text"]#previous-video,
      #top-container #top #account-options .sign-in-menu [type="text"]#next-video,
      #top-container #top #account-options .sign-in-menu input[type="password"],
      #top-container #top #account-options .sign-in-menu .listing.with-btns > .item > .btn > a[type="password"],
      #top-container #top #account-options .sign-in-menu [type="password"]#previous-video,
      #top-container #top #account-options .sign-in-menu [type="password"]#next-video {
        width: 148px; }
      #top-container #top #account-options .sign-in-menu input[type="submit"], #top-container #top #account-options .sign-in-menu .listing.with-btns > .item > .btn > a, #top-container #top #account-options .sign-in-menu #previous-video,
      #top-container #top #account-options .sign-in-menu #next-video {
        width: 65px; }
      #top-container #top #account-options .sign-in-menu a {
        color: #7200aa;
        font-weight: normal; }
      #top-container #top #account-options .account-menu {
        margin-left: 68px; }
        #top-container #top #account-options .account-menu a {
          display: block;
          text-align: left;
          padding: 0;
          line-height: 30px; }
    #top-container #top #network-links {
      float: right; }
      #top-container #top #network-links a {
        color: white;
        text-transform: uppercase;
        font-size: 11px;
        margin-left: 15px;
        float: left; }
        #top-container #top #network-links a.texturemedia {
          display: block;
          border: 0;
          text-indent: -999em;
          overflow: hidden;
          background-color: transparent;
          background-repeat: no-repeat;
          background-position: center center;
          text-align: left;
          direction: ltr;
          width: 85px;
          height: auto;
          background-image: url(http://static.naturallycurly.com/images/header/tm-logo-sm.png); }

#page-container {
  width: 990px;
  margin: 0 auto;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 15px; }
  #page-container #header {
    padding: 10px;
    position: relative; }
    #page-container #header .social-media {
      position: absolute;
      top: 10px;
      right: 10px;
      /*.facebook-share,
      .google-share,
      .twitter-share,
      .pinterest-share {
      	position: absolute;
      }
      .facebook-share {
      	top: 36px;
      	right: 152px;
      	width: 50px;
      }
      .google-share {
      	top: 35px;
      	right: 113px;
      }
      .twitter-share {
      	top: 35px;
      	right: 46px;
      	width: 60px;
      }
      .pinterest-share {
      	top: 35px;
      	right: 0px;
      }*/ }
      #page-container #header .social-media .fb-like,
      #page-container #header .social-media .google-plusone {
        float: right;
        width: 90px; }
    #page-container #header .view-mobile {
      position: absolute;
      right: 10px;
      bottom: 7px; }
      #page-container #header .view-mobile > a {
        font-weight: bold; }
  #page-container #nav-container {
    background-color: #e3e3e3;
    zoom: 1; }
    #page-container #nav-container:before, #page-container #nav-container:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    #page-container #nav-container:after {
      clear: both; }
    #page-container #nav-container #nav {
      list-style: none;
      margin: 0;
      padding: 0;
      float: left; }
      #page-container #nav-container #nav > li {
        float: left;
        line-height: 38px;
        border-right: 1px solid #b0b0b0; }
        #page-container #nav-container #nav > li > a {
          display: block;
          padding: 0 10px;
          font-size: 14px;
          text-transform: uppercase;
          color: #3b3c3c;
          border-right: 1px solid white; }
          #page-container #nav-container #nav > li > a.shop {
            padding-left: 26px;
            background: url(http://static.naturallycurly.com/images/shopping-cart-nav.gif) no-repeat;
            background-position: 7px 4px; }
        #page-container #nav-container #nav > li > div {
          position: absolute;
          visibility: hidden;
          background-color: whitesmoke;
          border-left: 1px solid #e3e3e3;
          border-bottom: 1px solid #e3e3e3;
          border-right: 1px solid #e3e3e3;
          z-index: 999;
          padding: 5px; }
          #page-container #nav-container #nav > li > div > ul {
            margin: 0 10px;
            padding: 0;
            list-style: none;
            line-height: 20px; }
            #page-container #nav-container #nav > li > div > ul > li > a {
              font-size: 12px;
              font-weight: 500;
              text-transform: uppercase;
              color: #3b3c3c; }
              #page-container #nav-container #nav > li > div > ul > li > a:hover {
                text-decoration: none;
                color: #7200aa; }
              #page-container #nav-container #nav > li > div > ul > li > a.sub {
                text-transform: none;
                margin-left: 10px; }
        #page-container #nav-container #nav > li:hover > a {
          text-decoration: none;
          color: #7200aa;
          background-color: whitesmoke; }
          #page-container #nav-container #nav > li:hover > a.shop {
            background-position: 7px -26px; }
        #page-container #nav-container #nav > li:hover > div {
          visibility: visible; }
    #page-container #nav-container #search {
      float: right;
      margin: 6px 10px 0 0; }
      #page-container #nav-container #search input[type="text"], #page-container #nav-container #search textarea,
      #page-container #nav-container #search select, #page-container #nav-container #search .listing.with-btns > .item > .btn > a[type="text"], #page-container #nav-container #search [type="text"]#previous-video,
      #page-container #nav-container #search [type="text"]#next-video {
        -webkit-border-radius: 20px 0 0 20px;
        -moz-border-radius: 20px 0 0 20px;
        border-radius: 20px 0 0 20px;
        width: 120px; }
      #page-container #nav-container #search input[type="submit"], #page-container #nav-container #search .listing.with-btns > .item > .btn > a, #page-container #nav-container #search #previous-video,
      #page-container #nav-container #search #next-video {
        -webkit-border-radius: 0 20px 20px 0;
        -moz-border-radius: 0 20px 20px 0;
        border-radius: 0 20px 20px 0; }
  #page-container #header-ad {
    margin-top: 10px; }
  #page-container #footer-ad {
    margin-bottom: 10px; }
  #page-container #takeover-ad {
    display: none; }
  #page-container #view {
    margin: 0; }
    #page-container #view > * {
      margin: 0 10px 10px;
      /*&:first-child {
      	margin-top: $size;
      }*/ }
    #page-container #view > *:first-child {
      margin-top: 10px; }
  #page-container #footer {
    background-color: #3b3c3c;
    padding: 10px;
    color: white; }
    #page-container #footer .links {
      float: left;
      margin: 0 24px 10px 0;
      font-size: 13px; }
      #page-container #footer .links strong,
      #page-container #footer .links a {
        display: block;
        color: white; }
      #page-container #footer .links strong {
        margin-bottom: 10px; }
    #page-container #footer .social-media {
      float: right; }
      #page-container #footer .social-media a.facebook {
        background-position: 0px 0px; }
        #page-container #footer .social-media a.facebook:hover {
          background-position: 0px -33px; }
      #page-container #footer .social-media a.twitter {
        background-position: -31px 0px; }
        #page-container #footer .social-media a.twitter:hover {
          background-position: -31px -33px; }
      #page-container #footer .social-media a.pinterest {
        background-position: -62px 0px; }
        #page-container #footer .social-media a.pinterest:hover {
          background-position: -62px -33px; }
      #page-container #footer .social-media a.youtube {
        background-position: -92px 0px; }
        #page-container #footer .social-media a.youtube:hover {
          background-position: -92px -33px; }
      #page-container #footer .social-media a.mobile {
        background-position: -123px 0px; }
        #page-container #footer .social-media a.mobile:hover {
          background-position: -123px -33px; }
      #page-container #footer .social-media a.newsletter {
        background-position: -154px 0px; }
        #page-container #footer .social-media a.newsletter:hover {
          background-position: -154px -33px; }
    #page-container #footer #newsletter {
      background-color: #e3e3e3;
      border: 1px solid #b0b0b0;
      float: right;
      width: 375px;
      padding: 10px;
      color: #3b3c3c;
      font-size: 15px; }
      #page-container #footer #newsletter p {
        margin: 5px 0 10px;
        font-style: italic;
        font-size: 12px;
        line-height: 17px; }
      #page-container #footer #newsletter input[type="text"], #page-container #footer #newsletter textarea,
      #page-container #footer #newsletter select, #page-container #footer #newsletter .listing.with-btns > .item > .btn > a[type="text"], #page-container #footer #newsletter [type="text"]#previous-video,
      #page-container #footer #newsletter [type="text"]#next-video {
        -webkit-border-radius: 20px 0 0 20px;
        -moz-border-radius: 20px 0 0 20px;
        border-radius: 20px 0 0 20px;
        width: 270px; }
      #page-container #footer #newsletter input[type="submit"], #page-container #footer #newsletter .listing.with-btns > .item > .btn > a, #page-container #footer #newsletter #previous-video,
      #page-container #footer #newsletter #next-video {
        -webkit-border-radius: 0 20px 20px 0;
        -moz-border-radius: 0 20px 20px 0;
        border-radius: 0 20px 20px 0; }
    #page-container #footer #copyright {
      clear: both;
      text-align: center;
      font-size: 11px; }

/*
 * MODULES
 * 
 * These are styles for specialized markup that may appear on pages. They may be further
 * customized for specific parts of the site.
 */
.ad {
  text-align: right; }

.social-media > a {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
  direction: ltr;
  width: 26px;
  height: 26px;
  background-image: url(http://static.naturallycurly.com/images/header/social-media-icons.png);
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 10px; }
  .social-media > a.facebook {
    background-position: 0px -33px; }
    .social-media > a.facebook:hover {
      background-position: 0px -65px; }
  .social-media > a.twitter {
    background-position: -31px -33px; }
    .social-media > a.twitter:hover {
      background-position: -31px -65px; }
  .social-media > a.pinterest {
    background-position: -62px -33px; }
    .social-media > a.pinterest:hover {
      background-position: -62px -65px; }
  .social-media > a.youtube {
    background-position: -92px -33px; }
    .social-media > a.youtube:hover {
      background-position: -92px -65px; }
  .social-media > a.mobile {
    background-position: -123px -33px; }
    .social-media > a.mobile:hover {
      background-position: -123px -65px; }
  .social-media > a.newsletter {
    background-position: -154px -33px; }
    .social-media > a.newsletter:hover {
      background-position: -154px -65px; }

/** Newest Hairstyle Article Module **/
#new-hairstyle-articles {
  padding-bottom: 0px !important; }
  #new-hairstyle-articles #new-hairstyle-articles-content {
    margin-left: -23px;
    margin-right: -23px;
    padding: 10px; }
    #new-hairstyle-articles #new-hairstyle-articles-content .item {
      clear: both;
      min-height: 100px;
      margin: 10px 0; }
      #new-hairstyle-articles #new-hairstyle-articles-content .item:last-child {
        margin-bottom: 0; }
      #new-hairstyle-articles #new-hairstyle-articles-content .item .image {
        float: left;
        max-height: 100px;
        max-width: 75px; }
      #new-hairstyle-articles #new-hairstyle-articles-content .item .details {
        margin-left: 85px; }
        #new-hairstyle-articles #new-hairstyle-articles-content .item .details .date {
          display: none; }
    #new-hairstyle-articles #new-hairstyle-articles-content .button {
      text-align: center;
      margin-top: 1em; }
      #new-hairstyle-articles #new-hairstyle-articles-content .button .purple-button {
        font-size: 1em;
        padding: .4em 1em; }

.form .errorSummary {
  background: #ffe5e5;
  border: 1px solid #ffb3b3;
  padding: 10px;
  margin-bottom: 20px;
  color: #cc0000;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; }
  .form .errorSummary > p {
    font-weight: bold;
    margin-bottom: 5px; }
  .form .errorSummary > ul {
    padding-left: 20px; }
    .form .errorSummary > ul > li {
      list-style: disc; }
.form .row {
  padding: 10px 0;
  margin-right: 0;
  margin-left: 0;
  zoom: 1; }
  .form .row:before, .form .row:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .form .row:after {
    clear: both; }
  .form .row > label {
    display: inline-block;
    width: 200px;
    padding: 5px 7px 0 0;
    text-transform: uppercase;
    font-size: 12px;
    float: left; }
    .form .row > label.error {
      font-weight: bold;
      color: #cc0000; }
  .form .row .field {
    float: left;
    width: 723px;
    /**
     * UserController::actionRegister()
     */ }
    .form .row .field > .errorMessage {
      color: #cc0000;
      padding: 2px 0 5px 10px;
      font-size: 11px; }
    .form .row .field label {
      font-size: 11px; }
      .form .row .field label.error {
        color: #cc0000;
        font-weight: bold; }
    .form .row .field .hint {
      padding: 2px 0 5px 10px;
      font-size: 11px; }
    .form .row .field .ui-datepicker-trigger {
      margin-left: 10px; }
    .form .row .field .user-image {
      margin-bottom: 10px; }
      .form .row .field .user-image > img {
        border: 1px solid #e3e3e3; }
    .form .row .field #username-result,
    .form .row .field #password-result,
    .form .row .field #email-result,
    .form .row .field .testresult {
      padding: 4px 0 0 10px;
      display: block;
      font-weight: bold;
      font-size: 11px; }
    .form .row .field .available {
      color: #33cc33; }
    .form .row .field .unavailable {
      color: #cc0000; }
    .form .row .field .testresult.shortPass, .form .row .field .testresult.badPass {
      color: #cc0000; }
    .form .row .field .testresult.goodPass, .form .row .field .testresult.strongPass {
      color: #33cc33; }
  .form .row input[type="text"], .form .row textarea,
  .form .row select, .form .row .listing.with-btns > .item > .btn > a[type="text"], .form .row [type="text"]#previous-video,
  .form .row [type="text"]#next-video,
  .form .row input[type="password"],
  .form .row .listing.with-btns > .item > .btn > a[type="password"],
  .form .row [type="password"]#previous-video,
  .form .row [type="password"]#next-video,
  .form .row textarea,
  .form .row select {
    width: 350px;
    background-color: #f7f7f7;
    border: 1px solid #e3e3e3;
    box-shadow: none; }
    .form .row input[type="text"]:focus, .form .row textarea:focus,
    .form .row select:focus, .form .row .listing.with-btns > .item > .btn > a[type="text"]:focus, .form .row [type="text"]#previous-video:focus,
    .form .row [type="text"]#next-video:focus,
    .form .row input[type="password"]:focus,
    .form .row .listing.with-btns > .item > .btn > a[type="password"]:focus,
    .form .row [type="password"]#previous-video:focus,
    .form .row [type="password"]#next-video:focus,
    .form .row textarea:focus,
    .form .row select:focus {
      background-color: white; }
    .form .row input[type="text"].error, .form .row textarea.error,
    .form .row select.error, .form .row .listing.with-btns > .item > .btn > a[type="text"].error, .form .row [type="text"].error#previous-video,
    .form .row [type="text"].error#next-video,
    .form .row input[type="password"].error,
    .form .row .listing.with-btns > .item > .btn > a[type="password"].error,
    .form .row [type="password"].error#previous-video,
    .form .row [type="password"].error#next-video,
    .form .row textarea.error,
    .form .row select.error {
      background: #ffe5e5;
      border: 1px solid #ffb3b3;
      color: #cc0000; }
    .form .row input[type="text"].small, .form .row textarea.small,
    .form .row select.small, .form .row .listing.with-btns > .item > .btn > a[type="text"].small, .form .row [type="text"].small#previous-video,
    .form .row [type="text"].small#next-video,
    .form .row input[type="password"].small,
    .form .row .listing.with-btns > .item > .btn > a[type="password"].small,
    .form .row [type="password"].small#previous-video,
    .form .row [type="password"].small#next-video,
    .form .row textarea.small,
    .form .row select.small {
      width: 150px; }
    .form .row input[type="text"].large, .form .row textarea.large,
    .form .row select.large, .form .row .listing.with-btns > .item > .btn > a[type="text"].large, .form .row [type="text"].large#previous-video,
    .form .row [type="text"].large#next-video,
    .form .row input[type="password"].large,
    .form .row .listing.with-btns > .item > .btn > a[type="password"].large,
    .form .row [type="password"].large#previous-video,
    .form .row [type="password"].large#next-video,
    .form .row textarea.large,
    .form .row select.large {
      width: 550px; }
  .form .row input[type="checkbox"], .form .row .listing.with-btns > .item > .btn > a[type="checkbox"], .form .row [type="checkbox"]#previous-video,
  .form .row [type="checkbox"]#next-video {
    width: auto;
    margin-right: 5px; }
  .form .row textarea {
    height: 120px; }
    .form .row textarea.small {
      height: 70px; }
    .form .row textarea.large {
      height: 170px; }
.form .row-expand-btn button {
  text-transform: none;
  background-color: #00a59e; }
  .form .row-expand-btn button:hover, .form .row-expand-btn button.active {
    background-color: #3b3c3c; }
.form .row-expandable {
  height: 0;
  overflow: hidden; }
  .form .row-expandable.no-js {
    height: auto; }
.form .buttons {
  padding-left: 207px;
  padding-top: 14px;
  border-top: 1px solid #e3e3e3; }
  .form .buttons input[type="submit"], .form .buttons .listing.with-btns > .item > .btn > a, .form .buttons #previous-video,
  .form .buttons #next-video {
    padding: 10px 20px;
    margin-right: 10px; }
  .form .buttons input[type="button"], .form .buttons button, .form .buttons .listing.with-btns > .item > .btn > a[type="button"], .form .buttons [type="button"]#previous-video,
  .form .buttons [type="button"]#next-video,
  .form .buttons button {
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    background-color: #e3e3e3;
    padding: 10px 20px;
    color: #3b3c3c;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    margin-right: 10px; }
    .form .buttons input[type="button"]:hover, .form .buttons button:hover, .form .buttons .listing.with-btns > .item > .btn > a[type="button"]:hover, .form .buttons [type="button"]#previous-video:hover,
    .form .buttons [type="button"]#next-video:hover,
    .form .buttons button:hover {
      text-decoration: none;
      background-color: #3b3c3c;
      color: white; }

.hairtype-picker > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  zoom: 1; }
  .hairtype-picker > ul:before, .hairtype-picker > ul:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .hairtype-picker > ul:after {
    clear: both; }
  .hairtype-picker > ul > li {
    float: left;
    padding: 5px 7px;
    margin: 5px 0 5px 0;
    background-color: #f7f7f7;
    border-left: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    cursor: pointer;
    text-transform: uppercase; }
    .hairtype-picker > ul > li:hover {
      background-color: white; }
    .hairtype-picker > ul > li.selected {
      padding: 10px 10px;
      margin: 0;
      background-color: #7200aa !important;
      border-right: 1px solid #7200aa;
      color: white;
      border-color: #7200aa;
      font-weight: bold; }
    .hairtype-picker > ul > li:first-child {
      -webkit-border-radius: 20px 0 0 20px;
      -moz-border-radius: 20px 0 0 20px;
      border-radius: 20px 0 0 20px;
      padding-left: 15px; }
    .hairtype-picker > ul > li:last-child {
      -webkit-border-radius: 0 20px 20px 0;
      -moz-border-radius: 0 20px 20px 0;
      border-radius: 0 20px 20px 0;
      padding-right: 15px;
      border-right: 1px solid #e3e3e3; }
.hairtype-picker .description {
  display: none;
  margin-top: 10px; }
  .hairtype-picker .description > img {
    float: left;
    margin-right: 15px;
    border: 1px solid #e3e3e3; }
  .hairtype-picker .description > p {
    margin: 5px 0 10px 0; }
  .hairtype-picker .description.info {
    display: block; }

.rating {
  background-repeat: repeat-x;
  background-position: 0 0;
  width: 55px;
  height: 14px;
  display: inline-block;
  position: relative; }
  .rating > .rating {
    background-position: 0 -14px;
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }
  .rating.product {
    background-image: url(https://s3.amazonaws.com/static.naturallycurly.com/images/header/curl-rating.gif); }
    .rating.product > .rating {
      background-image: url(https://s3.amazonaws.com/static.naturallycurly.com/images/header/curl-rating.gif); }
  .rating.salon {
    background-image: url(https://s3.amazonaws.com/static.naturallycurly.com/images/header/scissor-rating.gif); }
    .rating.salon > .rating {
      background-image: url(https://s3.amazonaws.com/static.naturallycurly.com/images/header/scissor-rating.gif); }
  .rating.rated-0 > .rating {
    width: 0; }
  .rating.rated-1 > .rating {
    width: 11px; }
  .rating.rated-2 > .rating {
    width: 22px; }
  .rating.rated-3 > .rating {
    width: 33px; }
  .rating.rated-4 > .rating {
    width: 44px; }
  .rating.rated-5 > .rating {
    width: 55px; }

.listing.with-images > .item > .image {
  float: left;
  display: block;
  text-align: center;
  width: 100px; }
  .listing.with-images > .item > .image > a {
    /*display: block;*/ }
.listing.with-images > .item > .content {
  margin-left: 115px; }
.listing.with-btns > .item > .btn {
  float: right;
  display: block;
  width: 175px;
  margin-top: -25px;
  text-align: right; }
  .listing.with-btns > .item > .btn > a:hover {
    text-decoration: none; }
.listing.with-btns > .item > .content {
  margin-right: 190px; }
.listing > .item {
  margin-bottom: 15px;
  zoom: 1; }
  .listing > .item:before, .listing > .item:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .listing > .item:after {
    clear: both; }
  .listing > .item > .image, .listing > .item > .btn {
    display: none; }
  .listing > .item > .content > .title {
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase; }
    .listing > .item > .content > .title > a {
      font-size: 18px;
      text-transform: none; }
  .listing > .item > .content > p {
    margin-top: 5px; }
    .listing > .item > .content > p > span {
      font-weight: bold;
      margin-right: 5px;
      font-size: 14px; }
    .listing > .item > .content > p > a {
      font-weight: bold;
      font-size: 14px;
      margin-left: 5px; }

.columns {
  zoom: 1;
  margin: 10px 0 0 0 !important; }
  .columns:before, .columns:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .columns:after {
    clear: both; }
  .columns > .column {
    float: left;
    width: 487px;
    margin: 0; }
    .columns > .column > * {
      margin: 0 10px 10px;
      /*&:first-child {
      	margin-top: $size;
      }*/ }
    .columns > .column:first-child {
      margin-right: -5px; }
    .columns > .column:last-child {
      margin-left: -5px; }
    .columns > .column.wide {
      width: 670px; }
      .columns > .column.wide .form .row .field {
        width: 443px; }
    .columns > .column.narrow {
      width: 330px; }

.yiiTab ul.tabs,
.yiiTab ul.ui-tabs-nav,
.ui-tabs ul.tabs,
.ui-tabs ul.ui-tabs-nav {
  border-bottom: 1px solid #7200aa;
  font: inherit;
  padding-left: 5px;
  overflow: hidden; }
  .yiiTab ul.tabs li,
  .yiiTab ul.ui-tabs-nav li,
  .ui-tabs ul.tabs li,
  .ui-tabs ul.ui-tabs-nav li {
    line-height: 27px;
    list-style: none;
    margin: 0;
    display: inline; }
  .yiiTab ul.tabs a,
  .yiiTab ul.ui-tabs-nav a,
  .ui-tabs ul.tabs a,
  .ui-tabs ul.ui-tabs-nav a {
    border: 0;
    background-color: #f1f1f1;
    color: #7200aa;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 15px;
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px; }
    .yiiTab ul.tabs a:visited, .yiiTab ul.tabs a:link,
    .yiiTab ul.ui-tabs-nav a:visited,
    .yiiTab ul.ui-tabs-nav a:link,
    .ui-tabs ul.tabs a:visited,
    .ui-tabs ul.tabs a:link,
    .ui-tabs ul.ui-tabs-nav a:visited,
    .ui-tabs ul.ui-tabs-nav a:link {
      color: #7200aa; }
    .yiiTab ul.tabs a:hover,
    .yiiTab ul.ui-tabs-nav a:hover,
    .ui-tabs ul.tabs a:hover,
    .ui-tabs ul.ui-tabs-nav a:hover {
      background-color: #7200aa;
      color: white;
      text-decoration: none; }
  .yiiTab ul.tabs li.ui-tabs-active a,
  .yiiTab ul.tabs a.active,
  .yiiTab ul.ui-tabs-nav li.ui-tabs-active a,
  .yiiTab ul.ui-tabs-nav a.active,
  .ui-tabs ul.tabs li.ui-tabs-active a,
  .ui-tabs ul.tabs a.active,
  .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a,
  .ui-tabs ul.ui-tabs-nav a.active {
    background-color: #7200aa;
    color: white;
    border-bottom: 1px solid #7200aa; }
    .yiiTab ul.tabs li.ui-tabs-active a:visited, .yiiTab ul.tabs li.ui-tabs-active a:link,
    .yiiTab ul.tabs a.active:visited,
    .yiiTab ul.tabs a.active:link,
    .yiiTab ul.ui-tabs-nav li.ui-tabs-active a:visited,
    .yiiTab ul.ui-tabs-nav li.ui-tabs-active a:link,
    .yiiTab ul.ui-tabs-nav a.active:visited,
    .yiiTab ul.ui-tabs-nav a.active:link,
    .ui-tabs ul.tabs li.ui-tabs-active a:visited,
    .ui-tabs ul.tabs li.ui-tabs-active a:link,
    .ui-tabs ul.tabs a.active:visited,
    .ui-tabs ul.tabs a.active:link,
    .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:visited,
    .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:link,
    .ui-tabs ul.ui-tabs-nav a.active:visited,
    .ui-tabs ul.ui-tabs-nav a.active:link {
      color: white; }
.yiiTab div.view,
.yiiTab div.ui-tabs-panel,
.ui-tabs div.view,
.ui-tabs div.ui-tabs-panel {
  border: 0;
  padding: 0; }
  .yiiTab div.view .columns > .column,
  .yiiTab div.ui-tabs-panel .columns > .column,
  .ui-tabs div.view .columns > .column,
  .ui-tabs div.ui-tabs-panel .columns > .column {
    width: 487px; }
    .yiiTab div.view .columns > .column.wide,
    .yiiTab div.ui-tabs-panel .columns > .column.wide,
    .ui-tabs div.view .columns > .column.wide,
    .ui-tabs div.ui-tabs-panel .columns > .column.wide {
      width: 655px; }
      .yiiTab div.view .columns > .column.wide .form .row .field,
      .yiiTab div.ui-tabs-panel .columns > .column.wide .form .row .field,
      .ui-tabs div.view .columns > .column.wide .form .row .field,
      .ui-tabs div.ui-tabs-panel .columns > .column.wide .form .row .field {
        width: 428px; }
    .yiiTab div.view .columns > .column.narrow,
    .yiiTab div.ui-tabs-panel .columns > .column.narrow,
    .ui-tabs div.view .columns > .column.narrow,
    .ui-tabs div.ui-tabs-panel .columns > .column.narrow {
      width: 325px; }

.shareit .success {
  padding: 10px; }
.shareit .image img {
  width: 200px; }
.shareit .description {
  width: 200px;
  margin: 0 auto; }
.shareit .google .image {
  float: left;
  margin-right: 15px; }
.shareit .google .preview {
  zoom: 1; }
  .shareit .google .preview:before, .shareit .google .preview:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .shareit .google .preview:after {
    clear: both; }
.shareit .debug {
  padding: 10px; }

.social-sharing {
  height: 20px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 8px 0; }
  .social-sharing .facebook,
  .social-sharing .google,
  .social-sharing .twitter,
  .social-sharing .pinterest {
    float: left;
    margin-right: 20px; }
  .social-sharing .facebook {
    width: 135px; }
  .social-sharing .google {
    width: 60px; }
  .social-sharing .twitter {
    width: 77px; }
  .social-sharing .pinterest {
    width: 45px; }

table thead {
  text-transform: uppercase; }
  table thead th {
    font-family: AvenirMedium, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 16px;
    padding: 5px 0; }
  table thead td {
    font-size: 12px;
    background-color: #7200aa;
    color: white;
    padding: 3px 8px;
    /*border-right: 1px solid darken($gray, 20%);*/
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    /*&:nth-child(even) {
    	border-right: 1px solid darken($gray, 20%);
    	border-left: 1px solid lighten($gray, 20%);
    }
    
    &:nth-child(odd) {
    	border-right: 1px solid lighten($gray, 20%);
    	border-left: 1px solid darken($gray, 20%);
    }*/ }
    table thead td:last-child {
      border-right: 0; }
table tbody td {
  padding: 2px 8px;
  border-right: 1px solid #7200aa; }
  table tbody td:last-child {
    border-right: 0; }
table tbody tr:nth-child(even) td {
  background-color: #f1f1f1; }

.video-player {
  zoom: 1; }
  .video-player:before, .video-player:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .video-player:after {
    clear: both; }
  .video-player > .player, .video-player > .playlist {
    height: 490px;
    float: left; }
  .video-player > .player {
    width: 650px; }
  .video-player > .playlist {
    width: 310px;
    margin-left: 10px; }

.wide.column .video-player {
  /*& > .player {
  	width: 433px;
  }*/ }
  .wide.column .video-player > .player, .wide.column .video-player > .playlist {
    float: none; }
  .wide.column .video-player > .playlist {
    width: 650px; }

.video.listing.with-btns {
  margin-bottom: 15px;
  zoom: 1; }
  .video.listing.with-btns:before, .video.listing.with-btns:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .video.listing.with-btns:after {
    clear: both; }
  .video.listing.with-btns > .item {
    float: left;
    width: 314px;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #e3e3e3; }
    .video.listing.with-btns > .item:nth-child(even) {
      padding-left: 10px; }
    .video.listing.with-btns > .item:nth-child(odd) {
      padding-right: 10px;
      border-right: 1px solid #e3e3e3; }
    .video.listing.with-btns > .item.last {
      border-bottom: 0;
      margin-bottom: 15px; }
    .video.listing.with-btns > .item > .content {
      margin-right: 0; }
    .video.listing.with-btns > .item > .btn {
      float: none;
      width: auto;
      line-height: 23px;
      margin-top: 0;
      margin-bottom: 10px; }
      .video.listing.with-btns > .item > .btn > a {
        line-height: inherit; }

/*
 * HELPER CLASSES
 * 
 * These are simple classes that can be added to an element to change how it behaves,
 * commonly used in view files for specific pages.
 */
.left {
  float: left; }

.right {
  float: right; }

.center {
  text-align: center; }

.width-4 {
  width: 25%; }

.width-3 {
  width: 33.3%; }

.width-2 {
  width: 50%; }

.clear {
  zoom: 1; }
  .clear:before, .clear:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .clear:after {
    clear: both; }

.container {
  margin: 0; }
  .container > * {
    margin: 0 10px 10px;
    /*&:first-child {
    	margin-top: $size;
    }*/ }

.no-gutter {
  margin: 0; }

/*
 * VIEW SPECIFIC
 * 
 * These are styles that are specific to a view or section.
 */
/* Texture Typing - Curl Pattern */
.hair-swatches > * {
  margin-right: 15px; }

/* Videos */
/**
 * TABLES
 */
table thead {
  text-transform: uppercase; }
  table thead th {
    font-family: AvenirMedium, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 16px;
    padding: 5px 0; }
  table thead td {
    font-size: 12px;
    background-color: #7200aa;
    color: white;
    padding: 3px 8px;
    /*border-right: 1px solid darken($gray, 20%);*/
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    /*&:nth-child(even) {
    	border-right: 1px solid darken($gray, 20%);
    	border-left: 1px solid lighten($gray, 20%);
    }
    
    &:nth-child(odd) {
    	border-right: 1px solid lighten($gray, 20%);
    	border-left: 1px solid darken($gray, 20%);
    }*/ }
    table thead td:last-child {
      border-right: 0; }
table thead tr:first-child td:first-child,
table thead tr.rounded td:first-child {
  -webkit-border-radius: 10px 0px 0px 0px;
  -moz-border-radius: 10px 0px 0px 0px;
  border-radius: 10px 0px 0px 0px; }
table thead tr:first-child td:last-child,
table thead tr.rounded td:last-child {
  -webkit-border-radius: 0px 10px 0px 0px;
  -moz-border-radius: 0px 10px 0px 0px;
  border-radius: 0px 10px 0px 0px; }
table tbody td {
  padding: 2px 8px;
  border-right: 1px solid #7200aa; }
  table tbody td:last-child {
    border-right: 0; }
table tbody tr:nth-child(even) td {
  background-color: #f1f1f1; }

.video-player {
  zoom: 1; }
  .video-player:before, .video-player:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .video-player:after {
    clear: both; }
  .video-player > .player, .video-player > .playlist {
    height: 490px;
    float: left; }
  .video-player > .player {
    width: 650px; }
  .video-player > .playlist {
    width: 310px;
    margin-left: 10px; }

.wide.column .video-player {
  /*& > .player {
  	width: 433px;
  }*/ }
  .wide.column .video-player > .player, .wide.column .video-player > .playlist {
    float: none; }
  .wide.column .video-player > .playlist {
    width: 650px; }

.video.listing.with-btns {
  margin-bottom: 15px;
  zoom: 1; }
  .video.listing.with-btns:before, .video.listing.with-btns:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .video.listing.with-btns:after {
    clear: both; }
  .video.listing.with-btns > .item {
    float: left;
    width: 314px;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #e3e3e3; }
    .video.listing.with-btns > .item:nth-child(even) {
      padding-left: 10px; }
    .video.listing.with-btns > .item:nth-child(odd) {
      padding-right: 10px;
      border-right: 1px solid #e3e3e3; }
    .video.listing.with-btns > .item.last {
      border-bottom: 0;
      margin-bottom: 15px; }
    .video.listing.with-btns > .item > .content {
      margin-right: 0; }
    .video.listing.with-btns > .item > .btn {
      float: none;
      width: auto;
      line-height: 23px;
      margin-top: 0;
      margin-bottom: 10px; }
      .video.listing.with-btns > .item > .btn > a {
        line-height: inherit; }

/**
 * Videos
 */
#video-title {
  margin-bottom: 5px !important; }

#video-description-toggle {
  cursor: pointer;
  display: block;
  text-align: right;
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 11px; }

#video-description {
  line-height: 18px; }
  #video-description.long {
    max-height: none; }
  #video-description.short {
    max-height: 54px;
    overflow: hidden; }

.playlist.flat {
  display: none; }
.playlist > h4, .playlist > .title {
  margin: 0 0 10px 0; }
.playlist > .title {
  display: block;
  font-weight: bold;
  margin: 0 0 5px 0; }
.playlist > .description {
  font-size: 12px;
  margin-bottom: 10px; }
.playlist > .videos {
  zoom: 1;
  margin: 0 5px; }
  .playlist > .videos:before, .playlist > .videos:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .playlist > .videos:after {
    clear: both; }
  .playlist > .videos > a {
    float: left;
    margin-right: 10px; }
    .playlist > .videos > a:last-child {
      margin-right: 0; }
    .playlist > .videos > a > img {
      width: 120px;
      height: 90px; }
.playlist > .playlist-options {
  zoom: 1;
  font-size: 11px;
  margin: 10px 5px 0;
  padding-top: 3px;
  border-top: 1px solid #e3e3e3; }
  .playlist > .playlist-options:before, .playlist > .playlist-options:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .playlist > .playlist-options:after {
    clear: both; }
  .playlist > .playlist-options > .last-updated {
    float: left; }
  .playlist > .playlist-options > .watch-videos {
    float: right;
    text-transform: uppercase; }
.playlist.sponsored {
  background-color: #7200aa;
  padding: 10px;
  margin: 0 0 10px 0;
  /*& > .videos img {
  	width: 110px;
  	height: auto;
  	border: 1px solid $white;
  }
  
  & > .playlist-options {
  	border-top: 1px solid lighten($purple,25%);
  }*/ }
  .playlist.sponsored > .title, .playlist.sponsored > .description, .playlist.sponsored > .playlist-options > .last-updated, .playlist.sponsored > .playlist-options > .watch-videos {
    color: white; }
  .playlist.sponsored > .description {
    font-size: 11px;
    text-transform: uppercase; }

#more-playlists-button {
  text-align: center;
  display: block;
  cursor: pointer;
  padding: 4px;
  font-size: 11px;
  text-transform: uppercase;
  background-color: #e3e3e3; }

#previous-video,
#next-video {
  cursor: pointer; }
  #previous-video:hover,
  #next-video:hover {
    text-decoration: none; }
  #previous-video.disabled,
  #next-video.disabled {
    background: 0;
    color: #3b3c3c;
    cursor: auto; }

#sponsored-indicator {
  color: white;
  background-color: #7200aa;
  padding: 0 45px 0 15px;
  line-height: 40px;
  position: relative;
  margin: 0 0 10px 0;
  display: inline-block; }
  #sponsored-indicator > .triangle {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff; }

/* Korlink Modules - Articles */
#kl-articles {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px; }
  #kl-articles > h3 {
    color: #7312a6;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: none;
    border-bottom: 0;
    line-height: 18px; }
  #kl-articles #kl-article-list {
    margin: 0; }
    #kl-articles #kl-article-list > a {
      display: block;
      margin-bottom: 10px; }
      #kl-articles #kl-article-list > a:last-child {
        margin-bottom: 0; }
      #kl-articles #kl-article-list > a:hover .read-more {
        text-decoration: underline; }
      #kl-articles #kl-article-list > a .img {
        width: 120px;
        height: 82px;
        text-align: center;
        float: left; }
        #kl-articles #kl-article-list > a .img > img {
          max-width: 120px;
          max-height: 82px;
          margin: 0;
          border: 0; }
      #kl-articles #kl-article-list > a .title {
        float: left;
        line-height: normal;
        width: 138px;
        padding: 5px;
        margin-left: 10px;
        background-color: #ddd;
        font-size: 12px;
        font-weight: bold;
        color: #000;
        position: relative;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
        #kl-articles #kl-article-list > a .title > .triangle {
          width: 0;
          height: 0;
          position: absolute;
          top: 19px;
          left: -7px;
          border-top: 7px solid transparent;
          border-bottom: 7px solid transparent;
          border-right: 7px solid #ddd; }
        #kl-articles #kl-article-list > a .title > .read-more {
          display: block;
          margin-top: 5px;
          color: #7312a6;
          font-weight: bold; }

/* Korlink Modules - Products */
#kl-products {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px; }
  #kl-products > h3 {
    color: #7312a6;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: none;
    border-bottom: 0;
    line-height: 18px; }
  #kl-products #kl-product-list {
    margin: 0; }
    #kl-products #kl-product-list > a {
      display: block;
      margin-bottom: 10px; }
      #kl-products #kl-product-list > a:last-child {
        margin-bottom: 0; }
      #kl-products #kl-product-list > a:hover .title > .buy-now {
        background-color: #3b3c3c; }
      #kl-products #kl-product-list > a .img {
        width: 120px;
        height: 82px;
        float: left;
        text-align: center; }
        #kl-products #kl-product-list > a .img > img {
          max-width: 120px;
          max-height: 82px;
          margin: 0;
          border: 0; }
      #kl-products #kl-product-list > a .title {
        float: left;
        line-height: normal;
        width: 138px;
        padding: 5px;
        margin-left: 10px;
        /*min-height: 65px;*/
        color: #3b3c3c;
        background-color: #ddd;
        font-size: 12px;
        font-weight: bold;
        position: relative;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
        #kl-products #kl-product-list > a .title > .triangle {
          width: 0;
          height: 0;
          position: absolute;
          top: 19px;
          left: -7px;
          border-top: 7px solid transparent;
          border-bottom: 7px solid transparent;
          border-right: 7px solid #ddd; }
        #kl-products #kl-product-list > a .title > .buy-now {
          background-color: #7200aa;
          color: #fff;
          text-transform: uppercase;
          font-weight: 700;
          line-height: 14px;
          padding: 6px 10px 5px;
          display: inline-block;
          margin-top: 7px;
          -webkit-border-radius: 20px;
          border-radius: 20px; }

#footer-sites-we-love {
  color: #aaaaaa;
  font-size: 1.5em;
  padding: 9px 10px 8px;
  border-bottom: 1px solid #e3e3e3; }

#footer-rss-feed-container {
  padding: 18px 20px;
  zoom: 1; }
  #footer-rss-feed-container:before, #footer-rss-feed-container:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  #footer-rss-feed-container:after {
    clear: both; }

#footer-rss-feed-container .rss-result-column {
  width: 25%;
  float: left; }
  #footer-rss-feed-container .rss-result-column img {
    margin-bottom: 9px; }

#footer-rss-feed-container .rss-result-column ul {
  list-style: none;
  padding-right: 20px;
  padding-left: 20px; }
  #footer-rss-feed-container .rss-result-column ul li {
    font-size: .9em;
    margin-bottom: 9px; }
    #footer-rss-feed-container .rss-result-column ul li a:hover {
      color: #3b3c3c; }

#footer-rss-footer {
  padding-right: 10px;
  padding-bottom: 9px;
  padding-left: 10px;
  zoom: 1; }
  #footer-rss-footer:before, #footer-rss-footer:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  #footer-rss-footer:after {
    clear: both; }

#footer-rss-footer .footer-rss-footer-column {
  font-size: .75em;
  text-align: center;
  width: 232.5px;
  border-top: 2px solid #e3e3e3;
  margin-right: 5px;
  margin-left: 5px;
  float: left; }
  #footer-rss-footer .footer-rss-footer-column a:hover {
    color: #3b3c3c; }

.flash-error,
.flash-notice,
.flash-success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
}

.flash-error {
  background: #FBE3E4;
  color: #8a1f11;
  border-color: #FBC2C4;
}

.flash-notice {
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324;
}

.flash-success {
  background: #F8F8F8;
  color: #7200AA;
  border-color: #7200AA;
}

.flash-error a {
  color: #8a1f11;
}

.flash-notice a {
  color: #514721;
}

.flash-success a {
  color: #264409;
}

.flash-success a
  color: #264409