/* 
Theme Name: Dermalogica Caribbean 
Theme URI: http://dermalogicacaribbean.com
Description: Responsive Theme for dermalogica caribbean
Version: 1
Author: Moodstudio.net
Author URI: http://moodstudio.net

--------------------------------------------------------------

CSS Rules: Sorted alphabetically for better organization.
*/

@font-face {
 font-family: HelveticaNeueW01-55Roma;
 src: url("fonts/HelveticaNeueW01-55Roma.eot") /* EOT file for IE */
}
@font-face {
 font-family: HelveticaNeueW01-55Roma;
 src: url("fonts/HelveticaNeueW01-55Roma.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: HelveticaNeueW01-45Ligh;
 src: url("fonts/HelveticaNeueW01-45Ligh.eot") /* EOT file for IE */
}
@font-face {
 font-family: HelveticaNeueW01-45Ligh;
 src: url("fonts/HelveticaNeueW01-45Ligh.ttf") /* TTF file for CSS3 browsers */
}



/* =Reset CSS (v2.0) http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

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

button, input, select, textarea {
    font-size: 100%;
    overflow: visible;
    margin: 0;
    vertical-align: baseline;
    width: auto;
}

textarea {
    overflow: auto;
    vertical-align: text-top;
}

/* =Horizontal Rule
-------------------------------------------------------------- */
hr {
    background: #dddddd;
    border: none;
    clear: both;
    color: #dddddd;
    float: none;
    height: 1px;
    width: 100%;
}

hr.space {
    background: #ffffff;
    color: #ffffff;
}

/* =Base
-------------------------------------------------------------- */
html {
    height: 100%;
}

body {
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    background: #FFF url(img/global/bg.png) repeat-x;
    color: #555555;
    font-family: 'HelveticaNeueW01-55Roma', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-smoothing: antialiased;
    line-height: 1.5em;
    text-rendering: optimizeLegibility;
}

/* =Typography
-------------------------------------------------------------- */
p {
    word-wrap: break-word;
}

i,
em,
dfn,
cite {
    font-style: italic;
}

tt,
var,
pre,
kbd,
samp,
code {
    font-family: monospace, serif;
    font-style: normal;
}

b,
strong {
    font-weight: 700;
}

pre {
    -moz-box-sizing: border-box;
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    background: #f4f4f4;
    border: 1px solid #aaaaaa;
    border-bottom-color: #cccccc;
    border-radius: 2px;
    height: auto;
    margin: 0;
    outline: none;
    padding: 6px 10px;
    vertical-align: middle;
    width: 100%;
    word-wrap: break-word;
    white-space: pre-wrap;
}

del {
    color: #555555;
    text-decoration: line-through;
}

ins,
dfn {
    border-bottom: 1px solid #cccccc;
}

sup,
sub,
small {
    font-size: 85%;
}

abbr,
acronym {
    font-size: 85%;
    letter-spacing: .1em;
    text-transform: uppercase;
}

a abbr,
a acronym {
    border: none;
}

dfn[title],
abbr[title],
acronym[title] {
    border-bottom: 1px solid #cccccc;
    cursor: help;
}

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

/* =Responsive 12 Column Grid
    http://themeid.com/responsive-grid/
-------------------------------------------------------------- */
.grid {
    float: left;
    margin-bottom: 2.127659574468%;
    padding-top: 0;
}

.grid-right {
    float: right;
    margin-bottom: 2.127659574468%;
    padding-top: 0;
}

.col-60,
.col-140,
.col-220,
.col-300,
.col-380,
.col-460,
.col-540,
.col-620,
.col-700,
.col-780,
.col-860 {
    display: inline;
    margin-right: 2.127659574468%;
}

.col-60 {
    width: 6.382978723404%;
}

.col-140 {
    width: 14.893617021277%;
}

.col-220 {
    width: 23.404255319149%;
}

.col-300 {
    width: 31.914893617021%;
}

.col-380 {
    width: 40.425531914894%;
}

.col-460 {
    width: 48.936170212766%;
}

.col-540 {
    width: 57.446808510638%;
}

.col-620 {
    width: 65.957446808511%;
}

.col-700 {
    width: 74.468085106383%;
}

.col-780 {
    width: 82.978723404255%;
}

.col-860 {
    width: 91.489361702128%;
}

.col-940 {
    width: 100%;
}

.fit {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* =Visibility
-------------------------------------------------------------- */
.hidden {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.none {
    display: none;
}

.hide-desktop {
    display: none;
}

.show-desktop {
    display: block;
}

/* =Responsive Images
-------------------------------------------------------------- */
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.ie8 img {
    height: auto;
    width: auto\9;
}

.ie8 img.size-large {
    max-width: 60%;
    width: auto;
}

/* =Responsive Videos
-------------------------------------------------------------- */
video {
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* =Responsive Embeds/Objects
-------------------------------------------------------------- */
embed,
object {
    max-width: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

/* =Links
-------------------------------------------------------------- */
a {
    color: #5793d6;
    font-weight: 400;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #444444;
    outline: 0;
    text-decoration: none;
}

::selection {
    background: #999999;
    color: #ffffff;
    text-shadow: none;
}

/* =Forms
-------------------------------------------------------------- */
label {
    display: inline-block;
    font-weight: 700;
    padding: 2px 0;
}

legend {
    padding: 2px 5px;
}

fieldset {
    border: 1px solid #cccccc;
    margin: 0 0 1.5em;
    padding: 1em 2em;
}

select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
   -moz-box-sizing: border-box;
    -moz-border-radius: 2px;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 2px;
      background-color: #ffffff;
    box-sizing: border-box;
    border: 1px solid #aaaaaa;
    border-bottom-color: #cccccc;
    border-radius: 2px;
    margin: 0;
    outline: none;
    padding: 10px 8px;
    vertical-align: middle;
    width: 100%;    
    border: 1px solid #b5b9bd;
    border-radius: 7px;
    font-size: 13px;
    font-family: 'HelveticaNeueW01-55Roma',Helvetica,sans-serif;
    color: #3e454c;
 }

select {
    height: auto;
    width: 100%;
}

area,
textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #ffffff;
    box-sizing: border-box;
    border: 1px solid #aaaaaa;
    border-radius: 2px;
    height: auto;
    overflow: auto;
    outline: none;
    width: 100%;
    
    margin: 0;
    outline: none;
    padding: 10px 8px;
    vertical-align: middle;
    width: 100%;    
    border: 1px solid #b5b9bd;
    border-radius: 7px;
    font-size: 13px;
    font-family: 'HelveticaNeueW01-55Roma',Helvetica,sans-serif;
    color: #3e454c;
}

input,
select {
    cursor: pointer;
}

area:focus,
input:focus,
textarea:focus {
    border: 1px solid #5793d6;
}

input[type='text'],
input[type='password'] {
    cursor: text;
}

/* =IE Forms
-------------------------------------------------------------- */
.ie7 area,
.ie7 select,
.ie7 textarea,
.ie7 input[type="text"],
.ie7 input[type="password"],
.ie7 input[type="email"] {
    width: 96%;
}

/* =IE6 Notice
-------------------------------------------------------------- */
.msie-box {
    background-color: #f9edbe;
    border: 1px solid #f0c36d;
    color: #212121;
    display: block;
    margin: 0 auto;
    max-width: 960px;
    padding: 10px;
    position: absolute;
    top: 60px;
    text-align: center;
    width: 100%;
}

.msie-box a {
    color: #212121;
}

/* =Tables
-------------------------------------------------------------- */
th,
td,
table {
    border: 1px solid #dddddd;
}

table {
    border-collapse: collapse;
    width: 100%;
}

/* =Lists
-------------------------------------------------------------- */
ul {
    list-style-type: disc;
    margin: 0;
    padding: 0;
}

ol {
    line-height: 22px;
    list-style-position: outside;
    list-style-type: decimal;
    margin: 0;
    padding: 0;
}

dt {
    font-weight: 400;
}

/* =Blockquote
-------------------------------------------------------------- */
blockquote {
    background: #f9f9f9;
    border: none;
    border-left: 4px solid #d6d6d6;
    margin: 20px;
    overflow: auto;
    padding: 0 0 10px 12px;
}

blockquote p {
    font-family: 'Georgia', 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 18px;
    line-height: 26px;
}

/* =Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: 700;
    line-height: 1.0em;
    word-wrap: break-word;
}

h1 {
    font-size: 2.625em;
 /* = 42px */
    margin-bottom: .5em;
    margin-top: .5em;
}

h2 {
    font-size: 2.250em;
 /* = 36px */
    margin-bottom: .75em;
    margin-top: .75em;
}

h3 {
    font-size: 1.875em;
 /* = 30px */
    margin-bottom: .857em;
    margin-top: .857em;
}

h4 {
    font-size: 1.500em;
 /* = 24px */
    margin-bottom: 1em;
    margin-top: 1em;
}

h5 {
    font-size: 1.125em;
 /* = 18px */
    margin-bottom: 1.125em;
    margin-top: 1.125em;
}

h6 {
    font-size: 1.000em;
 /* = 16px */
    margin-bottom: 1.285em;
    margin-top: 1.285em;
}

/* =Margins & Paddings
-------------------------------------------------------------- */
p,
hr,
dl,
pre,
form,
table,
address,
blockquote {
    margin: 1.6em 0;
}

th, td {
    padding: .8em;
}

caption {
    padding-bottom: .8em;
}

blockquote {
    padding: 0 1em;
}

blockquote:first-child {
    margin: .8em 0;
}

fieldset {
    margin: 1.6em 0;
    padding: 0 1em 1em;
}

legend {
    padding-left: .8em;
    padding-right: .8em;
}

legend+* {
    margin-top: 1em;
}

input,
textarea {
   /* padding: .3em .4em .15em;*/
}

select {
    padding: .1em .2em 0;
}

option {
    padding: 0 .4em;
}

dt {
    margin-bottom: .4em;
    margin-top: .8em;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

ul,
ol {
    margin: 0 1.5em 1.5em 0;
    padding-left: 2.0em;
}

li ul,
li ol {
    margin: 0;
}

form div {
    margin-bottom: .8em;
}

/* =Globals
-------------------------------------------------------------- */
#container {
    margin: 0 auto;
    max-width: 1240px;
    /*width: 1240px;*/
    padding: 0px 15px;
}

#wrapper {
    clear: both;
    margin: 20px auto 20px auto;
    padding: 0 0 10px 0;
    position: relative;
}

.front-page #wrapper {
    background-color: transparent;
    border: none;
    margin: 0 auto 0px auto;
    padding: 0;
}

#header {
    margin: 0;
    height: 133px;
    position: relative;
}


.gradient-container {
    text-align: center;
    background: url(img/home/core_gradient.png) repeat-x;
    padding-top: 30px;
    margin-top: 20px;
}

.footer-container {
    background-color: #f1f2f3;
    border-top: 1px solid #d6dadd;
}

#footer {
    max-width: 1240px;
    clear: both;
    margin: 0 auto;
    padding: 0 25px 0 25px;
    background-color: #f1f2f3;
    color: #979da3;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
}

#footer-wrapper {
    margin: 0;
    padding: 20px 0 40px 0;
}

#footer h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 38px;
    color: #697179;
    font-weight: normal;
}

#post-footer {
    max-width: 1240px;
    margin-bottom: 20px;
    background-color: #f1f2f3;
    font-size: 13px;
    padding: 20px 25px 20px 25px;
    margin: 0 auto;
    color: #979da3;
}

#post-footer a {
    color: #697179;
    padding: 0 6px;
}

