/*#Layout#*/

* {
	margin: 0 auto;
	padding: 0;
}

body {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

#header {
	width: 960px;
	height: 100px;
	background-image: url("http://www.hairsolved.co.uk/images/layout/circle-bottom-right-light.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}

#header #tl-rounding {
	position: absolute;
	width: 60px;
	height: 60px;
	background-image: url("http://www.hairsolved.co.uk/images/layout/circle-top-left.png");
	_background-image: url("http://www.hairsolved.co.uk/images/layout/circle-top-left-light.png");
	background-repeat: no-repeat;
	background-position: left top;
}

#header .shine {
	position: absolute;
	width: 960px;
	height: 55px;
	background-image: url("http://www.hairsolved.co.uk/images/layout/header-shine.png");
	_background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}

#header #symbol {
	margin-left: 13px;
	width: 67px;
	height: 110px;
	position: absolute;
	top: 75px;
	background-image: url("http://www.hairsolved.co.uk/images/symbol.png");
	_background-image: url("http://www.hairsolved.co.uk/images/symbol-ie6.png");
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 1;
}

#header #logo {
	width: 906px;
	height: 82px;
	position: absolute;
	top: 90px;
	background-image: url("http://www.hairsolved.co.uk/images/logo.jpg");
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 90px top;
	z-index: 0;
}

#main {
	margin-top: 18px;
	width: 960px;
	padding-top: 0px;
	overflow: auto;
	background: url("http://www.hairsolved.co.uk/images/layout/circle-bottom-right-dark.png") no-repeat bottom right;
}

#main .shine {
	height: 84px;
	background-image: url("http://www.hairsolved.co.uk/images/layout/body-top.png");
	_background-image: url("http://www.hairsolved.co.uk/images/layout/body-top-ie6.png");
	background-repeat: no-repeat;
	background-position: right top;
}

#main #content {
	/*margin-left: 0px;
	width: 670px !important;
	max-height: 600px;*/
	position: relative;
	top: -29px;
	min-height: 350px;
	padding-left: 20px;
	padding-right: 60px;
	overflow: hidden;
}

.clear {
	clear: both;
}

/*#Formatting#*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*line-height: 1.2;*/
}

#main #content {
	padding-top: 5px;
}

#main #content li {
	margin-left: 1em;
	padding-bottom: 0.4em;
}

#main #content .top-clear {
	padding: 0px;
}

/*#Formatting/Links#*/

#main #content a {
	text-decoration: underline;
	font-weight: bold;
}

/*#Formatting/Core elements#*/

p {
	padding-bottom: 12px;
}

img {
	margin: 0px 5px 10px 5px;
}

iframe {
	margin: 0px 5px 10px 5px;
}

/*#Headings#*/

.h1 {
	font-size: 24px;
	padding-top: 4px;
	_padding-top: 0px; /* IE6 hack */
	padding-bottom: 3px;
	padding-left: 7px;
	background-image: url("http://www.hairsolved.co.uk/images/layout/h1-left.png");
	_background-image: url("http://www.hairsolved.co.uk/images/layout/h1-left-ie6.png");
	background-repeat: no-repeat;
	background-position: left top;
}

* + html .h1 { padding-top: 0px; } /* IE7 hack */

.h1text {
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 8px;
	background-image: url("http://www.hairsolved.co.uk/images/layout/h1-right.png");
	_background-image: url("http://www.hairsolved.co.uk/images/layout/h1-right-ie6.png");
	background-repeat: no-repeat;
	background-position: right top;
}

.h2 {
	font-size: 18px;
	padding-top: 4px;
	_padding-top: 0px; /* IE6 hack */
	padding-bottom: 3px;
	padding-left: 7px;
	background-image: url("http://www.hairsolved.co.uk/images/layout/h2-left.png");
	_background-image: url("http://www.hairsolved.co.uk/images/layout/h2-left-ie6.png");
	background-repeat: no-repeat;
	background-position: left top;
}

* + html .h2 { padding-top: 0px; } /* IE7 hack */

