/*
	RESETS
*/

*										{ margin: 0; padding: 0; }
body									{ font: normal 62.5%/1 Helvetica, Arial, sans-serif; color: #4f4e4e; background: #fff; height: 100%; }


/*
	GENERAL STYLING
*/

a										{ color: #036; border-bottom: 1px dotted #7d99b2; text-decoration: none; }
a:hover								{ color: #000; border-bottom: 1px solid #000; }
a img									{ border: 0; }
										
p, li, address, dl				{ font-size: 1.2em; line-height: 170%; }
li li, li p							{ font-size: 1em; }
										
p										{ margin: 0 0 1.5em; }
										
ul, ol 								{ margin: 0 1.5em 1.5em 3.5em; }
ul 									{ list-style-type: disc; }
ol 									{ list-style-type: decimal; }
										
dl 									{ margin: 0 0 1.5em 0; }
dl dt 								{ font-weight: bold; color: #036; }
dl dd 								{ margin: 0 0 1em 1.5em; }
										
abbr, acronym 						{ border-bottom: 1px dotted #000; }
address 								{ margin: 0 0 1.5em; font-style: normal; }
del 									{ color: #000; }
										
blockquote 							{ margin: 1.5em; }
strong 								{ font-weight: bold; }
em		 								{ font-style: italic; }
pre, code 							{ margin: 1.5em 0; white-space: pre; }
pre, code, tt 						{ font: 1em monospace; line-height: 1.5; } 
tt 									{ display: block; margin: 1.5em 0; line-height: 1.5; }
span.amp 							{ font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic; line-height: 1; }
										
h1, h2, h3, h4, h5, h6			{ font-weight: bold; color: #036; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
										
h1 									{ font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 									{ font-size: 1.9em; line-height: 130%; margin-bottom: 0.75em; }
h3 									{ font-size: 1.7em; line-height: 130%; margin-bottom: 0.5em; }
h4 									{ font-size: 1.35em; line-height: 1.25; margin-bottom: 0.9em; }
h5 									{ font-size: 1em; margin-bottom: 1.5em; }
h6 									{ font-size: 1em; }
										
::-moz-selection					{ background-color: #069; color: #FFF; }
::selection							{ background-color: #069; color: #FFF; }
										
.hr									{ height: 0; border-top: 1px solid #c8c7c7; font-size: 0; margin: 20px 0; clear: both; }
.hr.soft								{ border-top-color: #e5e5e5; }
.hr hr								{ display: none; }
		  	  										  	 



/*
	LAYOUT
*/


.container							{ width: 960px; margin: 0 auto; }
#main									{ background: url("/img/bg/bg-fade.png") repeat-x; clear: both; padding-top: 30px; }
										
#split								{ background: url("/img/bg/gray.gif") 715px 0 repeat-y; }
#content								{ float: left; width: 690px; }
#support								{ float: right; width: 220px; }

.cols .col							{ width: 330px; float: left; margin-right: 30px; }
.cols .last							{ margin-right: 0; }


/*
	MASTHEAD
*/

#masthead ul						{ list-style: none; margin: 0; float: right; position: relative; }
#masthead li						{ float: left; font-size: 1.5em; font-weight: bold; margin-left: 25px; height: 95px; line-height: 95px; position: relative;
										  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.salons #masthead li.salons,
.promos #masthead li.promos,
.products #masthead li.products,
.styletips #masthead li.styletips,
.kids #masthead li.kids,
.careers #masthead li.careers,
.franchising #masthead li.franchising
										{ padding-bottom: 12px; background: url("/img/bg/nav-pointer.png") 50% 100% no-repeat; margin-bottom: -12px; }
#masthead a							{ border: 0; float: left; }

#logo	img							{ display: block; padding-top: 18px; }


/*
	FOOTER
*/

#footer								{ clear: both; border-top: 1px solid #ccc; padding-top: 20px; margin-top: 30px; }
										
#footer a							{ color: #747171; border-bottom-color: #ccc; }
#footer a:hover					{ color: #036; border-bottom: 1px solid #036; }
#footer h4 a						{ color: #036; border: 0; }
										
#footer .block						{ float: left; width: 300px; margin: 0 35px 10px 0; }
#footer .last						{ width: 290px; margin-right: 0; }
										
#footer .block ul					{ margin: 0; list-style: none; }
#footer .block li					{ background: url("/img/bg/bullet.png") 0 50% no-repeat; padding-left: 10px; }
										
#foot-corp li						{ float: left; width: 130px; }
										
#foot-nav 							{ clear: both; border-top: 1px solid #ccc; padding: 20px 0; text-align: right; }
#foot-nav p							{ float: left; margin: 0; color: #ccc; }				

#footer .product-img				{ float:left; margin: 4px 10px 0 0; }

#t-bone								{ border: 0; position: relative; top: 3px; }	



/*
	SIDEBAR
*/

#support h2							{ color: #069; font-weight: bold; text-transform: uppercase; font-size: 1em; }
.s-nav								{ list-style: none; margin: 0 0 1.5em 0; }
.s-nav li							{ font-size: 1.9em; font-weight: bold; padding-left: 13px; background: url("/img/bg/bullet-arrow.png") 0 50% no-repeat;
										  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.s-nav a:hover						{ color: #069; border-bottom: 1px solid #069; }			
										
#support p,							
#support address					{ font-size: 1.5em; color: #4f4e4e; font-weight: bold; line-height: 130%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }


/*
	HOMEPAGE
*/

.home #main							{ padding-top: 0; }
#home-feature						{ background: url("/img/bg/home-feature.jpg"); position: relative; top: -5px; height: 512px; margin-bottom: 20px; }
#feature-area						{ position: absolute; top: 5px; left: 4px; }
										
#feature-bar						{ float: right; width: 242px; height: 504px; position: relative; top: 5px; right: 2px; }
#feature-bar .feature			{ float: right; width: 242px; height: 167px; margin-bottom: 2px; position: relative; overflow: hidden; }
#feature-bar .feature:hover	{ background: rgba(0,0,0,0.2); }
#feature-bar img					{ position: relative; }
#feature-bar .feature div		{ position: absolute; top: 85px; left: 20px; }
#feature-bar .feature h2		{ color: #069; font-weight: bold; text-transform: uppercase; font-size: 1em; text-shadow: 0px -1px 0 #000;  }
#feature-bar .feature h3		{ color: #fff; font-size: 1.9em; text-shadow: 0px -1px 0 #000; margin-bottom: 0; }
#feature-bar .feature h3 a		{ color: #fff; border: 0; }
#feature-bar .feature p			{ color: #fff; text-shadow: 0px -1px 0 #000; }
										
#home-panels .panel				{ float: left; width: 300px; margin: 0 35px 10px 0; }
#home-panels .last				{ width: 290px; margin-right: 0; }
#home-panels h2					{ font-size: 1.9em; }
#home-panels p						{ font-size: 1.1em; line-height: 110%; }
#home-panels input				{ margin-right: 10px; width: 190px; }

#home-panels #just-style		{ background: url("/img/bg/signup2dollars.png") 96% 0 no-repeat; padding-top: 3px; margin-top: -3px; }
										
#connect a							{ display: block; float: left; height: 32px; border: 0; width: 100px; margin: 0 25px 11px 0; font-size: 1.2em; line-height: 128%; }
#connect a span					{ color: #4F4E4E; border-bottom: 1px dotted #ccc; }
#connect a:hover span			{ color: #036; border-bottom: 1px solid #036; }
#connect img						{ float: left; margin-right: 10px; }


/*
	STORE PAGE
*/

.stores								{ overflow: hidden; }
.stores ul							{ list-style: none; margin: 0 0 1.5em 0; background: url("/img/bg/store-list-dividers.png") 0 0; padding-top: 1px;
										  position: relative; left: -1px; }
.stores li							{ display: inline; float: left; font-size: 1.2em; height: 30px; margin: 0 0 0 1px; }
.stores a							{ display: inline; float: left; border: 0; line-height: 29px; height: 29px; padding-left: 7px; width: 312px; color: #4f4e4e;
										 font-weight: bold; background: #fff; }
.stores a:hover					{ background: #edffff; border: 0; color: #4f4e4e; }
.stores b							{ color: #c00; }
.stores i							{ font-weight: normal; }

.storedetail .stores,
.salonlocator .stores			{ width: 640px; }


#google-map							{ margin-bottom: 2em; }

.trading 							{ width: 100%; font-size: 1.2em; line-height: 130%; border: 0; border-collapse: collapse; margin-bottom: 20px; }
.trading caption 					{ display: none; }

.trading td, .trading th 		{ border-right: 1px solid #d4d4d4; text-align: center; }
.trading tr.open td,
.trading tr.open th 				{ padding-top: 10px; }
.trading tr.close td,
.trading tr.close th 			{ padding-bottom: 10px; }

.trading th 						{ border-right: 0; }
.trading tr.header th 			{ border-bottom: 1px solid #d4d4d4;	border-right: 1px solid #d4d4d4;	color: #666; font-weight: normal; padding: 10px 0; width: 90px; }
.trading tr.header td 			{ border-right: 0; }

.trading .last 					{ border-right: 0 !important; }

#directions-form					{ padding-bottom: 20px; }
#directions-form .input			{ position: relative; float: left; }
#directions-form .input input	{ width: 240px; }
#directions-form .input label	{ position: absolute; bottom: -20px; font-size: 1.1em; }
#directions-form img				{ float: left; vertical-align: middle; position: relative; top: -5px; margin: 0 10px; }
#directions-form .btn			{ float: left; margin-left: 15px; }

#directions							{ font-size: 1.2em; line-height: 130%; }



/*
	BUTTONS
*/

.btn									{ background: url("/img/bg/buttons.png"); height: 43px; display: block; text-indent: -999em; overflow: hidden; border: 0;
										  position: relative; top: -7px; }
.btn:hover							{ border: 0; }
.btn:active							{ outline: 0; position: relative; top: -6px; }
										
										
.btn-search							{ background-position: 0 0; width: 79px; }
.btn-search:hover					{ background-position: -191px 0; }
.btn-enter							{ background-position: 0 -58px; width: 79px; }
.btn-enter:hover					{ background-position: -191px -58px; }
.btn-submit							{ background-position: 0 -119px; width: 79px; }
.btn-submit:hover					{ background-position: -191px -119px; }
.btn-apply							{ background-position: 0 -178px; width: 79px; }
.btn-apply:hover					{ background-position: -191px -178px; }
.btn-faqs							{ background-position: 0 -358px; width: 79px; }
.btn-faqs:hover					{ background-position: -191px -358px; }
.btn-enquire						{ background-position: 0 -418px; width: 79px; }
.btn-enquire:hover				{ background-position: -191px -418px; }
										
										
										
/*										
	FORMS								
*/										
										
input, select, textarea			{ border: 1px solid #ccc; padding: 6px; font: bold 1.3em/1 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #4f4e4e; }
										
										
.inline-form						{ height: 43px; }
.inline-form input				{ float: left; }


.form										{ margin: 2.5em 0 2.5em 0; }
.form p									{ position: relative; font-size: 1em; }
.form .feedback p						{ font-size: 1.2em; }
.form p.question						{ font-size: 1.5em; font-weight: bold; margin: 1.5em 0 1em 0; }
.form label								{ display: block; width: 150px; float: left; margin-right: 15px; font-weight: bold; line-height: 2.2em; font-size: 1.5em;
											  text-align: right; }
.form label i							{ display: block; font-size: 0.9em; font-weight: normal; font-style: normal; margin-top: 0.8em; }
.form span.input						{ width: 400px; overflow: hidden; display: block; }
.form input, .form textarea		{ border: 1px solid #BDBDBD;  width: 300px; }
.form input.checkbox,
.form input.radio						{ width: auto; border: 0; margin-right: 10px; }
.form select							{ width: 314px; }
.form input:focus,
.form textarea:focus					{ border: 1px solid #036; }
.form textarea							{ width: 300px; height: 150px; }
.form input.btn						{ width: auto; background: #F3F3F3; }
.form input.error,
.form textarea.error, .errorInput{ border: 1px solid #DA0000 !important; }
.form span.error						{ font-size: 1.1em; background: #DA0000; color: #FFF; padding: 5px 10px; position: absolute; top: 2px; left: 486px; 
											  -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none; }
.form .btn								{ margin-left: 105px; }

.form .checklist						{ padding-left: 165px; margin-bottom: 2.5em; }
.form .checklist .checkitem		{ display: block; margin-left:-150px }
.form .checklist .checkitem input { width: auto; border: 0; margin-right: 10px; }
.form .checklist label				{ font-size: 1.2em; font-weight: normal; float: none; width: auto; text-align: left; display: inline; }

.form .checkboxtable					{ margin-bottom: 15px; }
.form .checkboxtable input 		{ width: auto; margin-right: 10px; border: 0; } 
.form .checkboxtable label 		{ float: none; width: auto; text-align: left; margin: 0; display: inline; font-size: 12px; }

.form .disclaimer						{ padding-left: 165px; font-size: 1.1em; line-height: 120%; }




/*
	MODAL WINDOWS
	Store Locator and Enewsletter
*/

#salon-locator						{ margin: 0 0 20px 0; text-align: center; height: 50px; padding-top: 5px; }
#salon-locator label				{ font-weight: bold; color: #036; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.9em; line-height: 130%; 
										  margin-bottom: 0.75em; margin-right: 20px; }
#salon-locator input				{ border: 1px solid #ccc; outline: 3px solid #4faed0; background: url("/img/bg/input-shadow.gif") repeat-x; padding: 8px;
										  font-size: 1.6em; color: #036; font-style: italic; text-align: center; width: 150px; overflow: hidden; }										  
#modal-locator, #enews-holder	{ position: absolute; left: 50%; top: 95px; margin-left: -345px; display: none; z-index: 3000;}
#modal-locator	#store-locator-form,
#enews-holder #enews-form		{ background: #fff url("/img/bg/bg-fade.png") repeat-x; width: 640px; padding: 25px 25px 15px 25px;
										-moz-border-radius-bottomleft: 20px; }		
#store-locator-overlay,
.store-locator-overlay			{ background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#map									{ width: 100%; height: 400px; background: #d4d4d4; margin: 0 0 2em 0; }

.modal-close						{ position: absolute; top: -12px; right: -15px; height: 30px; width: 30px;	cursor: pointer; z-index: 181;
										  background: url('/img/fancybox/fancy_closebox.png') no-repeat; text-indent: -999em; display: none;
										  _background:none;
										  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/img/fancybox/fancy_closebox.png'); }

.locator-switcher					{ float: right; font-size: 1.1em; margin: 15px 0 0 0; }



/*
	PRODUCT PAGE
*/

.product-list						{ list-style: none; margin: 2.5em 0 0em 0; }
.product-list li					{ margin: 0 40px 2em 0; padding-top: 20px; /*float: left; width: 320px;*/ width: 500px; clear: both; }
.product-list li.alt				{ /*clear: none;*/ margin-right: 0; }
.product-list li div				{ overflow: hidden; zoom: 1; }
.product-list p					{ }
.product-list img					{ float: left; margin: 0 20px 20px 0; }
.product-list p img				{ float: none; margin: 0; }

.product-list li ul				{ margin-left: 25px; }
.product-list li li				{ margin-bottom: 0; padding: 0; float: none; clear: none; }


/*
	TABLES
*/

.data									{ width: 100%; border: 1px solid #036; border-collapse: collapse; margin: 0 0 1.5em; }
.data td, .data th				{ font-size: 1.2em; padding: 10px; }
.data td								{ border: 1px solid #E5E5E5; }
.data th								{ text-align: left; font-size: 1.5em; background: #036; color: #fff; }
.data td img						{ vertical-align: middle; margin-top: -2px; }

.table-head							{ float: right; font-size: 1.1em; margin-top: -3.1em; }
										

/*
	PAGING
*/

.paging								{ list-style: none; margin-left: 0; }
.paging li							{ float: left; margin: 0 5px 0 0; }
.paging a							{ float: left; padding: 2px 10px; text-align: center; border: 1px solid #ccc; }
.paging .active a					{ color: #fff; background: #036; border: 1px solid #036; }
.paging a:hover					{ border-color: #036; }


/*
	GENERAL STYLING
*/


.lrg-text							{ font-size: 120%; }
.sml-text							{ font-size: 90%; }

.clear								{ clear: both; height: 0; overflow: hidden; position: relative; }
.left									{ float: left; }
.right								{ float: right; }
img.left								{ margin: 0 2em 2em 0; border: 1px solid #ccc; padding: 1px; }
img.right							{ margin: 0 0 2em 2em; border: 1px solid #ccc; padding: 1px; }

.feedback							{ margin: 0 0 1.5em; }
.feedback h3, .feedback h4		{ padding: 0.5em 0.5em 0.5em 2.25em; margin: 0 0 1em 0; font-size: 1.7em; }
.feedback p							{ padding: 0 2.7em; }
.feedback ul						{ padding: 0 2.7em; }
										
.error								{ background: #FFF1F1; border-top: 1px solid #F8ACAC; border-bottom: 1px solid #F8ACAC; }
.error h3, .error h4				{ border-bottom: 1px solid #F8ACAC; color: #8D3F3F;
										  background: #FFD1D1 url("/img/icons/cross.gif") 0.9em 50% no-repeat; }

.positive							{ background: #F0FFE8; border-top: 1px solid #C5F8AC; border-bottom: 1px solid #C5F8AC; }
.positive h3						{ border-bottom: 1px solid #C5F8AC; color: #468D3F;
										  background: #E1FFD1 url("/img/icons/check.gif") 0.9em 50% no-repeat; }
										
.neutral								{ background: #FFFCDF; border-top: 1px solid #DFD77D; border-bottom: 1px solid #DFD77D; color: #756B12; }
.neutral h3							{ border-bottom: 1px solid #DFD77D; color: #000;
										  background: #FFF6A2 url("/img/icons/info.gif") 0.9em 50% no-repeat; }				

#content .external-link			{ background: url("/img/icons/external-link.png") 100% 50% no-repeat; padding-right: 15px; }
										  	  
										  	  
#breadcrumbs						{ color: #069; font-weight: bold; text-transform: uppercase; font-size: 1em;
										  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
										
										
.breakout							{ background: #036 url("/img/bg/blockquote-corner.png") 0 100% no-repeat; color: #fff; margin: 2em 0; }
.breakout img						{ float: right; margin: 0 0 0 20px; }
.breakout p							{ margin-bottom: 0; font-size: 1.6em; text-align: right; padding: 30px 0 0 40px; }
.breakout p a						{ color: #fff; padding: 3px 8px; margin: -3px; background: #069; border: 0;
										  -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 1px 1px 0 #036; }
.breakout p a:hover				{ color: #069; background: #fff; text-shadow: none; }

blockquote							{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2em 2em 0 2em; background: #fafafa; }
blockquote p						{ font: italic 1.4em/150% "Georgia", "Times New Roman", serif; }
blockquote cite					{ font-weight: bold; }

.important p,
.important address 				{ font: bold 1.5em/140% "Helvetica Neue", Helvetica, Arial, sans-serif; color: #4f4e4e; }

.standout							{ background: #f0f1f1; padding: 2.2em 3.2em 1em 3.2em; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
.standout .icon					{ float: right; margin-top: -1em; border: 0; -webkit-transition: all 0.3s linear; -moz-transition-duration: all 0.3s linear; }
.standout .icon:hover			{ -webkit-transform: rotate(3deg) scale(1.1); -moz-transform: rotate(3deg) scale(1.1); }

.lineup								{ margin-bottom: -30px; overflow: hidden; }
.lineup .item						{ float: left; width: 330px; margin: 0 30px 30px 0; }
.lineup .item.double				{ float: left; width: 660px; margin: 0 30px 30px 0; }
.lineup .item.alt					{ margin-right: 0; }
.lineup .item h4					{ font-size: 1.2em; margin: 0.3em 0 0.5em 0; }
.lineup .item p					{ line-height: 140%; }
.lineup .item img					{ float: left; margin-right: 20px; border: 1px solid #ccc; padding: 1px; }

.images								{ float: right; margin: 0 0 15px 25px; }
.images a							{ border: 1px solid #ccc; padding: 3px; margin-bottom: 10px; display: block; }
.images a:hover					{ border-color: #036; }
.images img							{ display: block; }

.gallery								{ }
.gallery a							{ float: left; margin-left: 23px; border: 0; border: 1px solid #ccc; padding: 3px; }
.gallery img						{ display: block; }



/*
	CLEARFIX
*/

.clearfix 							{ display: inline-block; }
.clearfix:after 					{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix 					{ height: 1%; }
.clearfix 							{ display: block; }



/* Salon Locator Home */
p.locator-switcher-home
{
	position:absolute; 
	top:-2px; 
	right:12px;  
	text-align:right;
}



/*
	MEDIA QUERIES
*/

/* Mobile Browsers */
@media only screen and (max-device-width: 480px) {

}