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,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body {
line-height: 1.1em;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
.print { display: none; }
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary {
display: block;
}
@font-face {
/* This declaration targets Internet Explorer */
font-family: 'ProximaNovaLight';
src: url('fonts/proximanova_light_macroman/ProximaNova-Light-webfont.eot');
}
@font-face {
/* This declaration targets everything else */
font-family: 'ProximaNovaLight';
src: url(//:) format('no404'), url('fonts/proximanova_light_macroman/ProximaNova-Light-webfont.woff') format('woff'), url('fonts/proximanova_light_macroman/ProximaNova-Light-webfont.ttf') format('truetype'), url('fonts/proximanova_light_macroman/ProximaNova-Light-webfont.svg#webfont2CqV3foh') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
/* This declaration targets Internet Explorer */
font-family: 'ProximaNovaRegular';
src: url('fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot');
}
@font-face {
/* This declaration targets everything else */
font-family: 'ProximaNovaRegular';
src: url(//:) format('no404'), url('fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff') format('woff'), url('fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf') format('truetype'), url('fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#webfontMH9QH9tc') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
/* This declaration targets Internet Explorer */
font-family: 'ProximaNovaThin';
src: url('fonts/proximanova_thin_macroman/ProximaNova-Thin-webfont.eot');
}
@font-face {
/* This declaration targets everything else */
font-family: 'ProximaNovaThin';
src: url(//:) format('no404'), url('fonts/proximanova_thin_macroman/ProximaNova-Thin-webfont.woff') format('woff'), url('fonts/proximanova_thin_macroman/ProximaNova-Thin-webfont.ttf') format('truetype'), url('fonts/proximanova_thin_macroman/ProximaNova-Thin-webfont.svg#webfontZlwYtHli') format('svg');
font-weight: normal;
font-style: normal;
}
.hidetext, #kr-topbar .optin button, #kr-header #signin ul li:hover ul div.login button, #kr-header h1 a, .slidemore, #kr-mainsection fieldset.search-advanced .form-submit, #kr-mainsection article #profit-calculator-container .form-submit, #kr-mainsection form#user-register-form .form-submit, #kr-mainsection form#webform-client-form-399 .form-submit, #kr-slider .next, #kr-slider .prev, #kr-breadcrumbs span, #kr-mainsection .kr-related .rel-next, #kr-mainsection .mini-slider .rel-next, #kr-mainsection .kr-related .rel-prev, #kr-mainsection .mini-slider .rel-prev, #kr-mainsection .kr-proddetails.threecol .kr-related .rel-next, #kr-mainsection .kr-proddetails.threecol .mini-slider .rel-next, #kr-mainsection .kr-proddetails.threecol .kr-related .rel-prev, #kr-mainsection .kr-proddetails.threecol .mini-slider .rel-prev, #login-register .btn, #login-register .form-submit {
text-indent: -100em;
overflow: hidden;
}
.floatLeft, .alignleft, #kr-mainsection article .left-title, #kr-mainsection article .twothird-title, #kr-header #gnav, #botbar .legal, #botbar .fnav .smo, #kr-subnav ul li, #kr-breadcrumbs, #kr-mainsection #edit-or-wrapper, #kr-mainsection article .category-columns .catlink, #kr-mainsection article .col1, #kr-mainsection article .intro-block, #kr-mainsection article .col-half, #kr-mainsection article .about-post .avatar, #kr-mainsection article .tabnav ul li, #kr-mainsection .kr-prodinfo, #kr-mainsection .kr-prodnav, #kr-mainsection #aside-color, #kr-mainsection .cn-colour-nav ul
li, #kr-mainsection .sizes, #kr-mainsection .media, #kr-mainsection .media ul li, #kr-mainsection .mini-slider .slideitem, #kr-mainsection .kr-related .relprod, #kr-mainsection .kr-related-lookbook .relprod, #kr-mainsection .mini-slider .relprod, #kr-mainsection #procontent, #kr-mainsection .kr-proddetails.threecol, #kr-mainsection .kr-proddetails.threecol .media ul li, #kr-mainsection .kr-proddetails.threecol .kr-related .relprod, #kr-mainsection .kr-proddetails.threecol .mini-slider .relprod, #kr-mainsection #nail-media, #kr-mainsection #nailgallery, #kr-mainsection #nailgallery .nailthumbs, #kr-mainsection .optinform, #kr-mainsection form .form-submit {
float: left;
display: inline;
}
.floatRight, .alignright, #kr-topbar .optin ul, #kr-header #signin, #botbar .fnav, #kr-social, #kr-mainsection #edit-phrase-wrapper,
#kr-mainsection article .col2, #kr-mainsection article .emailprev, #kr-mainsection .kr-prodimg, #kr-mainsection #aside-effects,
#kr-mainsection .kr-proddetails, #kr-mainsection #procontent .rightthumb img, #kr-mainsection #aside-pro,
#kr-mainsection #nailgallery .naillrg, #kr-mainsection #aside-detail, #kr-mainsection #aside-nailgallery {
float: right;
display: inline;
}
#kr-mainsection #procontent .rightthumb a img {
float:none;
}
.kr-related-lookbook .relprod {margin: 0 0 10px 30px;width:140px !important;}
.rounded5, .slidemore, #kr-mainsection fieldset.search-advanced .form-submit, #kr-mainsection article #profit-calculator-container .form-submit, #kr-mainsection form#user-register-form .form-submit, #kr-mainsection form#webform-client-form-399 .form-submit, #kr-mainsection .srchnav li.activetab a, #login-register .btn, #login-register .form-submit, #kr-mainsection form .form-submit {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(/sites/all/libraries/modernizr/PIE.htc);
}
.rounded15, #kr-subnav {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
behavior: url(/sites/all/libraries/modernizr/PIE.htc);
}
.cfont, #kr-mainsection article h2, #kr-mainsection article h3, #kr-mainsection article h4, #kr-mainsection article h5, #kr-mainsection .kr-related h4, #kr-mainsection .mini-slider h4, #kr-mainsection .kr-proddetails.threecol .kr-related h4, #kr-mainsection .kr-proddetails.threecol .mini-slider h4, #kr-mainsection article .kr-proddetails.w-attributes .media h4 {
font-family: 'Raleway', "ProximaNovaThin", sans-serif;
}
.light {
color:#959393;
}
/* errors */
#kr-container .messages.error {
background:#eee url(../images/alert-icon.png) no-repeat 20px 20px;
font:normal 11px/24px 'Raleway', Verdana, sans-serif;
color:#ab3229;
padding:17px 20px 20px 49px;
border:0;
}
#kr-container .messages.error ul {
margin:0;
}
#kr-container .messages.error li {
font:normal 11px/24px 'Raleway', Verdana, sans-serif;
color:#ab3229;
}
#kr-container .messages.error ul li:last-child {
margin:0;
}
#kr-container .messages.error ul li a {
margin-top:10px;
text-align:right;
}
#kr-container article h1 {
font-family: 'Raleway', "ProximaNovaThin", sans-serif;
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/transparent.png',sizingMethod=crop), glow(color=black,strength='0.1');*/
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
font-weight:normal;
zoom:1;
}
.clear {
clear: both;
}
body.product-landing {
background: url(../images/blonde1.jpg) no-repeat center 200px;
}
body.about-landing {
background: url(../images/about-landing.jpg) no-repeat center 200px;
}
.email-confirm {
background: url(../images/single-pfinger.jpg) no-repeat center top;
}
.searchpg {
background: url(../images/searchbg.jpg) no-repeat center top;
}
#kr-topbar {
border-bottom: 1px solid #e8e8e8;
margin: 0 0 15px;
font-size: 11px;
height: 34px;
font-family: 'Raleway', arial, sans-serif;
position: relative;
z-index:5;
background: white;
}
#kr-topbar .optin {
/*width: 370px;
position: absolute;
left: 316px;
top: 5px;*/
margin:7px 0 0 283px;
}
#kr-topbar .optin input {
border: 1px solid #c9c9c9;
min-height: 19px;
}
#kr-topbar .optin button {
border: none;
background: url(../images/btn-search.png) no-repeat;
width: 21px;
height: 21px;
}
#kr-topbar .optin select {
border: none;
}
#kr-topbar .optin ul {
width: auto;
padding:0;
}
#kr-topbar .optin ul li {
position: relative;
}
#kr-topbar .optin ul li ul {
display: none;
position: absolute;
background: #fff;
border: 1px solid #d5d5d5;
width: 186px;
top:21px;
right:0px;
padding: 7px;
}
#kr-topbar .optin ul li:hover ul,
#kr-topbar .optin ul li.hover_on ul {
display:block;
}
#kr-topbar .optin ul li.hover_off ul {
display:none;
}
#kr-topbar .optin ul li li {
border-bottom: 1px solid #e8e8e8;
}
#kr-topbar .optin ul li li:last-child {
border:0;
}
#kr-topbar .optin ul li li a {
display: block;
background:none;
float:none;
line-height:15px;
padding: 4px 10px;
}
#kr-topbar .optin ul li li a:hover {
background:#EBEBEB;
}
#kr-topbar .optin ul li ul li span {
background: url(../images/probg.png) no-repeat;
color: white;
font-size: 8px;
padding: 1px 5px 2px 6px;
text-transform: uppercase;
}
#kr-topbar .optin ul li ul {
display: none;
}
#kr-topbar .optin ul li a, .top-locate li span {
text-decoration: none;
color: #333;
text-transform: uppercase;
font-family: 'Raleway', "ProximaNovaLight", sans-serif;
}
#kr-topbar p {
text-align: right;
padding: 10px 0 0 0;
}
.wrapper {
margin: 0 auto;
width: 950px;
position: relative;
z-index: 10;
font-family: 'Raleway', arial, sans-serif;
}
#kr-container {
width: 952px;
margin: 0 auto;
/*font-family: tahoma,arial, sans-serif; NAMTRA 041212 */
font-family: 'Raleway', verdana, sans-serif;
z-index: 4;
position: relative;
}
#kr-mainsection #bg-img {
position:absolute;
bottom:0;
left:-215px;
z-index:1;
}
#kr-mainsection, #kr-mainsection #kr-subnav, #kr-mainsection #kr-breadcrumbs, #kr-mainsection #kr-social, #kr-mainsection article, #kr-mainsection #flashcontent, #kr-mainsection #pdfviewer, #kr-mainsection object {
position:relative;
z-index:2;
}
em {
font-style: italic;
}
#kr-container #kr-mainsection .pdf, .page-resources-product-profiles #kr-container #kr-mainsection #section-link, .page-resources-step-steps #kr-container #kr-mainsection .pdf img, .page-resources-troubleshooting-faqs #kr-container #kr-mainsection .pdf img, .page-resources-step-by-steps #kr-container #kr-mainsection article .catlink p, .page-resources-cost-service #kr-container #kr-mainsection article .catlink p {
/*padding-left:20px;*/
line-height:16px;
display:inline-block;
background:url(../images/pdf-icon.png) no-repeat left 1px;
padding:0 20px 0 0;
background-position:right bottom;
}
.page-resources-cost-service #kr-container #kr-mainsection article .catlink p.no-pdf {
background:none;
}
.page-pro-products-cnd-shellac #kr-container #kr-mainsection .layering-pdfs a, .node-type-pro-product-display #kr-container #kr-mainsection .pdf, .page-resources-cost-service #kr-container #kr-mainsection article .catlink p {
/*
padding:0 20px 0 0;
background-position:right bottom;
*/
}
.page-resources-cost-service #kr-container #kr-mainsection article .catlink p {
margin:0 !important;
}
.page-products-colour-effects #kr-container #kr-mainsection .readmore-small.pdf {
padding:0 20px 0 0;
background-position:98% bottom;
}
#kr-container #kr-mainsection .kr-related .pdf {
padding:0;
background:none;
}
.page-resources-product-profiles #kr-container #kr-mainsection .pdf {
padding:0;
background:none;
}
.page-resources-step-steps #kr-container #kr-mainsection .pdf, .page-resources-troubleshooting-faqs #kr-container #kr-mainsection .pdf {
background:none;
padding:0;
}
.page-resources-step-steps #kr-container #kr-mainsection .pdf img, .page-resources-troubleshooting-faqs #kr-container #kr-mainsection .pdf img {
vertical-align:middle;
line-height:12px;
padding-top:2px;
padding-bottom:2px;
}
.page-resources-step-steps #kr-container #kr-mainsection strong {
font-weight:normal;
}
.page-resources-step-steps #kr-mainsection .pseudo-h3 {
width:925px;
height:70px;
}
/*.page-resources-step-steps #kr-container #kr-mainsection .pseudo-h3 strong {
display:block;
font:32px/70px 'Raleway', "ProximaNovaThin", sans-serif;
color:#999;
background:url(../images/bg_color-header-grey.gif) no-repeat left center;
padding:0 24px;
text-align:left;
}*/
.page-resources-troubleshooting-faqs #kr-container #kr-mainsection .pdf {
line-height:22px;
display:inline-block;
}
.page-resources-troubleshooting-faqs #kr-container #kr-mainsection .pdf span {
display:inline-block;
}
.page-resources-troubleshooting-faqs #kr-container #kr-mainsection .pdf img {
padding-top:0;
padding-bottom:6px;
}
#kr-container #kr-mainsection article .catlink h2 a.pdf {
background:none;
padding-left:0;
}
#kr-header {
min-height: 87px;
font-family: 'Raleway', "ProximaNovaLight", sans-serif;
position:relative;
z-index:200;
}
#kr-header #gnav {
/*background: url(../images/headerbg.png);*/
background:url(../images/bg_header.png) no-repeat left center;
width: 693px;
height: 78px;
position: relative;
/*opacity: 0.95;*/
z-index: 45;
}
#kr-header #gnav h1 {
float:left;
}
#kr-header #gnav ul {
list-style: none;
margin:27px 0 0 28px;
/*position: absolute;
left: 188px;
top: 25px;*/
float:left;
z-index: 50;
}
#kr-header #gnav ul li {
float: left;
margin: 0 7px;
position: relative;
z-index: 52;
text-align: center;
}
#kr-header #gnav ul li.active {
z-index:51;
}
#kr-header #gnav ul li a {
color: #ddd;
text-decoration: none;
text-transform: uppercase;
font-size: 17px;
padding: 0 20px;
line-height:28px;
height:28px;
display:block;
}
#kr-header #gnav ul li ul {
display:block;
float:none;
top:-9999px;
border: 1px solid #ccc;
border-top: 1px dotted #d8d8d8;
width: 250px;
position: absolute;
background-color: #fff;
margin:0;
z-index:52;
height:auto;
overflow:hidden;
}
#kr-header #gnav ul li:hover a {
background: white;
color: #333;
}
#kr-header #gnav ul li.active a {
background: white;
color: #333;
}
#kr-header #gnav ul li:hover ul {
left: 0;
top: 28px;
z-index: 55;
}
#kr-header #gnav ul li ul li {
float: none;
display: block;
margin: 0;
z-index: 50;
background: white;
padding: 0 5px;
}
#kr-header #gnav ul li ul li a {
xbackground: #000;
color: #333;
text-align: left;
display: block;
padding: 8px 5px;
margin: 0;
font-family: 'Raleway', "ProximaNovaLight",arial, sans-serif;
font-size: 14px;
line-height:16px;
height:auto;
overflow:hidden;
border-top: 1px solid #e5e5e5;
}
#kr-header #gnav ul li ul li:first-child a {
border-top:0;
}
#kr-header #gnav ul li:hover ul li a:hover {
background: #ebebeb;
}
#kr-header #gnav ul li ul li ul, #kr-header #gnav ul li:hover ul li ul, #kr-header #gnav ul li ul li:hover ul {
position:static;
border:0;
width:auto;
height:auto;
overflow:hidden;
margin:0;
border-top: 1px solid #e5e5e5;
padding-bottom:10px;
}
/*#kr-header #gnav ul li:hover ul li ul {
position: relative;
border: none;
width: 180px;
top: 0;
z-index: 65;
border-top: 1px solid #e5e5e5;
}*/
#kr-header #gnav ul li:hover ul li ul li {
padding: 0 0 0 5px;
}
#kr-header #gnav ul li ul li ul li {
/*width: 174px;*/
}
#kr-header #gnav ul li ul li ul li a {
text-transform: none;
font-size: 12px;
text-align: left;
color: #666;
padding:5px;
border:0;
}
#kr-header #signin {
width: 248px;
height: 78px;
position: relative;
/*background: url(../images/headerbg.png);*/
background: url(../images/bg_signin.png) no-repeat top left;
opacity: 0.85;
}
#kr-header #signin h3 {
color: #ddd;
font-size: 14px;
font-weight:normal;
text-transform: uppercase;
padding: 17px 0 17px 14px;
position: relative;
}
/*#kr-header #signin ul {
list-style: none;
float: right;
display: inline;
margin: -3px 18px 0 0;
}
#kr-header #signin ul li {
border: 2px solid #4D4D4D;
left: 3px;
line-height: 20px;
position: relative;
top: -3px;
}*/
#kr-header #signin-form {
float:right;
position:absolute;
top:12px;
right:15px;
}
#kr-header #signin #signin-content {
display: block;
opacity:0;
height:0;
overflow:hidden;
font-family: 'Raleway', "ProximaNovaLight", sans-serif;
position: absolute;
right:0px;
z-index:100;
width:204px;
}
/*#kr-header #signin-form:hover #signin-content {
height:auto;
opacity:1;
}*/
#kr-header #signin-form #signin-content div.login {
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
background: #fff;
width: 182px;
padding: 10px;
color: #333;
font-size: 12px;
text-transform: none;
}
#kr-header #signin-form #signin-content div.login h5 {
font-size: 14px;
font-family: 'Raleway', "ProximaNovaLight", sans-serif;
font-weight:normal;
text-transform: uppercase;
border-bottom: 1px dotted #d4d4d4;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
}
#kr-header #signin-form #signin-content div.login p {
margin: 0 0 5px 0;
}
#kr-header #signin-form #signin-content div.login input {
border: 1px solid #d4d4d4;
width:179px;
}
#kr-header #signin-form #signin-content div.login input.form-submit {
width:auto;
border:0;
padding:0 32px 0 17px;
}
#kr-header #signin-form #signin-content div.login button {
display: block;
background: url(../images/btn-signin.png) no-repeat;
width: 92px;
height: 25px;
float: right;
border: none;
cursor: pointer;
}
#kr-header #signin-form #signin-content div.login a {
clear: both;
font-size: 11px;
line-height:16px;
text-transform: none;
}
#kr-header #signin-form #signin-content div.login a:hover {
text-decoration:none;
}
#kr-header #signin-form #signin-content div.login .signup {
text-transform: none;
font-size: 11px;
line-height:15px;
border-top: 1px dotted #d4d4d4;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
}
#kr-header #signin-form #signin-content div.login .signup a {
padding-right:10px;
background: url(../images/black-arrow-small.png) no-repeat right center;
}
#kr-header #signin-form #signin-content div.login .signup strong {
font-weight: normal;
margin-bottom:3px;
font-size:11px;
font-weight:bold;
color:#666;
}
#kr-header #signin-form #signin-content a {
text-align: right;
color: #333;
display: block;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
}
#kr-header #signin-form .btn {
padding:6px 25px 4px 7px;
text-decoration: none;
text-transform: uppercase;
font-size: 10px; /*NAMTRA 033113*/
line-height: 1;
background: #fff url(../images/signin-arrow.png) no-repeat right 6px;
border:2px solid #4D4D4D;
}
#kr-header #signin-form .btn a:hover {
text-decoration:none;
}
#kr-header #signin .ajax-progress {
margin-top:5px;
}
#kr-header #signin .ajax-progress .message {
line-height:15px;
margin-top:2px;
}
/*#kr-header #signin ul li .login a { background:none; }*/
#kr-header #signin .login ul li { border: none; }
#user-login-form .messages.error {
height:auto;
overflow:hidden;
background-position:10px 10px;
padding:10px 10px 10px 35px;
}
#kr-header #signin ul li .messages.error a, #kr-header #signin .messages.error ul li {
display:block;
text-align:left;
}
#user-login-form .messages.error li {
line-height:15px;
margin-bottom:5px;
font-weight:normal;
}
/*#kr-header #signin ul li #user-login-form .messages.error li { width: 155px; line-height: 12px; }*/
#user-login-form .form-submit, #kr-mainsection form .form-submit {
display:inline-block;
background: #333333 url(../cnd_images/btn-blank.png) no-repeat right center;
color: white;
font: 14px 'Raleway', "ProximaNovaLight",arial,sans-serif;
padding: 0 35px 0 20px;
text-decoration: none;
text-transform: uppercase;
border-radius: 5px 5px 5px 5px;
height: 30px;
line-height:30px;
cursor:pointer;
border:0;
position: relative;
z-index: 5;
}
#user-login-form label {
top: 5px;
left: 5px;
text-transform: lowercase;
}
#kr-header #signin .utilities {
font-size: 9px;
text-align: center;
padding: 2px 0 0 0;
width:258px;
}
#kr-header #signin .utilities ol {
float: none;
margin: 0 0 0 14px;
z-index:1000;
}
#kr-header #signin .utilities ol li {
float: left;
position: relative;
}
#kr-header #signin .utilities ol li:hover a {
background: white;
color: #333;
}
#kr-header #signin .utilities ol li.active a {
background: white;
color: #333;
}
#kr-header #signin .utilities ol li ol {
position: absolute;
background: white;
text-align: left;
padding: 7px;
width: 143px;
border:1px solid #ccc;
border-top:1px dotted #ccc;
}
#kr-header #signin .utilities ol li:hover ol {
display: block;
top:15px;
left: -14px;
}
#kr-header #signin .utilities ol li:nth-last-child(1):hover ol
{
left: -113px;
}
#kr-header #signin .utilities ol li:hover ol li {
float: none;
display: block;
text-align: left;
}
#kr-header #signin .utilities ol li:hover ol li a {
color: #333;
text-transform: uppercase;
text-align: left;
padding: 5px;
border-bottom: 1px solid #d8d8d8;
display: block;
font-size: 11px;
}
#kr-header #signin .utilities ol li ol li.menu-highlight a,
#kr-header #signin .utilities ol li ol li:hover a {
background: #ebebeb;
}
#kr-header #signin .utilities ol li ol li:last-child a {
border:0;
}
#kr-header #signin .utilities ol li a {
color: white;
text-decoration: none;
text-transform: uppercase;
margin: 0 10px 0 0; /*NAMTRA 033112*/
padding: 4px 2px;
line-height:15px;
}
#kr-header #signin .utilities ol li ol {
display: none;
}
#user-login-form .item-list { display: none; }
#user-login-form .form-actions {
float:right;
margin-top:0;
}
#kr-header h1 a {
display: block;
width: 184px;
height: 78px;
background: url(../images/logo.png) no-repeat;
background-size: 184px 78px;
}
.slidemore, #kr-mainsection fieldset.search-advanced .form-submit, #kr-mainsection article #profit-calculator-container .form-submit, #kr-mainsection form#user-register-form .form-submit, #login-register .btn, #login-register .form-submit {
background: #333333 url(../cnd_images/btn-blank.png) no-repeat right center;
color: white;
text-decoration: none;
text-transform: uppercase;
text-indent:0;
font: normal 15px 'Raleway', "ProximaNovaLight", arial, sans-serif;
padding: 0 35px 2px 20px;
height:23px;
line-height:23px;
position: relative;
z-index: 5;
}
/* begin REAL-TEXT BUTTON */
#kr-mainsection article a.custom-btn {
display: inline-block;
font-family: 'Raleway', "ProximaNovaRegular", arial, sans-serif;
text-transform: uppercase;
text-decoration: none;
padding: 8px 45px 8px 25px;
margin: 5px 10px 5px 0;
font-size: 15px;
line-height: 16px;
background: #333 url('../images/custom-btn-arrow.png') right center no-repeat;
border-radius: 5px;
color: #fff;
}
#kr-mainsection article a.custom-btn:hover {
text-decoration: none;
}
/* end REAL-TEXT BUTTON */
.two-sidebars #kr-mainsection .region-sidebar-second {
float:right;
width:296px;
margin:0 12px 0 95px;
}
.two-sidebars #kr-mainsection .node {
float:left;
width:518px;
}
.region-sidebar-second #block-block-11 .content img {
display:block;
margin:0 auto;
}
#expand_all { float:right; margin:76px 0 0 0;}
.expand-more {
background: #fff url(../images/expand-more.png) no-repeat left center;
color: #333;
text-decoration: none;
text-transform: uppercase;
font: normal 11px 'Raleway', "ProximaNovaLight", arial, sans-serif;
padding:5px 2px 5px 20px;
}
.expand-less {
background: #fff url(../images/expand-less.png) no-repeat left center;
color: #333;
text-decoration: none;
text-transform: uppercase;
font: normal 12px 'Raleway', "ProximaNovaLight", arial, sans-serif;
padding: 5px 35px 5px 20px;
}
.slidemore {padding: 1px 35px 1px 20px; line-height:26px; height:26px; display:inline-block;}
.nail {background: #333333 url(../images/nailview.png) no-repeat 20px bottom; padding-left:40px;}
#kr-sliderspace {
height:518px;
position: relative;
z-index: 0;
}
#kr-slider {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
}
#kr-slider .sliders .slidecontainer {
padding-top: 50px;
min-height: 915px;
}
#kr-slider .sliders .slide1 {
background: url(../images/slide1.jpg) no-repeat 60% top;
}
#kr-slider .sliders .slide2 {
background: url(../images/slide2.jpg) no-repeat 40% top;
}
#kr-slider .sliders .slide2 .slideinfo {
margin-top: 315px;
}
#kr-slider .sliders .slide3 {
background: url(../images/slide3.jpg) no-repeat 60% top;
}
#kr-slider .sliders .slide4 {
background: url(../images/slide4.jpg) no-repeat 60% top;
}
#kr-slider .sliders a.gotolink {
display: block;
width: 100%;
height: 1000px;
}
#kr-slider .sliders .slideinfo {
position: relative;
width: 545px;
margin: 115px 0 0 0;
font-family: 'Raleway', "ProximaNovaLight",arial, sans-serif;
}
#kr-slider .sliders .slideinfo h1 {
font-size: 54px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
text-transform: uppercase;
color: #333;
margin: 0 0 10px 0;
}
#kr-slider .sliders .slideinfo h6 {
text-transform: uppercase;
color: #333;
font-size: 18px;
margin: 0 0 15px 0;
}
#kr-slider .next {
display: block;
width: 91px;
height: 116px;
background: url(../images/next.png) no-repeat;
position: absolute;
right: 0;
top: 45%;
z-index: 20;
}
#kr-slider .prev {
display: block;
width: 91px;
height: 116px;
background: url(../images/prev.png) no-repeat;
position: absolute;
left: 0;
top: 45%;
z-index: 20;
}
#kr-footer {
background: black;
-moz-border-radius: 15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0;
-o-border-radius: 15px 15px 0 0;
-ms-border-radius: 15px 15px 0 0;
-khtml-border-: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
behavior: url(/sites/all/libraries/modernizr/PIE.htc);
color: white;
padding: 20px 0 25px 21px;
font-size: 11px;
clear:both;
position:relative;
z-index:2;
width: 929px;
margin: 0 auto;
font-family: 'Raleway', arial, sans-serif;
}
#kr-footer.empty {
padding:5px 0 5px 21px;
}
#kr-footer .block {
width: 210px;
float: left;
display: inline;
/*margin: 0 20px 0 0; NAMTRA 033112 */
margin: 0 24px 0 0;
}
#kr-footer .block h3 {
font-size: 19px;
font-family: 'Raleway', "ProximaNovaLight", sans-serif;
text-transform: uppercase;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #292929;
}
#kr-footer .block p {
line-height: 14px;
margin: 0 0 11px 0;
}
#kr-footer .block.last {
margin: 0;
}
#kr-footer .block.nailpolish {
margin: 0;
}
#kr-footer .block.nailpolish h6 {
background: url(../images/fblockbg.png);
width: 201px;
opacity: .8;
-moz-border-radius: 15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0;
-o-border-radius: 15px 15px 0 0;
-ms-border-radius: 15px 15px 0 0;
-khtml-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
behavior: url(/sites/all/libraries/modernizr/PIE.htc);
}
#kr-footer .block.nailpolish h6 a {
display: block;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
padding: 6px 0 6px 10px;
color: #959393;
background: url(../images/whitearrow.png) no-repeat 95% 50%;
}
#kr-footer .block.rednail {
min-height: 116px;
position: relative;
}
#kr-footer .block.rednail img {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
#kr-footer .block.rednail h6 {
background: url(../images/fblock2.png);
width: 201px;
position: relative;
z-index: 5;
opacity: .8;
-moz-border-radius: 15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0;
-o-border-radius: 15px 15px 0 0;
-ms-border-radius: 15px 15px 0 0;
-khtml-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
behavior: url(/sites/all/libraries/modernizr/PIE.htc);
}
#kr-footer .block.rednail h6 a {
display: block;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
padding: 6px 0 6px 10px;
color: #959393;
background: url(../images/whitearrow.png) no-repeat 95% 50%;
}
#kr-footer .block.nailpolish {
background: url(../images/nailpolish.jpg) no-repeat;
min-height: 116px;
position: relative;
}
#kr-footer .block.nailpolish img {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
#kr-footer .block.nailpolish h6 {
position: relative;
z-index: 5;
}
#kr-footer .about {
color: #666666;
margin: 20px 0 0 0;
padding: 20px 25px 0 0;
border-top: 1px solid #292929;
line-height: 14px;
}
/*Added to remove line and padding if no footer blocks show*/
#kr-footer .noblocks {
color: #666666;
margin: 0px 0 0 0;
padding: 0px 25px 0 0;
border-top: none;
line-height: 14px;
}
#kr-footer .kr-prodlist #kr-footer .about {
border-top: none;
margin-top: 0;
}
#botbar {
background: url(../images/headerbg.png);
height: 50px;
padding: 7px 25px 0 25px;
font-size: 10px;
position:relative;
z-index:2;
width: 900px;
margin: 0 auto;
}
#botbar .legal {
width: 275px;
}
#botbar .legal a {
text-decoration: none;
color: #999;
margin: 0 12px 0 0;
font-family: 'Raleway', "ProximaNovaRegular",sans-serif;
}
#botbar .fnav {
width: 520px;
}
#botbar .fnav a {
text-decoration: none;
color: #999;
margin: 0 15px 0 0;
float:left;
}
#botbar .fnav .smo {
margin: -3px 15px 0 0;
}
#botbar .fnav .smo a {
margin: 0 3px 0 0;
}
#botbar .linksright {
float:right;
}
#kr-subnav {
border: 1px solid #ccc;
background: url(../images/subnav.png);
margin: 0 0 0px 0;
position:relative;
min-height:16px;
}
#kr-subnav .hide-subnav {
position:absolute;
top:1px;
right:5px;
width:65px;
height:35px;
}
#kr-subnav .hide-subnav a {
float:right;
text-indent:100%;
z-index:5;
display:block;
text-indent:100%;
overflow:hidden;
width:10px;
height:15px;
text-transform:uppercase;
background:url(../images/hide-show-sprite-20px.png) no-repeat right 4px;
}
#kr-subnav.closed .hide-subnav a {
background-position:right -19px;
}
#kr-subnav .hide-subnav:hover a {
width:48px;
}
#kr-subnav .hide-subnav a:hover {
text-decoration:none;
}
#kr-subnav ul {
list-style: none;
height:auto;
overflow:hidden;
}
#kr-subnav ul li {
width: 200px;
border-right: 1px dotted #ccc;
background: white;
padding: 15px;
height:auto;
/*min-height: 100px;*/
overflow:hidden;
}
#kr-subnav ul li:first-child, #kr-subnav ul li.pie_first-child {
-webkit-border-radius: 15px 15px;
-moz-border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
-o-border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
-ms-border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
-khtml-border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
behavior: url(/sites/all/libraries/modernizr/PIE.htc);
}
#kr-subnav ul li a {
font: normal 11px 'Raleway', "ProximaNovaLight", sans-serif;
text-decoration: none;
color: #333;
display: block;
line-height: 13px;
padding: 4px 0 4px 5px;
}
#kr-subnav ul li a:hover {
text-decoration:none;
}
#kr-subnav ul li.col1 a {
text-transform: uppercase;
}
#kr-subnav ul li.col2 a {
/*text-transform: uppercase;*/
}
#kr-subnav ul li a:hover {
color: #333;
background: #e5e5e5;
}
#kr-subnav ul li.col1 a:hover {
color: #fff;
background: #333;
}
#kr-subnav ul li a.current {
background: none repeat scroll 0 0 #e5e5e5;
color: #333;
}
#kr-subnav ul li.col1 a.current {
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
}
#kr-breadcrumbs {
margin: 0 0 15px 0;
padding: 0 0 0 12px;
width: 75%;
font-size: 10px;
clear:both;
}
.node-type-pro-product-display #kr-breadcrumbs {
/*width:auto; messing up the title gap on pro product pages */
}
#kr-breadcrumbs a {
text-transform: uppercase;
text-decoration: none;
color: #666666;
}
#kr-breadcrumbs span {
width: 4px;
height: 7px;
background: url(../images/bcumb-arrow.png) no-repeat center 5px;
padding: 0 10px;
}
#kr-social {
padding:12px 19px 0 0;
width: 220px;
float:right;
}
#kr-social a, #kr-social iframe {
float:left;
margin-right:5px;
}
#kr-social a {
}
#kr-social img {
display:block;
}
.kr-social-spacer {
height:49px; /* create a block to allow proper spacing for pages without social feed */
}
#kr-mainsection .form-item, #kr-mainsection .form-actions {
margin:0 0 20px;
}
#kr-mainsection .form-item .form-item {
margin-bottom:0;
}
#kr-mainsection .form-item .description {
font-size:10px;
margin-top:5px;
}
#kr-mainsection .form-item input {
border: 1px solid #ccc;
padding: 5px;
}
#kr-mainsection .form-item label {
padding: 0 0 5px 0;
font-size: 12px;
}
#kr-mainsection .srchnav {
list-style: none;
border-bottom: 1px solid #ccc;
min-height: 25px;
margin: 0 0 30px 0;
}
#kr-mainsection .srchnav li {
float: left;
display: inline;
margin: 0 5px 0 0;
}
#kr-mainsection .srchnav li a {
text-decoration: none;
padding: 5px;
color: black;
}
#kr-mainsection .srchnav li.activetab a {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 2px solid white;
}
/* search */
.page-search-node #kr-mainsection #edit-advanced .fieldset-wrapper {
padding-top:20px;
}
.page-search-node #kr-mainsection #kr-social, .maintenance-page #kr-social {
display:none;
}
.page-search-node #kr-mainsection #edit-basic {
height:auto;
overflow:hidden;
}
.page-search-node #kr-mainsection #edit-basic .form-item {
float:left;
}
.page-search-node #kr-mainsection #edit-basic .form-item input {
padding:2px 4px;
}
.page-search-node #kr-mainsection #edit-submit {
float:left;
width:21px;
height:21px;
margin-left:10px;
padding:0;
border-radius:0;
background:url(../images/btn-search.png) no-repeat top left;
}
/* search results */
#kr-mainsection fieldset.search-advanced {
width: 870px;
margin: 20px auto;
position: relative;
padding-top:38px;
}
#kr-mainsection fieldset.search-advanced legend {
display: block;
background: #e5e5e5;
width: 870px;
height:38px;
overflow:hidden;
position:absolute;
top: 0px;
left: 0px;
cursor:pointer;
-moz-border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
behavior: url(/sites/all/libraries/modernizr/PIE.htc);
}
#kr-mainsection fieldset.search-advanced legend span {
display:block;
line-height:38px;
padding:0 25px;
font-size:15px;
color:#000;
}
#kr-mainsection #edit-advanced .fieldset-wrapper {
height:auto;
overflow:hidden;
padding:0px 20px 20px 20px;
border: 1px solid #e5e5e5;
border-top:0;
}
#kr-mainsection .search-result {
padding:0 0 20px;
margin:0 0 20px;
border-bottom:1px dotted #CCCCCC;
}
#kr-mainsection .search-snippet-info {
padding:0;
height:auto;
overflow:hidden;
}
#kr-mainsection .search-snippet-info p {
margin:0;
}
#kr-mainsection .search-snippet strong {
font-weight:bold;
}
#kr-mainsection fieldset.search-advanced input[type="text"] {
display: block;
width: 100%;
margin: 5px 0 0 0;
}
#kr-mainsection fieldset.search-advanced .form-submit {
border: none;
cursor: pointer;
text-indent: 0;
overflow: visible;
margin: 15px 0;
}
#kr-mainsection #edit-or-wrapper {
width: 400px;
}
#kr-mainsection #edit-phrase-wrapper {
width: 370px;
margin: 0 10px 0 0;
}
#kr-mainsection #edit-negative-wrapper {
clear: both;
width: 400px;
padding: 15px 0 0 0;
}
#kr-mainsection .container-inline {
margin: 5px 0;
}
#kr-mainsection .container-inline .form-item {
margin: 0 0 5px 0;
}
#kr-mainsection .box h2 {
font-size: 18px;
margin: 15px 0;
}
#kr-mainsection .search-results dt.title a {
color: black;
display: block;
margin: 0 0 10px 0;
text-decoration: none;
}
#kr-mainsection .search-results .search-info {
display: none;
}
#kr-mainsection .search-results dd {
margin: 0 0 30px 0;
}
#kr-mainsection .search-results h3.title { font-family: 'Raleway', Verdana, Geneva, sans-serif; font-weight:bold; color:#333; font-size:12px;}
#kr-mainsection {
width:952px;
}
#kr-mainsection article {
clear:both;
font-size: 12px;
color: #666666;
padding: 5px 15px 40px;
*zoom: 1;
}
#kr-mainsection article .article-head {
height:auto;
overflow:hidden;
margin-bottom:15px;
/*width:520px;
}
.node-type-pro-product-line #kr-mainsection article .article-head {
width:448px;
}
.page-salon-services-nail-art-gallery #kr-mainsection article .article-head, #kr-mainsection .left-title .article-head, .node-type-salon-services-pages #kr-mainsection .article-head, .node-type-pro-category-landing #kr-mainsection .article-head, .node-type-pro-product-display #kr-mainsection .article-head, .page-resources-profit-calculator #kr-mainsection .article-head, .page-resources-profit-calculator-login #kr-mainsection .article-head, .section-about #kr-mainsection .article-head, .node-type-lookbook #kr-mainsection .article-head, .page-products-colour-effects #kr-mainsection .article-head {
*/ width:auto;
}
.page-nail-salon-services-nail-fashion #kr-mainsection article .article-head,
.page-nail-salon-services-nail-art-gallery #kr-mainsection article .article-head { margin-bottom: 0; }
.page-resources-profit-calculator #kr-mainsection article .article-head {
margin-bottom:0;
}
#kr-mainsection article .article-head h1 {
/*margin-bottom:0 0 5px;*/
}
#kr-mainsection article .article-head h1 .small-title {
font-size: 26px;
line-height: normal;
vertical-align: top;
}
#kr-mainsection article h1, .section-pro-products.page-pro-products #kr-mainsection article h1, .section-about.node-type-open-template #kr-mainsection article h1, .page-resources-profit-calculator-login.node-type-open-template #kr-mainsection article h1 {
font-size: 59px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
line-height:56px;
/*font-size: 50px;*/
color: #333;
text-transform: uppercase;
/*margin: 0 0 5px 0;*/
position: relative;
float:left;
vertical-align:top;
/*width: 800px;*/
}
.page-nail-salon-services-nail-fashion #kr-mainsection article h1,
.page-nail-salon-services-nail-art-gallery #kr-mainsection article h1 { font-size: 30px; line-height: 35px; }
.node-type-ambassador-resources #kr-mainsection article h1, .page-resources-catalog #kr-mainsection article .article-head h4 {
font-size:30px;
text-shadow:none;
line-height:36px;
}
.page-node-16 #kr-mainsection article h1 { font-size:59px !important;line-height: 56px !important;}
.page-node-16 #kr-mainsection .kr-prodintro img {margin-top:-30px;}
#kr-mainsection article h1 img {
position: relative;
/*top: 8px;
right:8px;
display:inline;
float:right;*/
margin:6px 0 0 0;
vertical-align:top;
}
#kr-mainsection article .cta-block .pro {
margin-left:8px;
}
#kr-mainsection article .article-content {
/*width: 430px; NAMTRA 040112*/
width: 420px;
}
#kr-mainsection article h2, #kr-mainsection article h3, #kr-mainsection article h4, #kr-mainsection article h5 {
color: #333;
}
/* BEGIN class landing table styles */
.page-education-classes #kr-mainsection article .view-header p {
margin: 12px 0 12px 5px;
}
.page-education-classes #kr-mainsection article .view-header a {
margin-top: 20px;
}
.page-education-classes #kr-mainsection article .view-content table {
margin: 45px 0;
}
.page-education-classes #kr-mainsection article .view-classes-landing td {
width: 288px;
margin: 6px;
padding: 0;
display: inline-block;
background-color: #e5e5e5;
border: solid 3px #e5e5e5;
}
.page-education-classes #kr-mainsection article .view-classes-landing .col-first {
margin-left: 0;
}
.page-education-classes #kr-mainsection article .view-classes-landing .col-last {
margin-right: 0;
}
.page-education-classes #kr-mainsection article .view-classes-landing .row-1 td {
height: 380px;
}
/* quick and dirty css for the images */
.page-education-classes #kr-mainsection article .view-classes-landing .row-1 td.col-1 {
background: #e5e5e5 url('/sites/default/files/education/classes-plexigel.jpg') no-repeat bottom center;
}
.page-education-classes #kr-mainsection article .view-classes-landing .row-1 td.col-2 {
background: #e5e5e5 url('/sites/default/files/education/classes-color-course.jpg') no-repeat bottom center;
}
.page-education-classes #kr-mainsection article .view-classes-landing .row-1 td.col-3 {
background: #e5e5e5 url('/sites/default/files/education/classes-gel-course.jpg') no-repeat bottom center;
}
.page-education-classes #kr-mainsection article .view-classes-landing .row-2 td.col-1 {
background: #e5e5e5 url('/sites/default/files/education/classes-liquid-powder-course.jpg') no-repeat bottom center;
height: 380px;
}
.page-education-classes #kr-mainsection article .view-classes-landing .row-2 td.col-2 {
background: #e5e5e5 url('/sites/default/files/education/classes-introductory-course.jpg') no-repeat bottom center;
height: 480px;
}
.page-education-classes #kr-mainsection article h2 {
text-transform: uppercase;
font-size: 24px;
}
.page-education-classes #kr-mainsection article h2.education-heading {
height: 45px;
color: #000;
padding: 28px 24px 0 24px;
font-size: 24px;
margin: 0;
text-transform: uppercase;
}
.page-education-classes #kr-mainsection article .field-content p {
margin: 10px 24px;
}
.page-education-classes #kr-mainsection article .field-content p,
.page-education-classes #kr-mainsection article .field-content a {
line-height: 20px;
}
.page-education-classes #kr-mainsection article .views-field-view {
padding: 10px 24px 28px 24px;
}
/* END class landing table styles */
#kr-mainsection article .catlink h2 {
/*margin-left: 10px; */
}
.page-products-colour-effects #kr-mainsection article .catlink h2 {
margin-right: -20px;
}
/*#kr-mainsection article h3 {
font-size: 40px;
}*/
#kr-mainsection article h4 {
font-size: 30px;
}
#kr-mainsection article .subhead, #kr-mainsection article .article-head h3 {
color: #666;
font-size: 21px;
color: #666;
line-height: 33px;
text-transform:uppercase;
clear:left;
/*margin: 0 0 15px 0;*/
}
.node-type-pro-promotions #kr-mainsection article .subhead {
font-size: 58px;
font-family: 'Raleway', "ProximaNovaThin", sans-serif;
}
#kr-mainsection article .left-title {
width: 580px;
/*margin-bottom:15px;*/
}
#kr-mainsection article .twothird-title {
width: 675px;
overflow: hidden;
*zoom: 1;
}
.page-node-564 #kr-container #kr-mainsection .left-title {
width:400px;
}
.page-node-865 #kr-mainsection article h1, .page-node-895 #kr-mainsection article h1 {font-size:55px !important;padding-top:5px!important;}
.page-node-865 #kr-mainsection .awards {margin-top: -50px;}
.page-node-865 #procontent .tabcanvas div {margin-bottom:10px;}
.page-node-865 #procontent .tabcanvas a:link {padding:10px;border:none;}
/* header styles */
.page-register-your-salon #kr-mainsection h1, .node-type-nail-art #kr-mainsection article h1, .page-salon-services-nail-art-gallery #kr-mainsection article h1, .node-type-salon-services-pages #kr-mainsection article h1, .node-type-open-template #kr-mainsection article h1, .node-type-pro-product-display #kr-mainsection article h1, .node-type-products-display #kr-mainsection article h1, .page-cnd-shellac-salon-registry #kr-mainsection article h1 {
font-size:30px;
text-shadow:none;
line-height:35px;
}
.page-node-895 #kr-mainsection article h1, .page-node-586 #kr-mainsection article h1 {
font-size: 59px;
line-height: 56px;
}
.node-type-nail-art #kr-mainsection article h3.subhead, .page-salon-services-nail-art-gallery #kr-mainsection article h3.subhead, .node-type-pro-education-landing #kr-mainsection article h3.subhead, .node-type-salon-services-pages #kr-mainsection article h3.subhead, .node-type-open-template #kr-mainsection article h3.subhead {
font-size:20px;
line-height:25px;
}
.node-type-pro-product-display #kr-mainsection article h1 img, .node-type-products-display #kr-mainsection article h1 img {
/*top:6px;
right:5px;*/
}
.node-type-pro-product-display #kr-mainsection .attributes-block {
border-bottom:1px dotted #ccc;
margin:0 0 15px;
padding:0 0 15px;
}
.node-type-pro-product-display #kr-mainsection .jscroll-block {
width:249px;
max-height:130px;
overflow-y:auto;
}
.node-type-products-display #kr-mainsection .jscroll-block {
width:249px;
max-height:130px;
overflow-y:auto;
}
.node-type-products-display #kr-mainsection #aside-pro .jscroll-block .block { border-bottom: none; padding: 0; }
#kr-mainsection.meet-colors .jscroll-block {
max-height:450px;
}
.node-type-pro-product-display #kr-mainsection #aside-pro .colors-size li.block-last {
border:0;
margin:0;
padding:0;
}
.node-type-pro-product-display #kr-mainsection .colors-size li a {
padding:2px;
display:block;
}
.node-type-pro-product-display #kr-mainsection .colors-size li a:hover {
background-color:#eee;
}
#kr-mainsection .awards {
float:right;
margin-bottom:10px;
text-align:right;
}
#kr-mainsection .awards a {
display:table-cell;
vertical-align:middle;
}
#kr-mainsection article p {
line-height: 24px;
/*line-height: 18px;NAMTRA 041312 */
margin: 8px 0 32px 2px;
}
#kr-mainsection article li {
line-height: 15px;
padding: 5px 0;
}
#kr-mainsection article .view-events li {
line-height: inherit;
padding: 5px;
margin: 0;
border-color: #666666;
}
#kr-mainsection article div.tabs ul.tabs.primary li {
line-height: 0;
}
.node-type-pro-product-display #kr-mainsection .shellac-menu {
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px dotted #ccc;
}
.node-type-pro-product-display #kr-mainsection .shellac-menu h5 {
text-transform:uppercase;
}
.node-type-pro-product-display #kr-mainsection .shellac-menu a, .node-type-pro-product-display #kr-mainsection .shellac-menu a span {
font-size:12px;
font-weight:normal;
padding-right:15px;
background:url("../images/black-arrow-small.png") no-repeat right center;
}
.node-type-pro-product-display #kr-mainsection .shellac-menu a.pdf {
padding-right:0;
}
.node-type-pro-product-display #kr-mainsection .shellac-menu .pro {
position:relative;
margin:0;
top:3px;
left:8px;
}
.pro-shop-btn {
background: url(/sites/all/themes/cnd/images/visit-pro-shop-btn-30px.png);
background-position: 0px 0px;
display: block;
height: 22px;
text-indent: -9999px;
width: 118px;
}
.pro-shop-btn:hover { background-position: 0px -29px; }
#pro-shop-top-btn {
position: absolute;
top: 6px;
left:0;
}
#kr-mainsection article hr {
border: 0;
border-top: 1px dotted #d2d2d2;
background: white;
margin: 20px 0;
}
#kr-mainsection article hr.prodline {
border: 0;
border-top: 1px dotted #d2d2d2;
background: white;
margin: 0px 0 50px 0;
}
#kr-mainsection article a.readmore, #kr-footer a.readmore {
text-transform: uppercase;
text-decoration: none;
color: #333;
background: url(../images/arrows-10px.png) no-repeat right -9px;
padding: 0 20px 0 0;
font-weight:normal;
font-family: 'Raleway', "ProximaNovaLight", sans-serif;
}
#kr-footer a.readmore {
background: url(../images/arrow.png) no-repeat right center;
color:#fff;
font-size:15px;
}
#kr-mainsection article a.readmore-small {
text-transform: uppercase;
text-decoration: none;
color: #333;
background: url(../images/black-arrow-small.png) no-repeat right center;
padding: 0 20px 0 0;
font-family: 'Raleway', "ProximaNovaLight", sans-serif;
}
#kr-mainsection article .region-sidebar-second a.readmore-small {
padding-right:12px;
}
#kr-mainsection article .category-columns .catlink {
background: #f2f2f2;
/*padding: 30px 30px 30px 130px;*/
padding: 16px 30px 12px 130px;
position: relative;
margin: 0 6px 6px 0;
width: 290px;
}
#kr-mainsection article .category-columns .linelink, #kr-container .prodland .prod-cat .catlink, #kr-mainsection article .catlink {
/*padding: 30px 30px 5px 110px;
width: 310px; */
padding:24px;
width:406px;
height:95px;
overflow:hidden;
/*border: 1px solid #FF0000;*/
}
.node-type-product-line #kr-mainsection article .category-columns .linelink, .node-type-pro-product-line #kr-mainsection article .category-columns .linelink, #kr-container .prodland .prod-cat .catlink {
min-height:0;
height:85px;
/*padding-bottom:5px;*/
}
.node-type-product-line #kr-mainsection article.prod-line hr {
margin-right:15px;
}
#kr-mainsection article .catlink {
margin: 0 0 6px 0;
min-height:95px;
}
/*#kr-mainsection article .catlink {
background: #f2f2f2;
padding: 25px 30px 6px 142px;
position: relative;
margin: 0 0 6px 0;
min-height: 114px;
}*/
#kr-mainsection article .catlink p {line-height:18px; font-size:11px; font-family: 'Raleway', Verdana, Geneva, sans-serif; margin: 0 0 8px 0;}
.node-type-pro-promotions #kr-container .intro-block p {line-height:18px; font-size:11px; font-family: 'Raleway', Verdana, Geneva, sans-serif; margin: 0; height:72px;}
.node-type-pro-promotions #kr-container .intro-block p { margin-left:0 !important; }
#kr-mainsection article .category-columns .catlink h5, #kr-mainsection article .category-columns .catlink p {
float:left;
width:310px;
margin-bottom:5px;
}
#kr-mainsection article .category-columns .catlink p {
margin:0 !important;
}
#kr-mainsection article .catlink img {
/* position: absolute;
left: 14px;
top: 0px;*/
}
#kr-mainsection article .linelink img, #kr-container .prodland .prod-cat .catlink img, #kr-mainsection article .catlink img {
/*position: absolute;
left: 20px;
top: 20px;*/
position:static;
float:left;
margin:0 20px 0 0;
}
#kr-mainsection article .linelink h5 img, #kr-container .prodland .prod-cat .catlink h5 img, #kr-container .prodland .prod-cat .catlink h2 img, #kr-mainsection article .catlink h2 img, #kr-mainsection .privacy-policy img {
margin:0 0 0 10px;
float:none;
}
/*
#kr-mainsection article .catlink h2 a {
font-size: 24px;
text-transform: uppercase;
text-decoration: none;
padding: 0;
color: #333;
}*/
#kr-mainsection article .catlink h2 a img, #kr-mainsection article .intro-block h2 a img {
position:relative;
top:-1px;
display:inline;
margin-left:10px;
vertical-align:middle;
}
#kr-mainsection article .catlink h5, .node-type-pro-promotions #kr-container .intro-block h2, #kr-container .prodland .prod-cat .catlink h2, #kr-mainsection article .catlink h2 {
line-height:18px;
text-transform:capitalize;
}
#kr-mainsection article .catlink h5 a, .node-type-pro-promotions #kr-container .intro-block h2 a, #kr-container .prodland .prod-cat .catlink h2 a, #kr-mainsection article .catlink h2 a, #kr-mainsection article .catlink h5 .anchor-placeholder {
font-size: 16px;
line-height:18px;
text-transform: capitalize;
text-decoration: none;
color: #333;
display:block;
}
#kr-container .prodland .prod-cat .catlink h2, #kr-mainsection article .catlink h2 {
margin-bottom:5px;
}
#kr-mainsection article .col1 {
width: 448px;
}
#kr-mainsection article .col1 .catlink {
padding: 20px 10px 20px 95px;
}
#kr-mainsection article .col1 .catlink img {
left: 10px;
}
#kr-mainsection article .col2 {
width: 448px;
}
#kr-mainsection article .col2 .catlink {
padding: 20px 10px 20px 95px;
}
#kr-mainsection article .col2 .catlink img {
left: 10px;
}
#kr-mainsection article .largefeatured-block {
background: #e5e5e5;
padding: 10px 5px 5px;
width: 596px;
margin: 0 0px 15px 0;
}
#kr-mainsection article .largefeatured-block h2 {
font-size: 20px;
text-transform: uppercase;
color: #333;
padding: 0 0 0 25px;
margin: 5px 0;
}
#kr-mainsection article .largefeatured-block p {
padding: 0 25px 0 25px;
font-size: 11px;
}
#kr-mainsection article .intro-block {
background: #e5e5e5;
padding: 10px 2px 242px 2px;
width: 292px;
margin: 0 15px 15px 0;
min-height:0;
position: relative;
}
#kr-mainsection article .intro-block p {
margin-bottom:10px;
}
.node-type-salon-services-landing #kr-mainsection article .intro-block {
min-height:380px;
}
.page-node-614 #kr-mainsection article .intro-block {
min-height:340px;
}
.intro-block .intro-img {
position: absolute;
bottom: 2px;
}
#kr-mainsection article .bottom, .node-type-salon-services-landing #kr-mainsection article .intro-block.bottom {
padding:2px;
min-height:0;
}
#kr-mainsection article .bottom {
width: 932px;
margin:0px;
}
#kr-mainsection article .bottom .content {
float:left;
margin: 0 15px 15px 0;
padding: 10px 2px 2px;
width:292px
}
#kr-mainsection article .bottom .image {
float:right;
}
#kr-mainsection article .bottom .image img {
position:static;
}
#kr-mainsection article .intro-block h6 {
padding-left: 25px;
font-size: 15px;
font-family: 'Raleway', "ProximaNovaLight", sans-serif;
color: #999;
text-transform: uppercase;
}
#kr-mainsection article .intro-block h2 {
font-size: 23px;
text-transform: uppercase;
color: #333;
padding: 0 25px;
margin: 5px 0;
}
#kr-mainsection article .intro-block h2 a {
color: #333;
text-decoration: none;
text-transform:capitalize;
}
#kr-mainsection article .intro-block p {
padding: 0 25px;
font-size: 11px;
}
#kr-mainsection article .cta-block {
background: #f2f2f2;
height:auto;
overflow:hidden;
padding: 24px 20px;
/*padding:16px 30px 8px;*/
position: relative;
z-index: 20;
margin: 0 0 6px;
}
#kr-container #kr-mainsection article .cta-block.alignright {
padding:16px 30px;
min-height:0;
height:auto;
}
.node-type-products-landing #kr-container #kr-mainsection article .cta-block.alignright {
margin-right:21px;
}
#kr-mainsection article .cta-block h2 {
/*font-size: 40px; NAMTRA 041212 */
color: #333;
letter-spacing: -1px;
margin-bottom:5px;
}
#kr-mainsection article .cta-block h2 a {
font-size: 16px;
line-height:18px;
text-transform:capitalize;
color: #333;
text-decoration: none;
}
#kr-mainsection article .cta-block h2 a img {
margin:0 0 0 10px;
}
#kr-mainsection article .cta-block h3 {
margin: 0 0 6px 0;
}
#kr-mainsection article .cta-block h3 a {
font-size: 20px;
text-transform: uppercase;
text-decoration: none;
padding: 0 20px 0 0;
color: #333;
}
/*#kr-mainsection article .cta-block h4 {
font-size: 14px;
margin: 0 0 10px 0;
text-transform:uppercase;
}*/
#kr-mainsection article .cta-block h5 a {
text-decoration: none;
color: #333;
font-weight: bold;
}
#kr-mainsection article .cta-block p {
margin:0 0 18px;
line-height: 18px;
}
#kr-mainsection article .cta-block p a {
text-decoration: none;
font-size: 12px;
color: #333;
}
/*#kr-mainsection article .cta-block a.readmore {
font-weight:bold;
}*/
#kr-mainsection article .cta-block p img {
position: relative;
top: 3px;
}
#kr-mainsection article .cta-block .floatRight, #kr-mainsection article .cta-block .alignright, #kr-mainsection article .cta-block #kr-topbar .optin ul, #kr-topbar .optin #kr-mainsection article .cta-block ul, #kr-mainsection article .cta-block #kr-header #signin, #kr-header #kr-mainsection article .cta-block #signin, #kr-mainsection article .cta-block #botbar .fnav, #botbar #kr-mainsection article .cta-block .fnav, #kr-mainsection article .cta-block #kr-social, #kr-mainsection article .cta-block #edit-phrase-wrapper, #kr-mainsection article .cta-block .col2, #kr-mainsection article .cta-block .emailprev, #kr-mainsection article .cta-block .kr-prodimg, #kr-mainsection article .cta-block #aside-effects, #kr-mainsection article .cta-block .kr-proddetails, #kr-mainsection article .cta-block #procontent .rightthumb img, #kr-mainsection #procontent .rightthumb article .cta-block img, #kr-mainsection article .cta-block #aside-pro, #kr-mainsection article .cta-block #nailgallery .naillrg, #kr-mainsection #nailgallery article .cta-block .naillrg, #kr-mainsection article .cta-block #aside-detail, #kr-mainsection article .cta-block #aside-nailgallery {
text-transform: uppercase;
width: 121px;
padding-left: 30px;
border-left: 1px dotted #ccc;
line-height: 18px;
font-family: 'Raleway', "ProximaNovaLight", sans-serif;
}
.node-type-lookbook #kr-mainsection article .cta-block .vidlist {
border:0;
}
.node-type-lookbook #kr-mainsection article .cta-block .cta-content {
padding-right:30px;
border-right: 1px dotted #ccc;
float:left;
width:527px;
}
.page-resources-catalog.node-type-lookbook #kr-mainsection article .cta-block .cta-content {
border:0;
}
.node-type-lookbook #kr-mainsection .mini-slider #sd-frame {
height:auto;
}
.node-type-lookbook #kr-mainsection #sd-frame .rel-next, .node-type-lookbook #kr-mainsection #sd-frame .rel-prev {
height:160px;
}
#kr-mainsection article .cta-block .floatRight img, #kr-mainsection article .cta-block .alignright img, #kr-mainsection article .cta-block #kr-topbar .optin ul img, #kr-topbar .optin #kr-mainsection article .cta-block ul img, #kr-mainsection article .cta-block #kr-header #signin img, #kr-header #kr-mainsection article .cta-block #signin img, #kr-mainsection article .cta-block #botbar .fnav img, #botbar #kr-mainsection article .cta-block .fnav img, #kr-mainsection article .cta-block #kr-social img, #kr-mainsection article .cta-block #edit-phrase-wrapper img, #kr-mainsection article .cta-block .col2 img, #kr-mainsection article .cta-block .emailprev img, #kr-mainsection article .cta-block .kr-prodimg img, #kr-mainsection article .cta-block #aside-effects img, #kr-mainsection article .cta-block .kr-proddetails img, #kr-mainsection article .cta-block #procontent .rightthumb img img, #kr-mainsection #procontent .rightthumb article .cta-block img img, #kr-mainsection article .cta-block #aside-pro img, #kr-mainsection article .cta-block #nailgallery .naillrg img, #kr-mainsection #nailgallery article .cta-block .naillrg img, #kr-mainsection article .cta-block #aside-detail img, #kr-mainsection article .cta-block #aside-nailgallery img {
display: block;
}
#kr-mainsection article .cta-block .floatRight.vidlist, #kr-mainsection article .cta-block .vidlist.alignright, #kr-mainsection article .cta-block #kr-topbar .optin ul.vidlist, #kr-topbar .optin #kr-mainsection article .cta-block ul.vidlist, #kr-mainsection article .cta-block #kr-header .vidlist#signin, #kr-header #kr-mainsection article .cta-block .vidlist#signin, #kr-mainsection article .cta-block #botbar .vidlist.fnav, #botbar #kr-mainsection article .cta-block .vidlist.fnav, #kr-mainsection article .cta-block .vidlist#kr-social, #kr-mainsection article .cta-block .vidlist#edit-phrase-wrapper, #kr-mainsection article .cta-block .vidlist.col2, #kr-mainsection article .cta-block .vidlist.emailprev, #kr-mainsection article .cta-block .vidlist.kr-prodimg, #kr-mainsection article .cta-block .vidlist#aside-effects, #kr-mainsection article .cta-block .vidlist.kr-proddetails, #kr-mainsection article .cta-block #procontent .rightthumb img.vidlist, #kr-mainsection #procontent .rightthumb article .cta-block img.vidlist, #kr-mainsection article .cta-block .vidlist#aside-pro, #kr-mainsection article .cta-block #nailgallery .vidlist.naillrg, #kr-mainsection #nailgallery article .cta-block .vidlist.naillrg, #kr-mainsection article .cta-block .vidlist#aside-detail, #kr-mainsection article .cta-block .vidlist#aside-nailgallery {
width: auto;
}
#kr-mainsection article .discover {
background-color:#e5e5e5;
width: 932px;
padding:2px;
margin:0 0 20px 0;
display:block;
height:186px;
}
#kr-mainsection article .discover img {
float:right;
}
#kr-mainsection article .discover .content {
/* float:left;
margin: 0 15px 15px 0;
padding: 10px 2px 2px;
width: 372px;*/
float: left;
margin: 25px;
}
#kr-mainsection article .discover .image {
float:right;
}
#kr-mainsection article .emailprev {
width: 296px;
text-align: center;
margin: 20px 0;
}
#kr-mainsection article .emailprev a {
background: url(../images/black-arrow.png) no-repeat right 15px;
padding: 15px 20px 0 0;
text-transform: uppercase;
text-decoration: none;
color: #333;
font-family: 'Raleway', "ProximaNovaLight", sans-serif;
}
#kr-mainsection article .emailprev img {
display: block;
margin: 0 0 15px 0;
}
#kr-mainsection article #pdfviewer {
margin: 30px auto;
text-align: center;
height: 750px;
overflow:hidden;
}
#kr-mainsection article .col-half {
width: 446px;
/*border-right: 1px dotted #ccc;*/
margin: 0 15px 0 0;
}
#kr-mainsection article .col-half.last {
margin: 0;
}
#kr-mainsection article.about .article-content {
width: 100%;
}
#kr-mainsection article .about-post {
/*min-height: 180px;*/
min-height:190px;
padding: 30px 0;
border-bottom: 1px dotted #ccc;
width: 95%;
}
.page-education-education-team #kr-mainsection article .about-post {
border:0;
padding:0;
}
#kr-mainsection article .about-post .avatar {
margin: 0 10px 10px 0;
}
#kr-mainsection article .about-post p {
font-size: 11px;
line-height: 18px;
}
#kr-mainsection article .about-post .bio-more {
margin: 0 0 15px 0;
}
#kr-mainsection article .about-post h3 {
color: #666;
font-weight: bold;
font-size: 18px;
}
#kr-mainsection article #state-list {
margin: 52px 0 0 0;
}
#kr-mainsection article #state-list ul.more-list {
list-style: none;
margin: 15px 0 0 0px;
width: 450px;
float: left;
}
#kr-container #kr-mainsection article #state-list ul.more-list li {
list-style: none;
margin: 15px 0 0 15px;
line-height:32px;
}
#kr-container #kr-mainsection article #state-list ul.more-list .col-half:nth-child(even) {
border:0;
}
/*#kr-mainsection article #state-list ul.more-list li a {
font-family: 'Raleway', "ProximaNovaRegular", sans-serif;
font-weight: normal;
color: #333;
background: url(../images/black-arrow-small.png) no-repeat center right;
padding: 0 15px 0 0;
font-size: 16px;
text-decoration: none;
}*/
#kr-mainsection article #state-list ul.more-list .col-half {
width: 435px;
/*height:251px;*/
}
#kr-mainsection article #state-list ul.more-list .col-half p {
margin: 0 0 10px 0;
}
/*Shellac Tab Nav - basic (on dev site)*/
#kr-mainsection article .tabnav, #kr-mainsection article #panel-tabs {
height:auto;
overflow:hidden;
border:0;
margin: 0 0 30px 0;
}
#kr-mainsection article .tabnav ul, #kr-mainsection article #panel-tabs ul.ui-tabs-nav {
list-style: none;
padding:0;
background:none;
border:0;
height:36px;
border-bottom: 1px solid #ccc;
}
#kr-mainsection article .tabnav ul li, #kr-mainsection article #panel-tabs ul.ui-tabs-nav li {
margin: 0 10px 0 0;
padding:0;
border:0;
background:none;
line-height:22px;
position:static;
}
#kr-mainsection article .tabnav ul li a, #kr-mainsection article #panel-tabs ul.ui-tabs-nav li a {
font-weight: bold;
color: black;
text-decoration: none;
padding: 5px 10px;
display:block;
}
#kr-mainsection article .tabnav ul li a.active, #kr-mainsection article #panel-tabs ul.ui-tabs-nav li.ui-state-active a {
color: #999;
border: 1px solid #ccc;
border-bottom: 1px solid white;
padding-bottom:8px;
border-radius: 8px 8px 0 0;
}
/*Shellac Tab Nav - jQuery (on dev site)*/
/*
#kr-mainsection article #panel-tabs {
margin: 0 0 30px 0;
}
#kr-mainsection article #panel-tabs ul.ui-tabs-nav {
border-bottom: 1px solid #CCCCCC;
height: 39px;
list-style: none outside none;
}
#kr-mainsection article #panel-tabs ul.ui-tabs-nav li.ui-state-default {
margin: 0 15px 0 0;
}
#kr-mainsection article #panel-tabs ul.ui-tabs-nav li.ui-state-default a {
font-weight: bold;
color: black;
text-decoration: none;
padding: 5px;
line-height:22px;
}
/*#kr-mainsection article #panel-tabs ul.ui-tabs-nav li.ui-state-active a {
font-weight: normal;
color: #333;
border: 1px solid #ccc;
border-bottom: 1px solid white;
padding-bottom: 8px;
}*/
/* locate iframe */
#kr-mainsection .locate-iframe {
margin:0 auto;
border:none;
width:800px;
height:1100px;
}
#kr-mainsection .kr-prodinfo {
width: 445px;
margin-bottom: 21px;
clear:both;
}
.page-node-580 #kr-mainsection .kr-prodinfo {
width:485px;
}
#kr-mainsection .kr-prodnav {
width: 191px;
float:right;
}
#kr-mainsection .kr-prodnav h4, #kr-mainsection .cn-colour-nav h4 {
text-transform: uppercase;
color: #333;
font-size: 16px;
margin: 0 0 5px 10px;
}
#kr-mainsection .cn-colour-nav h4 {
margin:0 0 8px;
}
#kr-mainsection .kr-prodnav ul {
list-style: none;
background:none;
border:0;
padding:0;
}
#kr-mainsection .kr-prodnav ul li {
line-height: 20px;
background:none;
border:0;
height:auto;
overflow:hidden;
display:block;
float:none;
}
#kr-mainsection .kr-prodnav ul li a {
text-decoration: none;
color: #696969;
display: block;
padding-left: 10px;
font-size: 11px;
}
#kr-mainsection .kr-prodnav ul li a:hover {
background: #e5e5e5;
color: #333;
}
#kr-mainsection .kr-prodnav ul li a strong {
font-weight:bold;
}
#kr-mainsection #aside-color {
width: 152px;
margin-right:20px;
}
#kr-mainsection #aside-effects {
width:155px; /*152px;*/
float:left;
margin-left:20px;
}
#kr-mainsection #aside-effects #effects {
margin-bottom:15px;
}
#kr-mainsection .cn-colour-nav {
/*width: 160px;*/
padding: 10px 0;
border-bottom: 1px dotted #ccc;
overflow: hidden;
*zoom: 1;
}
#kr-mainsection .cn-colour-nav.first {
padding: 0 0 10px;
}
#kr-mainsection .cn-colour-nav h5 {
margin: 0 0 10px 0;
text-transform:uppercase;
font-size:11px;
}
#kr-mainsection .cn-colour-nav ul
li {
margin: 0;
padding: 0;
}
#kr-mainsection .cn-colour-nav ul
li a {
margin: 0 10px 10px 0;
padding: 0;
}
#kr-mainsection .cn-colour-nav ul
li a:hover {
padding: 0;
border: 0;
}
#kr-mainsection .cn-colour-nav ul
li a img {
cursor: pointer;
margin: 0;
padding: 0;
}
#kr-mainsection .kr-prodintro h3 {
font-size: 30px;
line-height:32px;
text-transform: uppercase;
color: #333;
margin-bottom:20px;
}
#kr-mainsection .kr-prodintro h3 img {
vertical-align:top;
margin-top:4px;
}
#kr-mainsection .kr-prodintro p {
width:500px;
font-size:12px;
line-height:18px;
margin:0 0 10px;
}
#kr-mainsection .kr-prodintro .slidemore {
margin-top:0;
}
#kr-mainsection .kr-proddetails {
width: 700px;
border-right: 1px dotted #ccc;
padding: 0 0 0 10px;
float:left;
}
#kr-mainsection .kr-proddetails .tabcanvas {
text-align: center;
padding: 0 0 15px 0;
margin: 0 10px 20px 0;
border-bottom: 1px dotted #ccc;
}
.node-type-products-display #kr-mainsection .kr-proddetails .tabcanvas {
border:0;
}
#kr-mainsection .sizes {
width: 220px;
border-right: 1px dotted #ccc;
margin-bottom:20px;
}
#kr-mainsection .sizes .sizes-img {
float: left;
margin: 0 5px;
text-align: center;
width: 60px;
}
#kr-mainsection .sizes img {
margin-right:8px;
}
#kr-mainsection .sizes h4, #kr-mainsection .media h4 {
margin: 0 0 5px 0;
font-size: 16px;
text-transform: uppercase;
}
#kr-mainsection .media {
width: 365px;
margin: 0 0 0 30px;
font-size: 11px;
}
#kr-mainsection .media ul {
list-style: none;
}
#kr-mainsection .media ul li {
margin: 0 15px 0 0;
}
#kr-mainsection .media ul li img {
display: block;
}
#kr-mainsection .mini-slider #sd-frame {
margin: 0 0 0 15px;
position:relative;
}
#kr-mainsection .mini-slider .slideitem {
width: 106px;
margin: 0 20px 0 20px;
text-align: center;
font-size: 12px;
line-height: 18px;
}
#kr-mainsection .kr-related, #kr-mainsection .mini-slider {
border-top: 1px dotted #CCCCCC;
margin: 30px 30px 0 0;
padding-top: 20px;
position: relative;
clear:both;
}
#kr-mainsection .kr-related #sd-frame, #kr-mainsection .mini-slider #sd-frame {
/*height: 190px;*/
height: 140px;
}
#kr-mainsection article .slidedeck p {
line-height: 15px;
}
#kr-mainsection .kr-related #sd-frame2, #kr-mainsection .mini-slider #sd-frame2 {
height: 190px;
}
.node-type-products-display #kr-mainsection .kr-related #sd-frame {
width:700px;
/*width:880px;*/
}
.page-products-colour-effects #kr-mainsection .kr-related #sd-frame, .node-type-products-display #kr-mainsection .w-attributes .kr-related #sd-frame {
width:auto;
}
#kr-mainsection .kr-related dt, #kr-mainsection .mini-slider dt {
display: none;
}
#kr-mainsection .kr-related h4, #kr-mainsection .mini-slider h4 {
font-size: 16px;
margin: 0 0 20px 0;
text-transform: uppercase;
}
#kr-mainsection .kr-related .relprod, #kr-mainsection .mini-slider .relprod {
width: 125px;
margin: 0 30px 0 30px;
text-align: center;
font-size: 12px;
line-height: 18px;
position:relative;
left:30px;
top:0;
}
#kr-mainsection .kr-related .relprod a {
display: inline-block;
}
#kr-mainsection .kr-related .relprod p, #kr-mainsection .mini-slider .relprod p {
margin-bottom:0;
margin-top:2px;
}
#kr-mainsection .kr-related .relprod .pro-media-icon {
position: absolute;
top: 4px;
right: 20px;
}
#kr-mainsection .kr-related .relprod small, #kr-mainsection .mini-slider .relprod small {
font-size: 10px;
}
#kr-mainsection #sd-frame, #kr-mainsection #sd-frame2 {
position:relative;
}
#kr-mainsection .kr-related .rel-next, #kr-mainsection .mini-slider .rel-next {
display: block;
width: 16px;
height:80px;
position: absolute;
right: 0;
top: 0; /* 60 */
background: url(../images/rel-next.png) no-repeat left center;
z-index: 20;
}
#kr-mainsection .kr-related .rel-prev, #kr-mainsection .mini-slider .rel-prev {
display: block;
width: 16px;
height: 80px;
position: absolute;
left: 0;
top: 0;
background: url(../images/rel-prev.png) no-repeat right center;
z-index: 20;
}
#kr-mainsection .kr-related #sd-frame2 .rel-prev, #kr-mainsection .kr-related #sd-frame2 .rel-next, #kr-mainsection .kr-proddetails .kr-related .rel-next, #kr-mainsection .kr-proddetails .kr-related .rel-prev {
height:100px;
}
#kr-mainsection #procontent {
width: 632px;
border-right: 1px dotted #ccc;
margin: 0 17px 0 0;
padding:0 20px 0 0;
border-left: none;
}
#kr-mainsection #procontent img {
max-width: 630px;
max-height: 500px;
}
#kr-mainsection #procontent .tabcanvas {
margin-bottom:25px;
height:auto;
overflow:hidden;
}
.section-salon-services #kr-mainsection #procontent .proimage {
margin-bottom:20px;
}
#kr-mainsection #procontent .cta-block {
overflow: hidden;
*zoom: 1;
padding: 2px 2px 2px 30px;
margin:0 0 15px;
}
#kr-mainsection #procontent .cta-block h4 {
padding: 27px 0 0 0;
}
#kr-mainsection #procontent .cta-block h4 a {
color: #333333;
font-size: 16px;
text-decoration: none;
text-transform: capitalize;
display:inline-block;
}
#kr-mainsection #procontent .cta-block p {
line-height: 18px;
}
#kr-mainsection #procontent .rightthumb img {
margin-left: 15px;
}
#kr-mainsection #procontent .kr-related, #kr-mainsection #procontent .kr-related-lookbook, #kr-mainsection #procontent .mini-slider {
width: 622px;
border-top: 1px dotted #ccc;
padding-top: 20px;
margin-top: 20px;
xheight: 180px;
}
#kr-mainsection .open .kr-related { width: 565px; }
#kr-mainsection .open .kr-related-lookbook { width: 865px; }
#kr-mainsection #procontent .kr-related p, #kr-mainsection #procontent .kr-related-lookbook p, #kr-mainsection #procontent .mini-slider p {
line-height: 15px;
margin-bottom: 40px;
}
#kr-mainsection #procontent .kr-related #sd-frame, #kr-mainsection #procontent .kr-related-lookbook #sd-frame, #kr-mainsection #procontent .mini-slider #sd-frame {
position: relative;
}
#kr-mainsection #procontent .kr-related #sd-frame2, #kr-mainsection #procontent .kr-related-lookbook #sd-frame2, #kr-mainsection #procontent .mini-slider #sd-frame2 {
position: relative;
}
/*#kr-mainsection #procontent .kr-related .rel-next, #kr-mainsection #procontent .mini-slider .rel-next, #kr-mainsection #procontent .kr-related .rel-prev, #kr-mainsection #procontent .mini-slider .rel-prev {
top: 15px;
}
#kr-mainsection #procontent .kr-related #sd-frame2 .rel-next, #kr-mainsection #procontent .mini-slider .rel-next, #kr-mainsection #procontent .kr-related #sd-frame2 .rel-prev, #kr-mainsection #procontent #sd-frame2 .rel-prev {
top: 30px;
}*/
#kr-mainsection #aside-pro {
width: 249px;
float:right;
font-size:11px;
}
#kr-mainsection #aside-pro .attributes-block h4 {
font-size:24px;
}
#kr-mainsection #aside-pro .block h2.block-title,
#kr-mainsection #aside-pro h5 {
font-size: 20px;
line-height:25px;
color:#999;
margin: 0 0 15px 0;
font-family: 'Raleway', "ProximaNovaRegular", sans-serif;
}
#kr-mainsection #aside-pro .block h5 img {
position:relative;
top:1px;
left:3px;
}
#kr-mainsection #aside-pro .cta-block {
margin: 0 0 15px 0;
/*padding: 15px 15px 30px 20px;*/
}
.node-type-pro-product-display #kr-mainsection #aside-pro .cta-block, .node-type-products-display #kr-mainsection #aside-pro .cta-block, #kr-mainsection #aside-effects .cta-block {
background:transparent;
padding:0 0 15px 0;
border-bottom:1px dotted #ccc;
}
.node-type-pro-product-display #kr-mainsection #aside-pro .cta-inner, .node-type-products-display #kr-mainsection #aside-pro .cta-inner, #kr-mainsection #aside-effects .cta-inner {
padding:24px 30px;
background:#f2f2f2;
}
#kr-mainsection #aside-pro p {
margin:0 0 5px;
/*font-size:11px;
line-height:20px;*/
}
#kr-mainsection .cta-block.alignright .slidemore, #kr-mainsection #aside-pro .cta-block .slidemore {
margin:0;
text-indent:0;
color:#fff;
}
#kr-mainsection #aside-pro .block, #kr-mainsection #aside-effects .block {
border-bottom: 1px dotted #ccc;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
}/*
#kr-mainsection #aside-pro .block.attributes-block {
padding:0;
margin:0;
border:0;
}*/
#kr-mainsection #aside-pro .block h2.block-title,
#kr-mainsection #aside-pro .block .block-title,
#kr-mainsection #aside-effects .block .block-title {
font-size: 14px;
line-height:20px;
color: #333;
margin: 0 0 5px 0;
}
/* social share page title */
#kr-mainsection #aside-pro .block h2.block-title {
text-transform: uppercase;
}
/* reverse all the button crap that the pinit module adds. */
#kr-mainsection #aside-pro .block .social-share-item-pinterest span {
color: #666 !important;
background: revert;
border: none;
box-shadow: none;
font: revert;
font-weight: normal;
padding: revert;
margin: revert;
text-indent: revert;
height: unset;
}
/* override text and styles to match the other social list items */
#kr-mainsection #aside-pro .block .social-share-item-pinterest span:after {
content: "Pinterest";
font-weight: 500;
font-family: 'Raleway', verdana, sans-serif;
-webkit-font-smoothing: auto;
}
#kr-mainsection #aside-pro .block h4 {
margin:0 0 10px;
}
#kr-mainsection #aside-pro .block a {
text-decoration: none;
}
#kr-mainsection #aside-pro .block a.readmore {
font-size: 12px;
}
#kr-mainsection #aside-pro .block ul.slidenav {
margin: 10px 0 0 0;
}
#kr-mainsection #aside-pro .block ul.slidenav li {
font-size: 10px;
line-height: 18px;
margin: 0 0 5px 0;
}
#kr-mainsection #aside-pro .block ul.slidenav li a, .page-about-leadership #kr-mainsection article .readmore, #kr-mainsection article #state-list ul.more-list li a.readmore {
background: url("/sites/all/themes/cnd/images/arrows-10px.png") no-repeat scroll 0 -8px transparent;
font-weight: bold;
color: #000;
font-size: 10px;
padding-left: 13px;
text-decoration: none;
}
#kr-mainsection #aside-pro .block ul.slidenav li a.expanded { background-position: -2px 4px; }
.page-about-leadership #kr-mainsection article .readmore, #kr-mainsection article #state-list ul.more-list li a.readmore {
padding-left:0;
padding-right:20px;
background-position:right 3px;
font-weight:normal;
}
.page-about-leadership #kr-mainsection article .readmore.less, #kr-mainsection article #state-list ul.more-list li a.readmore.less {
background-position:right -9px;
}
#kr-mainsection #aside-pro .block ul.slidenav li ul {
margin: 0 0 0 30px;
}
#kr-mainsection #aside-pro .block ul.slidenav li ul.slide-subnav a {
font-weight: normal;
}
#kr-mainsection .kr-proddetails.threecol {
width: 548px;
border-left: 1px dotted #ccc;
border-right: 1px dotted #ccc;
/*margin: 0 20px 0 0;*/
margin:0;
padding: 0 20px;
}
#kr-mainsection .kr-proddetails.threecol .tabcanvas {
text-align: center;
padding: 0 0 15px 0;
margin: 0 0 20px 0;
border-bottom: 1px dotted #ccc;
}
#kr-mainsection .kr-proddetails.threecol .media {
/* width: 588px;*/
width:auto;
margin: 0 0 0 30px;
font-size: 11px;
}
#kr-mainsection .kr-proddetails.threecol .media h4 {
margin: 0 0 10px 0;
font-size: 16px;
text-transform:uppercase;
}
#kr-mainsection .kr-proddetails.threecol .media ul {
list-style: none;
}
#kr-mainsection .kr-proddetails.threecol .media ul li {
margin: 0 15px 15px 0;
float:left;
width:155px;
height:125px;
line-height:16px;
}
#kr-mainsection .kr-proddetails.threecol .media ul li img {
display: block;
margin-top:5px;
}
#kr-mainsection .kr-proddetails.threecol .kr-related, #kr-mainsection .kr-proddetails.threecol .mini-slider {
position: relative;
margin:0 0 30px 0;
}
.page-products-colour-effects #kr-mainsection .kr-proddetails.threecol .kr-related {
margin:0 0 10px 0;
}
.page-products-colour-effects #kr-mainsection .kr-proddetails.threecol .kr-related #sd-frame {
margin:0;
height:150px;
}
.page-products-colour-effects #kr-mainsection .kr-proddetails.threecol dl.slidedeck {
height:150px;
}
.node-type-products-display #kr-mainsection dl.slidedeck, .node-type-pro-product-display #kr-mainsection dl.slidedeck, .node-type-pro-product-display #kr-mainsection #sd-frame {
height:160px;
}
#kr-mainsection .kr-proddetails.threecol .kr-related #sd-frame, #kr-mainsection .kr-proddetails.threecol .mini-slider #sd-frame {
height: 190px;
}
#kr-mainsection .kr-proddetails.threecol .kr-related dt, #kr-mainsection .kr-proddetails.threecol .mini-slider dt {
display: none;
}
#kr-mainsection .kr-proddetails.threecol .kr-related h4, #kr-mainsection .kr-proddetails.threecol .mini-slider h4 {
font-size: 16px;
margin: 0 0 20px 0;
}
#kr-mainsection .kr-proddetails.threecol .kr-related .relprod, #kr-mainsection .kr-proddetails.threecol .mini-slider .relprod {
width: 106px;
margin: 0 30px 0 30px;
text-align: center;
font-size: 12px;
line-height: 18px;
}
#kr-mainsection .kr-proddetails.threecol .kr-related .relprod small, #kr-mainsection .kr-proddetails.threecol .mini-slider .relprod small {
font-size: 10px;
}
/*#kr-mainsection .kr-proddetails.threecol .kr-related .rel-next, #kr-mainsection .kr-proddetails.threecol .mini-slider .rel-next {
display: block;
width: 16px;
height: 37px;
position: absolute;
right: 0;
top: 70px;
background: url(../images/rel-next.png) no-repeat;
z-index: 20;
}
#kr-mainsection .kr-proddetails.threecol .kr-related .rel-prev, #kr-mainsection .kr-proddetails.threecol .mini-slider .rel-prev {
display: block;
width: 16px;
height: 37px;
position: absolute;
left: 0;
top: 70px;
background: url(../images/rel-prev.png) no-repeat;
z-index: 20;
}*/
#kr-mainsection .kr-proddetails.fullwidth {
width: 900px;
border: none;
}
#kr-mainsection .kr-proddetails.fullwidth .media {
width:100%;
padding-left:0;
padding-right:0;
}
#kr-mainsection .kr-proddetails.fullwidth .kr-related {
width:100%;
margin-right:0;
}
#kr-mainsection #nail-media {
margin: 0;
padding:0 20px 0 0;
width: 416px;
}
#kr-mainsection #nail-media img {
display:block;
margin:0 auto;
}
#kr-mainsection #nail-media .kr-related, #kr-mainsection #nail-media .mini-slider {
position: relative;
margin: 30px 0 0 0;
}
#kr-mainsection #nail-media .kr-related #sd-frame, #kr-mainsection #nail-media .mini-slider #sd-frame {
height: 137px;
border: 1px solid white;
}
#kr-mainsection #nailgallery-loader {
display:none;
padding: 190px 0px 0px 60px ;
font-size: 10px;
left: 470px;
top: 240px;
line-height: 16px;
position: absolute;
height: 430px;
width: 150px;
z-index: 1001;
}
#kr-mainsection .nailart #procontent {
max-width: 480px;
border-right: none;
}
#kr-mainsection .nailart #procontent .proimageshow {
width: 60px;
}
#kr-mainsection #nailgallery {
width: 662px;
height:auto;
overflow:hidden;
border-right: 1px dotted #ccc;
padding: 0 15px 0 0;
overflow: hidden;
*zoom: 1;
}
#kr-mainsection #nailgallery .nailthumbs {
width: 443px;
}
#kr-mainsection #nailgallery .nailthumbs img {
padding: 0 12px 10px 0;
}
#kr-mainsection #nailgallery .naillrg {
width: 195px;
margin: 0 24px 0 0;
}
#kr-mainsection #aside-detail {
width: 480px;
padding: 0 0 0 20px;
border-left: 1px dotted #ccc;
min-height: 400px;
}
#kr-mainsection #aside-detail table.nailinfo {
margin-top: -7px;
}
#kr-mainsection #aside-detail td,
#kr-mainsection td {
vertical-align: top;
line-height: 24px;
padding-right: 5px;
}
#kr-mainsection #aside-detail td,
#kr-mainsection .view-nail-art-gallery td { width: 50px; }
#kr-mainsection #aside-detail .block {
border-bottom: 1px dotted #ccc;
margin: 0 0 20px 0;
padding: 0 0 15px 0;
width: 480px;
float: right;
}
#kr-mainsection .nailart .block {
border-bottom: 1px dotted #ccc;
padding: 0 0 15px 0;
}
#kr-mainsection .block .instruction-sub-title {
margin: 15px 0;
text-transform: uppercase;
font-family: 'Raleway', "ProximaNovaLight",sans-serif;
font-size: 14px;
}
.aside-wrapper { border-left: 1px dotted #ccc; float: none; margin: 0 0 0 500px; padding: 20px; }
.nailart .kr-related { width: 416px; float: left; }
#main-nail-img { margin-left: 102px; }
.desktop-left { float: left; width: 416px;}
#kr-mainsection #aside-detail .instuctionblock {
border-bottom: none;
}
#kr-mainsection #aside-detail .block .instruction {
margin: 15px 0;
}
#kr-mainsection #aside-detail .block h5,#kr-mainsection .aside-wrapper .block h5, #kr-mainsection article.nailart h4, #kr-mainsection article #aside-nailgallery h4 {
font-size:16px;
line-height:20px;
color:#666;
text-transform:uppercase;
font-family: 'Raleway', "ProximaNovaLight", sans-serif;
margin-bottom:5px;
}
#kr-mainsection #aside-detail .block .instruction li, #kr-mainsection .aside-wrapper .block .instruction li {
position: relative;
padding: 1px 0 15px 0;
height:auto;
overflow:hidden;
}
#kr-mainsection #aside-detail .block .instruction span.list-item, #kr-mainsection .aside-wrapper .block .instruction span.list-item {
font-family: 'Raleway', "ProximaNovaLight", sans-serif;
font-size: 24px;
width:32px;
text-align:center;
margin-right:10px;
color:#999;
}
/* alt style for new nail how-to list */
#kr-mainsection .aside-wrapper .block .instruction .nail-list-parent ul li {
margin-left: 0;
counter-increment: step-counter;
}
#kr-mainsection .aside-wrapper .block .instruction .nail-list-parent ul li::before {
content: counter(step-counter);
font-family: 'Raleway', "ProximaNovaLight",sans-serif;
font-size: 24px;
width: 32px;
text-align: center;
margin-right: 10px;
color: #999;
}
#kr-mainsection #aside-detail .block ul li ul li, #kr-mainsection .aside-wrapper .block ul li ul li { list-style:square; margin-left:25px;}
#kr-mainsection #aside-nailgallery {
width: 225px;
}
#kr-mainsection #aside-nailgallery .block {
margin-bottom:20px;
}
#kr-mainsection #aside-nailgallery .cta-block {
margin-top:0;
}
#kr-mainsection #aside-nailgallery td {
vertical-align: top;
line-height: 16px;
padding:0 20px 10px 0;
font-size: 11px;
}
#kr-mainsection #aside-nailgallery td.strong {font-weight:bold;}
#kr-mainsection #aside-nailgallery td:nth-child( even ) {
font-weight: bold;
}
#kr-mainsection .optinform {
width: 511px;
}
#kr-mainsection .emailsignup {
line-height: 22px;
}
#kr-mainsection .emailsignup label {
display: block;
font-size: 11px;
color: #333;
}
#kr-mainsection .emailsignup input[type="text"] {
border: 1px solid #ccc;
padding: 5px;
display: block;
margin: 0 0 15px 0;
width: 330px;
}
#kr-mainsection .emailsignup em {
font-style: italic;
}
#kr-mainsection .emailsignup .slidemore, #kr-mainsection .emailsignup fieldset.search-advanced .form-submit, #kr-mainsection fieldset.search-advanced .emailsignup .form-submit, #kr-mainsection form#user-register-form .form-submit, #kr-mainsection form#webform-client-form-399 .form-submit {
border: none;
cursor: pointer;
text-indent: 0;
overflow: visible;
}
/* new collection page layout */
#kr-mainsection article .collection-panel-container .collection-panel {
width: 420px;
min-height: 200px;
float: left;
margin-bottom: 50px;
}
#kr-mainsection article .collection-panel-container div.collection-panel:nth-child(2n) {
margin-left: 80px;
}
#kr-mainsection article .collection-panel-container .collection-panel a {
text-decoration: none;
display: inline-block;
}
#kr-mainsection article .collection-panel-container .collection-panel .collection-title {
margin-bottom: 10px;
font-size: 16px;
line-height: 18px;
text-transform: capitalize;
text-decoration: none;
color: #333;
display: block;
font-family: 'Raleway', "ProximaNovaThin", sans-serif;
}
.prodland {
min-height: 535px;
}
.tinyvidlist li {
float: left;
display: inline;
margin: 0 15px 10px 0;
}
ul.bull {
list-style-type: disc;
margin: 0 0 15px 30px;
}
ul.bull li {
list-style-type: disc;
}
/*NAMTRA*/
form#search-block-form, #kr-topbar .optin form {float:right;}
form#search-block-form, #kr-topbar .optin form .form-item {margin:0 3px 0 0; float:left;}
form#search-block-form, #kr-topbar .optin form input {line-height:17px; height:17px; min-height:0;}
#kr-topbar form, #kr-topbar .optin .top-newsletter, #kr-topbar .welcome {display: inline; float: left; line-height:23px; width:auto; text-transform:uppercase; color:#666;}
#kr-topbar .welcome { margin-right:3px; }
#kr-topbar form, #kr-topbar .top-locate {
margin:0 0 0 20px;
}
#kr-topbar .welcome {float:right; white-space:nowrap; line-height:20px;}
#kr-topbar .top-search-form {display:inline;}
#kr-topbar .optin input.not-clicked {color:#999999;}
#kr-topbar .optin .top-locate, #kr-topbar .optin .top-newsletter {float:right; margin-right:3px;}
#kr-topbar .top-locate li span, #kr-topbar .top-newsletter li a {background: url("../images/locate-arrow.gif") no-repeat scroll right 0 transparent; display:block; padding: 0 25px 0 2px; line-height:22px; }
/*#kr-topbar .top-locate li li a, #kr-topbar .top-newsletter li li a {background:none; line-height:15px; float:none;}*/
#kr-topbar .optin {width:408px; float:left;}
#kr-topbar .optin input.form-submit { background: url("../images/btn-search.png") no-repeat scroll 0 0 transparent; border: medium none; height: 21px; width: 21px; padding:0; overflow: hidden; text-indent: -100em;}
#kr-topbar .optin .form-item {
float:left;
}
#edit-basic .search-form input.form-submit {
background: url("../images/btn-search.png") no-repeat scroll 0 0 transparent; display:block; padding:0; border: medium none; height: 21px; width: 21px; overflow: hidden; text-indent: -100em;
}
#edit-basic input.form-submit {
background: url("../images/btn-search.png") no-repeat scroll 0 0 transparent; border: medium none; height: 21px; width: 21px; overflow: hidden; text-indent: -100em;
}
/*Breadcrumbs*/
#kr-breadcrumbs a { background: url("../images/breadcrumb-arrow.png") no-repeat scroll right 0 transparent; padding: 0 12px 0 0px; margin-right:5px;}
#kr-breadcrumbs {text-transform:uppercase; margin:12px 0 0 7px; float:left;}
/*Color/Effects*/
#bottles-container {margin:0 auto 30px; height:auto; overflow:hidden; width:222px;}
#pearls, #shimmers, #sparkles { width:120px;}
a {color:#666; text-decoration:none;}
a:hover {text-decoration:underline;}
/*Shellac */
.slidemore {margin: 12px 5px 0 0;}
a.slidemore:hover {text-decoration:none;}
#kr-mainsection .shellac-wrapper .alignright {
text-align:right;
width:320px;
}
.page-cnd-shellac-salon-registry #salon-disclaimer {
clear:both;
}
.page-register-your-salon #kr-mainsection .fieldset-legend, .page-cnd-shellac-salon-registry #kr-mainsection .fieldset-legend {
padding:0;
background:none;
}
.page-register-your-salon #kr-mainsection .form-actions, .page-cnd-shellac-salon-registry #kr-mainsection .form-actions {
height:auto;
overflow:hidden;
}
/*Nail Gallery*/
#nailgallerynav { margin:20px 0; height:auto; overflow:hidden; }
#nailgallery .disclaimer {
font-size:10px;
font-style:italic;
color:#333;
}
#aside-detail h4, #aside-nailgallery h4 {margin-bottom:14px;}
/*#kr-mainsection article #aside-nailgallery .cta-block p { line-height:20px;}*/
/*Ambassadors Dropdown CSS*/
#kr-mainsection article #state-list ul.more-list li {float:left; clear:both; height:auto; overflow:hidden;}
#kr-mainsection article #state-list ul.more-list li a.statemore {
font-size:16px;
line-height:24px;
text-transform:uppercase;
padding-right:15px;
display:inline-block;
background:url("../images/black-arrow-small.png") no-repeat scroll right center transparent;
}
#kr-mainsection article #state-list ul.more-list li a.statemore:hover {
text-decoration:none;
}
#kr-mainsection article #state-list ul.more-list li div {
clear:both;
}
/*#kr-mainsection article #state-list ul.more-list li a.readmore {font-size:11px;}*/
#kr-mainsection article .col-half {margin: 0 15px 15px 0;}
/* education ambassador */
#kr-mainsection article .ambassador-block .col-half {min-height:200px;}
.ambassador-type { font-family: 'Raleway', Verdana, Geneva, sans-serif; font-size:14px; color:#999; font-weight:bold;}
.kr-prodimg {margin:0 8px 0 0;}
/*Facebook Like overide styles*/
.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
padding: 0 2px;
width: 50px;}
/*Pro Products*/
#procontent .proimage img {
display:block;
margin:0 auto;
}
.proimageshow {
float:left;
width:120px;
height:90px;
line-height: 88px;
border:1px solid #eee;
margin:15px 5px 0px 0;
text-align: center;
}
.proimageshow img {
display:inline-block;
vertical-align: middle;
margin:0 auto;
}
.proimageshow.active {
border:1px solid #bbb;
}
#kr-container .prodland .prod-cat .catlink{
background: none repeat scroll 0 0 #F2F2F2;
}
div.prodland .prod-cat .catlink h2, .prodland .prod-cat .catlink p{
color: #666;
}
/* meet colors */
#kr-mainsection.meet-colors #procontent {
display:block;
}
#kr-mainsection.meet-colors #procontent p.alignright {
display:none;
}
#kr-mainsection.meet-colors #procontent .proimageshow {
display:none;
}
#kr-mainsection.meet-colors #procontent .tabcanvas {
margin:0;
}
#kr-mainsection.meet-colors #shellac p {
margin-bottom:15px;
margin-left:20px;
}
#kr-mainsection.meet-colors #shellac ul {
list-style: disc outside none;
padding-left: 40px;
}
#kr-mainsection.meet-colors #shellac li {
line-height:14px;
}
/*#kr-container #kr-mainsection .products .left-title h1{
margin-left: -3px;
}
*/
.node-type-products-landing #kr-container #kr-mainsection .cta-block {
margin-bottom:25px;
}
#kr-container #kr-mainsection .products .intro-block p {
line-height: 20px;
padding-bottom:20px;
}
.node-type-products-landing #kr-mainsection article, .page-products-colour-effects #kr-mainsection article {
padding-right:0;
}
.page-products.node-type-products-landing #kr-mainsection article .cta-block {
margin-right:19px;
}
/*#kr-container #kr-mainsection .products .cta-block h4{
color: #666666;
font-family: 'Raleway', "ProximaNovaLight", sans-serif;
text-transform: uppercase;
margin-bottom:6px;
}*/
#kr-container #kr-mainsection .products .cta-block a {
display:inline-block;
text-indent:0;
margin:0;
}
#kr-container #kr-mainsection .products .cta-block{
padding-bottom: 0px; height: 80px; min-height:80px;
}
#kr-container #kr-mainsection .products .intro-block {
padding-bottom: 175px;
}
#kr-container #kr-mainsection .products .intro-block h6{
padding: 10px 0 0 20px;
}
#kr-container #kr-mainsection .products .intro-block h2{
margin:2px 0 6px; padding-left: 20px;
}
#kr-container #kr-mainsection .products .intro-block p{
margin-top: 0px; padding:0 20px; line-height: 18px; margin-bottom: 10px;
}
/*------ pro products categories --------*/
#kr-container #kr-mainsection .pro-products-categories .catlink{
background:#f2f2f2;
background: rgba(0, 0, 0, 0.05);
}
#kr-container #kr-mainsection .pro-products-categories .catlink p{
color: #666;
}
/*Search page system css override*/
.item-list .pager { width:600px; float:right; text-align:right;}
.item-list .pager li.pager-item, .item-list .pager li.pager-current {
border-right: 1px solid #333333;
line-height: 24px;
margin: 0;
padding: 0 10px 0 5px;
}
/*Open Template css override*/
#kr-mainsection article.open .content p {}
#kr-mainsection article.open .content strong {font-weight:bold;}
/*#kr-mainsection article open .content em { font-style:italic;}*/
#kr-mainsection article.open .content h1 {font-size:24px;}
#kr-mainsection article.open .content h2 {font-size:20px; margin-top:3px;}
#kr-mainsection article.open .content h3 {font-size:18px;}
#kr-mainsection article.open .content h4 {font-size:16px;}
#kr-mainsection article.open .content h5 {font-size:14px;}
#kr-mainsection article.open .content ul li {list-style-type:square; margin-left:35px;}
#kr-mainsection article.open .content ol li {list-style:decimal; margin-left:35px;}
#kr-mainsection article.open .content a {}
/* Slider for Homepage Overides*/
.slideControl {}
/*Salon Services Landing Fixes*/
#kr-mainsection article.salonservices-landing {padding-right: 8px; height:auto; overflow:hidden; padding-bottom: 0px; margin-bottom:25px;}
#kr-mainsection article.salonservices-landing p, #kr-mainsection article .left-title p { line-height:20px; margin-top: 0px; margin-bottom: 23px;margin-left: 2px;}
/*#kr-mainsection article.salonservices-landing .left-title {margin-bottom: 25px;}*/
#kr-mainsection article.salonservices-landing h4 {color: #666666; font-size: 19px; margin: 0; font-family: 'Raleway', "ProximaNovaLight",sans-serif; font-weight: normal; }
#kr-mainsection article.salonservices-landing .topright h4, #kr-mainsection article .cta-block h4 {color: #666666; font-size: 15px; text-transform:uppercase; margin: 0 0 6px; font-family: 'Raleway', "ProximaNovaLight",sans-serif; font-weight: normal; }
#kr-mainsection article.salonservices-landing .cta-block {margin:15px 8px 15px 0}
#kr-mainsection article.salonservices-landing .cta-block h2 {margin:0 0 10px 0}
#kr-mainsection article.salonservices-landing .intro-block h2 { color:#666; }
#kr-mainsection article.salonservices-landing .intro-block, .node-type-products-landing #kr-mainsection article .intro-block {padding: 3px; margin:0 11px 10px 0; width:295px ; padding-right: 0px;}
#kr-mainsection article.salonservices-landing .intro-block h2 a { background-position:right center;}
#kr-container #kr-mainsection article .intro-block .copy {padding:19px 17px 19px 25px; min-height: 125px;}
#kr-container #kr-mainsection article .intro-block .copy h2 {padding:0; margin: 2px 0 6px 0;}
#kr-container #kr-mainsection article .intro-block .copy h6 {padding-left:0;}
#kr-container #kr-mainsection article .intro-block .copy p {padding-left:0; line-height: 18px; margin:0px;}
#kr-mainsection article .bottom .content {float: left; margin: 25px; width: 245px; padding:2px;}
#kr-mainsection article.salonservices-landing .bottom { width:913px;}
#kr-mainsection article.salonservices-landing .bottom .content h6, #kr-mainsection article.salonservices-landing .bottom .content h2, #kr-mainsection article.salonservices-landing .bottom .content p { padding-left:0px; margin:0px;}
#kr-mainsection article.salonservices-landing .discover {width:912px;margin: 0 0 10px;height: 186px;overflow:hidden;margin-bottom: 9px;padding-bottom: 1px;}
#kr-mainsection article.salonservices-landing .discover .content {width:321px; padding:20px 20px 0 20px; margin:0;}
#kr-container #kr-mainsection .salonservices-landing .cta-block{margin-top: 3px;}
#kr-container #kr-mainsection .salonservices-landing .left-title{margin-bottom: 0px;}
/*#kr-container #kr-mainsection .salonservices-landing .topright{max-height: 81px;padding-bottom: 0px; margin-bottom: 0px;min-height: 81px;}*/
#kr-container #kr-mainsection .salonservices-landing .cta-block .content h2 {font-size: 43px; font-family: 'Raleway', "ProximaNovaThin",sans-serif; width: 325px; margin-bottom: 9px;}
#kr-container #kr-mainsection .salonservices-landing .cta-block .content a{margin:0 0 0 2px;}
#kr-container #kr-mainsection .salonservices-landing .intro-block .content {margin-top: 18px;}
#kr-container #kr-mainsection .salonservices-landing .intro-block .content h6 {margin-bottom: 3px;}
#kr-container #kr-mainsection .salonservices-landing .intro-block .content p{padding-top: 7px; line-height: 18px;}
#kr-mainsection article.salonservices-landing .discover .content p{font-size: 14px; margin:0 0 15px 2px;}
/*Nail Art ViewFixes*/
#kr-mainsection article.open {padding-left:18px; font-size:11px; }
#kr-mainsection article.open p {line-height:18px;}
#kr-mainsection article #aside-nailgallery .cta-block h4 {color: #666666; font-size: 14px; margin: 0 0 5px; font-family: 'Raleway', "ProximaNovaRegular",sans-serif; font-weight: normal; }
#kr-mainsection article #aside-nailgallery .cta-block a {
background-position:right -10px;
}
/*Nail Art Detail*/
#kr-mainsection article.nailart {padding:35px 0 40px 15px;}
#kr-mainsection article.nailart .left-title {width:auto; margin-bottom:25px;}
#kr-mainsection article.nailart #nail-media .kr-related {margin:38px 0 0; padding:28px 0 0 0;}
#kr-mainsection article.nailart #nail-media .kr-related p {font-size: 10px; line-height: 14px;}
#kr-mainsection article.nailart td {font-size: 11px;}
#kr-mainsection article.nailart table td.strong { font-weight:bold;}
#kr-mainsection article.nailart li {font-size: 11px;line-height: 18px;}
#kr-mainsection article.nailart div.no-arrows .relprod { margin-left: 0;}
#print-btn {
background: url(/sites/all/themes/cnd/images/print-icon.png) no-repeat;
color: #2A99DD;
display: block;
float: right;
margin-right: 10px;
padding-left: 20px;
}
/*Leadership*/
#kr-mainsection article.leadership {padding-top:26px;}
#kr-mainsection article.leadership p.leadership-desc {line-height: 18px; font-size:11px; border-bottom: 1px dotted #CCCCCC; padding-bottom: 30px;}
#kr-mainsection article.leadership .about-post h3, #kr-mainsection article.ambassadors h3 { font-size:14px; line-height:18px;margin-bottom: 3px; text-transform:none; font-family: 'Raleway', verdana,sans-serif; font-weight:bold;}
#kr-mainsection article.leadership .about-post p.title { font-size:12px; line-height:18px; margin-bottom:5px;}
#kr-mainsection article.leadership .about-post p {font-size:11px; line-height:14px; margin:0 0 15px;}
#kr-mainsection article.leadership a.readmore, #kr-mainsection article #state-list ul.more-list li a.readmore {font-size:11px; line-height:14px; float:left; }
/*THIS IS A TEST OVERRIDE TO CHANGE THE OPACITY ON THE TOP NAV 05/10/12*/
#kr-header #gnav, #kr-header #signin {opacity: 1;}
/*Product Category Overide*
#kr-mainsection article.prod-cat .catlink, #kr-mainsection article.about .cta-block {
padding: 24px 32px 10px 133px;
/*min-height: 134px;*
margin: 0 0 6px;
height:auto;
overflow:hidden;
}*/
#kr-mainsection article.about .cta-block {
width: 360px;
}
#kr-mainsection article.about .cta-block, .page-education-education-team #kr-mainsection article .catlink {
padding-left:30px;
}
#kr-mainsection article.prod-cat .catlink img {left:0px;}
#kr-mainsection article.prod-cat p.intro { margin: 0 0 37px;}
/* mission */
.page-about-mission #kr-mainsection article .node {
width:500px;
}
/*Product Display Overides*/
#kr-mainsection article.prod-display .ui-tabs {padding:2px; border:0; height:auto; overflow:hidden;}
#kr-mainsection article.prod-display .kr-prodintro {height:auto; overflow:hidden; margin:0 20px 0 0;}
#kr-mainsection article.prod-display .kr-prodintro h3 { margin-bottom:11px;}
#kr-mainsection article.prod-display .kr-prodintro p { margin: 0 0 25px;}
#kr-mainsection article.prod-display .kr-prodnav {padding:8px 0 20px 0; float:none; margin-bottom:20px; border-bottom:1px dotted #ccc; width:auto; display:block; clear:both; }
#kr-mainsection article.prod-display #tabs, #kr-mainsection article.prod-display #tabs-2 { padding:0;}
#kr-mainsection article.prod-display .kr-proddetails {margin: 0 17px 0 0; padding:0 20px 0 0; width:632px;}
#kr-mainsection article.prod-display .prodnav-inner { width:auto; height:130px; overflow-y:scroll;}
#kr-mainsection article.prod-display .kr-proddetails .tabcanvas { width:auto; padding:0; margin:0; }
#kr-mainsection article.prod-display .kr-proddetails .tabcanvas div { margin:0 0 100px 0; }
/*#kr-mainsection article.prod-display .kr-proddetails .tabcanvas div h2 { text-align: right; padding-right:60px; }*/
#kr-mainsection article.prod-display .kr-proddetails.fullwidth {width:937px;}
/*#kr-mainsection article.prod-display .kr-proddetails .tabcanvas {float:left; width:690px; padding-right:10px; margin:0 0 20px;/*margin: 0 30px 20px 0;*}*
#kr-mainsection article.prod-display .kr-proddetails.fullwidth .tabcanvas {border:0; border-right:1px dotted #ccc;}
.page-node-123 #kr-mainsection article.prod-display .kr-proddetails .tabcanvas { border:0;}*/
#kr-mainsection article.prod-display .kr-proddetails .sizes {
padding-left:25px;
}
#kr-mainsection article.prod-display {
height:auto;
overflow:hidden;
padding-bottom:40px;
}
#kr-mainsection article.prod-display #prodcontent .sizes, #kr-mainsection article.prod-display .kr-proddetails .sizes {
/*float:right;*/
border-right:0;
border-bottom:1px dotted #ccc;
margin-bottom:20px;
/*width:211px;*/
padding-top:8px;
width:100%;
}
#kr-mainsection article.prod-display #prodcontent .sizes .sizes-img, #kr-mainsection article.prod-display .kr-proddetails .sizes .sizes-img {
margin:0 20px 20px 0;
}
/*
#kr-mainsection article.prod-display .kr-proddetails .sizes {
float:left;
border:0;
padding-top:20px;
margin-right:10px;
}*/
#kr-mainsection article.prod-display .kr-proddetails.w-attributes, .node-type-products-display #kr-mainsection article .kr-proddetails.fullwidth {
margin-bottom:50px;
}
#kr-mainsection article.prod-display .kr-proddetails.w-attributes .sizes h4, #kr-mainsection article.prod-display .kr-proddetails.w-attributes .media h4, .node-type-products-display #kr-mainsection article .media h4 {
margin-bottom:20px;
}
#kr-mainsection article.prod-display .mini-slider .relprod { font-size:11px;}
#kr-mainsection article.prod-display .kr-related {
margin-right:2px;
}
#kr-mainsection article.prod-display .kr-proddetails .kr-related {
float:left;
clear:none;
width:622px;
margin-top:0;
/*padding-left:25px;
border-top:0;
border-left:1px dotted #ccc;*/
}
#kr-mainsection article.prod-display .kr-proddetails .kr-related #sd-frame {
width:auto;
}
#kr-mainsection article .kr-proddetails .media, .node-type-products-display #kr-mainsection article .media {
margin:2px 0 10px 0;
padding-top:20px;
border-top:1px dotted #ccc;
width:660px;
}
.node-type-products-display #kr-mainsection article .media {
width:918px;
}
#kr-mainsection article .kr-proddetails.w-attributes .media, .node-type-products-display #kr-mainsection article .media ul {
padding:0 10px 0 30px;
height:auto;
overflow:hidden;
}
#kr-mainsection article .kr-proddetails.w-attributes .media li, .node-type-products-display #kr-mainsection article .media li {
float:left;
margin-right:30px;
width:106px;
}
#kr-mainsection article .kr-proddetails.w-attributes .media a, .node-type-products-display #kr-mainsection article .media a {
display:block;
text-align:center;
line-height:15px;
margin-bottom:30px;
}
#kr-mainsection article .kr-proddetails.w-attributes .media img, .node-type-products-display #kr-mainsection article .media img {
display:block;
margin:0 auto 10px;
font-size:12px;
line-height:15px;
}
/*Product Category Overide*/
#kr-mainsection article.about .cta-block img {left:0px;}
#kr-mainsection article.about p.intro { margin: 0 0 37px;}
#kr-mainsection article .cta-block p {font-family: 'Raleway', Verdana,Geneva,sans-serif;font-size: 11px;line-height: 18px;}
/*About Category Overide*/
#kr-mainsection article.ambassadors {padding: 24px 0 40px 15px;}
#kr-mainsection article.ambassadors h3 { margin:0 0 0 0;}
#kr-mainsection article.ambassadors p.intro {margin: 0 0 26px; font-size:11px; line-height:18px;}
#kr-mainsection article.ambassadors .tabnav, #kr-mainsection article #panel-tabs ul.ui-tabs-nav { margin-left:2px;}
#kr-mainsection article.ambassadors .tabnav ul li a.active, #kr-mainsection article #panel-tabs ul.ui-tabs-nav li.ui-state-active a{
-moz-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
behavior: url(/sites/all/libraries/modernizr/PIE.htc);
}
#kr-mainsection .about .cta-block{
background: rgba(0, 0, 0, 0.05);
}
#kr-mainsection .about .cta-block h2, #kr-mainsection .about .cta-block p{
color: #666;
}
/*User (Pro) Register Form Overide*/
#kr-mainsection form#user-register-form { margin: 0px; }
#kr-mainsection form#user-register-form .description{ margin:4px 0 0; line-height: 1.4em; margin: 4px 0 0; width: 520px; clear:left; }
#kr-mainsection form#user-register-form #edit-field-e-mail-opt-in-und .form-item { float:left; margin-right:0.5em; }
#kr-mainsection form#user-register-form #edit-field-e-mail-opt-in-und input.form-radio { margin: 0 0 3px; }
#kr-mainsection form#user-register-form .form-item-field-licensed-beauty-profession-und .description { font-weight:bold; }
#kr-mainsection form#user-register-form #edit-actions {
height:auto;
overflow:hidden;
}
/*Newsletter Signup Form Overide*/
#kr-mainsection form#webform-client-form-399 .form-required {
display:none;
}
#kr-mainsection form#webform-client-form-399 #webform-component-opt-in-via-mail .form-type-radio,
#kr-mainsection form#webform-client-form-399 #webform-component-opt-in-via-email .form-type-radio { float:left; margin-right:0.5em; }
#kr-mainsection form#webform-client-form-399 #webform-component-opt-in-via-mail input.form-radio,
#kr-mainsection form#webform-client-form-399 #webform-component-opt-in-via-email input.form-radio { margin: 0 0 3px; }
#kr-mainsection form#webform-client-form-399 #webform-component-opt-in-via-mail .description,
#kr-mainsection form#webform-client-form-399 #webform-component-opt-in-via-email .description {
clear:left;
}
#kr-mainsection form#webform-client-form-399 .form-actions {
height:auto;
overflow:hidden;
margin-bottom:20px;
}
#kr-mainsection form#webform-client-form-399 #newsletter-disclaimer {
font-size:0.9em;
line-height:1.6em;
clear:both;
}
#kr-mainsection #newsletter-confirmation {
width: 475px;
}
#kr-mainsection #newsletter-confirmation-social .sm-icons {
float:left;
margin-right:5px;
}
#kr-mainsection #newsletter-confirmation-social a {
line-height:16px;
}
#newsletter-confirmation #thank-you-msg{ margin:20px 0 30px; }
#newsletter-confirmation-social{ padding:30px; background-color:#eeeeee; }
#kr-mainsection #newsletter-confirmation-social { margin:0 0 50px; }
#kr-mainsection #newsletter-confirmation-social p { line-height: 20px; margin:0; }
#kr-mainsection #newsletter-confirmation-social h3 { font-size: 24px; text-transform: uppercase; margin: 0 0 10px; }
#kr-mainsection #newsletter-confirmation-social .cta-btn { margin-top:20px; }
#kr-mainsection #newsletter-confirmation-social .cta-btn .slidemore { font-size:15px; }
/*Community Page Override*/
/*Typography*/
#kr-mainsection article #feedback-box.cta-block p a {
font-size:1em;
}
#kr-mainsection article #feedback-box.cta-block p .slidemore {
text-indent:0;
color:#fff;
}
#kr-mainsection article #feedback-box.cta-block h4 {
text-transform: uppercase;
font-weight:normal;
}
#kr-mainsection #intro-copy.community-2col p {
font-size:12px;
line-height:24px;
}
#kr-mainsection .community-block h2 {
line-height:45px;
font-size:20px;
}
#kr-mainsection .community-block h2 a, #kr-mainsection .community-block h2 span {
color:#333333;
}
#kr-mainsection #follow-box.community-block h2 {
line-height:20px;
font-size:12px;
text-transform:none;
}
#kr-mainsection #follow-box.community-block h2 a {
color:#333333;
}
#kr-mainsection .community-block h2 a:hover {
text-decoration: none;
}
#kr-mainsection .community-block .views-field-title {
font-size:15px;
line-height:1.2em;
}
.section-community #kr-mainsection article h1, .page-terms-use.node-type-open-template #kr-mainsection article h1, .page-privacy-policy.node-type-open-template #kr-mainsection article h1, .page-contact-us.node-type-open-template #kr-mainsection article h1, .page-find-salon.node-type-open-template #kr-mainsection article h1, .page-find-school.node-type-open-template #kr-mainsection article h1, .page-find-retail-store.node-type-open-template #kr-mainsection article h1, .page-find-distributor.node-type-open-template #kr-mainsection article h1, .page-find-class.node-type-open-template #kr-mainsection article h1, .page-find-tradeshow.node-type-open-template #kr-mainsection article h1, .node-type-career-article #kr-mainsection article .article-head h2 {
font-size: 54px;
line-height: 56px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}
.section-community #kr-mainsection .article-head {
float:left;
}
.section-community #kr-mainsection .clearfix {
clear:both;
}
/*Layout*/
#kr-mainsection .community-1col {
width:299px;
margin:0 10px 0 0;
float:left;
}
#kr-mainsection .community-2col {
width:610px;
margin:0 10px 0 0;
float:left;
}
#kr-mainsection .community-block {
background-color: #E5E5E5;
padding: 10px;
margin:0 0 10px 0;
}
#kr-mainsection .community-2col .community-block {
width: 590px;
}
#kr-mainsection .community-1col .community-block {
width: 280px;
}
#kr-mainsection #newsletter-confirmation #follow-box.community-block {
background:none;
padding-left:0;
}
#kr-mainsection .community-1col.last,
#kr-mainsection .community-2col.last {
margin-right:0;
}
#kr-mainsection article #feedback-box.cta-block {
margin-right:0;
}
#kr-mainsection article #feedback-box.cta-block P {
margin:0;
}
#kr-mainsection article #feedback-box.cta-block,
#kr-mainsection #intro-copy.community-2col {
margin-bottom:15px;
}
#kr-mainsection #intro-copy.community-2col {
clear:left;
}
#kr-mainsection #intro-copy.community-2col p.intro {
margin:0;
}
#kr-mainsection .community-block h2 {
height:45px;
margin:0 0 10px 0;
background-repeat:no-repeat;
background-position:0px 3px;
}
#kr-mainsection .community-block h2 a, #kr-mainsection .community-block h2 span {
padding:0 0 0 47px;
display:block;
height:45px;
}
#kr-mainsection .twtr-scroll .twtr-timeline {
overflow-y:scroll;
}
#kr-mainsection #follow-box.community-block {
padding:17px 20px 13px;
width:260px;
}
#kr-mainsection #follow-box.community-block h2 a {
padding:0;
display:inline;
}
#kr-mainsection .community-block h2.no-icon a {
padding:0;
}
#kr-mainsection #follow-box.community-block h2 {
padding:0;
height:22px;
line-height:22px;
}
#kr-mainsection .community-block .views-field-title {
margin:0 0 10px 0;
}
#kr-mainsection #follow-box.community-block h2 img {
float:left;
margin-right:5px;
}
#kr-mainsection #facebook-box.community-block h2 {
background-image:url('../images/sm-icons/facebook.png');
}
#kr-mainsection #youtube-box.community-block h2 {
background-image:url('../images/sm-icons/youtube.png');
}
#kr-mainsection #twitter-box.community-block h2 {
background-image:url('../images/sm-icons/twitter.png');
}
#kr-mainsection #pinterest-box.community-block h2 {
background-image:url('../images/sm-icons/pinterest.png');
}
#kr-mainsection #instagram-box.community-block h2 {
background-image:url('../images/sm-icons/instagram.png');
}
#kr-mainsection #tumblr-box.community-block h2 {
background-image:url('../images/sm-icons/tumblr.png');
}
#kr-mainsection #blog-box.community-block h2 {
background-image:url('../images/sm-icons/cndi-blog-large.png');
}
#kr-mainsection #blog-box.community-block p {
font-size:18px;
line-height:24px;
color:#999;
}
#kr-mainsection #facebook-box.community-block .fb-activity {
position:relative;
min-height:340px;
}
#kr-container div#kr-mainsection.full .community-1col #facebook-box.community-block{
height: 500px;
}
#kr-mainsection #facebook-box.community-block .fb-activity span {
position:absolute;
left:0;
top:0;
}
#kr-mainsection #nails-app-box.community-block {
height:184px;
}
#kr-mainsection #nails-app-box.community-block .nails-app {
text-align:center;
}
#kr-mainsection #nails-app-box.community-block .nails-app a {
display:inline-block;
float:left;
}
#kr-mainsection #nails-app-box.community-block .nails-app .app-icon {
margin:8px 0 0 18px;
}
#kr-mainsection #nails-app-box.community-block .nails-app .store-icon {
margin:38px 0px 0 25px;
}
#kr-mainsection #instagram-box.community-block {
height:700px;
width:290px;
padding:10px 0 10px 10px;
}
#kr-mainsection #pinterest-box.community-block {
height:370px;
}
#kr-mainsection #pinterest-box.community-block .views-row {
width:60px;
height:60px;
overflow:hidden;
float:left;
padding:0;
margin:0 10px 10px 0;
}
#kr-mainsection #pinterest-box.community-block img {
width:100px;
margin-bottom:20px;
}
#kr-mainsection #instagram-box.community-block .views-row {
width:62px;
height:62px;
overflow:hidden;
float:left;
padding:0;
margin:0 10px 10px 0;
}
#kr-mainsection #instagram-box.community-block img {
width:100px;
}
#kr-mainsection #tumblr-box.community-block {
height:254px;
}
#kr-mainsection #blog-box.community-block {
height:192px;
}
#kr-container div#kr-mainsection.full #blog-box.community-block p{
margin-bottom: 5px;
}
#kr-mainsection #twitter-box.community-block {
height:370px;
}
#kr-mainsection #blog-box.community-block .view,
#kr-mainsection #tumblr-box.community-block .view
{
overflow-y:auto;
overflow-x:hidden;
height:129px;
width:280px;
}
#kr-mainsection #blog-box.community-block .view{
height:134px;
}
#kr-mainsection #tumblr-box.community-block .view
{
height:129px;
}
#kr-mainsection #tumblr-box.community-block .view {
height:194px;
}
#kr-mainsection #tumblr-box.community-block .views-row {
clear:left;
}
#kr-mainsection #tumblr-box.community-block .views-field-description {
display: block;
font-size: 12px;
text-align: center;
}
#kr-mainsection #tumblr-box.community-block img {
margin: 0 0 3px;
max-height: 270px;
max-width: 270px;
}
#kr-mainsection #tumblr-box.community-block .view-tumblr-feed .views-row,
#kr-mainsection #blog-box.community-block .view-blog-feed .views-row {
padding-bottom:10px;
font-size:11px;
line-height:18px;
}
#kr-mainsection #tumblr-box.community-block .view-tumblr-feed .views-row-last,
#kr-mainsection #blog-box.community-block .view-blog-feed .views-row-last {
padding-bottom:0;
margin-bottom:0;
border-bottom:0;
}
#kr-mainsection #tumblr-box.community-block .view-tumblr-feed .field-content p,
#kr-mainsection #blog-box.community-block .view-blog-feed .field-content p
{
margin:0px;
}
#kr-mainsection .community-block .magazine-rack #sd-frame {
width:280px;
height:130px;
overflow:hidden;
position:relative;
}
#kr-mainsection #media-box.community-block {
height:192px;
}
#kr-mainsection .magazine-rack .rel-next {
display: block;
width: 16px;
height:80px;
position: absolute;
left: 0;
top: 0; /* 60 */
text-indent:-9999px;
background: url(../images/arrow-gray-left.png) no-repeat left center;
z-index: 20;
}
#kr-mainsection .magazine-rack .rel-prev {
display: block;
width: 16px;
height: 80px;
position: absolute;
right: 0;
top: 0;
text-indent:-9999px;
background: url(../images/arrow-gray-right.png) no-repeat right center;
z-index: 20;
}
#kr-mainsection .community-block .magazine-rack dl {
position:absolute;
top:0;
left:0;
}
#kr-mainsection .community-block .magazine-rack dl dt {
display:none;
}
#kr-mainsection .community-block .magazine-rack dl dd {
float:left;
margin:0;
width:280px;
height:120px;
background-color:transparent;
}
#kr-mainsection .community-block .magazine-rack dl dd .relprod {
width:105px;
margin:0 17px;
text-align:center;
float:left;
display:inline;
overflow:hidden;
}
#kr-container #kr-mainsection .community-block .magazine-rack dl dd a.pdf {
padding:0;
background:none;
}
/*Press Release and Forms Views*/
#kr-mainsection article.press .view-content {}
#kr-mainsection article.press h3, #kr-mainsection article.press-releases h3, #kr-mainsection article.careers h3, #kr-mainsection article.careers-detail h3 { font-size:20px; margin-bottom:11px; line-height:24px;}
#kr-mainsection article.press .views-field .views-field-body {}
#kr-mainsection article.press .view-content .slidemore {background:none; margin:0; padding:0;}
#kr-mainsection article.press .view-content .slidemore a {background: url("../images/black-arrow-small.png") no-repeat scroll right center transparent; color: #666666; font-family: 'Raleway', "ProximaNovaLight",sans-serif;font-size: 11px; padding:0 13px 0 0;}
.views-row { margin-bottom:20px; border-bottom:1px #ccc dotted; padding-bottom:20px;}
.submitted, .views-field-created .field-content, .views-field-field-date, .field-name-field-date { font-style:italic; color:#999; margin:10px 0; display:block;}
.field-name-field-date .field-label { font-weight:normal; }
#kr-mainsection article.press-releases .content ul li {list-style:square; margin-left:14px;}
#kr-mainsection article.press-releases .content strong { font-weight:bold;}
/*Careers Overide*/
#kr-mainsection article.careers .view-content {}
#kr-mainsection article.careers .views-field .views-field-body {}
/*#kr-mainsection article.careers .view-content .slidemore {background:none; margin:0; padding:0;}
#kr-mainsection article.careers .view-content .slidemore a {background: url("../images/black-arrow-small.png") no-repeat scroll right center transparent; color: #666666; font-family: "ProximaNovaLight",sans-serif;font-size: 11px; padding:0 13px 0 0;}
.views-row { margin-bottom:20px; border-bottom:1px #ccc dotted; padding-bottom:20px;}*/
.submitted, .views-field-created .field-content { font-style:italic; color:#999; margin:10px 0; display:block;}
#kr-mainsection article.careers-detail .content ul li {list-style:square; margin-left:14px;}
#kr-mainsection article.careers-detail .content strong { font-weight:bold;}
/*Register Salon*/
#webform-client-form-442 fieldset.collapsible,
#webform-client-form-442 fieldset {
padding:20px;
border: 1px solid #ccc;
margin-bottom:20px;
width: 400px;
}
#webform-client-form-442 #webform-component-address,
#webform-client-form-442 #webform-component-salon-hours {
float: right;
clear: right;
}
#webform-client-form-442 fieldset#webform-component-terms-and-conditions,
#webform-client-form-442 fieldset#webform-component-terms-and-conditions--requirements {
width: auto;
clear: both;
min-height: inherit;
margin-top:20px;
}
#webform-client-form-442 .webform-component{
margin-top: 2em;
margin-bottom: 2em;
}
#webform-client-form-442 .form-radios .form-type-radio {
float: left;
margin-right:20px;
}
#webform-client-form-442 .webform-component-radios .description {
clear:left;
}
#webform-client-form-442 .webform-component-radios input {
margin-bottom: 5px;
}
#webform-client-form-442 #salon-disclaimer p {
font-size:0.9em;
line-height:1.6em;
}
/* Education Team */
.view-education-team .view-header {
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 10px;
padding-bottom: 10px;
}
.profile-img {
float: left;
margin-right: 10px;
width: 120px;
}
#kr-mainsection article h3.ambassador-name {
color: #666;
font-size: 18px;
font-weight: bold;
font-family: 'Raleway', "ProximaNovaThin",sans-serif;
margin: 0;
}
#kr-mainsection article .excerpt-bio, #kr-mainsection article .bio-more, #kr-mainsection article .profile-location, #kr-mainsection article .profile-email {
font-size: 11px;
line-height: 18px;
}
#kr-mainsection article .view-education-team p {
margin-bottom: 8px;
}
.view-education-team td.col-1 {
border-right: 1px dotted #CCCCCC;
}
.view-education-team td.col-1 {
min-height: 180px;
}
.view-education-team .profile-border {
clear: both;
margin: 10px;
height: 1px;
width: 440px;
border-bottom: 1px dotted #CCCCCC;
}
.hidden {
display: none;
}
.view-education-team td.col-2 {
padding-left: 10px;
}
/* Color and Effects page */
#color-container { width:670px; padding-left:21px; position:relative; }
#colour-intro { float:left; width:305px; font-size:9px; color:#939598; line-height:normal; letter-spacing:-0.5px; margin:0; padding:0; }
#effect-intro { float:right; text-align:right; width:365px; font-size:9px; color:#939598; line-height:normal; letter-spacing:-0.5px; margin:0; padding:0; }
#content-container { clear:both; padding:15px 0; margin:0; position:relative; }
#loader { height:414px; width:670px; font-size:10px; line-height:16px; position:absolute; z-index:1001; background:#fff; top:0px; left:0px; }
#loader div { margin:0 auto; padding:190px 0 0 0; display:block; width:85px; display:none; }
#loader img { padding-right:5px; width:16px; height:16px; }
#colours { padding:0; float:left; /*width:168px; height:379px;*/ position:relative; }
#colours ul { margin:0; padding:0; clear:both; /*width:153px; border-bottom:1px solid #ECECEC;*/ float:left; }
#colours ul li { margin:0; padding:0; display:inline; float:left; height:20px; width:28px; position:relative; overflow:hidden; cursor:pointer; }
#colours ul li img, #effects ul li img { height:16px; width:24px; position:absolute; top:2px; left:2px; }
#colours h2 { clear:both; font-weight:normal; font-size:11px; color:#939598; padding:3px 0 0 3px; width:150px; margin:0; border-top:1px solid #B3B2B2; }
#colours-bottles, #effects-bottles { position:relative; float:left; width:111px; height:379px; }
#colours-bottles img { position:absolute; top:169px; left:-1px }
#colours-bottles img#allure-label { top:79px; left:25px; display:none; }
#allure-text { position:absolute; top:492px; left:247px; font-size:10px; color:#000; letter-spacing:-1px; }
#allure-text span { color:#E00052; }
#allure-text-mask { position:absolute; top:492px; left:247px; height:20px; width:300px; background-color:#fff; }
#effects-bottles { position:relative; float:left; width:111px; height:378px; background:url(/sites/default/files/color_effects/effects-bottle-bg.jpg) no-repeat left bottom; }
#effects-bottles img { position:absolute; top:169px; left:0px }
#effects { padding:0; /*float:right; width:170px; height:244px;*/ position:relative; }
#effects h2 { clear:both; font-weight:normal; font-size:11px; color:#939598; padding:3px 0 0 3px; width:147px; margin:0; border-top:1px solid #B3B2B2; }
#effects ul { margin:0; padding:0px; clear:both; width:100px; float:left; }
/*#effects ul#pearls { background:url(/Products/images/colours/pearls.gif) no-repeat 5px 5px; }
#effects ul#shimmers { background:url(/Products/images/colours/shimmers.gif) no-repeat 5px 5px; }*/
#effects ul#sparkles { border:0; }
#effects ul li { margin:0; padding:0; display:inline; float:left; height:20px; width:30px; position:relative; overflow:hidden; cursor:pointer; }
.page-try-colour-effects .name { position:absolute; top:342px; left:12px; height:37px; width:85px; font-size:11px; color:#000; letter-spacing:-1px; line-height:1; }
.page-try-colour-effects .name div { position:relative; top:8px; }
/* Color Effects Page */
#color-effect-container { position:relative; }
#text-column { width:242px; padding-left:5px; height:463px; float:left; position:relative; }
#text-column #intro-header { padding:92px 0 5px 18px; position:relative; }
#content-area #text-column p { font-size:10px; padding:0 0 10px 20px; margin:0 -10px 0 0; line-height:1em; position:relative; }
#content-area #text-column p.footnote { padding:80px 10px 10px 27px; margin:0; text-indent:-7px; }
#text-column a { color:#9F1618; text-decoration:underline; }
#text-column a:hover { color:#9F1618; text-decoration:none; }
.swatches { width:101px;height:425px; float:left; padding-right:12px; position:relative; }
.swatches ul { margin:0 auto; padding:0; width:28px; }
.swatches ul li { margin:0; padding:0; display:block; height:22px; width:28px; position:relative; overflow:hidden; cursor:pointer; }
.swatches ul li img { height:16px; width:24px; position:absolute; top:3px; left:2px; opacity:0.40;filter:alpha(opacity=40) }
.swatches ul li#color-502-562 img, .swatches ul li#effect-502-562 img { opacity:1;filter:alpha(opacity=100) }
#content-area #colour-column div.click-intro { padding:0 0 17px 0; margin:-4px -49px 0 0; color:#111112; width:150px; line-height:normal;position:relative; }
.name-container { height:37px; width:85px; padding:0 19px 0 7px; position:absolute; bottom:0; left:0; font-size:11px; color:#000; letter-spacing:-1px; line-height:1; }
.name-container div { position:relative; top:8px; }
#allure-text2 { position:absolute; top:502px; left:317px; font-size:10px; color:#000; letter-spacing:-1px; display:none; }
#allure-text2 span { color:#E00052; }
#fingernail { position:relative; background:url(/sites/default/files/color_effects/fingernails/finger-bg.jpg) no-repeat left bottom; height:478px; width:220px; float:left; }
#fingernail img { position:absolute; top:15px; left:36px }
#fingernail img#fingerloader { display:none; position:absolute; top:180px; left:97px; z-index:200; height:16px; width:16px; padding:2px; }
#fingernail img#allure-label2 { top:76px; left:1px; display:none; z-index:1000; }
#effect-column { padding:0 0 0 12px; }
#content-area #effect-column div.click-intro { padding:0 0 17px 0; margin:-4px 0 0 -49px; text-align:right; color:#111112; width:150px; line-height:normal; position:relative; }
#effect-column .name-container { left:12px; }
#nav-container { clear:both; position:relative; float:left; width:720px; top:-38px; margin:0 0 -61px 0; z-index:200; }
#color-effect-container #loader { width:720px; height:550px; top:55px; }
#content-area { z-index:2; }
#content-area-bottom { position:relative; z-index:1; }
#magazines-wrapper { position:absolute; left:50px; top:35px; display:none; z-index:10000; }
#magazines { width:75px; height:96px; overflow:hidden; }
#magazines a { display:block; width:75px; height:96px; }
#as-seen { position:absolute; top:0; left:-35px; width:30px; font-size:10px; text-align:right; line-height:normal; }
#rotator-nav { position:absolute; top:0; left:0; }
#rotator-nav li#navprev { position:absolute; top:45px; left:-11px; z-index:1000; height:10px; width:12px; text-indent:-9999px; outline:none; cursor:pointer; }
#rotator-nav li#navnext { position:absolute; top:45px; left:76px; z-index:1000; height:10px; width:12px; text-indent:-9999px; outline:none; cursor:pointer; }
#allure-text-mask2 {
clear: both;
}
#kr-mainsection article.colour-effects .kr-related .media-buzz .relprod,
#kr-mainsection article.colour-effects .kr-related .related .relprod {
font-size:10px;
line-height:14px;
}
#kr-mainsection article.colour-effects .kr-related .media-buzz .relprod img {
margin: 10px 0 0;
}
/* profit calculator login */
.page-resources-profit-calculator-login .messages {
display:none;
}
.page-resources-profit-calculator-login #kr-mainsection article {
padding-bottom:0;
}
#kr-mainsection article.login-register {
padding-bottom:0;
}
#login-register {
background: url("../images/hands-keys.jpg") no-repeat scroll right bottom transparent;
height: auto;
margin-right: -70px;
padding: 0 298px 90px 0;
}
/*#login-register:after {
content:'.';
display:block;
height:0;
line-height:0;
clear:both;
overflow:hidden;
}*/
#login-register h1 {
margin-bottom:10px;
}
#login-register h3.subhead {
margin-bottom:26px;
}
#kr-mainsection #login-register h4 {
text-transform:uppercase;
font-size:22px;
}
#login-register .col-left, #login-register .col-right {
float:left;
width:340px;
height:265px;
overflow:hidden;
padding:20px 22px;
background-color:#e5e5e5;
position: relative;
}
#login-register .col-left {
width:252px;
margin-right:10px;
}
#login-register .col-left p, #login-register .col-right p {
margin-bottom:10px;
}
#login-register ul {
margin:0 0 15px 35px;
}
#login-register ul li {
list-style-type:disc;
line-height:18px;
margin-bottom:5px;
}
#kr-mainsection #login-register .form-item {
margin-bottom:10px;
}
#login-register input {
width:236px;
height:14px;
line-height:14px;
padding:2px 4px;
}
#kr-mainsection #login-register .btn, #kr-mainsection #login-register .form-submit {
float:right;
border:0;
width:auto;
text-indent:0;
padding:0 35px 0 20px;
line-height:25px;
height:25px;
position: absolute;
bottom: 10px;
right: 10px;
}
#kr-mainsection #login-register .form-submit {
width: 100px;
}
/* press releases */
#kr-mainsection .press-releases-intro-copy {
margin:-10px 0 10px;
}
#kr-mainsection .view-press-releases .views-row, #kr-mainsection article.careers .views-row {
height:auto;
overflow:hidden;
line-height:24px;
font-size:12px;
}
#kr-mainsection .view-press-releases .views-row-last {
border-bottom:0;
padding-bottom:0;
}
#kr-mainsection .view-press-releases h3.field-content a, #kr-mainsection article.careers h3 a, #kr-mainsection article.careers-detail h3 a {
font-family: 'Raleway', Verdana, Geneva, sans-serif;
font-weight:bold;
color:#333;
font-size:12px;
display:block;
line-height:16px;
}
#kr-mainsection .view-press-releases h3.field-content a:hover, #kr-mainsection article.careers h3 a:hover, #kr-mainsection article.careers-detail h3 a:hover {
text-decoration:none;
}
#kr-mainsection .view-press-releases .slidemore, #kr-mainsection article.careers .slidemore, #kr-mainsection article.careers-detail .slidemore {
padding:0;
margin:10px 0;
background:none;
}
#kr-mainsection .view-press-releases .slidemore a, #kr-mainsection article.careers .slidemore a, #kr-mainsection article.careers-detail .slidemore a {
display:inline-block;
text-indent:0;
padding:0 16px 0 0;
background:transparent url("../images/black-arrow-small.png") no-repeat right center;
color:#333;
}
#kr-mainsection .view-press-releases .slidemore a:hover, #kr-mainsection article.careers .slidemore a:hover, #kr-mainsection article.careers-detail .slidemore a:hover {
text-decoration:none;
}
/* Pro Registration Form */
.page-user #kr-mainsection article .article-head { width: auto; margin-bottom: 0px;}
.page-user #kr-mainsection article h3 {
font-size: 20px;
line-height: 36px;
text-transform: uppercase;
}
.page-user #kr-mainsection article { width: 520px; }
/* who are you */
.page-who-are-you #kr-mainsection .field-type-text-with-summary p {
font-size:13px;
color:#333;
font-family: 'Raleway', verdana, sans-serif;
}
.page-who-are-you #kr-mainsection article .node {
padding-right:262px;
background:url(../images/nails-quiz-img.jpg) no-repeat 720px 0;
}
.page-who-are-you #kr-mainsection article form label {
font:bold 12px 'Raleway', verdana, sans-serif;
color:#333;
}
.page-who-are-you #kr-mainsection article form label .form-required {
color:#98272B;
}
.page-who-are-you #kr-mainsection article form .form-radios {
margin-left:19px;
}
.page-who-are-you #kr-mainsection article form .form-item {
margin-bottom:25px;
height:auto;
overflow:hidden;
}
.page-who-are-you #kr-mainsection article form .form-item .form-item {
margin-bottom:2px;
}
.page-who-are-you #kr-mainsection article form .form-radios input {
margin:0 5px 0 0;
float:left;
width:12px;
height:12px;
padding:0;
}
.page-who-are-you #kr-mainsection article form .form-radios label {
font-weight:normal;
line-height:16px;
float:left;
}
.page-who-are-you #kr-mainsection article form #edit-actions {
padding-top:105px;
background:url(../images/commitments.jpg) no-repeat left top;
height:auto;
overflow:hidden;
}
.page-node-done #kr-mainsection article {
padding-bottom:0;
}
.page-node-done #kr-mainsection article img {
display:block;
}
/* salon services pages */
.node-type-salon-services-pages #kr-mainsection article .service-desc {
font-size:12px;
line-height:18px;
}
.node-type-salon-services-pages #kr-mainsection article .readmore {
float:left;
clear:left;
margin-bottom:10px;
padding-right:15px;
background:url(../images/black-arrow-small.png) no-repeat right center;
}
.node-type-salon-services-pages #kr-mainsection article .cta-block .pro {
float:left;
}
.node-type-salon-services-pages #kr-mainsection article h2.subhead {
font-size:30px;
color:#333;
}
/* product profiles */
.page-resources-product-profiles #kr-mainsection table {
width:100%;
}
.page-resources-product-profiles #kr-mainsection table p {
margin:0 0 8px;
}
.page-resources-product-profiles #kr-mainsection table td {
vertical-align:top;
padding:4px 0 4px 10px;
}
.page-resources-product-profiles #kr-mainsection table td h2 {
height:30px;
line-height:30px;
background:#f2f2f2;
margin:0 0 10px 0;
padding:0 10px;
position:relative;
left:-10px;
font-weight:normal;
}
.page-resources-product-profiles #kr-container #kr-mainsection table td h2 strong {
font-weight:normal;
}
.page-resources-product-profiles #kr-mainsection table ul {
margin-left:10px;
}
/* shellac layering */
.section-pro-products #kr-mainsection #shellac {
display:block;
margin:25px auto 0;
height:auto;
overflow:hidden;
}
.section-pro-products #kr-mainsection #shellac .layering-pdfs {
float:right;
margin:0 20px 0 0;
width:250px;
}
.section-pro-products #kr-mainsection #shellac .layering-pdfs img.video-thumb {
margin: 0 0 15px 20px;
}
.section-pro-products #kr-mainsection #shellac .layering-pdfs ul.layering-videos {
list-style-type: none;
padding-left: 20px;
}
.section-pro-products #kr-mainsection #shellac .layering-pdfs ul.layering-videos li a {
line-height:22px;
font-weight:normal;
text-transform:uppercase;
padding-right:15px;
background:url(../images/black-arrow-small.png) no-repeat right center;
}
.section-pro-products #kr-mainsection #shellac .layering-pdfs a.pdf {
display:block;
margin-bottom:15px;
float:left;
width:22px;
}
.section-pro-products #kr-mainsection #shellac .layering-thumbs {
float:left;
width:625px;
border-right:1px dotted #ccc;
}
.section-pro-products #kr-mainsection #shellac .layering-thumbs h4,
.section-pro-products #kr-mainsection #shellac .layering-pdfs h4 {
text-transform:uppercase;
font-family: 'Raleway', "ProximaNovaThin", sans-serif;
font-weight:normal;
}
.section-pro-products #kr-mainsection #shellac .layering-pdfs h4.layering-tips {
margin-top:25px;
margin-bottom: 15px;
}
.section-pro-products #kr-mainsection #shellac .layering-thumbs p {
margin-bottom:15px;
}
.section-pro-products #kr-mainsection #shellac .layer-col {
float:left;
margin-right:25px;
}
.section-pro-products #kr-mainsection #shellac .layer-col a {
display:block;
text-align:center;
}
.section-pro-products #kr-mainsection #shellac .layer-col a:hover {
text-decoration:none;
}
.section-pro-products #kr-mainsection #shellac .layer-col img {
display:block;
margin-bottom:5px;
}
.section-pro-products #kr-mainsection #shellac .layer-col span {
color:#333;
font-family: 'Raleway', "ProximaNovaThin", sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
text-transform:uppercase;
padding-right:15px;
background:url(../images/black-arrow-small.png) no-repeat right center;
}
#kr-mainsection .layering-wrapper {
width:682px;
height:862px;
}
#kr-mainsection #layering-lydia {
background:url(../images/bg-lydia.jpg) no-repeat top left;
}
#kr-mainsection #layering-susan {
background:url(../images/bg-susan.jpg) no-repeat top left;
}
#kr-mainsection #layering-gloria {
background:url(../images/bg-gloria.jpg) no-repeat top left;
}
#kr-container #kr-mainsection .layering-wrapper p {
font-size:9px;
line-height:13px;
margin:0 0 0 380px;
padding:0 55px 10px 0;
position:relative;
}
#kr-container #kr-mainsection .layering-wrapper p.firstp {
padding-top:170px;
}
#kr-mainsection #transparentmap {
height:46px;
width:163px;
position:absolute;
bottom:71px;
left:440px;
}
/*
* Begin: Ambassador Styles
*/
.node-type-ambassador-resources #landing-container { background:#fff url(../images/ambassador/landing-bg.jpg) no-repeat; min-height:753px; }
.node-type-ambassador-resources #landing-container, .node-type-ambassador-resources #promote-container, .node-type-ambassador-resources #webinar-container, .node-type-ambassador-resources #webinar-container2, .node-type-ambassador-resources #webinar-container3 { height:auto; overflow:hidden; }
.node-type-ambassador-resources .header-link { width:105px; height:25px; padding:0; margin:15px 0 5px 15px; display:block; }
.node-type-ambassador-resources .header-link span { display:none; }
.node-type-ambassador-resources a.back-link { padding:0; margin:0 0 0 25px; text-decoration:underline; border:0; }
.node-type-ambassador-resources a.back-link:hover { text-decoration:none;}
.node-type-ambassador-resources .ea-red-arrow {
display:inline;
margin:-2px 0 0 2px !important;
}
/* LANDING HEADER */
.node-type-ambassador-resources #landing-header { width:951px; height:90px; margin:0; padding:0; clear:both; }
.node-type-ambassador-resources #landing-header h1 { width:386px; height:90px; float:right; padding:0; margin:0; }
.node-type-ambassador-resources #landing-header h1 a { width:386px; height:90px; display:block; text-indent:-9999px; }
/* PROMOTE & WEBINAR HEADER */
.node-type-ambassador-resources #promote-header, .node-type-ambassador-resources #webinar-header { width:951px; height:90px; margin:0; padding:0; clear:both; }
.node-type-ambassador-resources #promote-header h1, .node-type-ambassador-resources #webinar-header h1 { width:200px; height:90px; float:right; padding:0; margin:0; }
.node-type-ambassador-resources #promote-header h1 a, .node-type-ambassador-resources #webinar-header h1 a { width:200px; height:90px; display:block; text-indent:-9999px; }
/* CONTENT FOR LANDING PAGE */
.node-type-ambassador-resources #ambassador-content { width:386px; height: 663px; margin:0; padding:0; float:right; }
.node-type-ambassador-resources #ambassador-content p { margin:0; padding:0 30px; }
.node-type-ambassador-resources #ambassador-content p.right { text-align:right; padding:75px 33px 0 30px; margin:0 0 30px 0; }
.node-type-ambassador-resources #ambassador-content p.thumb {padding:12px 30px;}
.node-type-ambassador-resources #ambassador-content p img { width:326px; height:89px; border:0; }
/* CONTENT FOR PROMOTE PAGE */
.node-type-ambassador-resources #promote-content { width:951px; margin:0; padding:0; }
.node-type-ambassador-resources #promote-content p { margin:0; padding:0; line-height:18px; overflow:hidden; }
.node-type-ambassador-resources #kr-mainsection p.title { padding-top:25px; margin:0 0 15px 0; clear:both;}
.node-type-ambassador-resources #kr-mainsection .floating-content-box-container { clear:left; }
.node-type-ambassador-resources #kr-mainsection .floating-content-box-container.last { margin-bottom:25px; }
.node-type-ambassador-resources #kr-mainsection .headshot { line-height:14px; }
.node-type-ambassador-resources #kr-mainsection .headshot img { margin-bottom:5px;}
.node-type-ambassador-resources #kr-mainsection .headshot strong {display:block;}
.node-type-ambassador-resources #kr-mainsection .headshot strong img { margin:0; }
.node-type-ambassador-resources #kr-mainsection a.toggleview {
padding-right:15px;
background:url("../images/black-arrow-small.png") no-repeat scroll right center transparent;
display: inline-block;
}
.node-type-ambassador-resources #promote-content p.promote-intro { padding:0 0 15px 0; margin:0; }
.node-type-ambassador-resources #kr-mainsection #promote-container a, .node-type-ambassador-resources #kr-mainsection #promote-container a.pdf { display:block; margin:0 0 5px 0; background:none; padding:0 22px 0 0; }
.node-type-ambassador-resources .flyer-box {width:440px; float:left; padding:10px 30px 10px 0;}
.node-type-ambassador-resources #promote-content p.thumb { padding:15px 0 0 0; margin:0; }
.node-type-ambassador-resources img.thumb-img { float:left; margin:15px 15px 0 0; padding:0; border:0; height:84px; width:145px; }
.node-type-ambassador-resources .grey-text {color:#666;}
/* CONTENT FOR WEBINAR PAGE */
.node-type-ambassador-resources #webinar-content { height:auto; overflow:hidden; margin:0; padding:0; float:right; }
.node-type-ambassador-resources #webinar-content p { clear:left; float:left; margin:0; padding:0; line-height:18px; overflow:hidden; }
.node-type-ambassador-resources #webinar-content p.webinar-intro { padding:0 0 15px 0; margin:0; }
.node-type-ambassador-resources #webinar-content p.thumb { clear:none; padding:15px 42px 0 0; margin:0; }
.node-type-ambassador-resources img.thumb-img { float:left; margin:15px 15px 0 0; padding:0; border:0; height:84px; width:145px; }
.node-type-ambassador-resources #more {width:261px; margin:0; padding:50px 0 0 65px; text-align:left; clear:both; }
.node-type-ambassador-resources #more a:link, #more a:visited, #more a:active { color:#000; }
.node-type-ambassador-resources #more a:hover { color:#000; }
.node-type-ambassador-resources a.no-style {
color:#A0A0A0;
font-family: 'Raleway', Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:17px;
text-decoration:none;
}
.node-type-ambassador-resources a.no-style:hover {
color:#A0A0A0;
font-family: 'Raleway', Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:17px;
text-decoration:none;
}
.node-type-ambassador-resources #aeom2010list{display:none;}
/* Recognition */
.node-type-ambassador-resources .hide {
display:none;
clear:both;
}
.node-type-ambassador-resources #promote-container.recognition p {
clear:both;
margin-bottom:15px;
}
.node-type-ambassador-resources #promote-container.recognition p strong, .page-ambassador-resources-education-ambassador-recognitions #kr-mainsection p.title strong {
font:20px/25px 'Raleway', "ProximaNovaThin", sans-serif;
text-transform:uppercase;
display:block;
}
.node-type-ambassador-resources article object {
display:block;
margin:0 auto;
}
.node-type-ambassador-resources .headshot {
float: left;
width: 170px;
margin: 0px 20px 15px 0px; /* provide space between divs */
}
.node-type-ambassador-resources #promote-container.recognition .headshot p {
margin-top:0;
}
.node-type-ambassador-resources .clearboth { clear: both; } /* force certain number of thumbnails on each line */
.node-type-ambassador-resources .title-name {
font-size: 12px;
font-weight: bold;
}
.node-type-ambassador-resources #goveia, .node-type-ambassador-resources #searle, .node-type-ambassador-resources #estabrooks, .node-type-ambassador-resources #corriero, .node-type-ambassador-resources #perrin, .node-type-ambassador-resources #savickis, .node-type-ambassador-resources #schippers, .node-type-ambassador-resources #cote, .node-type-ambassador-resources #schippers2, .node-type-ambassador-resources #allore, .node-type-ambassador-resources #searle, .node-type-ambassador-resources #estabrooks2, .node-type-ambassador-resources #kelly, .node-type-ambassador-resources #manacchio, .node-type-ambassador-resources #orie, .node-type-ambassador-resources #birch, .node-type-ambassador-resources #schippers-year, .node-type-ambassador-resources .eaomtextblock {
margin: 0px 0px 20px 40px;
padding: 20px 0px 20px 0px;
width: 670px;
border-top: 1px solid #a0a0a0;
border-bottom: 1px solid #a0a0a0;
}
.node-type-ambassador-resources #goveia p, .node-type-ambassador-resources #searle p, .node-type-ambassador-resources #estabrooks p, .node-type-ambassador-resources #corriero p, .node-type-ambassador-resources #perrin p, .node-type-ambassador-resources #savickis p, .node-type-ambassador-resources #schippers p, .node-type-ambassador-resources #cote p, .node-type-ambassador-resources #schippers2 p, .node-type-ambassador-resources #allore p, .node-type-ambassador-resources #searle p, .node-type-ambassador-resources #estabrooks2 p, .node-type-ambassador-resources #kelly p, .node-type-ambassador-resources #manacchio p, .node-type-ambassador-resources #orie p, .node-type-ambassador-resources #birch p .node-type-ambassador-resources #schippers-year p{
margin-left: 0px;
padding-left: 0px;
}
/* Lookbook pdf box styles */
#kr-mainsection article #lookbook-pdf-video-box {
padding-bottom:20px;
margin-bottom:10px;
margin-top:20px;
}
#kr-mainsection article #lookbook-video-box {
border-left: 1px dotted;
float: right;
font-family: 'Raleway', proximanovalight;
font-size: 12px;
height: 83px;
line-height: 14px;
margin-left: 15px;
padding-bottom: 10px;
padding-left: 20px;
padding-top: 10px;
text-transform: uppercase;
width: 125px;
}
#kr-mainsection article #lookbook-video-box img {
margin-bottom:7px;
}
/* Lookbook slider styles */
#lookbook-slider .kr-related #sd-frame2 dl.slidedeck dd a img {
border: 1px solid #CCCCCC;
}
#kr-mainsection #lookbook-slider .kr-related {
padding-top:0;
border:0;
}
/* sitemap */
.page-sitemap #kr-mainsection article .menu-block-wrapper {
float:left;
margin-right:150px;
}
.page-sitemap #kr-mainsection article .menu-block-wrapper.menu-block-1 {
margin-left:50px;
}
.page-sitemap #kr-mainsection article .menu li a {
font:16px/22px 'Raleway', "ProximaNovaLight", sans-serif;
text-transform:uppercase;
}
.page-sitemap #kr-mainsection article .menu ul {
margin-left:25px;
}
.page-sitemap #kr-mainsection article .menu ul li a {
font:12px/16px 'Raleway', "ProximaNovaThin", sans-serif;
}
#kr-mainsection article p.list-leadin { margin-bottom: 10px; }
/* classes template */
.node-type-classes #kr-mainsection article .article-head h1 { font-size: 30px; line-height: 35px; }
.node-type-classes .field-name-field-length { margin-bottom: 20px; }
.node-type-classes .field-name-field-category { display: none; }
.node-type-classes .content { margin-top: 20px; }
.node-type-classes #kr-mainsection article li { list-style: square; margin-left: 30px; }
/* classes listing page */
.page-education-classes #kr-mainsection article .article-head h1 { padding-top: 25px; }
.page-education-classes .views-row { border: none; padding: 0; margin: 10px 0; line-height: 18px; }
.page-node-849 #kr-mainsection article .left-title {width: 600px;}
.page-node-895 #kr-mainsection article h1 {font-size: 59px !important;line-height: 56px !important;}
/* Vinylux */
.vinylux-img-large { display: none; }
#vinylux-large-img {
float: right;
}
/* Salesforce registration */
#kr-mainsection.iframe-page article .article-head,#kr-mainsection.iframe-page article p, #kr-mainsection.event-page article p { margin: 0; }
.iframe-page #kr-social { padding: 0; }
.page-user H1 {font-size:18px !important;}
.page-node-38 #bg-img {
bottom: 0;
left: -190px;
position: absolute;
z-index: 1;
}
/* ADDED BY KSOLAR 1/26 to fix the Send button on the profit calculator page, i apologize for the junk CSS :/ */
#profit-calculator-table #submit-row .webform-submit {
width:94px !important;
height:25px !important;
line-height:25px !important;
margin-left:15px !important;
}
/* override event list title and hide it */
.page-education-events .article-head {
display: none;
}
.event-list-view {
text-transform: uppercase;
}
.event-list-view .view-content {
margin-top: 36px;
}
.event-list-view .views-row {
height: 34px;
}
.event-list-view .views-field {
display: inline-block;
font-size: 16px;
line-height: 18px;
float: left;
text-align: left;
}
/* COL 1 */
.event-list-view .views-field.views-field-field-event-date {
width: 33%;
}
/* COL 2 */
.event-list-view .views-field.views-field-title {
width: 33%;
}
/* COL 3 */
.event-list-view .views-field.views-field-field-event-venue-name {
float: right;
text-align: right;
}
/* COL 4 */
.event-list-view .views-field.views-field-field-event-location {
float: right;
position: relative;
right: 0;
top: 0;
text-align: right;
clear: right; /* give the appearance of floating without allowing elements appear inline */
}
/* event details */
#kr-mainsection article .event-details {
margin: 10px 0;
}
#kr-mainsection article .event-details h4 {
display:inline-block;
text-transform: uppercase;
font-size: 24px;
}
#kr-mainsection article .event-details span {
font-size: 20px;
line-height: 24px;
}
a.no-link {
cursor: default;
}
#IsNew{
color: #ff0000;
}
/* moved from internal stylesheets */
#column-right #content-area #section-link .subheader {
font-weight: bold;
padding: 3px 0;
}
#kr-mainsection article.open .headertext {
border-radius: 15px;
background: #f2f2f2;
padding: 2.5%;
color: #797979;
width: 92.5%;
font-size: 30px;
font-family: 'Raleway', Verdana, sans-serif;
letter-spacing: 3px;
margin: 15px 0 10px 0;
text-transform: uppercase;
}
.static-red-arrow {
width: 10px;
height: 12px;
vertical-align: top;
line-height: 13px;
}
#kr-mainsection article.open .content ul li.steps {
font-size: 12px;
list-style-type: none;
margin-left: 25px;
}
/** SITEMAP MODULE PAGE **/
#site-map {
margin-top: 50px;
}
.site-map-menus {
display: flex;
justify-content: space-between;
}
.site-map-menus .site-map-box-menu .title {
font-size: 20px;
margin-bottom: 10px;
}