.h2text {
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 7px;
	background-image: url("http://www.hairsolved.co.uk/images/layout/h2-right.png");
	_background-image: url("http://www.hairsolved.co.uk/images/layout/h2-right-ie6.png");
	background-repeat: no-repeat;
	background-position: right top;
}

h3 {
	font-size: 16px;
	padding-bottom: 4px;
	font-weight: bold;
}

h1 {
	font-size: 34px;
	padding-bottom: 9px;
	font-weight: normal;
}


/*#Specific page CSS#*/

#content.home #slideshow {
	margin-top: 40px;
	margin-left: 20px;
	float: right;
	width: 338px;
	border: 8px solid #40362e;
}

#content.home #video {
	margin-right: 20px;
	float: left;
	width: 338px;
}

#content.home,
#content.before-after,
#content.studio,
#content.contactus,
#content.booking {
	font-size: 14px;
}

#content.before-after .left-section,
#content.before-after .right-section {
	width: 349px;
	border: 0px solid red;
	padding-bottom: 6px;
}

#content.before-after .left-section {
	float: left;
}

#content.before-after .right-section {
	float: right;
}

/*#Specific page CSS/Form Elements#*/
 
/*

#content.contactus form {
	width: 300px;
	float :left;
}
 
#content.contactus form label { 
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0;
	text-align: left;
	margin: 5px 10px 0 0;
}
 
#content.contactus form input {
	width: auto;
	margin: 5px 0 0 0;
}
 
#content.contactus form br {
	clear: left; 
}

*/

/*#Header#*/

#header #nav {
	height: 25px;
	float: right;
	position: relative;
	top: 45px;
	left: -73px;
}

#header #nav ul {
	list-style: none;
}

#header #nav li {
	float: left;
	background: url("http://www.hairsolved.co.uk/images/layout/tab-left.png") no-repeat left -60px;
	padding: 0px 0px 0px 7px;
	margin-left: 3px;
}

#header #nav a {
	float: left;
	display: block;
	background: url("http://www.hairsolved.co.uk/images/layout/tab-right.png") no-repeat right -60px;
	padding: 5px 15px 4px 6px; /* top right bottom left */
	color: #606050;
	text-decoration: none;
	font: bold 14px arial;
}

#header #nav li:hover {
	background: url("http://www.hairsolved.co.uk/images/layout/tab-left.png") no-repeat left -30px;
}

#header #nav li:hover a {
	background: url("http://www.hairsolved.co.uk/images/layout/tab-right.png") no-repeat right -30px;
	color: #333;
}

body#tab1 #header #nav li.tab1,
body#tab2 #header #nav li.tab2,
body#tab3 #header #nav li.tab3,
body#tab4 #header #nav li.tab4,
body#tab5 #header #nav li.tab5,
body#tab6 #header #nav li.tab6,
body#tab7 #header #nav li.tab7 {
	background: url("http://www.hairsolved.co.uk/images/layout/tab-left.png") no-repeat left top;
}

body#tab1 #header #nav li.tab1 a,
body#tab2 #header #nav li.tab2 a,
body#tab3 #header #nav li.tab3 a,
body#tab4 #header #nav li.tab4 a,
body#tab5 #header #nav li.tab5 a,
body#tab6 #header #nav li.tab6 a,
body#tab7 #header #nav li.tab7 a {
	color: #333;
	background: url("http://www.hairsolved.co.uk/images/layout/tab-right.png") no-repeat right top;
}

#main #nav a {float:none;} /* IE5-Mac Hack */

/*#Side Nav#*/

#main #sidenav {
	position: relative;
	top: -29px;
	float: left;
	width: 175px;
}

#main #sidenav ul {
	list-style: none;
}

#main #sidenav li {
	background:url("http://www.hairsolved.co.uk/images/layout/side-tab-top-off.png") no-repeat right top;
	margin-bottom: 6px;
	width: 175px;
}

