.thymuskin-product-finder .inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative; }

.configurator-wrap {
  margin: 0 auto 28px;
  border-top: 1px solid #c7d4ed;
  border-bottom: 1px solid #c7d4ed; }

.configurator {
  display: none; }

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

.select-gender {
  margin: 30px auto;
  text-align: center; }

.select-gender select {
  width: auto; }

.config-left {
  /*700/1280*/
  width: 700px;
  float: left; }

.config-right {
  /*500/1280*/
  width: 500px;
  float: right; }

.selector-title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #20579d;
  text-transform: uppercase;
  margin-bottom: 10px; }

.selector-title.alt {
  color: #734083; }

.selector {
  /*margin:10px -.64102%;*/
  margin: 0px auto 20px;
  max-width: 624px; }

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

.selector.gender {
  max-width: 410px;
  margin-bottom: 0; }

.selector.gender p {
  margin-bottom: 0; }

.selector-box {
  width: 32.051282%;
  float: left;
  margin: 0px .64102% 10px;
  font-size: 14px;
  text-align: center; }

.selector.gender .selector-box {
  width: 48%; }

.selector-box a {
  border: 4px solid #c7d4ed;
  display: block;
  margin-bottom: 10px; }

.selector-box a.active {
  border: 8px solid #734083; }

.selector-box a:hover img {
  opacity: .75; }

.selector-box a.active:hover img {
  opacity: 1; }

.product-selection:after {
  content: "";
  display: table;
  clear: both; }

.prod-box {
  width: 50%;
  float: left;
  text-align: center; }

.prod-box p {
  margin-bottom: 0px; }

.prod-image img {
  display: block;
  margin: auto; }

.selection-cta {
  background-color: #dfdfdf;
  color: #666;
  text-align: center;
  border-radius: 5px;
  padding: 25px;
  font-size: 16px;
  max-width: 400px;
  margin: 20px auto; }

.buying-options {
  display: none;
  margin-top: 25px; }

a.option-button {
  border: solid 1px #143865;
  border-radius: 5px;
  background: #20569d;
  background: -moz-linear-gradient(top, #20569d 0%, #143865 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #20569d), color-stop(100%, #143865));
  background: -webkit-linear-gradient(top, #20569d 0%, #143865 100%);
  background: -o-linear-gradient(top, #20569d 0%, #143865 100%);
  background: -ms-linear-gradient(top, #20569d 0%, #143865 100%);
  background: linear-gradient(to bottom, #20569d 0%, #143865 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20569d', endColorstr='#143865', GradientType=0 );
  box-shadow: inset 0 1px 1px 0px rgba(69, 140, 230, 0.9);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.78);
  text-transform: uppercase;
  max-width: 368px;
  font-weight: bold;
  color: #FFF;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  padding: 10px 20px;
  display: block;
  margin: 0 auto 15px;
  text-decoration: none; }

a.option-button span {
  font-size: 18px;
  font-weight: 400; }

a.option-button > span {
  margin: 0 10px; }

a.option-button:hover {
  color: #FFF;
  background: #999 !important;
  border: 1px solid #999 !important;
  box-shadow: none !important; }

.savings {
  text-align: center;
  color: #734083;
  font-size: 35px;
  /*font-weight: 400;
	font-style: italic;*/ }

.flat-btn {
  background-color: #0AA6DE;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 5px;
  font-weight: 400; }
  .flat-btn:hover {
    background: #999 !important;
    color: #FFF !important; }