#post-footer a:hover {
    color: #5793d6;
}

#footer  ul.footermenu {
    margin: 0;
    padding: 0;
    }


#footer .footermenu li {
    list-style: none;
    float: none;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

#footer .footermenu li a {
    margin: 0;
    padding: 0;
    color: #979da3;
    font-size: 14px;
    display: inline;
    text-transform: lowercase
}

#footer .footermenu li a:hover {
    color: #5793d6;
}


#footer ul.social {
    margin: 0;
    padding: 0;
}

#footer ul.social li{
    margin: 0;
    padding: 0;
    list-style: none;
}


#footer .social a{
    display: block;
    float: left;
    background: url(img/footer/social.png) no-repeat;
    width: 32px;
    height: 32px;
    text-indent: -99999px;
    margin-right: 4px;
}

#footer .social a:hover{
    background-position: 0 -32px;
}

#footer .social a.twitter {
    background-position: -32px 0;
}

#footer .social a.twitter:hover {
    background-position: -32px -32px;
}

#footer .social a.youtube {
    background-position: -64px 0;
}

#footer .social a.youtube:hover {
    background-position: -64px -32px;
}

#footer .social a.google {
    background-position: -96px 0;
}

#footer .social a.google:hover {
    background-position: -96px -32px;
}

/* =Header
-------------------------------------------------------------- */
#logo {
    float: left;
    margin: 20px 0 26px 0;
}

.site-name a {
    display: block;
    /*background: url(img/header/logo.png) no-repeat;*/
    background: url(img/header/logo-new.png) no-repeat;
    width: 245px;
    height: 43px;
    text-indent: -9999px;
}

.site-description {
    display: none;
}

/* =Content
-------------------------------------------------------------- */
#content {
    margin-top: 0;
    margin-bottom: 20px;
}

#content-full {
    margin-top: 0;
    margin-bottom: 20px;
}

#content-blog {
    margin-top: 0;
    margin-bottom: 20px;
}

#content-images {
    margin-bottom: 20px;
}

#content-search {
    margin-bottom: 20px;
    margin-top: 20px;
}

#content-archive {
    margin-top: 0;
    margin-bottom: 20px;
}

#content-sitemap {
    margin-top: 0;
    margin-bottom: 20px;
}

#content-sitemap a {
    font-size: 12px;
}

#content .sticky {
    clear: both;
}

#content .sticky p {
}

/* =Templates (Landing Page)
-------------------------------------------------------------- */
.page-template-landing-page-php .menu,
.page-template-landing-page-php .top-menu,
.page-template-landing-page-php .main-nav,
.page-template-landing-page-php .footer-menu,
.page-template-landing-page-php .sub-header-menu {
    display: none;
}

/* =Author Meta (Author's Box)
-------------------------------------------------------------- */
#author-meta {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #f9f9f9;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  clear: both;
  display: block;
  margin: 30px 0 40px 0;
  padding: 10px;
  overflow: hidden;
}

#author-meta img {
  float: left;
  padding: 10px 15px 0 5px;
}

#author-meta p {
  margin: 0;
  padding: 5px;
}

#author-meta .about-author {
  font-weight: 700;
  margin: 10px 0 0 0;
}

/* =Featured Content
-------------------------------------------------------------- */
#featured {
  width: 99.893617021277%;
}

#featured p {
  font-size: 18px;
  font-weight: 200;
  line-height: 27px;
  padding: 0 40px 0 40px;
  text-align: center;
}

#featured-image {
  margin: 40px 0 0 0;
}

#featured-image .fluid-width-video-wrapper {
  margin-left: -20px;
}

.featured-image img {
  margin-top: 44px;
}

/* =Post
-------------------------------------------------------------- */
.comments-link {
  font-size: 12px;
}

#cancel-comment-reply-link {
  color: #990000;
}

.post-data {
  clear: both;
  font-size: 12px;
  font-weight: 700;
  margin-top: 20px;
}

.post-data a {
  color: #111111;
}

.post-entry {
  clear: both;
}

.post-meta {
  clear: both;
  color: #9f9f9f;
  font-size: 12px;
  margin-bottom: 10px;
}

.post-edit {
  clear: both;
  display: block;
  font-size: 12px;
  margin: 1.5em 0;
}

.post-search-terms {
  clear: both;
}

.read-more {
  clear: both;
  font-weight: 700;
}

.attachment-entry {
  clear: both;
  text-align: center;
}

/* =bbPress
    bbPress has its own breadcrumb lists
-------------------------------------------------------------- */
.bbPress .breadcrumb-list {
  display: none;
}

/* =Symbols
-------------------------------------------------------------- */
.ellipsis {
  color: #aaaaaa;
  font-size: 18px;
  margin-left: 5px;
}

.form-allowed-tags {
  display: none;
  font-size: 10px;
}

/* =Widgets
-------------------------------------------------------------- */
.widget-wrapper {
border: 1px solid #DADCDE;
border-radius: 7px 7px 7px 7px;
margin: 0 0 20px;
padding: 20px;
display: block;
box-shadow: 0 2px 4px #D6DADD;
}



#widgets  .products-navigation.widget-wrapper {
border: none;
border-radius: none;
margin: 0 0 20px;
padding: 0px;
display: block;
box-shadow: none;
}


#widgets .products-navigation.widget-wrapper h3 {
color: #3e454c;
font-size: 15px;
}

#widgets .products-navigation.widget-wrapper h3:before {
content: "";
display: block;
border-top: 1px solid #d6dadd;
width: 19px;
height: 1px;
margin: 18px 0 12px 0;
}


#widgets .products-navigation.widget-wrapper h3 a{
color: #3e454c;
font-size: 15px;
font-weight: 700;
}


#widgets .products-navigation.widget-wrapper h3 a:hover{
color: #5793d6;
}

#widgets .products-navigation.widget-wrapper ul {
margin: 0;
padding: 0;
}


#widgets .products-navigation.widget-wrapper ul li {
list-style: none;
text-transform: lowercase;
}

#widgets .products-navigation.widget-wrapper ul li a{
color: #697179;
}


#widgets .products-navigation.widget-wrapper ul li a:hover,
#widgets .products-navigation.widget-wrapper ul li a.current{
color: #5793d6;
}

.widget-wrapper select,
.widget-wrapper input[type="text"],
.widget-wrapper input[type="password"],
.widget-wrapper  input[type="email"] {
  width: 75%;
}

#widgets {
  margin-top: 0;
}

#widgets a {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

#widgets form {
  margin: 0;
}

#widgets ul,
#widgets ol {
  padding: 0 0 0 20px;
}

#widgets ul li a {
  display: inline;
  text-decoration: none;
}

#widgets .widget-title img {
  float: right;
  height: 11px;
  position: relative;
  top: 4px;
  width: 11px;
}

#widgets .rss-date {
  line-height: 18px;
  padding: 6px 12px;
}

#widgets .rssSummary {
  padding: 10px;
}

#widgets cite {
  font-style: normal;
  line-height: 18px;
  padding: 6px 12px;
}

#widgets .tagcloud,
#widgets .textwidget {
  display: block;
  line-height: 1.5em;
  margin: 0;
  word-wrap: break-word;
}

#widgets .textwidget a {
  display: inline;
}

#widgets ul .children {
  padding: 0 0 0 10px;
}

#widgets .author {
  font-weight: 700;
  padding-top: 4px;
}

.widget_archive select, #cat {
  display: block;
  margin: 0 15px 0 0;
}

#colophon-widget ul {
}

.colophon-widget {
  background: none;
  min-height: 0;
}

.colophon-widget select,
.colophon-widget input[type="text"],
.colophon-widget input[type="password"],
.colophon-widget input[type="email"] {
  width: 100%;
}

#top-widget {
}

.top-widget {
  background: none;
  border: none;
  clear: right;
  float: right;
  min-height: 0;
  padding: 0 3px 0 0;
  text-align: right;
  width: 45%;
}

.top-widget ul {
  padding: 0;
}

.top-widget select,
.top-widget input[type="text"],
.top-widget input[type="password"],
.top-widget input[type="email"] {
  width: auto;
}

.top-widget .widget_search {
      width: 207px;
  height: 34px;
}
.top-widget #searchform {
  background: url(img/header/search_bg.png) no-repeat;
  width: 207px;
  height: 34px;
  position: absolute;
  right: 0;
  bottom: 8px;
}

.top-widget form#searchform {
    margin: 0;
}

.top-widget #s {
  border: none;
  background: transparent;
  box-shadow: none;
  font-size: 14px;
  color: #697179;
  padding-top: 10px;
  float: left;
  width: 160px;
}

.top-widget #searchsubmit {
  border: none;
  background: transparent url(img/header/search_submit.png) no-repeat;
  box-shadow: none;
  width: 34px;
  height: 34px;
  text-indent: -9999px;
}

.top-widget #searchsubmit:hover {
    background-position: 0 -34px;
}


/* =Titles
-------------------------------------------------------------- */
.featured-title {
  font-size: 60px;
  letter-spacing: -1px;
  margin: 0;
  padding-top: 40px;
  text-align: center;
}

.featured-subtitle {
  padding: 0 10px;
  text-align: center;
}

.widget-title,
.widget-title-home h3 {
  font-size: 18px;
line-height: 22px;
font-weight: normal;
margin: 0;

}

.top-widget .widget-title {
  font-size: 14px;
  padding: 0;
  text-align: right;
}

.widget-title a {
  border-bottom: none;
  padding: 0 !important;
}

.title-404 {
  color: #5793d6;
}

h1.title-404 {
  font-weight: 100;
  font-size: 2.3em;}
  
#content-search input[type="text"] {
    width: 80%;
}


.page-template-sidebar-content-page-php #widgets {
    margin-top: 0;
}


.page-template-sidebar-content-page-php .widget-wrapper {
    background: transparent;
    padding: 0;
    border: 0;
}


.page-template-sidebar-content-page-php #widgets  ul {
    margin: 0;
    padding: 0;
}

.page-template-sidebar-content-page-php #widgets .menu  li{
    display: block;
    float: none;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 6px 0;
    height: 16px;
    padding: 0;
}


.page-template-sidebar-content-page-php #widgets .menu  li a{
    font-size: 14px;
}

.try {
background: #fff;}

#widgets .skin-products  {
    margin: 0;
    padding: 0;
}


.single-your-skin #widgets {
    margin: 80px 0 0 0;
    
}

.skin-products .widget-title {
    padding: 20px  10px 10px 20px;
}

.skin-products ul li {
    list-style: none;
    padding: 17px 0 10px 0;
    margin:  10px 0;
    clear: both;
    border-top: 1px solid #d6dadd;
}

.skin-products ul li img{
    width: 90px;
    float: left;
}

.skin-products ul li a:hover h4{
    color: #5793d6;
}

.skin-products ul li h4{
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    margin: 0 0 5px 0;
    color: #3e454c;
}

.skin-products ul li strong{
    display: block;
    margin-top: 5px;
}

.skin-products ul li p{
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    margin: 0 0 5px 0;
    color: #3e454c;
}
/* =404 Page 
-------------------------------------------------------------- */
.error404 select,
.error404 input[type="text"],
.error404 input[type="password"],
.error404 input[type="email"] {
  width: auto;
}

/* =Top Menu
-------------------------------------------------------------- */
.top-menu {
  float: right;
  margin: 10px 0;
  padding: 0;
}

.top-menu li {
  list-style-type: none;
  padding: 4px 0 10px 30px;
  float: left;
}

.top-menu ul li {
  list-style-type: none;
  padding: 4px 0 0 0;
  float: none;
}


