@charset "utf-8";
/* CSS Document */

/*============ COMMON STYLES ============*/

.gutter-top {
	margin-top: 20px;
}
img.hero {
	border-right: 30px solid #a4a3a3;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px; /*20px*/
}
/*------------ Logo ------------*/

header[role="banner"] #logo {
	border-top: 1px solid #000;
	margin: 0;
	padding: 0;
	position: relative;
}
header[role="banner"] #logo img {
	position: absolute;
	top: 0;
}
/*------------ Main Navigation ------------*/

header[role="banner"] {
	position: relative;
	z-index: 1;
}
header[role="banner"] nav {
	margin: 20% 0 1.25em 0; /*20% 0 20px 0*/
	padding: 0 0.625em 0 1.25em; /*0 10px 0 20px*/
	position: relative;
}
header[role="banner"] ul {
	background: #a4a3a3;
	height: auto;
	margin-bottom: 0;
	overflow: hidden;
	width: 100%;
}
header[role="banner"] li {
	list-style: none;
	margin: 0;
}
header[role="banner"] nav a {
	color: #000;
	display: block;
	font: 1.0625em/1.1765em 'CaviarDreamsBold', 'Helvetica Neue', Arial, Verdana, sans-serif; /* 17px/20px */
	line-height: 2.5em; /*40px*/
	text-align: left;
	text-decoration: none;
	text-indent: 1.5625em; /*25px*/
	text-transform: uppercase;
}
header[role="banner"] li a:hover, header[role="banner"] li a:active {
	color: #FFF;
}
body#home a#navHome, body#philosophy a#navPhilosophy, body#about a#navAbout, body#services a#navServices, body#product a#navProduct, body#contact a#navContact {
	color: #fff;
}
header[role="banner"] nav a#pull {
	background: #a4a3a3;
	display: block;
	margin: 0 0 1.25em 0; /*0 0 20px 0*/
	position: relative;
	width: 100%;
}
header[role="banner"] nav a#pull:after {
	content: "";
	background: url(../images/icon-MenuPull.png) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 5px;
}
/*------------ Carousel ------------*/

.list_carousel {
	margin: 1.25em 0; /*20px*/
	position: relative;
	width: auto;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	padding: 0;
	margin: 6px;
	display: block;
	float: left;
}
/*------------ Homepage ------------*/

body#home section h2 a:link, body#home section h2 a:visited {
	background: transparent;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
	zoom: 1;
	background-color: rgb(0, 0, 0); /* The Fallback */
	background-color: rgba(0, 0, 0, 0.25);
	color: #ee2b26;
	display: block;
	padding: 1em;
	text-align: center;
	text-decoration: none;
}
body#home section h2 a:hover, body#home section h2 a:visited:hover {
	background: transparent;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50999999, endColorstr=#50999999);
	zoom: 1;
	background-color: rgb(100, 100, 100); /* The Fallback */
	background-color: rgba(100, 100, 100, 0.35);
	color: #fff;
}
body#home section {
	margin-bottom: 1.25em; /*20px*/
}
body#home section p {
	font-size: 90%;
}
ul.suppliers {
	clear: left;
	list-style: none;
}
ul.suppliers li {
	display: inline-block;
	margin-left: 0;
}
ul.suppliers li img {
	margin: 10px;
}
ul.suppliers li span {
	background: url(../images/love.png) 50% 50% no-repeat;
	display: inline-block;
	height: 40px; /*Added line-height to center bg img*/
	text-indent: -9999px;
	width: 40px; /*Added line-height to center bg img*/
}
ul.suppliers li:first-child {
	display: block;
	margin-left: 0.625em; /*10px*/
}
/*------------ Main Content ------------*/
main[role="main"] {
	display: block;
	padding-bottom: 1.25em; /*20px*/
}
/*------------ Products Royal Slider Content ------------*/
#rsSliderContainer {
	margin-bottom: 1.25em; /*20px*/
}
#rsSliderContainer h2 {
	padding-right:.5em;
	text-align: right;
}
#video-gallery {
	width: 100%;
}
.videoGallery .rsTmb {
	padding: 20px;
}
.videoGallery .rsThumbs .rsThumb {
	width: 220px;
	height: 80px;
	border-bottom: 1px solid #fff;
}
.videoGallery .rsThumbs {
	width: 220px;
	padding: 0;
}
.videoGallery .rsThumb:hover {
	background: #454444;
}

.videoGallery .rsThumb.rsNavSelected {
	background-color: #ee2b25;
	border-bottom: -color #02874A;
}
.sampleBlock {
	left: 3%;
	top: 1%;
	width: 100%;
	max-width: 400px;
}
/*------------ Service ------------*/
#priceList table {
	width: 100%;
}
#priceList table td {
	padding: 0.125em 0.3125em; /*2px 5px*/
}
#priceList table h3 {
	border-bottom: 1px solid #a4a3a3;
}
.hairService {
	width: 60%;
}
.hairType {
	width: 22%;
}
.bracketCol {
	width: 5%;
}
.price {
	width: 13%;
}
.type {
	font-size: 80%;
}
.from {
	font-style: italic;
}
span.bracket {
	font: 3.7em/1.25em 'CaviarDreamsRegular', 'Helvetica Neue', Arial, Verdana, sans-serif; /* 48px/60px */
	text-align: center;
	vertical-align: middle;
}
span.smallText {
	font-size: 80%;
}
.disclaimer {
	font-style: italic;
	font-size: 80%;
	line-height: 1.5;
}
/*------------ Contact Us ------------*/