#main #sidenav a {
	display: block;
	background: url("http://www.hairsolved.co.uk/images/layout/side-tab-bottom-off.png") no-repeat right bottom;
	padding: 6px 15px 6px 6px; /* top right bottom left */
	color: #282828;
	text-decoration: none;
	font: bold 14px arial;
	width: 154px;
	height: 34px;
}

#main #sidenav a:hover {
	color: #cdcdcd;
}

#main #sidenav li:hover {
	background:url("http://www.hairsolved.co.uk/images/layout/side-tab-bottom-hover.png") no-repeat right bottom;
}

#main #sidenav li:hover a {
	background:url("http://www.hairsolved.co.uk/images/layout/side-tab-top-hover.png") no-repeat right top;
	color: #333;
}

#main #sidenav ul#sidetab1 li.tab1,
#main #sidenav ul#sidetab2 li.tab2,
#main #sidenav ul#sidetab3 li.tab3,
#main #sidenav ul#sidetab4 li.tab4,
#main #sidenav ul#sidetab5 li.tab5,
#main #sidenav ul#sidetab6 li.tab6 {
	background: url("http://www.hairsolved.co.uk/images/layout/side-tab-top-on.png") no-repeat right top;
}

#main #sidenav ul#sidetab1 li.tab1 a,
#main #sidenav ul#sidetab2 li.tab2 a,
#main #sidenav ul#sidetab3 li.tab3 a,
#main #sidenav ul#sidetab4 li.tab4 a,
#main #sidenav ul#sidetab5 li.tab5 a,
#main #sidenav ul#sidetab6 li.tab6 a {
	color: #333;
	background: url("http://www.hairsolved.co.uk/images/layout/side-tab-bottom-on.png") no-repeat right bottom;
}

#main #sidenav a {float:none;} /* IE5-Mac Hack */

/*#Colour#*/

#header {
	background-color: #76573E; /* B3B496 */
}

#main {
	background-color: #2a1f16; /* #403F3D */
}

#main #content,
#main #content a:hover {
	color: #fff;
}

#main #content a {
	color: #f0e0b8; /* B3B496 */
}

img,
iframe {
	border: 8px solid #40362e;
}


/*#Added by MM#*/

.twocol {
float:left;
width:100%;
}

#twocolleft-header {
float:left;
width:250px;
}

#twocolright-header {
float:right;
width:400px;
text-align:right;
}

#twocolleft-content {
float:left;
width:400px;
}

#twocolright-content {
float:left;
margin-top:70px;
width:250px;
}

#SearchDetails {
margin:0 0 0 0;
float:left;
}

#SearchDetails select, #SearchDetails input {
width:180px;
}

.onecol {
float:left;
width:100%;
}

#onecol-header {
float:left;
width:400px;
}

#onecol-content {
float:left;
width:740px;
}

.LogonTextBox {
padding-top:5px;
width:180px;
}

.dx img {
margin:0;
padding:0;
}

.bookingErrorWrap {
clear:both;
}

[type="submit"] {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(../app_themes/intersalon/images/button.gif) no-repeat scroll 0 0;
border:medium none;
color:#EEE3D0;
font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:26px;
line-height:17px;
margin:20px 0;
text-decoration:none;
width:180px;
}

.TabsHeader table {
	width:100%;	
}
.TabControlSelected {
	background-color: #483126;
	border-top: 1px solid #715241;
padding:5px;
}

.TabControl,.TabControlLeft,.TabControlRight {
	border-bottom: 1px solid #715241;
}

 .TabControlSelectedLeft {
	background-color: #483126;
	border-left: 1px solid #715241;
	border-top: 1px solid #715241;
}
.TabControlSelectedRight {
	background-color: #483126;
	border-right: 1px solid #715241;
	border-top: 1px solid #715241;
}

.TabControl a{
	font: 11px/17px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #EEE3D0;
}

.TabControlSelected a{
	font: bold 11px/17px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #EEE3D0;
}


.TabsContent {
	border-left: 1px solid #715241;
	border-right: 1px solid #715241;
	border-bottom: 1px solid #715241;
	padding: 10px 10px 10px 10px;
	background-color: #483126;
}