.top-menu > li:first-child > a {
  border-left: none;
}

.top-menu li a:hover {
  color: #333333;
}



#menu-pre-header {
    text-transform: lowercase;
    padding-right: 93px;
}


#menu-pre-header a{
    color: #697179;
    font-size: 13px;
}


#menu-pre-header a:hover{
    color: #5793d6;
}


#menu-pre-header ul.sub-menu {
    /*display: none;*/
    padding: 10px 20px 20px 20px;
    width: 143px;
    text-align: left;
    position: absolute;
    background: transparent;
    top: 36px;
    z-index: 600;
    background: #fff;
    margin: 9px 10px 10px 0px;
    box-shadow: 0 0 10px #c8cbcf;
    -moz-box-shadow: 0 0 10px #c8cbcf;
    -webkit-box-shadow: 0 0 10px #c8cbcf;
    -o-box-shadow: 0 0 10px #c8cbcf;
    
}


#menu-pre-header ul.sub-menu .arrow {
    background: url(img/global/flyout_arrow.png) no-repeat 0 0 #fff;
    width: 15px;
    height: 9px;
    position: absolute;
    top: -9px;
}


#menu-pre-header ul.sub-menu li{
    display: block;
    float: none;
    padding-left: 0;
}








/* shopping cart
---------------------------------------------------------------------*/ 

.widget_shopping_cart, .widget_shopping_mini_cart {
    position: absolute;
    top: 17px;
    right:0;
    z-index: 500;
    font-size: 13px;
    line-height: 16px;
}


.dropdown-cart-button{
    background: url('img/header/cart.png') no-repeat;
    text-align: center;
     padding: 0 0 20px 22px;
    margin: 0px;
    position: relative;
    overflow: visible;
    color: #697179;
}

.dropdown-cart-button a.dropdown-total{
    display: block;
    background: transparent;
    color: #697179;
}

.dropdown-cart-button:hover{
       background-position: 0 -40px;

}


.dropdown-cart-button a.dropdown-total:hover{
    color: #5793d6;
}

.dropdown-cart-button .dropdown{
    padding: 0;
    width: 350px;
    text-align: left;
    position: absolute;
    background: transparent;
    top: 28px;
    right: 0;
    z-index: 600;
    background: #fff;
    margin: 0 0 10px 0px;
    box-shadow: 0 0 10px #c8cbcf;
    -moz-box-shadow: 0 0 10px #c8cbcf;
    -webkit-box-shadow: 0 0 10px #c8cbcf;
    -o-box-shadow: 0 0 10px #c8cbcf;
    display: none;
    }

.dropdown-cart-button .dropdown .arrow {
    background: url(img/global/flyout_arrow.png) no-repeat 0 0 #fff;
    width: 15px;
    height: 9px;
    position: absolute;
    right: 20px;
    top: -9px;
}


.dropdown-cart-button .dropdown img{
    display: inline;
    vertical-align: middle;
    float: none;
}

.dropdown-cart-button .dropdown .cart_list a{
    float: left;
}

.dropdown-cart-button .dropdown .cart_list .quantity{
    float: right;
    
}


.widget_shopping_cart  .dropdown h4,
.dropdown-cart .dropdown h4 {
    font-size: 13px;
    line-height: 1;
    font-weight: normal;
    color: #3e454c;
    margin: 0;
    padding: 13px 16px 18px 16px;
    
}


.widget_shopping_cart  .dropdown li,
.dropdown-cart  .dropdown li {
    list-style: none;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    position: relative;
    padding: 10px 0;
    height: 80px;
    
}


.widget_shopping_cart  .dropdown li.empty,
.dropdown-cart  .dropdown li.empty {
    padding-left: 16px;
}



.widget_shopping_cart  .dropdown ul,
.dropdown-cart  .dropdown ul {
    margin: 0;  
}

.widget_shopping_cart  .dropdown li img,
.dropdown-cart .dropdown li img{
    float: left;
    margin: 0 15px 0 16px;
    width: 80px;    
}

.widget_shopping_cart  .dropdown li a,
.dropdown-cart .dropdown li a
{
    font-weight: bold;
    color: #3e454c;
}

.widget_shopping_cart  .dropdown li a:hover,
.dropdown-cart  .dropdown li a:hover{
    font-weight: bold;
    color: #5793d6;
}

.widget_shopping_cart .variation,
.dropdown-cart .variation {
    position: absolute;
    left: 112px
}
.widget_shopping_cart  .dropdown dd, .widget_shopping_cart  .dropdown dt,
.dropdown-cart  .dropdown dd, .dropdown-cart .dropdown dt{
    display: inline;
    padding: 0 5px 0 0;
}

.widget_shopping_cart  .quantity,
.dropdown-cart  .quantity {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #3e454c;
    font-weight: bold;
}

.widget_shopping_cart  .total,
.dropdown-cart  .total{
    padding: 0 10px;
    text-align: right;
}

.widget_shopping_cart .checkout,
.dropdown-cart .checkout {
    display: none;
    }
    
.widget_shopping_cart .button,
.dropdown-cart .button {
    float: right;
    margin: 0 10px 10px 0;
    width: 151px;
    height: 28px;
    border: none;
    text-indent: -9999px;
    padding: 0;
    background: url(img/global/checkout.png) no-repeat;
    }   
    
.widget_shopping_cart .button:hover,
.dropdown-cart .button:hover {
    border: none;
    background: url(img/global/checkout.png) no-repeat;
    opacity: 0.8;
    }       


/* =Header Menu (Primary)
-------------------------------------------------------------- */
.menu {
  background-color: transparent;
  clear: both;
  margin: 0 auto;
}

.main-nav {
  clear: both;
}

.menu,
.menu ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  border: 0;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 5;
}

.menu li:hover {
  white-space: normal;
  z-index: 10000;
}

.menu li li {
  float: none;
}

.menu ul {
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 10;
}

.menu li:hover > ul {
  top: 100%;
  visibility: visible;
}

.menu li li:hover > ul {
  left: 100%;
  top: 0;
}

.menu:after,
.menu ul:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.menu,
.menu ul {
  min-height: 0;
}

.menu ul,
.menu ul ul {
  margin: 0;
  padding: 0;
}

.menu ul li a:hover,
.menu li li a:hover {
  color: #484848;
  text-decoration: none;
}

.menu ul {
  margin-top: 1px;
  min-width: 15em;
  width: auto;
}

.menu a {
  color: #697179;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 400;
  height: 44px;
  line-height: 43px;
  margin: 0;
  padding: 0 0.9em;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  text-transform: lowercase;
}

.menu a:hover {
    color: #5793d6;
}

.menu .current_page_item a,
.menu .current-menu-item a {
  color: #5793d6;
}

.front-page .menu .current_page_item a {
  background: none;
  background-color: transparent;
  background-image: none;
  filter: none;
}

.menu li li {
  background: #ffffff;
  background-image: none;
  border: 1px solid #e5e5e5;
  color: #444444;
  filter: none;
  margin: -1px 0 1px 0;
  width: auto;
}

.menu li li a {
  background: transparent !important;
  border: none;
  color: #444444;
  font-size: 14px;
  font-weight: 400;
  height: auto;
  height: 20px;
  line-height: 20px;
  padding: 5px 10px;
  text-shadow: none;
  white-space: nowrap;
}

.menu li li a:hover {
  background: #f5f5f5 !important;
  background-image: none;
  border: none;
  color: #444444;
  filter: none;
}

.menu li li:hover {
  background: #f5f5f5 !important;
  filter: none;
}

.menu ul > li + li {
  border-top: 0;
}

.menu li li:hover > ul {
  left: 100%;
  top: 0;
}

.menu > li:first-child > a {
  border-left: none;
}

.menu a#responsive_menu_button {
  display: none;
}

.main-nav #responsive_current_menu_item {
  display: none;
}

#menu-navigation ul.sub-menu {
    display: block;
    padding: 10px 20px 20px 20px;
    width: 143px;
    text-align: left;
    position: absolute;
    top: 34px;
    z-index: 600;
    background: #fff;
    margin: 10px 10px 10px 0px;
    box-shadow: 0 2px 4px #c8cbcf;
    -moz-box-shadow: 0 2px 4px #c8cbcf;
    -webkit-box-shadow: 0 2px 4px #c8cbcf;
    -o-box-shadow: 0 2px 4px #c8cbcf;
    border: 1px solid #cfcfcf;
    border-top: 0;
}

#menu-navigation ul.sub-menu li{
    display: block;
    float: none;
    padding-left: 0;
    border: none;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 6px 0 !important;
    font-weight: normal;    
    position: relative;
}

#menu-navigation ul.sub-menu li a{
    padding: 0 0 3px 0 !important;
    color: #697179;
    margin: 0;
    width: 100%;
    display: block;
}

#menu-navigation ul.sub-menu li a:hover{
    color: #5793d6;
    background: #FFF !important;
}

.menu li#menu-item-99 a.hover  {
    background: url(img/mainnav/arrow.png) center bottom no-repeat;
    padding-bottom: 400px;
    border: 1px solid #CCC;
    z-index: 0;
}

.menu li .arrow {
    width: 10px;
    height: 10px;
    background: url(img/mainnav/arrow.png) center bottom no-repeat;
    position: absolute;
    bottom: 0;
    left: 45%;
    display: none;
}

#menu-item-99 ul.sub-menu {
    width: 570px;
}

#menu-item-4274 ul.sub-menu {
    width: 400px;
}

#menu-item-2034 ul.sub-menu {
    width: 400px;
}

#menu-item-2687 ul.sub-menu {
    width: 400px;
}

#menu-item-2124 ul.sub-menu {
    width: 400px;
}

#menu-item-1693 ul.sub-menu {
    width: 768px;
}

/*
#menu-item-1693 ul.sub-menu {
    width: 760px;
}
*/



 ul.sub-menu  .column{
    width: 180px;
    float: left;
    min-height: 200px;
    padding-right: 10px
} ul.sub-menu  .column li a{
    white-space: normal !important
}
 
 ul.sub-menu h3 {
    margin: 10px 0 15px 0;
    padding: 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #3e454c;
} 

ul.sub-menu a img {
    border: 1px solid #dadcde;
    border-radius: 7px;
    margin-top: 10px;
}

ul.sub-menu a:hover img {
    border: 1px solid #5793d6;
}
/*.js .main-nav .menu {*/
  /*display: block;*/
/*}*/

/* =Primary Main Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .menu ul {
  background: url(core/images/ie7-fix.gif) repeat;
}

.ie7 .menu li li a {
  min-width: 100%;
}

/* =Sub-Header Menu
-------------------------------------------------------------- */
.sub-header-menu {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-top: none;
  clear: both;
  margin: 0 auto;
}

.sub-header-menu,
.sub-header-menu ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sub-header-menu li {
  border: 0;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 5;
}

.sub-header-menu li:hover {
  white-space: normal;
  z-index: 10000;
}

.sub-header-menu li li {
  float: none;
}

.sub-header-menu ul {
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 10;
}

.sub-header-menu li:hover > ul {
  top: 100%;
  visibility: visible;
}

.sub-header-menu li li:hover > ul {
  left: 100%;
  top: 0;
}

.sub-header-menu:after,
.sub-header-menu ul:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.sub-header-menu,
.sub-header-menu ul {
  min-height: 0;
}

.sub-header-menu ul,
.sub-header-menu ul ul {
  margin: 0;
  padding: 0;
}

.sub-header-menu ul li a:hover,
.sub-header-menu li li a:hover {
  color: #484848;
  text-decoration: none;
}

