/* GENERAL
*************************************/
*					{margin:0; padding:0; border:0; font-family:Verdana, Arial, SunSans-Regular, Sans-Serif; color:#000; font-size:11px;}
body 				{background: url(../img/bg_body.png) repeat top center #1d1413; }
a 					{color:#fff;}
a:hover 			{text-decoration:none;}
h1 					{font-size:1.7em; font-weight:400; color:#a30000; padding:26px 0 6px 0;}
h1 em 				{font-size:1em; color:#000; font-style:normal;}
h2 					{font-size:1em; font-weight:bold; padding-top:15px;}


/* LAYOUT
*************************************/
#container 			{width:925px; margin:50px auto; background:url(../img/bg_content.png) no-repeat; position:relative;}
#content 			{width:691px; min-height:517px; margin:0 0 0 187px; padding:37px 0 0 46px;}
#flash 				{width:691px; height:549px; margin:0 0 0 192px; padding:5px 0 0 0; }
#flash_test 		{width:341px; height:468px; position: absolute; right: 1px; bottom: 51px; }
#images 			{width:746px; height:556px; margin:0 0 0 180px; padding:5px 0 0 0; background:#1d1413; }
#nav				{float:left; width:177px; padding:27px 0; color:#fff;}
#footer 			{clear:left; width:500px; position:relative; left:310px; text-align:center; color:#fff; line-height:2em; padding-top:8px;}
#preloader			{position:absolute; left:-9999px;}

/* CUSTOM STYLES
*************************************/


/* forms */
form					{margin:25px 0 0 50px;}
fieldset				{clear:left; width:500px;}
legend					{margin-left:1em; display:none;}
fieldset ol				{padding:0 1em; list-style:none; width:500px;}
fieldset li				{padding-bottom:9px; float:left; width:250px;}
fieldset label			{display:block; text-transform:uppercase; font-weight:bold; height:18px;}
fieldset label span		{color:#a30000;}
fieldset input			{border:solid 1px #c9c2c0; width:224px; height:18px;}
fieldset select			{border:solid 1px #c9c2c0; width:224px; height:18px;}
fieldset textarea		{border:solid 1px #c9c2c0; width:477px; height:60px;}
fieldset input.submit	{background:url(../img/bu_send.png); width:85px; height:39px; border:none; float:right; margin: 0 1em 0 0;}
fieldset li.radio		{padding-bottom:9px; float:left; width:10px;}
fieldset input.radio	{float:left; width:auto; height:auto; border:0; margin:0px 5px 0px 0px; text-transform:capitalize; font-weight:normal}
fieldset label.radio	{ text-transform:capitalize; font-weight:normal; margin:0px 0px 0px 0px; padding:0}
fieldset .radiolabel			{padding-bottom:0px; float:left; width:500px; display:block; text-transform:uppercase; font-weight:bold; height:18px}
fieldset .radioname			{margin-top:0px; position:relative; float:left; color:#000; height:10px}
fieldset .red		{color:#a30000;}
fieldset .radio img		{margin-left:0px; margin-bottom:3px; width:75px; height:75px; border-style:solid; border-width:1px; border-color:#CCC}

fieldset.submit ol { width: 300px; float: left; }
fieldset.submit label { clear: both; margin: 0 1em; }
fieldset.submit ol li { width: 300px; }
fieldset.submit ol li input { margin: 0 0 0 5px; }

/* navigation left hand side */
#nav ul				{list-style:none;}
#nav a				{display:block;}

ul#mainnav			{margin:0 auto; width:137px; position:absolute; top:20px; left:20px;}
ul#mainnav span		{display:none;}
ul#mainnav li		{border-bottom: dotted 1px #7e0000; }
ul#mainnav li a		{width:129px; height:31px; display:block;}
ul#mainnav li a.sub	{height:22px;}

ul#mainnav li ul	{border-bottom: dotted 1px #7e0000;}
ul#mainnav li li	{border:0; text-align:right;}
ul#mainnav li li a	{height:22px;}

a#home				{background:url(../img/nav_home.png) no-repeat;}
a#salon				{background:url(../img/nav_thesalon.png) no-repeat;}
a#prices			{background:url(../img/nav_prices.png) no-repeat;}
a#products			{background:url(../img/nav_products.png) no-repeat;}
a#testimonials		{background:url(../img/nav_testimonials.png) no-repeat;}
a#faqs				{background: url(../img/nav_faqs.png) no-repeat;}
a#a-z				{background: url(../img/nav_a-z.png) no-repeat;}
a#contact			{background:url(../img/nav_contact.png) no-repeat;}

a#home:hover		{background:url(../img/nav_home_over.png) no-repeat;}
a#salon:hover		{background:url(../img/nav_thesalon_over.png) no-repeat;}
a#prices:hover		{background:url(../img/nav_prices_over.png) no-repeat;}
a#products:hover	{background:url(../img/nav_products_over.png) no-repeat;}
a#testimonials:hover{background:url(../img/nav_testimonials_over.png) no-repeat;}
a#faqs:hover		{background: url(../img/nav_faqs_over.png) no-repeat;}
a#a-z:hover			{background: url(../img/nav_a-z_over.png) no-repeat;}
a#contact:hover		{background:url(../img/nav_contact_over.png) no-repeat;}

a.home				{background:url(../img/nav_home_active.png) no-repeat;}
a.salon				{background:url(../img/nav_thesalon_active.png) no-repeat;}
a.prices			{background:url(../img/nav_prices_active.png) no-repeat;}
	/*
	a.prices		{background:url(../img/nav_prices_over.png) no-repeat;}
	a.special		{background:url(../img/nav_specialservices_over.png) no-repeat;}
	*/
a.products			{background:url(../img/nav_products_active.png) no-repeat;}
a.faqs				{background: url(../img/nav_faqs_active.png) no-repeat;}
a.a-z				{background: url(../img/nav_a-z_active.png) no-repeat;}
a.contact			{background:url(../img/nav_contact_active.png) no-repeat;}
a.testimonials		{background:url(../img/nav_testimonials_active.png) no-repeat;}

a#contactdetails	{background:url(../img/nav_contactdetails.png) no-repeat;}
a#makeappointment	{background:url(../img/nav_makeappointment.png) no-repeat;}


ul#subnav			{margin:0 auto; width:137px; position:absolute; top:470px; left:20px;}
ul#subnav span		{display:none;}
ul#subnav a			{padding-bottom:5px;}

a#appointment		{background:url(../img/nav_appointment.png) no-repeat; height:39px; width:137px;}
a#feedback			{background:url(../img/nav_feedback.png) no-repeat; height:39px; width:137px;}
a#join				{background:url(../img/nav_join.png) no-repeat; height:27px; width:137px;}

a.appointment		{background:url(../img/nav_appointment_over.png) no-repeat; height:39px; width:137px;}
a.feedback			{background:url(../img/nav_feedback_over.png) no-repeat; height:39px; width:137px;}
a.join				{background:url(../img/nav_join_over.png) no-repeat; height:27px; width:137px;}

a#appointment:hover	{background:url(../img/nav_appointment_over.png) no-repeat;}
a#feedback:hover	{background:url(../img/nav_feedback_over.png) no-repeat;}
a#join:hover		{background:url(../img/nav_join_over.png) no-repeat;}


/* content */
img#moodylogo		{float:left; padding-right:5px;}

#content p.small	{width:400px; padding-bottom:6px;}
#content a			{color:#a30000; font-weight:bold; text-decoration:none;}
#content a:hover	{text-decoration:underline;}

#content #salon h1 {font-size:1.7em; font-weight:400; color:#a30000; padding:22px 0 6px 0;}
#content #salon p.small	{width:475px; padding-bottom:6px;}

ul#products			{
	list-style:none;
	width:500px;
	height: 200px;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
}
ul#products	li		{float:left; padding-right:15px; height:100px}
ul#products	img		{border:1px solid #ccc; padding:3px;}

ul#friendslist		{list-style:none; border-top:1px solid #ccc; margin-top:20px;}
ul#friendslist	li	{clear:left; border-bottom:1px solid #ccc; height:60px; padding:5px 0;}
ul#friendslist	img	{float:left; padding-right:5px;}
ul#friendslist span	{ display:block; line-height:20px; height:20px;}

ul#staff			{list-style:none;}
ul#staff	li		{clear:left; padding-bottom:8px;}
ul#staff span		{text-transform:uppercase; font-weight:bold;}

ul#hours			{list-style:none;}
ul#hours li 		{padding-bottom:4px; float:left; padding:0 15px 0 0; line-height:1.5em}
ul#hours span		{font-weight:bold;}
table				{border-spacing:2px 5px; border:1px solid #999; border-collapse:collapse; margin-top:40px;}
th					{border:1px solid #999; text-align:left; padding:5px}
td					{border:1px solid #999; height:1em; padding:5px; vertical-align:middle; }
caption				{display:none;}
tfoot				{display:none;}

/* prices */
td					{vertical-align:top; line-height:11px;}
/*td.one				{background-color:#C1272D; color:#fff;}
td.two				{background-color:#3E241E; color:#fff;}
td.three			{background-color:#804D34; color:#fff;}
td.four				{background-color:#D7A358; color:#fff;} */
td.one strong, td.two strong, td.three strong, td.four strong	{color:#fff;}

/* special offers */
a.colours:hover		{background:url(../img/bu_special_colours_over.png) no-repeat; }
a.hair-x:hover		{background: url(../img/bu_special_hairx_over.png) no-repeat; }

ul#thumbnails				{list-style:none;}
ul#thumbnails li			{float:left; display:block; padding: 0 0 10px 10px;}
ul#thumbnails li#logo		{padding:0 0 5px 10px;}
ul#thumbnails a img.large  	{display:block; position:absolute; width:0; height:0; border:0; top:-30px; left:0;}


ul#jobskills		{list-style:url(../img/li_jobskills.png); padding-left:10px; margin-left:10px; padding-bottom:10px;}
ul#jobskills li		{font-weight:bold; padding:2px 0;}


/* A-Z of colour */
div.letters			{ margin-top: 20px; width: 320px;}

ul.border			{  border-top: #ecdedd 1px solid; position: relative; padding: 2px 0 5px; }

div#letters_left	{ float: left; position: absolute !important; top: 85px; left: 230px;}
div#letters_right	{ position: absolute !important; top: 85px; left: 575px;}

div.letters ul		{ list-style: none; position: relative;}

div.letters ul li a	{ z-index: 999;}	

ul h2				{ font-size: 16px; font-weight: normal; line-height: 16px; padding: 0; margin-left: 305px; text-align: center; z-index: 1; position: absolute; top: 2px; width: 10px;}

li.open h2			{color: #C5001B;}
li.closed h2		{color: #ECC2B4; visibility: hidden;}

li.closed h2.first	{visibility: visible;}

li.closed a			{color: #000 !important;}


/* FAQs */

div.faqs			{ margin-top: 20px; width: 320px;}

div#faqs_left		{ float: left; position: absolute !important; top: 85px; left: 230px;}
div#faqs_right		{ position: absolute !important; top: 85px; left: 575px;}

div.faqs ul			{ list-style: none;}

div.faqs ul li		{  padding: 0 0 10px 17px; border-bottom: #ecdedd 1px solid; margin-top: 5px;}

div.faqs ul li.closed	{ background: url(../img/bg_bullets.png) no-repeat left top; height: 39px;}
div.faqs ul li.open		{ background: url(../img/bg_bullet_over.png) no-repeat left top;}

div.faqs ul li li		{ border: none; background: none; padding: 0;}



*:first-child+html div.faqs ul li.closed	{ height: 44px !important;}

* html div#letters_right	{ position: absolute !important; left: 390px; top: 80px;}
* html div#faqs_right		{ position: absolute; top: 85px; left: 390px;}

* html div#faqs_right li.closed		{ height: 41px;}

* html #flash_test 			{right: 0px; bottom: -1px; }

/* Update 13/05/2010 */
.stylist {  
margin-left:-300px;
margin-top:50px;
overflow:hidden;
position:relative;
width:700px;}
.stylist div { float:  left; width:  130px; height:  100px}
.stylist div input label { width: 130px }
.stylist div input { width: auto}
.stylist div input img { background: gold; height: 30px; width: 30px;}
.service2 { background: red; width: 220px; position: relative; }

.largeMustard { color:#d76923; font-size:20px; font-weight:bold}
.largeBrown { color:#834c32; font-size:20px; font-weight:bold}


table.captcha { margin: 0; padding: 0; border: 0; border-spacing: 0; }
table.captcha td { padding: 0; border: 0; vertical-align: middle; }