﻿body 
{
	font-family: Helvetica;
	font-size:13px;
	margin:0;
	padding:0;
}

#page 
{
	background: #F3F3F3 url(../../images/page2.jpg) repeat-x scroll left top;
}

#page-wrap  
{
	background-color:#fff; 
	width:960px; 
	margin:0 auto 0 auto;
}

a:link { color:#000000; text-decoration:underline; }
a:visited { text-decoration:underline;	}

body a:hover  
{
	background: #fff none no-repeat scroll left top;
	margin: 0 0 0 0;
	color: #000;
	text-decoration: none; 
}

a:visited { color:#000000; }

img { border:none; vertical-align:middle; }

.bold-small { font-weight:bold; font-size:12px; padding-top:6px; }
.hide { display:none; }
.no-top-margin { margin-top: 0; }

ul.list, ul#image-fade
{
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

.line 
{
	border-bottom: solid 1px black;
	width:300px;
	padding:10px;	
}

.spacer
{
	clear:both;
	height:40px;	
}

.spacer-noheight
{
	clear:both;
}

/* header */

#header
{
	color:White;
	margin: 0 auto;
	height:152px;
	width:960px;
}

#header a:link { color:#fff; }
#header a:hover  
{
	background: #000 none no-repeat scroll left top;
	margin: 0 0 0 0;
	color: #fff;
	text-decoration: none; 
}

#header-left 
{
	float:left;	
}

#header-left img
{
	padding-top:10px;
}

#header-right
{
	float:right;	
	text-align:right;
}

#header-right h4, h4.sifr
{
	margin-bottom:0;
}

#header-bottom
{
	clear:both;
	width:960px;
}

/* primary navigation */

#primary-navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width:700px;
}

#primary-navigation {
	padding: 0;
	float: left;
}

#primary-navigation li {
	float: left;
	border-left: 1px solid #fff;
}

#primary-navigation li.first {
	border: none;
}
#primary-navigation a {
	display: block;
	float: left;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	padding: 0 8px;
	text-decoration:none;	
}

#primary-navigation a:link,
#primary-navigation a:visited {
	color:#fff;
}

#primary-navigation a:hover, #primary-navigation span {
	color: #000;
	background: white none no-repeat scroll left top;
	text-decoration:none;	
}

#primary-navigation li.current a:link,
#primary-navigation li.current a:visited,
#primary-navigation li.current a:hover {
	color: #d92231;
}


/* book now */

#book-now
{
	float:right;	
}

#book-now ul 
{
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	width:90px;
	background: #000 url(../../images/faq.gif) no-repeat scroll left top;
}

#book-now a 
{
	border:medium none;
	color:#fff;
	display:block;
	font-family:Helvetica,sans-serif;
	font-size:10pt;
	font-weight:bold;
	padding: 0 0 0 0;
	text-align:center;
	text-decoration:none;
	line-height: 15px;
}

#book-now a:hover
{
	background: white none no-repeat scroll left top;
	color: #000;
	text-decoration: none;
	padding: 0 0 0 0;
	text-align:center;
}

/* main */

#main 
{
	background: white url(../../images/main.jpg) no-repeat scroll left top;
	clear:both;	
	margin: 0 auto;
	width:940px;
	padding:10px;
}

#main-left
{
	float:left;	
	width:500px;
	padding-top:5px;
}

.breadcrumb { margin-top:0; }

#main-left img
{
	float:left;
	padding-right:3px;
}	

#main-right
{
	float:right;	
	width:385px;
}

#main-right p
{
	margin-top:15px;	
}

#main-right h2 { margin-top:0; }

/* footer */
#footer
{
	clear:both;	
	margin: 0 auto;
	width:950px;
	padding: 45px 5px 20px 5px;
	background-color:#fff;
	font-size:9pt;
}

#address
{
	float:left;	
	width:700px;
}

#copyright
{
	float:right;	
}

/* info */

#blog a:hover  
{
	background: #000 none no-repeat scroll left top;
	margin: 0 0 0 0;
	color: #fff;
	text-decoration: none; 
}

/* opening times */

#opening-times
{
	padding-top:15px;	
}

/* home */

#home 
{
	clear:both;	
	margin: 0 auto;
	width:940px;
	padding-top: 10px;
}

#home h3.sifr
{
	margin-top:0;
}

#price-list-home a:link { text-decoration:none; }
#price-list-home a:visited { text-decoration:none; }
#price-list-home a:hover { text-decoration:none; background-color:#000; color:#fff; }

#price-list-home
{
	float:left;	
	width:240px;
	border-right: solid 1px #000;
}

#price-list-home img { vertical-align:middle; }

#price-list-home li { padding-bottom:5px; }

#price-list-home h3 { margin-top:0;	}

#blog-home
{
	padding-left:20px;
	float:left;	
	width:280px;
}

#blog-home h3 { margin-top:0; }

#blog-home li { padding-bottom:5px; }

#blog-home a:hover { background-color:Black; color:White; }
#blog-home a:link.more { text-decoration:underline; }

/* opening times */

#opening-times-home
{
	clear:both;	
	padding-top:35px;
	float:left;
	width:240px;
}

/* social links */

#social-links a:hover { background-color:#000; color:#fff; }

#social-links
{
	padding-top:33px;
	float:left;
	padding-left:20px;
	width:240px;	
}

#social-links p { margin:3px 0 6px 0; }
#social-links img { vertical-align:text-top; }

/* adverts */

#adverts
{
	float:right;	
}

/* stylists */

#stylists
{
	height:1883px;
	padding-top:0 !important;
}

#stylists p
{
	margin-top:5px;	
}

ul.stylists-list
{
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;	
}

ul.stylists-list h3
{
	clear:both;
}