.sub-header-menu ul {
  margin-top: 1px;
  min-width: 15em;
  width: auto;
}

.sub-header-menu a {
  border-left: 1px solid #e5e5e5;
  color: #333333;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: 400;
  height: 35px;
  line-height: 35px;
  margin: 0;
  padding: 0 0.9em;
  position: relative;
  text-decoration: none;
  text-shadow: none;
}

.sub-header-menu a:hover {
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-color: #f9f9f9;
  background-clip: padding-box;
}

.sub-header-menu .current_page_item a,
.sub-header-menu .current-menu-item a {
  background-color: #f9f9f9;
}

.sub-header-menu li li {
  background: #ffffff;
  background-image: none;
  border: 1px solid #e5e5e5;
  color: #444444;
  filter: none;
  margin: -1px 0 1px 0;
  width: auto;
}

.sub-header-menu li li a {
  border: none;
  color: #444444;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  height: 20px;
  line-height: 20px;
  padding: 5px 10px;
  text-shadow: none;
}

.sub-header-menu li li a:hover {
  background: #f9f9f9;
  background-image: none;
  border: none;
  color: #444444;
  filter: none;
}

.sub-header-menu ul > li + li {
  border-top: 0;
}

.sub-header-menu li li:hover > ul {
  left: 100%;
  top: 0;
}

.sub-header-menu > li:first-child > a {
  border-left: none;
}

.sub-header-menu ul.children a,
.sub-header-menu .current_page_ancestor,
.sub-header-menu .current_page_ancestor ul a {
  background: none;
  background-image: none;
  filter: none;
}

/* =Sub Header Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .sub-header-menu ul {
  background: url(core/images/ie7-fix.gif) repeat;
}

.ie7 .sub-header-menu li li a {
  min-width: 100%;
}

/* =Footer Menu
-------------------------------------------------------------- */
.footer-menu {
  margin-left: 0;
  padding: 0;
}

.footer-menu li {
  display: inline;
  list-style-type: none;
}

.footer-menu li a {
  border-left: 1px solid #cccccc;
  color: #333333;
  padding: 0 8px;
}

.footer-menu li a:hover {
  color: #222222;
}

.footer-menu > li:first-child > a {
  border-left: none;
  padding: 0 8px 0 0;
}

/* =Navigation
-------------------------------------------------------------- */
.navigation {
  color: #979da3;
  display: block;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  margin: 40px 0 0 0;
  padding: 0 5px;


}

.navigation a {
  color: #979da3;
  padding: 4px 0 4px 0;

}

.navigation a:hover {
  color: #5793d6;
  text-decoration: none;
}

.navigation .previous {
  float: left;
  
}

.navigation .next {
  float: right;
}


