/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del,
dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit}

/* common */
ul {list-style-image:url(../img/list-bull.gif); margin:0 0 15px 20px}
    ul li {margin:0 0 5px 0}
ol {list-style-type:decimal; list-style-position:inside; margin:0 0 10px 0}
    ol li {margin:0 0 5px 0; line-height:16px}
p {margin:0 0 10px 0; line-height:16px}
.last, .last li {margin-bottom:0}
em {font-style:italic}

h1 {font-weight:normal; font-size:23px; padding:0 0 10px 15px; margin:0 0 15px 0; text-transform:uppercase; background:url(../img/title-text-bg-2-.gif) no-repeat 0 100%}
	h1.innerheader {padding-bottom:0; background:none}
	h1 span {font-size:16px}
	.rightcol .content h1 {padding:0}
h1.title {text-transform:none}
h2 {font-weight:normal; font-size:11px; padding:0 0 15px 0; margin:0 0 15px 0; text-transform:uppercase; background:url(../img/title-text-bg-1-.gif) no-repeat 50% 100%}
.content h1, .home-page h1, .franchising-page h1, .about-page h1 {background:none; padding-bottom:0}
.directors-subpage h1 {background:url(../img/title-text-bg-2-.gif) no-repeat 0 100%; padding:0 0 10px 15px}
h3 {font-size:11px; color:#000; font-weight:normal; margin:0 0 10px 0}

.content h2 {background:none; padding:0; margin:0 0 5px 0; color:#000}
.content h1 {background:none}

/* forms */
input, textarea, select {border:1px solid #ccc; color:#777; font:11px Tahoma; padding:2px; margin-bottom:5px}
input:focus, textarea:focus, select:focus {border:1px solid #666}
input.chck {border:none; padding:0; margin:0 5px; vertical-align:middle}

form.pageform table td {padding:0 10px 15px 0}
form.pageform .submit {padding:5px 10px; background:#444; border:1px solid #ccc; text-transform:uppercase; color:#fff; cursor:pointer}

.pageform input.required {display:block; color:#777 !important; font-size:11px !important}
.pageform label {position:absolute}

/* links */
a {color:#fff; text-decoration:none; outline:none}
a:hover {color:#eee}
.read-more {text-align:right; display:block; margin-top:5px}
a img {border:none}

/* buttons */
.btn1 {}

.directors-area, .team-area {cursor:pointer}

/* main */
html, body {height:100%; font:11px Tahoma; color:#666}
body {background:url(../img/body-repeater.gif) repeat-x 0 -45px; /*background-color:#444*/}
/*body.home-page {background-color:#3c3c3c}*/
#body {height:100%; width:100%}
	td.middle-part {background:#fff url(../img/bg-gray-grad.gif) repeat-x 50% 0}
#header {position:relative; min-width:975px; background:url(../img/page-top.gif) no-repeat 50% -45px}
#content {position:relative; min-width:975px}
.home-page #content {background:url(../img/bg2.gif) repeat-x 0 800px}
#footer {position:relative; height:170px; min-width:975px; background: url(../img/footer-bg.gif) repeat-x 0 100% /*#58585b url(../img/page-bottom-light.gif) no-repeat 50% 0*/}

/* page layout */
.home-page td.middle-part {max-height:800px !important}
.home-page td.td-foot {background:#f00}

.container {width:975px; margin:auto; overflow:hidden}

.leftcol {width:255px; float:left; padding-top:40px; overflow:hidden}
	.leftcol .content {padding:0 15px 10px 15px}
.rightcol {width:710px; float:right; overflow:hidden}
	.rightcol .content {position:relative; height:1%; padding:40px 10px 10px 0}
.fullcol {padding:0 15px}
	
.home-page .leftcol {position:absolute; width:300px; z-index:1; color:#fff; padding-top:20px}
.home-page .leftcol a {color:#fff; text-decoration:none !important}
.home-page .leftcol a:hover {color:#fff !important}
.home-page .dark-bg a, .home-page .dark-bg p {color:#000 !important}
.home-page .dark-bg a:hover {color:#000 !important}
.home-page .rightcol {width:975px; float:none; overflow:hidden}
.home-page p {text-align:justify}

.franchising-page .leftcol, .about-page .leftcol, .testpage-page .leftcol, .news-page .leftcol, .services-subpage .leftcol {width:400px}
.franchising-page .rightcol, .about-page .rightcol, .testpage-page .rightcol, .news-page .rightcol, .services-subpage .rightcol {width:575px}

.directors-subpage .leftcol, .press-subpage .leftcol, .press1-subpage .leftcol {width:255px}
.directors-subpage .rightcol, .press-subpage .rightcol, .press1-subpage .rightcol {width:700px}

.faq-subpage .rightcol .content, .trends-subpage .rightcol .content {padding-top:0; padding-bottom:0 !important; padding-left:20px}

.terms-page .content {padding:0 15px 0 15px}

.col1 {float:left}
.col2 {float:right}

.container .breadcrumbs {position:absolute; margin-top:-25px; padding:0 0 15px 15px; font-size:10px}
	.container .breadcrumbs a.active {text-decoration:none !important; font-weight:normal !important}
	.container .breadcrumbs a {font-weight:normal !important}

/* page style */
#content a {color:#666; text-decoration:none; font-weight:bold}
#content a:hover {color:#666; text-decoration:underline}
/*.home-page #content {background:#3c3c3c}*/
.logo {float:left; padding:15px 0 0 15px}

.online-booking {position:absolute; top:10px; right:10px}
.online-booking a {color:#fff; border-bottom:1px dashed #fff; padding-bottom:1px}
.online-booking a:hover {border:none}

.book-online-wrapper {position:absolute; z-index:1000; width:350px; height:100px; top:50%; left:50%; margin:-60px 0 0 -175px; padding:10px; border:1px solid #666; background:#fff; text-align:center; display:none}
	.book-online-wrapper h1 {font-size:18px; background:none; margin:0}
	.book-online-wrapper select {vertical-align:middle}
	.book-online-wrapper a {text-decoration:underline; font-weight:bold; color:#000; display:inline-block; margin-left:10px}

.book-online {float:right; line-height:30px; padding:0 10px}
	.book-online a {color:#ffb400}

.top-nav {}
	.top-nav ul, .top-nav ul li {padding:0; margin:0; list-style:none}
	.top-nav ul {float:right; padding:33px 10px 0 15px; height:35px}
	.top-nav ul li {float:left; padding:0 0 0 20px}
	.top-nav ul li a {display:block; padding:10px 0px 3px 0px; float:left; color:#eee}
	.top-nav ul li a:hover, .top-nav ul li.active a,
	.about-page .top-nav ul li.nav-about a,
	.gallery-page .top-nav ul li.nav-gallery a,
	.salons-page .top-nav ul li.nav-salons a,
	.education-page .top-nav ul li.nav-education a,
	.news-page .top-nav ul li.nav-news a,
	.products-page .top-nav ul li.nav-products a,
	.offers-page .top-nav ul li.nav-offers a,
	.careers-page .top-nav ul li.nav-careers a,
	.franchising-page .top-nav ul li.nav-franchising a {color:#fff; border-bottom:1px solid #fff}

.sub-nav {height:28px; padding:2px 0; text-transform:uppercase}
	.sub-nav ul, .sub-nav ul li {padding:0; margin:0; list-style:none}
	.sub-nav ul {padding:0 15px; float:none}
	.sub-nav ul li {float:left; margin:0 35px 0 0; height:28px}
	.sub-nav ul li a {display:block; float:left; padding:7px 0px 2px 0px; color:#fff}
	.sub-nav ul li a.light:hover, .sub-nav ul li.active a.light {background:url(../img/top-nav-hov-2.gif) no-repeat 50% 100%}
	.sub-nav ul li a.dark:hover, .sub-nav ul li.active a.dark {background:url(../img/top-nav-hov-3.gif) no-repeat 50% 100%}
	.sub-nav ul li a:hover, .sub-nav ul li.active a,
	.collection-subpage .sub-nav ul li.sub-collection a,
	.hairtype-subpage .sub-nav ul li.sub-hairtype a,
	.faq-subpage .sub-nav ul li.sub-faq a,
	.trends-subpage .sub-nav ul li.sub-trends a,
	.team-subpage .sub-nav ul li.sub-team a,
	.awards-subpage .sub-nav ul li.sub-awards a,
	.salon-subpage .sub-nav ul li.sub-salon a,
	.services-subpage .sub-nav ul li.sub-services a,
	.hair-subpage .sub-nav ul li.sub-hair a,
	.beauty-subpage .sub-nav ul li.sub-beauty a,
	.press1-subpage .sub-nav ul li.sub-press a,
	.media-subpage .sub-nav ul li.sub-media a,
	.apply-subpage .sub-nav ul li.sub-apply a,
	.academy-subpage .sub-nav ul li.sub-academy a,
	.courses-subpage .sub-nav ul li.sub-courses a,
	.models-subpage .sub-nav ul li.sub-models a,
	.show-subpage .sub-nav ul li.sub-shows a,
	.collection-subpage .sub-nav ul li.sub-collection a {color:#fff; border-bottom:1px solid #fff}
	
.quick-links {padding:15px 0 0 0; color:#999}
	.quick-links ul, .quick-links ul li {padding:0; margin:0; list-style:none;}
	.quick-links ul {width:9999px}
	.quick-links ul li {width:200px; float:left; padding:0 15px; margin:0 140px 0 0}
	.footer-top .quick-links a {color:#fff; text-decoration:none}
	.footer-top .quick-links a:hover {color:#eee; text-decoration:none}
	.footer-top .quick-links ul li h2 {width:215px; margin-left:-15px; padding-left:15px; color:#fff}
	.footer-top .quick-links ul li h2 a {color:#fff}
	.quick-links p {text-align:justify; line-height:normal; margin:0}
	
	.quick-links.wide ul li {width:285px; margin-right:15px}
	.footer-top .quick-links.wide ul li h2 {width:300px; color:#fff; text-align:center; background-image:url(../img/title-text-bg-5-.gif)}

.quick-info {width:340px; margin:auto; padding:15px 0; color:#999; text-align:center; overflow:hidden}
	.footer-top .quick-info h2 {color:#fff; background-image:url(../img/title-text-bg-4-.gif)}
	.footer-top .quick-info h2 a {color:#fff}
	.quick-info p {text-align:justify; line-height:normal; margin:0}
	.footer-top .quick-info a {color:#fff; text-decoration:none}
	.footer-top .quick-info a:hover {color:#eee; text-decoration:none}
	
.gallery-collection {margin-bottom:10px; height:1%}
	.gallery-collection ul, .gallery-collection ul li {padding:0; margin:0; list-style:none; list-style-image:none}
	.gallery-collection ul li {margin:0 0 8px 0}
	.gallery-collection ul li a {display:block; padding:0 15px; color:#666 !important; text-decoration:none !important; font-weight:normal !important}
	.gallery-collection ul li a:hover, .gallery-collection ul li.active a {color:#000 !important; background:url(../img/arrow-gray.gif) no-repeat 2px 0}

.salons-list {}
	.salons-list ul, .salons-list ul li {padding:0; margin:0; list-style:none; list-style-image:none}
	.salons-list ul li {float:left; width:49%; margin:0 0 10px}
	.salons-list ul li a {display:block; float:left; padding:3px 0 3px 15px; color:#777; text-decoration:none; font-weight:normal !important}
	.salons-list ul li a:hover, .salons-list ul li.active a {color:#000 !important; text-decoration:none; background:url(../img/arrow-gray.gif) no-repeat 0 50%}
	
.gallery {position:relative; height:1%; padding:0 !important}
	.gallery .img-container, .gallery .thumb-container {overflow:hidden}
	
	.gallery .img-container {position:relative; padding-left:20px}
	.gallery .img-container img {top:0; display:none}
	.gallery .img-container img.active {display:block}
	.gallery .img-container a {display:block; width:450px; overflow:hidden}
	
	.gallery .thumb-container {position:absolute; right:0; top:10px; width:220px; height:550px; overflow:hidden}
	.gallery .thumb-container1 {height:340px; width:250px}
	.gallery .thumb-container div {height:9999px}
	.gallery .thumb-container ul, .gallery .thumb-container ul li {padding:0; margin:0; list-style:none; list-style-image:none}
	.gallery .thumb-container ul {float:left}
	.gallery .thumb-container ul li {float:right; width:40px; height:50px; border:1px solid #999; margin:0 10px 10px 0; overflow:hidden}
	.gallery .thumb-container ul li.last {float:none; clear:both; width:0; height:0; font-size:0; line-height:0; margin:0; border:none; overflow:hidden}
	.gallery .thumb-container ul li img {width:40px}	
	
	.gallery .scroll {position:absolute; right:10px; bottom:10px; display:none}
	.gallery .scroll a {display:block; float:left; margin:0 20px}
	
	.gallery .credits {position:absolute; right:30px; bottom:0px; text-align:right}

.collection-scroll {padding:20px 15px; color:#999}
	.collection-scroll .theme {text-align:center; width:450px; margin:auto}
	.collection-scroll .theme p {padding:0 20px; margin:0; text-align:center}
	.collection-scroll h2 {color:#fff; background:url(../img/title-text-bg-3-.gif) no-repeat 50% 100%}
	.collection-scroll a {color:#fff; display:block}
	.collection-scroll a:hover {color:#fff}
	.collection-scroll a.prev {float:left; padding:0 0 0 15px; margin:50px 0 0 0; background:url(../img/arrow-gray-left.gif) no-repeat 0 50%}
	.collection-scroll a.next {float:right; padding:0 15px 0 0; margin:50px 0 0 0; background:url(../img/arrow-gray-right.gif) no-repeat 100% 50%}
	.collection-scroll a.disable {color:#999 !important; cursor:default}

/*.slides-container {position:relative; height:450px; overflow:hidden}*/
.salons-page .slides-container img {position:absolute; visibility:hidden}
	
.slider {position:absolute; bottom:10px; right:0; width:700px; height:35px; line-height:35px; text-align:center; background:#ccc}
.slider-dbl {background:url(../img/slider-double.png) no-repeat 50% 0}
.slider-left {background:url(../img/slider-left.gif) no-repeat 50% 0}
	.slider .placement-1 {text-indent:600px}
	.slider .placement-2 {text-indent:340px}
	.slider a {padding:0 3px; margin:0 3px; background:url(../img/slider-dot.gif) no-repeat 50% 50%}
	.slider a:hover, .slider a.active {background:url(../img/slider-dot-hov.gif) no-repeat 50% 50%}

.img-slider {margin:20px 0; text-align:center}
	.img-slider a {padding:0 3px; margin:0 3px; background:url(../img/slider-dot.png) no-repeat 50% 50%}
	.img-slider a:hover, .img-slider a.active {background:url(../img/slider-dot-hov.png) no-repeat 50% 50%}

.searching {line-height:24px; margin-top:10px; display:none}
.searching-alongside {position:absolute; bottom:11px}
.quick-info .searching {margin:0 0 0 50px}
	.searching label {float:left;}
	.searching .search-bg {float:left; width:160px; height:24px; margin-left:15px; border:1px solid #ccc; background:url(../img/search-bg.gif) no-repeat 100% 0}
	.searching input {border:none; background:none; padding:0; margin:0; float:right}
	.searching .btn-search {width:25px; height:25px; margin-left:5px; cursor:pointer}
	.searching .txt-search {width:120px; padding:4px; color:#8d8d8d; font-size:12px}

.slides-title {position:absolute; bottom:11px; margin-left:355px; color:#000}

.tile {padding-right:0; overflow:hidden}
	.tile .tile-wrapper {width:710px}
	.tile img {margin:0 2px 2px 0; border:1px solid #000}

/*ul.carousel, ul.carousel li {padding:0; margin:0; list-style:none; list-style-image:none}
	ul.carousel {width:9999px}
	ul.carousel li {position:relative; width:975px; float:left}
	ul.carousel li .slides-container {height:375px; overflow:hidden}
	ul.carousel li a {color:#fff !important}
	ul.carousel li a:hover {color:#ddd !important}*/
	
ul.carousel, #content ul.carousel li {padding:0; margin:0; list-style:none; list-style-image:none}
	ul.carousel {width:975px; min-height:375px; position:relative}
	#content ul.carousel li {position:absolute; width:975px; top:0; left:0; display:none}
	#content ul.carousel li .slides-container {height:375px; background:#444}
	#content ul.carousel li.active {position:relative; display:block; z-index:1; background:#fff}
	#content ul.carousel li a {color:#fff !important}
	#content ul.carousel li a:hover {color:#ddd !important}

.carousel-container {position:relative; overflow:hidden; min-width:975px; background:#000}
.carousel-container .overlap {position:absolute; width:100%; height:100%; top:0; left:0; background:url(../img/bg.png) repeat-y 50% 0}
	ul.carousel-slides, ul.carousel-slides li {padding:0; margin:0; list-style:none; list-style-image:none}
	ul.carousel-slides {width:9999px; height:1%; margin-left:-975px}
	ul.carousel-slides li {position:relative; width:975px; float:left}
	ul.carousel-slides li.active {z-index:1}
	ul.carousel-slides li .intro-text {position:absolute; top:20px; left:20px; width:300px; color:#fff; font-size:12px; display:none}
	ul.carousel-slides li .intro-text h1 {margin:0 0 10px 0; padding:0; background:none}
	ul.carousel-slides li.active .intro-text {display:block}
	ul.carousel-slides li .slides-container {height:375px}
	ul.carousel-slides li a {color:#fff !important}
	ul.carousel-slides li a:hover {color:#ddd !important}

.slider-arr {position:absolute; bottom:10px; left:50%; margin-left:-475px; width:120px; height:39px; padding:0 10px; font:10px Tahoma; z-index:2; text-align:center; line-height:37px; background:url(../img/sliders-bg.png) no-repeat 0 0}
	.slider-arr a {padding:0 5px; display:inline-block; color:#fff !important}
	.slider-arr .slider-left {float:left}
	.slider-arr .slider-right {float:right}

#header .slides {position:relative; width:980px; height:330px; overflow:hidden}
	#header .slides ul, #header .slides ul li {padding:0; margin:0; list-style:none}
	#header .slides ul li {position:absolute; top:0; left:0; display:none}
	#header .slides ul li.active {display:inherit; z-index:1}

/* homepage slides */
.homepage-slides {}
.homepage-slides .container {width:auto; min-width:975px; height:250px; overflow:hidden}
.homepage-slides .content {position:absolute; left:20px; top:20px; width:20%}

.footer-fix {height:170px}
.footer-top {height:130px}
	.footer-top h2 {padding-bottom:10px; margin-bottom:10px}
.footer {text-align:right; color:#999; padding:13px 15px 0 15px; word-spacing:15px; font-size:10px}
	.footer span {float:left; word-spacing:normal}
	.footer a {color:#999; word-spacing:normal}
	.footer a:hover, .footer a.active {color:#fff}

/* awards */
.awards {position:relative}
.awards-wrapper {height:800px; overflow:hidden}
.awards .scroll {position:absolute; right:0; bottom:0px}
.awards .scroll a {display:block; margin:30px 0 0 0}

/* faqs */
.faqs {}
	.faqs strong {cursor:pointer; line-height:20px}
	.faqs p, .faqs ul, .faqs ol {padding-left:8px}

/* products */
.products-long-list {word-spacing:50px; line-height:20px; text-align:left}
.products-long-list span {word-spacing:normal}

/* js-item */
.js-item {display:none}
#js-item1 {display:block}

/* table */
.tblborder {border-right:1px solid #aaa; border-bottom:1px solid #aaa}
	.tblborder td, .tblborder th {border-left:1px solid #aaa; border-top:1px solid #aaa; padding:5px 5px}
	.tblborder .noborder {border:none}
	.tblborder h1 {margin:0}

/* roatation */
.content .rotation, .content .rotation1 {position:relative; border:1px solid #aaa; overflow:hidden}
	/*.content .rotation .rotation-container a, .content .rotation1 .rotation-container a {display:none; position:relative; text-decoration:none !important; color:#fff !important}
	.content .rotation .rotation-container a span, .content .rotation1 .rotation-container a span {display:none; padding:10px 0; position:absolute; width:100%; bottom:0; cursor:pointer; background:url(../img/bg1.png) no-repeat 100% 50%}
	.content .rotation .rotation-container a span b, .content .rotation1 .rotation-container a span b, .rotation .rotation-container a span strong, .rotation1 .rotation-container a span strong {font:bold 20px Arial Narrow; display:block; padding:0 10px;}
	.content .rotation .rotation-container a span label, .content .rotation1 .rotation-container a span label {padding:0 100px 0 10px; line-height:130%; display:block}
	.content .rotation .rotation-container a.main, .content .rotation1 .rotation-container a.main {display:block}
	.content .rotation .rotation-container a.main img, .content .rotation1 .rotation-container a.main img {display:block}*/
	
	.content .rotation .rotation-container p, .content .rotation1 .rotation-container p {display:none; position:relative; margin:0; line-height:normal; text-decoration:none !important; color:#fff !important}
	.content .rotation .rotation-container p b, .content .rotation1 .rotation-container p b, 
		.content .rotation .rotation-container p strong, .content .rotation1 .rotation-container p strong 
		{display:none; padding:10px 0; position:absolute; width:100%; bottom:0; cursor:pointer; font-size:18px; font-weight:normal; text-indent:10px; background:url(../img/bg1.png) no-repeat 100% 50%}
	.content .rotation .rotation-container p.main, .content .rotation1 .rotation-container p.main {display:block}
	.content .rotation .rotation-container p.main img, .content .rotation1 .rotation-container p.main img {display:block}
	
	.content .rotation .img-circles, .content .rotation1 .img-circles {position:absolute; width:100%; bottom:0; background:#999; padding:10px 0; text-align:center}
	.content .rotation .img-circles a, .content .rotation1 .img-circles a {display:inline-block; padding:0 3px; margin:0 3px; text-decoration:none !important; background:url(../img/slider-dot.png) no-repeat 50% 50%}
	.content .rotation .img-circles a:hover, .content .rotation1 .img-circles a:hover, .img-circles a.active {background:url(../img/slider-dot-hov1.png) no-repeat 50% 50%}
	
	.content .rotation p {margin:0; line-height:normal}

/* sitemap */
ul.sitemap ul {margin:10px 25px; list-style-image:none; list-style-type:circle}
ul.sitemap ul ul {list-style-type:square}
	
/* lightbox-my */
.lightbox-overlap {position:fixed; width:100%; height:100%; top:0; left:0; background:url(../img/lightbox-bg.png); z-index:998; display:none}
.lightbox-my {position:absolute; width:100%; height:100%; text-align:center; top:0; left:0; z-index:999; display:none}
.lightbox-my table {margin:auto; height:100%; width:1px}
.lightbox-my table td {padding:10px; text-align:left}
.lightbox-my p {text-align:right; color:#fff; font-weight:bold}
.lightbox-my p a {color:#fff}
.lightbox-my table img.big {border:3px solid #d4d0c8}
.lightbox-my table div {width:220px; text-align:left}
.lightbox-my table div a {display:inline-block; border:1px solid #ccc; background:#000; width:40px; height:50px; overflow:hidden; margin:0 5px 5px 0}
.lightbox-my table div a img {width:40px}
.lightbox-my table a.close {font-size:14px; font-weight:bold}

/* misc */
.fleft {float:left}
.fright {float:right}
img.fleft {margin:0 25px 0 0}
img.fright {margin:0 0 0 15px}
.imgleft {margin:0 25px 0 0; float:left}
.imgright {margin:0 0 0 15px; float:right}
.fclear {float:none !important; clear:both; font-size:0 !important; line-height:0 !important; margin:0 !important; padding:0 !important}
.clear {clear:both}
.show {display:block}
.hide {display:none}
.js-lightbox {border:1px solid #999; margin:10px; display:inline-block}
#jquery-overlay {position:fixed !important}
.error {color:#c00; font-size:10px}
.click-it-cms {float:right; margin-left:20px}