ul.stylists-list img
{
	float:left;
	padding: 4px 15px 0 0 !important;
}

ul.stylists-list p
{
	padding-left: 5px;
}

ul.stylists-list li
{
	padding-bottom:20px;	
}

/* history */

#history
{
	height:700px;
}

/* history */

#location
{
	height:700px;
}

#location h2 
{
	margin-top:0;	
}

#map { width:523px; height:301px; }
#directions table { margin:30px auto 30px auto; color:#000; }

.ig_tbl_line .ig_lgbluelink, .ig_tbl_line .ig_lgbluelink:link  { color:#000; }

/* shaving */

#shaving
{
	height:auto;
}

/* vouchers */

#vouchers { height:700px; }
#vouchers h2 { margin-top:0; }
#google-checkout { text-align:center; }

.small-print 
{
	padding-top:15px;
	font-size:8pt;	
}

.voucher
{
	padding-left: 10px;
	border: solid 1px #cccccc;	
}

html
{
    overflow-y: scroll !important;
}
body
{
    font-size: 0.8em;
    font-family: Arial;
}
.tabs
{
    /*background-color: #eee;*/
    border-bottom: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 10px 5px 1px 5px;
    zoom: 1;
}
.tabs:after
{
    display: block;
    clear: both;
    content: " ";
}
.tabs li
{
	
    float: left;
    margin: 0 1px 0 0;
    padding-left: 5px;
}
.tabs a
{
	background-color: #eee;
    display: block;
    position: relative;
    top: 1px;
    border: 1px solid #ccc;
    border-bottom: 0;
    z-index: 2;
    padding: 2px 9px 3px;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
}
.tabs a:focus, .tabs a:active
{
    outline: none;
}
.tabs a:hover, .tabs a:focus, .tabs a:active
{
    background: #fff;
    cursor: pointer;
}
.ui-tabs-selected a
{
    background-color: #fff;
    color: #000;
    font-weight: bold;
    padding: 2px 9px 1px;
    border-bottom: 1px solid #fff;
    border-top: 3px solid #fabd23;
    border-left: 1px solid #fabd23;
    border-right: 1px solid #fabd23;
    margin-bottom: -1px;
    overflow: visible;
}
.ui-tabs-hide
{
    display: none;
    background-color: #fff;
}
.ui-tabs-panel
{
    padding: 0.5em;
}
.ui-tabs-paging-next
{
    float: right !important;
}
.ui-tabs-paging-prev, .ui-tabs-paging-next
{
	padding-top: 10px;
    background: transparent !important;
    border: 0 !important;
    margin-bottom: 1px !important;
}
#example2 .ui-tabs-paging-prev, #example2 .ui-tabs-paging-next
{
    font-weight: bold;
}
.ui-tabs-paging-prev a, .ui-tabs-paging-next a
{
    display: block;
    position: relative;
    top: 1px;
    border: 0;
    z-index: 2;
    padding: 0; /* color: #444; */
    text-decoration: none;
    background: transparent !important;
    cursor: pointer;
}
.ui-tabs-paging-next a:hover, .ui-tabs-paging-next a:focus, .ui-tabs-paging-next a:active, .ui-tabs-paging-prev a:hover, .ui-tabs-paging-prev a:focus, .ui-tabs-paging-prev a:active
{
    background: transparent;
}
.ui-tabs-paging-disabled
{
    visibility: hidden;
}

#products { padding:30px 0; }
#products-bottom { border-top: solid 1px #ccc; padding:30px 0; }
#products, #products-bottom { width:800px; margin-left:50px; }
.product-left h2 { padding-top:30px; }
.product-left { float:left; width:400px; }
.product-right { float:right; }

#voucher-bottom { clear:both; }
#small-print { float:left; width:450px; font-size:8pt; color:#414141; }
#google-checkout { float:right; margin:50px 70px; }

#opening-times-shop h3 { margin-top:0; }
#opening-times-shop
{
	border-left: solid 1px #000;
	padding-left:20px;
	float:left;	
	width:230px;
	height:163px;
}

#products-footer { clear:both; width:800px; margin-left:50px; padding-top:30px; border-top: solid 1px #ccc; }

/* blog */
#long-page
{
	height:auto;	
}

#blog-page h2
{
	margin-top:0;
	margin-bottom:0;
}

/* member pages */

#member-pages
{
	height:700px;
}

div.form {
	/*
	padding-left:11px;
	*/
}

div.form div 
{
	clear:both;
	margin:0;
	padding:1px 0 11px;
}

label
{
	clear: both;
	float:left;
}

div.time-form
{
	width:416px;
	background: white;
	border: solid 1px #cccccc;
}

div.time-form table label
{
	width:50px;	
}

#member-pages h2
{
	margin-top:0;	
}

.title 
{
	display:none;
}

.login-label 
{
	text-align:left;
	width:73px;	
}

td.login-checkbox { vertical-align:top; }
.login-checkbox input { float:right; width:15px; font-size: 9pt; }
.login-checkbox label { float:right; clear:none; font-size:9pt; margin-top:1px; }
.clear { clear:both; }

/* book appointment */

div.form label 
{
	text-align:left;
	width:160px;	
}

div.form input
{
	font-size: 9pt;
	width:200px;	
}

div.form select
{
	font-size: 9pt;
	width:206px;	
}

div.time-form input
{
	font-size: 9pt;
	width:23px;	
}

div.time-form select
{
	font-size: 9pt;
	width:10px;	
}

p.button-book { width: 377px; text-align:center; }

/* admin */
#admin { background-color:#000; color:#fff; height:800px; }
#admin a:link { color:#fff; }
#admin a:visited { color:#fff; }
#admin a:hover { color:#000; background-color:#fff; }