.navigation .next, .navigation .previous {
    padding: 6px;
    border-radius: 7px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    background-color: #f9f9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
    background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
    background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border: 1px solid #dddddd;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;}


.navigation .next:hover, .navigation .previous:hover {
    background-color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #FFF, #f9f9f9);
    background-image: -moz-linear-gradient(top, #FFF, #f9f9f9);
    background-image: -ms-linear-gradient(top, #FFF, #f9f9f9);
    background-image: -o-linear-gradient(top, #FFF, #f9f9f9);
    background-image: linear-gradient(top, #FFF, #f9f9f9);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border: 1px solid #5793d6;
    color: #5793d6;

}

.navigation .bracket {
  font-size: 36px;
}

/* =Pagination (pages)
-------------------------------------------------------------- */
.pagination {
  clear: both;
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0;
  padding: 5px 0;
}

.pagination a {
  text-decoration: none;
}

/* =Breadcrumb Lists
-------------------------------------------------------------- */
.breadcrumb-list {
  font-size: 12px;
  text-transform: lowercase;
  color: #697179;
}

.breadcrumb-list .chevron {
  background: url(img/global/breadcrumb_separator.png) center center no-repeat;
  padding: 0 6px;
  text-indent: -9999px;
  display: inline-block
}


/* =Comments
-------------------------------------------------------------- */
#commentform {
  margin: 0;
}

.commentlist {
  border-bottom: 1px solid #e5e5e5;
  list-style: none;
  margin: 0;
  padding: 0;
}

.commentlist ol {
  list-style: decimal;
}

.commentlist li {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #ffffff;
  border-radius: 4px;
  margin: 0;
}

.commentlist .bypostauthor {
}

.commentlist li cite {
  color: #111111;
  font-size: 1.1em;
  font-style: normal;
  font-weight: 400;
}

.commentlist li.alt {
  background: #f9f9f9;
}

.commentlist .children {
  list-style: none;
  margin-left: 10px;
  padding: 10px;
}

.commentlist .avatar {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: left;
  margin-right: 10px;
  padding: 0;
  vertical-align: middle;
}

.comment-author .fn {
}

.comment-author .says {
  color: #999999;
}

.comment-body .comment-meta {
  color: #999999;
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: left;
}

.comment-body .comment-meta a {
  font-size: 11px;
}

.comment-body {
  clear: both;
  padding: 10px;
}

.comment-body p {
  clear: both;
}

.comment-body .reply {
}


.comment-rating {
    display: none;  
    }

.pingback, .trackback {
  list-style: none;
  margin: 20px 0;
}

.pingback cite,
.trackback cite {
  font-style: normal;
}

#pings,
#comments {
  text-align: left;
}

#respond {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #eaeaea;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));
  background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea);
  background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
  background-image: -ms-linear-gradient(top, #ffffff, #eaeaea);
  background-image: -o-linear-gradient(top, #ffffff, #eaeaea);
  background-image: linear-gradient(top, #ffffff, #eaeaea);
  border: 1px solid #cccccc;
  border-bottom-color: #aaaaaa;
  border-radius: 4px;
  clear: both;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea);
  margin-top: 15px;
  padding: 10px 20px 50px;
}

#respond label {
  display: inline;
}

.reply {
  margin: 10px 0;
}

.comment-form-url input,
.comment-form-email input,
.comment-form-author input,
.comment-form-comment textarea {
  display: block;
}

.nocomments {
  color: #999999;
  font-size: .9em;
  text-align: center;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 20px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.aligncenter {
  display: block;
  margin: 5px auto;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #f9f9f9;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 13px 10px 10px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 12px;
  line-height: 1.5em;
  margin: 0;
  padding: 10px;
}

img.wp-smiley {
  vertical-align: middle;
}

/* =WordPress Gallery
-------------------------------------------------------------- */
.gallery {
  margin: 0 auto 18px;
}

.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  max-width: 155px;
}

.gallery img {
  border: 1px solid #dddddd;
}

.gallery .gallery-caption {
  font-size: 12px;
  margin: 0 0 12px;
}

.gallery dl {
  margin: 0;
}

.gallery br+br {
  display: none;
}

.attachment-gallery img {
  background: #ffffff;
  border: 1px solid #f0f0f0;
  display: block;
  height: auto;
  margin: 15px auto;
  max-width: 96%;
  padding: 5px;
  width: auto;
}

.gallery-meta .iso,
.gallery-meta .camera,
.gallery-meta .shutter,
.gallery-meta .aperture,
.gallery-meta .full-size,
.gallery-meta .focal-length {
  display: block;
}

/* =Post Thumbnails 
-------------------------------------------------------------- */
img.wp-post-image,
img.attachment-full,
img.attachment-large,
img.attachment-medium,
img.attachment-thumbnail {
  display: block;
  margin: 15px auto;
  width: auto;
}

/* =Buttons
-------------------------------------------------------------- */
a.button,
input[type='reset'],
input[type='button'],
input[type='submit'] {
display: inline-block;
text-transform: lowercase;
padding: 8px 16px;
border: 1px solid #CCC;
background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #eaebec 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#eaebec));
background: -webkit-linear-gradient(top, #fefefe 0%,#eaebec 100%);
background: -o-linear-gradient(top, #fefefe 0%,#eaebec 100%);
background: -ms-linear-gradient(top, #fefefe 0%,#eaebec 100%);
background: linear-gradient(to bottom, #fefefe 0%,#eaebec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eaebec',GradientType=0 );
-webkit-border-radius: 7px;
border-radius: 7px;

}

a.button:hover,
input[type='reset']:hover,
input[type='button']:hover,
input[type='submit']:hover {
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: -ms-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: linear-gradient(top, #ffffff, #f1f1f1);
  border: 1px solid #dddddd;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  color: #5793d6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f1f1);
 

}

a.button:active,
input[type='reset']:active,
input[type='button']:active,
input[type='submit']:active {
  -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
  background-color: #f9f9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
  box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
}


/* =Buttons (Call to Action)
-------------------------------------------------------------- */
.call-to-action {
  text-align: center;
}

.call-to-action a.button {
  font-size: 24px;
  padding: 15px 35px;
}

.call-to-action a.button:hover {
  text-decoration: none;
}

.ie7 .call-to-action a.button {
  padding: 11px 35px 19px 35px;
}

/* =Buttons (Sizes)
-------------------------------------------------------------- */
.small a.button {
  font-size: 10px;
  padding: 3px 6px;
}

.medium a.button {
  font-size: 16px;
  padding: 8px 16px;
}

.large a.button {
  font-size: 18px;
  padding: 10px 35px;
}

.xlarge a.button {
  font-size: 24px;
  padding: 12px 55px;
}

/* =Buttons (Colors)
-------------------------------------------------------------- */
a.blue, input.checkout-button, a.checkout-button, .woocommerce-checkout input.button, .place-order button{
  background-color: #7190D9; /* Dodger Blue */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#93ABE3), to(#7190D9));
  background-image: -webkit-linear-gradient(top, #93ABE3, #7190D9);
  background-image: -moz-linear-gradient(top, #93ABE3, #7190D9);
  background-image: -ms-linear-gradient(top, #93ABE3, #7190D9);
  background-image: -o-linear-gradient(top, #93ABE3, #7190D9);
  background-image: linear-gradient(top, #93ABE3, #7190D9);
  border: 1px solid #6F8DD5;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#93ABE3, endColorstr=#7190D9);

  display: inline-block;
    text-transform: lowercase;
    padding: 8px 16px;
        border-radius: 7px;
}

a.blue:hover {
    opacity: 0.7;
}

input.checkout-button:hover , a.checkout-button:hover,  .woocommerce-checkout input.button:hover {
  background-color: #7190D9; /* Dodger Blue */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#93ABE3), to(#7190D9));
  background-image: -webkit-linear-gradient(top, #93ABE3, #7190D9);
  background-image: -moz-linear-gradient(top, #93ABE3, #7190D9);
  background-image: -ms-linear-gradient(top, #93ABE3, #7190D9);
  background-image: -o-linear-gradient(top, #93ABE3, #7190D9);
  background-image: linear-gradient(top, #93ABE3, #7190D9);
  border: 1px solid #6F8DD5;
  color: #ffffff;
  opacity: 0.7;
}

a.red {
  background-color: #cd0000; /* Red 4 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff2323), to(#cd0000));
  background-image: -webkit-linear-gradient(top, #ff2323, #cd0000);
  background-image: -moz-linear-gradient(top, #ff2323, #cd0000);
  background-image: -ms-linear-gradient(top, #ff2323, #cd0000);
  background-image: -o-linear-gradient(top, #ff2323, #cd0000);
  background-image: linear-gradient(top, #ff2323, #cd0000);
  border: 1px solid #890000;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2323, endColorstr=#cd0000);
  text-shadow: 0 -1px 0 #890000;
}

a.red:hover {
  background-color: #ff5656;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5656), to(#cd0000));
  background-image: -webkit-linear-gradient(top, #ff5656, #cd0000);
  background-image: -moz-linear-gradient(top, #ff5656, #cd0000);
  background-image: -ms-linear-gradient(top, #ff5656, #cd0000);
  background-image: -o-linear-gradient(top, #ff5656, #cd0000);
  background-image: linear-gradient(top, #ff5656, #cd0000);
  border: 1px solid #890000;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5656, endColorstr=#cd0000);
  text-shadow: 0 -1px 0 #890000;
}

a.orange {
  background-color: #ff7f00; /* Dark Orange 1 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaa55), to(#ff7f00));
  background-image: -webkit-linear-gradient(top, #ffaa55, #ff7f00);
  background-image: -moz-linear-gradient(top, #ffaa55, #ff7f00);
  background-image: -ms-linear-gradient(top, #ffaa55, #ff7f00);
  background-image: -o-linear-gradient(top, #ffaa55, #ff7f00);
  background-image: linear-gradient(top, #ffaa55, #ff7f00);
  border: 1px solid #bb5d00;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffaa55, endColorstr=#ff7f00);
  text-shadow: 0 -1px 0 #bb5d00;
}

a.orange:hover {
  background-color: #ffc388;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc388), to(#ff7f00));
  background-image: -webkit-linear-gradient(top, #ffc388, #ff7f00);
  background-image: -moz-linear-gradient(top, #ffc388, #ff7f00);
  background-image: -ms-linear-gradient(top, #ffc388, #ff7f00);
  background-image: -o-linear-gradient(top, #ffc388, #ff7f00);
  background-image: linear-gradient(top, #ffc388, #ff7f00);
  border: 1px solid #bb5d00;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc388, endColorstr=#ff7f00);
  text-shadow: 0 -1px 0 #bb5d00;
}

a.yellow {
  background-color: #ecca06; /* Yellow Gold */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff2aa), to(#ffd700));
  background-image: -webkit-linear-gradient(top, #fff2aa, #ffd700);
  background-image: -moz-linear-gradient(top, #fff2aa, #ffd700);
  background-image: -ms-linear-gradient(top, #fff2aa, #ffd700);
  background-image: -o-linear-gradient(top, #fff2aa, #ffd700);
  background-image: linear-gradient(top, #fff2aa, #ffd700);
  border: 1px solid #bb9e00;
  color: #161300;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff2aa, endColorstr=#ffd700);
  text-shadow: 0 1px 0 #ffffff;
}

a.yellow:hover {
  background-color: #fffadd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fffadd), to(#ffd700));
  background-image: -webkit-linear-gradient(top, #fffadd, #ffd700);
  background-image: -moz-linear-gradient(top, #fffadd, #ffd700);
  background-image: -ms-linear-gradient(top, #fffadd, #ffd700);
  background-image: -o-linear-gradient(top, #fffadd, #ffd700);
  background-image: linear-gradient(top, #fffadd, #ffd700);
  border: 1px solid #bb9e00;
  color: #161300;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffadd, endColorstr=#ffd700);
  text-shadow: 0 1px 0 #ffffff;
}

a.green {
  background-color: #2e8b57; /* Sea Green 4 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4bc380), to(#2e8b57));
  background-image: -webkit-linear-gradient(top, #4bc380, #2e8b57);
  background-image: -moz-linear-gradient(top, #4bc380, #2e8b57);
  background-image: -ms-linear-gradient(top, #4bc380, #2e8b57);
  background-image: -o-linear-gradient(top, #4bc380, #2e8b57);
  background-image: linear-gradient(top, #4bc380, #2e8b57);
  border: 1px solid #1d5837;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4bc380, endColorstr=#2e8b57);
  text-shadow: 0 -1px 0 #1d5837;
}

a.green:hover {
  background-color: #71d09b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#71d09b), to(#2e8b57));
  background-image: -webkit-linear-gradient(top, #71d09b, #2e8b57);
  background-image: -moz-linear-gradient(top, #71d09b, #2e8b57);
  background-image: -ms-linear-gradient(top, #71d09b, #2e8b57);
  background-image: -o-linear-gradient(top, #71d09b, #2e8b57);
  background-image: linear-gradient(top, #71d09b, #2e8b57);
  border: 1px solid #1d5837;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#71d09b, endColorstr=#2e8b57);
  text-shadow: 0 -1px 0 #1d5837;
}

a.olive {
  background-color: #838b83; /* Honey Dew 4 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e000), to(#838b83));
  background-image: -webkit-linear-gradient(top, #afb4af, #838b83);
  background-image: -moz-linear-gradient(top, #afb4af, #838b83);
  background-image: -ms-linear-gradient(top, #afb4af, #838b83);
  background-image: -o-linear-gradient(top, #afb4af, #838b83);
  background-image: linear-gradient(top, #afb4af, #838b83);
  border: 1px solid #626862;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#afb4af, endColorstr=#838b83);
  text-shadow: 0 -1px 0 #626862;
}

a.olive:hover {
  background-color: #c9cdc9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c9cdc9), to(#838b83));
  background-image: -webkit-linear-gradient(top, #c9cdc9, #838b83);
  background-image: -moz-linear-gradient(top, #c9cdc9, #838b83);
  background-image: -ms-linear-gradient(top, #c9cdc9, #838b83);
  background-image: -o-linear-gradient(top, #c9cdc9, #838b83);
  background-image: linear-gradient(top, #c9cdc9, #838b83);
  border: 1px solid #626862;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9cdc9, endColorstr=#838b83);
  text-shadow: 0 -1px 0 #626862;
}

a.purple {
  background-color: #5d478b; /* Medium Purple 4 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8771b6), to(#5d478b));
  background-image: -webkit-linear-gradient(top, #8771b6, #5d478b);
  background-image: -moz-linear-gradient(top, #8771b6, #5d478b);
  background-image: -ms-linear-gradient(top, #8771b6, #5d478b);
  background-image: -o-linear-gradient(top, #8771b6, #5d478b);
  background-image: linear-gradient(top, #8771b6, #5d478b);
  border: 1px solid #3f305e;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8771b6, endColorstr=#5d478b);
  text-shadow: 0 -1px 0 #3f305e;
}

a.purple:hover {
  background-color: #a492c8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a492c8), to(#5d478b));
  background-image: -webkit-linear-gradient(top, #a492c8, #5d478b);
  background-image: -moz-linear-gradient(top, #a492c8, #5d478b);
  background-image: -ms-linear-gradient(top, #a492c8, #5d478b);
  background-image: -o-linear-gradient(top, #a492c8, #5d478b);
  background-image: linear-gradient(top, #a492c8, #5d478b);
  border: 1px solid #3f305e;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a492c8, endColorstr=#5d478b);
  text-shadow: 0 -1px 0 #3f305e;
}

a.pink {
  background-color: #cd1076; /* Deep Pink 3 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f042a0), to(#cd1076));
  background-image: -webkit-linear-gradient(top, #f042a0, #cd1076);
  background-image: -moz-linear-gradient(top, #f042a0, #cd1076);
  background-image: -ms-linear-gradient(top, #f042a0, #cd1076);
  background-image: -o-linear-gradient(top, #f042a0, #cd1076);
  background-image: linear-gradient(top, #f042a0, #cd1076);
  border: 1px solid #8e0b52;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f042a0, endColorstr=#cd1076);
  text-shadow: 0 -1px 0 #8e0b52;
}

a.pink:hover {
  background-color: #f471b8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f471b8), to(#cd1076));
  background-image: -webkit-linear-gradient(top, #f471b8, #cd1076);
  background-image: -moz-linear-gradient(top, #f471b8, #cd1076);
  background-image: -ms-linear-gradient(top, #f471b8, #cd1076);
  background-image: -o-linear-gradient(top, #f471b8, #cd1076);
  background-image: linear-gradient(top, #f471b8, #cd1076);
  border: 1px solid #8e0b52;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f471b8, endColorstr=#cd1076);
  text-shadow: 0 -1px 0 #8e0b52;
}

a.brick {
  background-color: #b22222; /* Fire Brick */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4c4c), to(#b22222));
  background-image: -webkit-linear-gradient(top, #dd4c4c, #b22222);
  background-image: -moz-linear-gradient(top, #dd4c4c, #b22222);
  background-image: -ms-linear-gradient(top, #dd4c4c, #b22222);
  background-image: -o-linear-gradient(top, #dd4c4c, #b22222);
  background-image: linear-gradient(top, #dd4c4c, #b22222);
  border: 1px solid #791717;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd4c4c, endColorstr=#b22222);
  text-shadow: 0 -1px 0 #791717;
}

a.brick:hover {
  background-color: #e57777;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e57777), to(#b22222));
  background-image: -webkit-linear-gradient(top, #e57777, #b22222);
  background-image: -moz-linear-gradient(top, #e57777, #b22222);
  background-image: -ms-linear-gradient(top, #e57777, #b22222);
  background-image: -o-linear-gradient(top, #e57777, #b22222);
  background-image: linear-gradient(top, #e57777, #b22222);
  border: 1px solid #791717;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e57777, endColorstr=#b22222);
  text-shadow: 0 -1px 0 #791717;
}

a.gold {
  background-color: #8b6508; /* Dark Golden Rod 4 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#db9f0d), to(#8b6508));
  background-image: -webkit-linear-gradient(top, #db9f0d, #8b6508);
  background-image: -moz-linear-gradient(top, #db9f0d, #8b6508);
  background-image: -ms-linear-gradient(top, #db9f0d, #8b6508);
  background-image: -o-linear-gradient(top, #db9f0d, #8b6508);
  background-image: linear-gradient(top, #db9f0d, #8b6508);
  border: 1px solid #6b4e06;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db9f0d, endColorstr=#8b6508);
  text-shadow: 0 -1px 0 #6b4e06;
}

a.gold:hover {
  background-color: #f3b828;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3b828), to(#8b6508));
  background-image: -webkit-linear-gradient(top, #f3b828, #8b6508);
  background-image: -moz-linear-gradient(top, #f3b828, #8b6508);
  background-image: -ms-linear-gradient(top, #f3b828, #8b6508);
  background-image: -o-linear-gradient(top, #f3b828, #8b6508);
  background-image: linear-gradient(top, #f3b828, #8b6508);
  border: 1px solid #6b4e06;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3b828, endColorstr=#8b6508);
  text-shadow: 0 -1px 0 #6b4e06;
}

a.brown {
  background-color: #8b4513; /* Saddle Brown */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d66a1d), to(#8b4513));
  background-image: -webkit-linear-gradient(top, #d66a1d, #8b4513);
  background-image: -moz-linear-gradient(top, #d66a1d, #8b4513);
  background-image: -ms-linear-gradient(top, #d66a1d, #8b4513);
  background-image: -o-linear-gradient(top, #d66a1d, #8b4513);
  background-image: linear-gradient(top, #d66a1d, #8b4513);
  border: 1px solid #4f270b;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d66a1d, endColorstr=#8b4513);
  text-shadow: 0 -1px 0 #4f270b;
}

a.brown:hover {
  background-color: #8b4513;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e58541), to(#8b4513));
  background-image: -webkit-linear-gradient(top, #e58541, #8b4513);
  background-image: -moz-linear-gradient(top, #e58541, #8b4513);
  background-image: -ms-linear-gradient(top, #e58541, #8b4513);
  background-image: -o-linear-gradient(top, #e58541, #8b4513);
  background-image: linear-gradient(top, #e58541, #8b4513);
  border: 1px solid #4f270b;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e58541, endColorstr=#8b4513);
  text-shadow: 0 -1px 0 #4f270b;
}

a.silver {
  background-color: #c0c0c0; /* Silver */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c0c0c0));
  background-image: -webkit-linear-gradient(top, #eaeaea, #c0c0c0);
  background-image: -moz-linear-gradient(top, #eaeaea, #c0c0c0);
  background-image: -ms-linear-gradient(top, #eaeaea, #c0c0c0);
  background-image: -o-linear-gradient(top, #eaeaea, #c0c0c0);
  background-image: linear-gradient(top, #eaeaea, #c0c0c0);
  border: 1px solid #9e9e9e;
  color: #444444;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaeaea, endColorstr=#c0c0c0);
  text-shadow: 0 1px 0 #ffffff;
}

a.silver:hover {
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c0c0c0));
  background-image: -webkit-linear-gradient(top, #ffffff, #c0c0c0);
  background-image: -moz-linear-gradient(top, #ffffff, #c0c0c0);
  background-image: -ms-linear-gradient(top, #ffffff, #c0c0c0);
  background-image: -o-linear-gradient(top, #ffffff, #c0c0c0);
  background-image: linear-gradient(top, #ffffff, #c0c0c0);
  border: 1px solid #9e9e9e;
  color: #444444;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#c0c0c0);
  text-shadow: 0 1px 0 #ffffff;
}

a.gray {
  background-color: #696969; /* Dim Gray */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#696969));
  background-image: -webkit-linear-gradient(top, #939393, #696969);
  background-image: -moz-linear-gradient(top, #939393, #696969);
  background-image: -ms-linear-gradient(top, #939393, #696969);
  background-image: -o-linear-gradient(top, #939393, #696969);
  background-image: linear-gradient(top, #939393, #696969);
  border: 1px solid #474747;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#939393, endColorstr=#696969);
  text-shadow: 0 -1px 0 #474747;
}

a.gray:hover {
  background-color: #adadad;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#696969));
  background-image: -webkit-linear-gradient(top, #adadad, #696969);
  background-image: -moz-linear-gradient(top, #adadad, #696969);
  background-image: -ms-linear-gradient(top, #adadad, #696969);
  background-image: -o-linear-gradient(top, #adadad, #696969);
  background-image: linear-gradient(top, #adadad, #696969);
  border: 1px solid #474747;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#adadad, endColorstr=#696969);
  text-shadow: 0 -1px 0 #474747;
}

a.black {
  background-color: #080808; /* Black */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#080808));
  background-image: -webkit-linear-gradient(top, #323232, #080808);
  background-image: -moz-linear-gradient(top, #323232, #080808);
  background-image: -ms-linear-gradient(top, #323232, #080808);
  background-image: -o-linear-gradient(top, #323232, #080808);
  background-image: linear-gradient(top, #323232, #080808);
  border: 1px solid #000000;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#323232, endColorstr=#080808);
  text-shadow: 0 -1px 0 #000000;
}

a.black:hover {
  background-color: #4c4c4c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#080808));
  background-image: -webkit-linear-gradient(top, #4c4c4c, #080808);
  background-image: -moz-linear-gradient(top, #4c4c4c, #080808);
  background-image: -ms-linear-gradient(top, #4c4c4c, #080808);
  background-image: -o-linear-gradient(top, #4c4c4c, #080808);
  background-image: linear-gradient(top, #4c4c4c, #080808);
  border: 1px solid #000000;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c, endColorstr=#080808);
  text-shadow: 0 -1px 0 #000000;
}

/* =Info Boxes
-------------------------------------------------------------- */
.info-box {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: block;
  margin: 20px 0;
  padding: 15px;
  text-align: left;
}

.alert {
  background-color: #faebeb;
  border: 1px solid #dc7070;
  color: #212121;
}

.address {
  background-color: #f6f5ef;
  border: 1px solid #cdc9a5;
  color: #212121;
  padding: 6px;
}

.notice {
  background-color: #fbf9e9;
  border: 1px solid #e3cf57;
  color: #212121;
}

.success {
  background-color: #f9fde8;
  border: 1px solid #a2bc13;
  color: #212121;
}

.download {
  background-color: #fff4e5;
  border: 1px solid #ff9912;
  color: #212121;
}

.information {
  background-color: #eef3f6;
  border: 1px solid #6ca6cd;
  color: #212121;
}

.required {
  color: #d5243f;
}

/* =WooCommerce
-------------------------------------------------------------- */
#breadcrumb {
  padding: 40px 0 0 0;
}

#breadcrumb a {
  color: #0066cc;
  font-size: 12px;
  font-weight: 400;
}

#breadcrumb a:hover {
  color: #444444;
  text-decoration: none;
}

#content-woocommerce {
  margin-top: 40px;
  margin-bottom: 20px;
}

.products ul, ul.products {
  margin-top: 40px;
}

.cart-collaterals .shipping_calculator {
  width: 100%;
}

table.shop_table {
}

table.cart td.actions .coupon .input-text,
table.cart td.actions .coupon .input-text {
  cursor: text;
}

/* =WPML
-------------------------------------------------------------- */
.icl_languages_selector {
  float: right;
  text-align: left
}

.rtl .icl_languages_selector {
  float: left;
  text-align: right
}

@media screen and (max-width: 650px) {
  .icl_languages_selector,
  .rtl .icl_languages_selector {
    float: none;
  }
}

/* =Polylang
-------------------------------------------------------------- */
.widget_polylang li {
  display: inline;
  list-style-type: none;
}

/* =Footer
-------------------------------------------------------------- */
#footer {
    padding: 20px auto 40px auto;
}

#footer a {
  font-weight: 400;
}

#footer a {
     color: #697179;
}

#footer a:hover {
     color: #5793d6;
}



#footer-wrapper .grid.col-940 {
  margin: 0;
}

.scroll-top {
  text-align: center;
}

.copyright {
  text-align: left;
}

.powered {
  text-align: right;
}

/* =Social Icons
-------------------------------------------------------------- */
#footer .social-icons {
  list-style: none;
  line-height: normal;
  padding: 0;
  margin: 0;
  text-align: right;
}

#footer .yelp-icon,
#footer .vimeo-icon,
#footer .youtube-icon,
#footer .twitter-icon,
#footer .facebook-icon,
#footer .linkedin-icon,
#footer .rss-feed-icon,
#footer .instagram-icon,
#footer .pinterest-icon,
#footer .foursquare-icon,
#footer .google-plus-icon,
#footer .stumble-upon-icon {
  display: inline;
  margin: 1px;
  padding-left: 3px;
}

/* =Alignments Extras
-------------------------------------------------------------- */
.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

/* =Clearfix
-------------------------------------------------------------- */
.clearfix:after,
.clearfix:before,
#container:after,
#container:before,
.widget-wrapper:after,
.widget-wrapper:before {
  content: ' ';
  display: table;
}

.clearfix:after,
#container:after,
.widget-wrapper:after {
  clear: both;
}

.ie7 .clearfix,
.ie7 #container,
.ie7 .widget-wrapper {
  zoom: 1;
}

.clear {
  clear: both;
}

.home-widgets.products {
    margin-top: 20px;
}

.home-widgets div {
    /*height: 241px;*/
}

.home-widgets div img{
    border: 1px solid #dadcde;
    border-radius: 7px;
    box-shadow: 0 2px 4px #D6DADD;
    -moz-box-shadow: 0 2px 4px #D6DADD;
    -webkit-box-shadow: 0 2px 4px #D6DADD;
    -o-box-shadow: 0 2px 4px #D6DADD;   
    background-color: #FFF;
}

.home-widgets div img:hover {
    border: 1px solid #5793d6;
}

#home-footer-image {
    margin-bottom: 0;
}

/*
#homepage_footer_image {
    border: noe;
    border-radius: 7px;
    box-shadow: 0 2px 4px #D6DADD;
    -moz-box-shadow: 0 2px 4px #D6DADD;
    -webkit-box-shadow: 0 2px 4px #D6DADD;
    -o-box-shadow: 0 2px 4px #D6DADD;   
    background-color: #FFF;
}

#homepage_footer_image img:hover {
    border: 1px solid #5793d6;
}
*/



.moreskin #container {
    position: relative;
}

.moreskin h4 {font-size: 18px;
line-height: 22px;
font-weight: normal;
font-family: 'HelveticaNeueW01-45Ligh',Helvetica,sans-serif;
color: #3e454c;
margin: 34px 0 60px 0;
text-align: left;
}

.moreskin #skinconcerns { 
    position: absolute;
    top: 30px;
    right: 20px;
}

h1.entry-title, h1.post-title {
    color: #5793D6;
    text-transform: lowercase;
    font-weight: normal;
    font-size: 28px;
    font-family: 'HelveticaNeueW01-45Ligh',Helvetica,sans-serif;
    line-height: 34px;
}

h3 { 
    font-size: 28px;
    line-height: 32px;
    font-weight: normal;
    color: #3e454c;
    margin: 0 0 8px 0;
    font-family: 'HelveticaNeueW01-45Ligh',Helvetica,sans-serif;
    }

h4 { 
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    color: #3e454c;
    margin: 0 0 21px 0;
    font-family: 'HelveticaNeueW01-45Ligh',Helvetica,sans-serif;
    }

.shadowbox {
    border: 1px solid #dadcde;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    box-shadow: 0 1px 4px #D6DADD;
    -moz-box-shadow: 0 1px 4px #D6DADD;
    -webkit-box-shadow: 0 1px 4px #D6DADD;
    -o-box-shadow: 0 1px 4px #D6DADD;
}


ul#skinconcerns {
    margin: 0 0 20px 0;
    padding: 0;
    clear: both;
    height: 50px;
}

ul#skinconcerns li {
    list-style: none;
    float: left;
    padding-bottom: 10px;

}


ul#skinconcerns li.active {
    background: url(img/global/arrow.png) bottom center no-repeat;

}


ul#skinconcerns li a {
    display: block;
    text-transform: lowercase; 
    padding: 8px 16px;
    border: 1px solid #CCC;
    border-left: none;
    color: #999999;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #eaebec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#eaebec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%,#eaebec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%,#eaebec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%,#eaebec 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%,#eaebec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eaebec',GradientType=0 ); /* IE6-9 */
}

ul#skinconcerns li a:hover {
    color: #5793d6;
    background: #fefefe; 

}

ul#skinconcerns li a#all {
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    border-left: 1px solid #CCC;
}

ul#skinconcerns li:last-child a {
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}

ul#skinconcerns li.active a {
    color: #FFF;
    border-color: #6b7079;
    background: #52565d; /* Old browsers */
    background: -moz-linear-gradient(top,  #52565d 0%, #6b7079 13%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52565d), color-stop(13%,#6b7079)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #52565d 0%,#6b7079 13%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #52565d 0%,#6b7079 13%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #52565d 0%,#6b7079 13%); /* IE10+ */
    background: linear-gradient(to bottom,  #52565d 0%,#6b7079 13%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52565d', endColorstr='#6b7079',GradientType=0 ); /* IE6-9 */
}

ul#skinconcerns li a#all {
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    border-left: 1px solid #CCC;
}

ul#skinarticles {
    margin: 0;
    padding: 0;
}

a.skin{
    display: block;
    height: 139px;
    padding: 20px;
    box-shadow: 0 1px 6px #979DA3;
    -moz-box-shadow: 0 1px 6px #979DA3;
    -webkit-box-shadow: 0 1px 6px #979DA3;
    -o-box-shadow: 0 1px 6px #979DA3;
    border: 1px solid #FFF;
    border-left: none;

}

 a.skin:hover{
    border: 1px solid #5793d6;
    border-left: none;
}

a.skin h3{
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    color: #3e454c;
    margin: 0 0 10px 0;
    font-weight: normal;
    font-family: 'HelveticaNeueW01-45Ligh',Helvetica,sans-serif;
    text-transform: lowercase;
}

a.skin:hover h3{
    color: #5793d6;
}

a.skin p{
    font-size: 13px;
    line-height: 18px;
    color: #3e454c;
    margin: 0;
}

a.skin img{
    float: left;
    width: 44.348%;
    margin-right: 5.797%;
    display: block;
    border-radius: 3px;
    box-shadow: 0 1px 6px #979DA3;
    -moz-box-shadow: 0 1px 6px #979DA3;
    -webkit-box-shadow: 0 1px 6px #979DA3;
    -o-box-shadow: 0 1px 6px #979DA3;
    }


.bar {
    text-transform: lowercase;
    border-top: 1px solid #d6dadd;
    border-bottom: 1px solid #d6dadd;
    padding: 10px 0 4px 0;
    float: left;
    clear: both;
    width: 100%;
    margin: 1px 0 26px 0;
    color: #3e454c;
    font-size: 14px;
    }
    
.bar a {
    color: #3e454c;
    }   

.bar a:hover {
    color: #5793d6;
    }   
        
.bar .social{
    float: right;
    width: 280px;
    }   
    
    
    
.tax-skin-concern h1 {
    font-size: 28px;
    line-height: 32px;
    font-weight: normal;
    color: #3e454c;
    margin: 0.5em 0;
}   


.highlightedproducts {
    padding: 10px;  
}
 
.highlightedproducts ul#skinconcerns {
    margin-left: 300px;
}


.highlightedproducts ul#skinconcerns li a#best-sellers {
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    border-left: 1px solid #CCC;
}

.highlightedproducts ul#skinconcerns li a#analysistabs-1 {
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    border-left: 1px solid #CCC;
}

.highlightedproducts ul#skinconcerns li a#therapist-picks {
    -webkit-border-radius: 0 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
    border-left: 1px solid #CCC;
}

.highlightedproducts ul#skinconcerns li a#analysistabs-2 {
    -webkit-border-radius: 0 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
    border-left: 1px solid #CCC;
}

.highlightedproducts div.products-content {
    display: none;
}

.highlightedproducts div.best-sellers {
    display: block;
}

.highlightedproducts div.analysistabs-1 {
    display: block;
}

.additional_information_tab {
display: none;}

.panelcat-container {
    overflow: hidden;
    position: relative;
    margin-top: -30px;
    margin-bottom: 30px;
}

.panelcat {
padding: 20px;
clear: both;
background: #6a737b;
color: #fff;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
box-shadow: 0 2px 4px #D6DADD;
-moz-box-shadow: 0 2px 4px #D6DADD;
-webkit-box-shadow: 0 2px 4px #D6DADD;
-o-box-shadow: 0 2px 4px #D6DADD;
margin-bottom: 20px;
display: none;
}
 
.panelcat .left {
    float: left;
    width: 46%;
}

.panelcat .right {
    float: right;
    width: 44%;
}

.panelcat .right img {
 max-width: 100%;
}
 
.panelcat h3 {
color: #FFF;
font-size: 22px;
line-height: 30px;
font-weight: normal;
margin: 0 0 30px 0;
}

.panelcat h2 {
color: #FFF;
font-size: 26px;
line-height: 34px;
font-weight: normal;
margin: 0 0 30px 0;
}

.panelcat .videolink {
    display: block;
    color: #FFF;
    margin-bottom: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.panelcat .videolink:hover {
    text-decoration: underline;
}

.panelcat .close{ 
display: block;
clear: both;
color: #d6dadd;
margin: 11px 0 20px ;
background: url(img/hero/close.png) no-repeat;
line-height: 32px;
padding: 0 0 0 42px;
}

.panelcat .close:hover {
background-position: 0 -32px;
color: #fff;
}

/* our products
---------------------------------------------------------------------*/ 
.page-id-1668 h1.post-title, 
.archive.woocommerce h1.page-title  {
    color: #5793d6;
    text-transform: lowercase;
    font-weight: normal;
    font-family: 'HelveticaNeueW01-45Ligh',Helvetica,sans-serif;
    font-size: 28px;
    line-height: 34px;
}

.page-id-1668 #content, 
.archive.woocommerce #content-woocommerce {
    margin-top: -40px;
}

 
.help {
    font-size: 12px;
    color: #697179;
    padding: 0;
    white-space: nowrap;
    position: absolute;
    right: 0;
    top: 0;
}

.help a{
    color: #697179;
    font-weight: bold;
}

.help a:hover {
    color: #5793d6;
}

.categoryimage {
    margin: 0 0 20px 0
}






#content-woocommerce .products-header {
    padding: 10px;
    border-bottom: 1px solid #dadcde;
    height: 30px;
    position: relative;
}


#content-woocommerce .products-header p {
    margin: 5px 0 0 0;
}


#content-woocommerce .orderby {
    padding: 10px;
    color: #3e454c;
    text-transform: lowercase;
    font-size: 12px;
    font-weight: normal;
    width: 200px;
    position: absolute;
    right: 10px;
    top: 15px;
}


#content-woocommerce .products-content {
    padding: 20px 10px 10px 10px;
}


#content-woocommerce .products-content a.button.product_type_variable{
    display: none;
}


#content-woocommerce .products-content .product{
    text-align: center;
    min-height: 330px;
}

#content-woocommerce .products-content .product h3{
    text-transform: lowercase;
    color: #3e454c;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    margin-bottom: 4px;
    font-weight: 700;
}

#content-woocommerce .products-content .product h3 a{
    color: #3e454c
}

#content-woocommerce .products-content .product  a:hover h3{
    color: #5793d6
}

#content-woocommerce  ul.products li.product .price,
#content-woocommerce  ul.products li.product .price .from{
    text-transform: lowercase;
    color: #3e454c;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    margin-bottom: 4px;
    font-weight: 700;   
    text-align: center;
}


#content-woocommerce  ul.products li.product .price .from {
    color: #697179;
    font-weight: normal;    
}


#content-woocommerce  ul.products li.product p{
    color: #3e454c;
    font-weight: normal;
    margin: 0 0 12px 0;
    font-size: 14px;
    line-height: 16px;
}


#content-woocommerce div.product div.images img, #content-woocommerce #content div.product div.images img, #content-woocommerce div.product div.images img, #content-woocommerce #content div.product div.images img {
    display: block;
width: 100%;
height: auto;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-webkit-transition: all ease-in-out .2s;
-moz-transition: all ease-in-out .2s;
-o-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
}




#content-woocommerce ul.products li.product a img, #content-woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 8px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-webkit-transition: all ease-in-out .2s;
-moz-transition: all ease-in-out .2s;
-o-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
}



#content-woocommerce h1.product_title {
    color: #5793d6;
}

#content-woocommerce h3.product_subtitle {
color: #697179;
font-size: 16px;
line-height: 18px;
font-weight: normal;
font-family: 'HelveticaNeueW01-45Ligh',Helvetica,sans-serif;
margin: 0 0 17px 0;
padding: 0;
}

.product-video {
    text-align: center;
    width: 168px;
}


.product-video a{
    color: #5793d6;
    font-size: 12px;
    font-weight: bold
}

.product-video img {
    box-shadow: 0 2px 4px #D6DADD;
    -moz-box-shadow: 0 2px 4px #D6DADD;
    -webkit-box-shadow: 0 2px 4px #D6DADD;
    -o-box-shadow: 0 2px 4px #D6DADD;
    margin-bottom: 10px;
}

.woocommerce-tabs {
border-top: 1px solid #D6DADD;
padding-top: 20px;
}

.woocommerce-tabs h2 {
    font-size: 28px;
    line-height: 32px;
    margin: 24px 0 24px 0;
    font-weight: normal;
}


.woocommerce-tabs .description {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    padding-bottom: 10px;
}

.woocommerce-tabs .description p{
    margin: 0;
}



.woocommerce-tabs .separator {
    display: block;
    border-top: 1px solid #dadcde;
    margin: 30px 0 20px 0;
    }


.product-tabs.additional h2 {
    font-size: 28px;
    line-height: 32px;
    margin: 24px 0 24px 0;
    font-weight: normal;
}

.product-tabs.additional h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 20px 0 10px 0;
    font-weight: normal;
}


.videolarge {
    text-align: center;
    width: 407px;
}

ul#skinconcerns li.reviews_tab a {
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}

ul#skinconcerns li.description_tab a {
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius:10px 0px 0px 10px;
}

#ingredients {
    background: url(img/global/arrow_blue.png) no-repeat 0 7px;
    padding-left: 15px;
}

#ingredients.expanded {
    background-position: 0 -13px;
}




.single_add_to_cart_button {
    border: none;
    display: block;
    background: url(img/products/button_addtocart.png) no-repeat;
    width: 117px;
    height: 38px;
    text-indent: -99999px;
    position: relative;
    top: 0;
    cursor: pointer;
}

.single_add_to_cart_button:hover {
    background-position: 0 -38px;
}



.productsystem .left,
.productsystem .right {
    float: none;
}

.productsystem h2 {
font-size: 28px;
line-height: 32px;
font-weight: 200;
margin: 24px 0 24px 0;
text-transform: lowercase;
}

.productsystem h3 {
font-size: 18px;
line-height: 28px;
font-weight: 300;
padding-bottom: 10px;
}

.productsystem h4 {
font-size: 18px;
line-height: 28px;
font-weight: 300;
padding-bottom: 10px;
}

.productsystem .media {
float: right;
text-align: center;}

.productsystem-cat {
    text-align: center;
}

.overviewtab {
    position: relative;
    
}

.overviewtab img {
width:55%;
position: absolute;
top: 20px;
right: 0;
z-index: -1;
}


.overviewtab h3 {
font-size: 16px;
color: #979da3;
font-weight: normal;
font-family: 'HelveticaNeueW01-45Ligh',Helvetica,sans-serif;
margin: 18px 0 20px 20px;
padding: 0;
width: 60%;
line-height: 24px;
}

.overviewtab h3 span {
display: block;
color: #3e454c;
font-size: 25px;
margin: 6px 0 5px 0;
text-transform: lowercase;
}

.overviewtab a p {
color: #3e454c;
font-size: 13px;
line-height: 18px;
margin: 0 0 8px 20px;
padding: 0;
width: 55%;
}

.overviewtab a.learnmore {
font-size: 13px;
line-height: 18px;
margin: 0 0 20px 20px;
display: block;
}

/* help popup
---------------------------------------------------------------------*/ 
#help-popup {
    display: none;
    font-size: 13px;
    line-height: 16px;
    color: #697179; 
}

#help-popup h3 {
    font-size: 28px;
    line-height: 34px;
    color: #3e454c;
    font-weight: normal;
    margin: 0 0 16px 0;
    text-transform: lowercase;
}

#help-popup ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#help-popup ul li {
    margin: 0 0 25px 0;
    padding: 0 0 0 50px;
    background: url(img/service/contact.png) no-repeat;
}   

#help-popup ul li h4 {
    display: block;
    font-size: 22px;
    line-height: 1.2;
    color: #3e454c;
    margin: 0 0 7px 0;
    font-weight: normal;
    text-transform: lowercase;
}


#help-popup ul li.call  {
    background-position: 6px -155px;
    
}

#help-popup form {
    padding-left: 50px;
}



.markertext h3 {
margin-top: 0 !important;
text-align: left !important;
line-height: 1.2em !important;
font-size: 14px;
margin-bottom: 0;
}

.markertext p {
    margin: 1em 0;
}



.post-84 h4 {
    margin-bottom: 10px;
}

.post-84 p {
    margin-top: 0;
}

.post-88 h3 {
    margin-bottom: 10px;
    font-size: 20px;
}


.post-88 ul {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}

.post-88 ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.post-88 ul li .answer {
    display: none;
}

.post-88 ul li .question {
    display: block;
    cursor: pointer;
    background: url(img/about/faq_bullets.png) no-repeat 0 6px;
    padding-left: 13px;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.post-88 ul li .question:hover {
    color: #5793D6;
}

.post-88 ul li .answer {
    padding-left: 13px;
    margin-bottom: 20px;
}

.post-88 ul li .answer p {
    margin: 0 0 10px 0;
}

.servicebox {
    width: 900px;
    
}

.servicebox h3 {
    font-size: 28px;
line-height: 32px;
color: #5793d6;
font-weight: normal;
font-family: 'HelveticaNeueW01-45Ligh',Helvetica,sans-serif;
margin: 0 0 28px 0;
    
}

.page-template-page-concept-spaces-php .servicebox p {

margin: 0 0 20px 0;
    
}


/* email signup
---------------------------------------------------------------------*/ 
.page-id-2257 input,
.page-id-2257 select  {
    max-width: 400px;
}


/* stores
---------------------------------------------------------------------*/ 

.page-template-page-stores-php h1.post-title{
    color: #5793d6;
}

 #map_canvas { 
 height: 620px; 
 overflow: hidden; 
margin-top: 20px;
}
   
   
#map_canvas img { 
max-width: none;}


#map_canvas .infowindow img { 
max-width: 100%;
margin: 10px 0;}


#map_canvas .infowindow .title2 { 
color: #3e454c;
margin-bottom: 10px;}

#map-controls-container {
    margin-top: 20px;
}

.map-controls-inner {
    height: 520px;
    overflow-x: hidden;
    overflow-y: scroll;
}


#map-controls-container #map-controls-select {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #3e454c;
    font-weight: bold;
    padding: 10px;
    border-bottom: 1px solid #CCC;
}


#map-controls-container #map-controls-select label {
    font-size: 13px;
line-height: 16px;
color: #697179;
display: block;
margin: 0 0 9px 0;
min-width: 48%;
padding: 0;
font-weight: 500;
}

#map-controls-container #map-controls-header {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #3e454c;
    font-weight: bold;
    padding: 10px;
    border-bottom: 1px solid #CCC;
}


#map-controls-container #map-controls {
    padding: 10px;
}

#map-controls-container #map-controls .location{
    border-bottom: 1px solid #CCC;
    padding: 20px 0 20px 40px;
    font-size: 12px;
}

#map-controls-container #map-controls2 .location{
    border-bottom: 1px solid #CCC;
    padding: 20px;
    font-size: 12px;
}

#map-controls-container #map-controls .description{
    width: 45%;
    float: left;
}

#map-controls-container #map-controls .segments{
    width: 45%;
    float: right;
}

#map-controls-container #map-controls .location .service {
    width: 150px;
    height: 16px;
    /* text-indent: -9999px;*/
}

#map-controls-container #map-controls .location .service.facemapping            {/*background: url(img/stores/facemapping.png) no-repeat;*/ text-indent:0px;}
#map-controls-container #map-controls .location .service.age.smart              {background: url(img/stores/agesmart.png) no-repeat; text-indent: -9999px;}
#map-controls-container #map-controls .location .service.medibac                {background: url(img/stores/medibac.png) no-repeat; text-indent: -9999px;}
#map-controls-container #map-controls .location .service.sheer.tint             {background: url(img/stores/sheertint.png) no-repeat; text-indent: -9999px;}
#map-controls-container #map-controls .location .service.ultra.calming          {background: url(img/stores/ultracalming.png) no-repeat; text-indent: -9999px;}
#map-controls-container #map-controls .location .service.clear.start            {background: url(img/stores/cleanstart.png) no-repeat; text-indent:-9999px;}
#map-controls-container #map-controls .location .service.chroma.white           {background: url(img/stores/powerbright.png) no-repeat; text-indent: -9999px;}
#map-controls-container #map-controls .location .service.skin.health.gray.line  {background: url(img/stores/grayline.png) no-repeat; text-indent: -9999px;}
#map-controls-container #map-controls .location .service.body                   {background: url(img/stores/body.png) no-repeat; text-indent: -9999px;}
#map-controls-container #map-controls .location .service.shave                  {background: url(img/stores/shave.png) no-repeat; text-indent: -9999px;}
#map-controls-container #map-controls .location .service.Skin.Expert            {background: url(img/stores/skins-expert-text.png) no-repeat; text-indent: -9999px;}
#map-controls-container #map-controls .location .service.Skin.Specialist        {background: url(img/stores/specialist-icon-text.png) no-repeat; height:146px; text-indent: -9999px;}
#map-controls-container #map-controls .location .service.BioActive.Peel         {background: url(img/stores/imgBAP.png) no-repeat; text-indent: -9999px;}
#map-controls-container #map-controls .location .service.IonActive.power.treatment {background: url(img/stores/ionactive.png) no-repeat; width:230px; text-indent:-9999px;}


#map-controls-container #map-controls .location {
    background-repeat: no-repeat;
    background-position: 4px 16px;
}

#map_canvas .infowindow img {
    max-width: 260px;
    margin: 10px 0;
}

#map-controls-container #map-controls .location h4, #map-controls-container #map-controls2 .location h4 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 6px;
    color: #3e454c;
}


#map-controls-container #map-controls .location h4 a {
    color: #3e454c;
}

 #map-controls-container #map-controls2 .location h4 a{
    color: #5793d6;
}



#map-controls-container #map-controls .location h4 a:hover, #map-controls-container #map-controls2 .location h4 a:hover{
    color: #5793d6;
    text-decoration: underline;
}

.emailsignup p {
    margin: 0
}

.emailsignup form {
    margin: 0.2em
}

.emailsignup li {
    font-size: 13px;
}

.emailsignup input[type="email"],
.emailsignup input.checkout-button
 {
    font-size: 11px;
}

.emailsignup .addthis_toolbox {
    border-top: 1px solid #d6dadd;
    padding-top: 10px;
}


.page-template-page-professionals-open-account-php select,
.page-template-page-professionals-open-account-php input[type="text"],
.page-template-page-professionals-open-account-php input[type="password"], 
.page-template-page-professionals-open-account-php input[type="email"],
.page-template-page-professionals-open-account-php input[type="tel"] {
    width: auto;
    display: block;
    
    -moz-box-sizing: border-box;
-moz-border-radius: 2px;
-webkit-box-sizing: border-box;
-webkit-border-radius: 2px;
background-color: #ffffff;
box-sizing: border-box;
border: 1px solid #aaaaaa;
border-bottom-color: #cccccc;
border-radius: 2px;
margin: 0;
outline: none;
padding: 10px 8px;
vertical-align: middle;
border: 1px solid #b5b9bd;
border-radius: 7px;
font-size: 13px;
font-family: 'HelveticaNeueW01-55Roma',Helvetica,sans-serif;
color: #3e454c;


}

#conceptspaces {
    margin: 30px 0;
}

#conceptspaces .widget-title{
    margin: 20px 0 0 0;
}

#conceptspaces .shadowbox {
    border: 1px solid #DADCDE;
    border-radius: 7px;
    box-shadow: 0 1px 4px #D6DADD;
    padding: 10px;
    text-align: center;
}

#conceptspaces .shadowbox.active {
    background-color: #5793D6;
    color: #FFF;
    border: 1px solid #5793D6;
}

#conceptspaces .shadowbox.active a {
    color: #FFF;
}


#conceptspaces .shadowbox.comingsoon {
    opacity: 0.4;
}


.link-button {
        background: #5793d6; /* Old browsers */
        background: -moz-linear-gradient(top,  #76a3d3 0%, #5793d6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76a3d3), color-stop(100%,#5793d6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #76a3d3 0%,#5793d6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #76a3d3 0%,#5793d6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #76a3d3 0%,#5793d6 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #76a3d3 0%,#5793d6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76a3d3', endColorstr='#5793d6',GradientType=0 ); /* IE6-9 */
        padding: 10px !important;
        border: 1px solid #4372a7;
        color: #FFF;
        font-weight: 700;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .link-button:hover {
        color: #fff;
    }


/* =Begin bidirectionality settings (do not change)
-------------------------------------------------------------- */
BDO[DIR="ltr"] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

BDO[DIR="rtl"] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

[DIR="ltr"] {
  direction: ltr;
  unicode-bidi: embed;
}

[DIR="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
}

/* =Media Print
    If you're working on a Child Theme, make sure that all
    media queries are included in your style.css
-------------------------------------------------------------- */
@media print {

    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
    }

    ul, ol, dl {
        page-break-before: avoid;
    };
}

/*  Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
-------------------------------------------------------------- */
@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {

    body {
    };
}

.cartvat {
    margin-top: -20px;
    margin-bottom: 40px;
}
/*The last 29 days of the month are the hardest."- Nikola Tesla*/



.tax-product_cat .col-220 {
    width: 15%;
    margin-right: 2%;
}


.tax-product_cat .col-700 {
    width: 83% !important;
}

#content-woocommerce .col-220 {
    width: 23.404255319149%;
    margin-right: 2.127659574468%;
}

.categoryimage img {
    width: 100%;
}

#buy-stack {
    right: 40px !important;
}


.woocommerce div.product span.price del, .woocommerce div.product p.price del, .woocommerce #content div.product span.price del, .woocommerce #content div.product p.price del, .woocommerce-page div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page #content div.product span.price del, .woocommerce-page #content div.product p.price del {
     font-size: 1em;
    }
    
    .products .product {
        position: relative
    }
    
  .onsale {
background-color: #5793d6;
padding: 20px 14px;
display: block;
color: #FFF;
border-radius: 200px;   
position: absolute;
text-transform: uppercase;
left: 0;
  }  
  
.tax-product_cat .page-title {
     width: 200px;
 } 
 
 a .amount, a ins {
     text-decoration: none;
     border-bottom: none
 }


 .fancybox-overlay {
    z-index: 100000;
 }

 .fancybox-close {
    top: -20px;
    right: -16px;
 }

/* currency switcher */

 .WOOCS_SELECTOR {
    position: absolute;
    right: 140px;
    top: 14px;
 }

 a.woocs_flag_view_item {
    display: inline-block;
    margin: 0 3px 3px 0;
    width: auto !important; 
    height: auto !important; 
}

a.woocs_flag_view_item_current {
    opacity: 1 !important; 
    background: #CCC;
    line-height: 4px;
    padding: 3px 4px 3px 2px
}

a.woocs_flag_view_item_current img {
    border: 1px solid #fafafa;
}


 .WOOCS_SELECTOR .widget-title {
    display: none;
 }

 .woocommerce-MyAccount-navigation ul{
    padding-left: 0
 }

 .woocommerce-MyAccount-navigation {
    height: 100px}

 .woocommerce-MyAccount-navigation li {
    display: inline-block; 
    float: left;
    margin-bottom: 10px
 }



  .woocommerce-MyAccount-navigation li a {
    display: inline-block; 
    float: left;
        padding: 6px 10px;
        margin-right: 10px;
        border-radius: 7px;
        border: 1px solid #CCC;
 }

 .woocommerce-MyAccount-navigation li.is-active a {
    background-color: #697179;
    border-color: #697179;
    color: #FFF;
 }    


 .fancybox-opened {
    z-index: 100001;
}