#googleMap {
	margin-bottom: 1.25em; /*20px*/
	overflow: hidden;
}
#googleMap a:link, #googleMap a:visited {
	background-color: #000;
	color: #a4a3a3;
	display: block;
	font-size: 70%;
	padding: 0.3125em 0.625em; /*5px 10px*/
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
}
#googleMap a:hover {
	color: #FFF;
}
#contactDetails ul {
	list-style: none;
}
#contactDetails ul li {
	margin-left: 0;
}
.address {
	margin-bottom: 1.25em; /*20px*/
}
.address span {
	display: inline-block;
	width: 10%;
}
.hours span {
	display: inline-block;
	width: 30%;
}
/*------------ Footer ------------*/
footer[role="contentinfo"] {
}
footer[role="contentinfo"] > div {
	border-top: #a4a3a3 1px solid;
	color: #a4a3a3;
	padding: 1.25em 0; /*20px 0*/
	/*text-align: right;*/
}
footer[role="contentinfo"] .fb {
	background:url(../images/iconFb.png) 0 0 no-repeat;
	display:block;
	height:26px;
	text-indent:-99999px;
	width:26px;
}
 @media screen and (max-width: 400px) {
/*------------ Logo ------------*/
header[role="banner"] #logo img {
	left: 10px;
}
/*------------ Main Navigation ------------*/
header[role="banner"] nav {
	height: auto;
}
header[role="banner"] ul {
	background-color: #c5c3c3;
	display: none;
}
header[role="banner"] li a:hover, header[role="banner"] li a:active {
	background-color: #808080;
}
body#home a#navHome, body#philosophy a#navPhilosophy, body#about a#navAbout, body#services a#navServices, body#product a#navProduct, body#contact a#navContact {
	background-color: #ee2b26;
}
/*------------ Products Royal Slider Content ------------*/
#rsSliderContainer h2 {
	padding-right:0;
	text-align: right;
}

.videoGallery .rsTmb {
	padding: 6px 8px;
}
.videoGallery .rsTmb h4 {
	font-size: 12px;
	line-height: 17px;
}
.videoGallery .rsThumbs.rsThumbsVer {
	width: 100px;
	padding: 0;
}
.videoGallery .rsThumbs .rsThumb {
	width: 100px;
	height: 47px;
}
.videoGallery .rsTmb span {
	display: none;
}
.videoGallery .rsOverflow,  .royalSlider.videoGallery {
	height: 300px !important;
}
.sampleBlock {
	font-size: 14px;
}
/*------------ Footer ------------*/
footer[role="contentinfo"] > div {
	text-align: center;
}
footer[role="contentinfo"] .fb {
	margin: 0 auto;
}
}

/*============ MOBILE ============*/
@media screen and (min-width: 400px) and (max-width: 767px) {
/*------------ Logo ------------*/

header[role="banner"] #logo img {
	left: 10px;
}
/*------------ Main Navigation ------------*/
header[role="banner"] nav {
	height: auto;
}
header[role="banner"] ul {
	background-color: #c5c3c3;
	display: none;
}
header[role="banner"] li {
	position: relative;
}
header[role="banner"] li a:hover, header[role="banner"] li a:active {
	background-color: #808080;
}
body#home a#navHome, body#philosophy a#navPhilosophy, body#about a#navAbout, body#services a#navServices, body#product a#navProduct, body#contact a#navContact {
	background-color: #ee2b26;
}
/*------------ Products Royal Slider Content ------------*/

.videoGallery .rsTmb {
	padding: 6px 8px;
}
.videoGallery .rsTmb h4 {
	font-size: 12px;
	line-height: 17px;
}
.videoGallery .rsThumbs.rsThumbsVer {
	width: 100px;
	padding: 0;
}
.videoGallery .rsThumbs .rsThumb {
	width: 100px;
	height: 47px;
}
.videoGallery .rsTmb span {
	display: none;
}
.videoGallery .rsOverflow,  .royalSlider.videoGallery {
	height: 300px !important;
}
.sampleBlock {
	font-size: 14px;
}
/*------------ Contact ------------*/
.address {
	float: left;
	padding-right: 0.625em; /*10px*/
	width: 53%;
}
.hours {
	float: left;
	width: 45%;
}
/*------------ Footer ------------*/
footer[role="contentinfo"] > div {
	text-align: center;
}
footer[role="contentinfo"] .fb {
	margin: 0 auto;
}
}

/*============ TABLET ============*/
@media screen and (min-width: 767px) and (max-width: 1025px) {
/*------------ Logo ------------*/

/*------------ Main Navigation ------------*/
header[role="banner"] nav {
	height: auto;
}
header[role="banner"] ul {
	background-color: #c5c3c3;
	display: none;
}
header[role="banner"] li {
	float: left;
	position: relative;
	width: 33.33%;
}
}

/*============ DESKTOP ============*/
@media screen and (min-width: 1025px) {
/*------------ Logo ------------*/

/*------------ Main Navigation ------------*/
header[role="banner"] nav {
	line-height: 2.812em; /* 45px */
	padding: 0 0 0 1.25em; /*0 0 0 20px*/
	margin-bottom: 1.25em; /*20px*/
}
header[role="banner"] ul {
	display: block;
	text-align: center;
}
header[role="banner"] li {
	display: inline;
	position: relative;
}
header[role="banner"] nav a {
	display: inline-block;
	line-height: 1.875em; /*30px*/
	text-indent: 0;
	text-shadow: none;
}
header[role="banner"] li a {
	padding: 0.3125em 1.25em; /*5px 20px*/
	text-align: center;
}
header[role="banner"] nav a#pull {
	display: none;
}
/*------------ Homepage ------------*/
ul.suppliers li:first-child {
	display: inline-block;
	margin-right: 5%;
}
/* #Forms
================================================== */
}