/* Stylesheet: HTML 5 Reset Modified On 2012-06-13 11:39:07 */
/* 

*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

address{font-style:normal;}
/* Stylesheet: Rebekah Layout Modified On 2012-12-12 12:25:24 */
/******GLOBAL******/
body{font-family:Arial, Helvetica, sans-serif; background:#747474 url(images/beauty-salon-harrogate-bg.jpg) no-repeat 50% 0;}
p, h1, h2, h3, h4, h5, h6, ul, ol{margin:0 0 10px 0; font-weight:normal;}
.bold, strong, b{font-weight:bold;}
.underline, u{text-decoration:underline;}
i, em, .italic{font-style:italic;}
.clear{clear:both;}
.purple{color:#801399;}
.pink{color:#e538ac;}
.georgia{color:#e538ac; font-weight:bold; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
.error{width:100%; display:block; float:left; font-weight:bold; color:#900; font-size:11px; margin:0 0 10px 0;}

/******Header******/
header{width:946px; margin:0 auto;}
#logo{display:inline; float:left; margin:22px 0 30px 22px;}
address{display:inline; float:right; text-align:right; margin:20px 15px 0 0; color:#fff; font-weight:bold; font-size:30px;}
address a{color:#fff; text-decoration:none; font-size:20px;}

/******Wrapper******/
#wrapper{width:946px; margin:0 auto; background:#fff; -webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
-webkit-box-shadow: 1px 2px 5px 5px #535353;
box-shadow: 1px 2px 5px 5px #535353; }

#flowers-top{display:inline; float:right; margin:-38px -77px 0 0; zoom:1; position:relative;}
#flowers-side{display:inline; float:right; margin:-2px -77px 0 0; zoom:1; position:relative;}

/******Inner Wrapper******/
#inner-wrapper{display:inline; float:left; width:895px; margin:0 0 15px 23px;}
nav ul{width:895px; background:#e4e4e4; display:block; float:left; margin:0 0 15px 0;}
nav ul li{display:inline; float:left;}
nav ul li a{display:block; float:left; font-family:Georgia, "Times New Roman", Times, serif; color:#57004e; text-decoration:none; font-size:16px; font-style:italic; padding:9px 14px 9px 15px; border-right:1px solid white;}
nav ul li a.last{border:none;}
nav ul li:hover, nav ul li a.active{background:#fe3629; color:#fff;}
nav ul li:hover a{color:#fff;}
nav ul ul{ 
-webkit-box-shadow: 1px 5px 5px 1px #d0b5c7;
box-shadow: 1px 5px 5px 1px #d0b5c7; 
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding:0 0 5px 0;
background:#d50d00;}
nav ul ul a{color:#fff; border-bottom:1px solid #fe3629; border-right:none;
background:#fe3629;
background: -moz-linear-gradient(top, #fe3629 0%, #ed0e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe3629), color-stop(100%,#cf007b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fe3629 0%,#d50d00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fe3629 0%,#ed0e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fe3629 0%,#ed0e00 100%); /* IE10+ */
background: linear-gradient(top, #fe3629 0%,#ed0e00 100%); /* W3C */}
nav ul ul a:hover, nav ul ul a.active{background:#c23229;}

#slider{display:inline; float:left;}
#header-image{display:inline; float:left; position:relative;}
#header-image img{z-index:1; display:inline; float:left;}
#header-testimonial{position:absolute; top:22px; left:22px; width:285px; font-size:12px; line-height:15px; color:#333;}
a#booking-form{display:inline; float:right; width:102px; height:314px; background:url(images/gift-vouchers2.jpg) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:25px; color:#56004e; text-decoration:none; padding:12px 90px 0 15px; line-height:28px; margin:0 0 12px 0;}
a#booking-form span{color:#fff; font-size:14px; margin:12px 0 0 0; display:block; float:none;}
a#gift-vouchers{display:inline; float:right; width:174px; height:118px; background:url(images/gift-vouchers.jpg) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:25px; line-height:30px; color:#56004e; text-decoration:none; padding:22px 20px 0 15px;}
a#gift-vouchers span{color:#464646; font-family:Arial, Helvetica, sans-serif; font-size:11px; display:block; float:none; font-style:normal; margin:0 0 0 42px;}
#left-column{display:inline; float:left; width:673px;}
#right-column{width:205px; float:right; display:inline;}

#columns{display:block; float:left; width:895px; margin:1px 0 17px 0;}
.column{display:inline; float:left; width:207px; margin:0 22px 0 0;}
.column-last{float:right; margin:0; }
.column h2{display:block; float:none; width:177px; background:#e2e2e2; color:#6f1667; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:24px; padding:8px 15px;}
.column td{vertical-align:top; padding:0 0 7px 0;}
.column p{font-size:12px; line-height:14px; color:#707070; padding:0 0 0 6px; font-weight:bold;}
.column p .category{font-weight:normal; font-size:11px;}
.column a{color:#707070; text-decoration:none;}
.column a.more{font-weight:bold; font-size:11px; color:#801399; text-decoration:none;}
.col-inner{margin:20px 0;}

#testimonials{background:#e1e1e1; padding:10px 13px; min-height:330px; _height:330px;}
#testimonials h2{padding:0; width:auto; background:none;}
#testimonials p{color:#56004e; font-size:11px; line-height:14px; font-weight:normal; padding:0;}
#testimonials p.alignright, #testimonials p .alignright{text-align:right;}
.column #testimonials a.more{color:#56004e;}

/******Content******/
#content{display:inline; float:left; width:630px; padding:20px 0 20px 0;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{font-family:Georgia, "Times New Roman", Times, serif; color:#6f1667; margin:0 0 10px 0; font-style:italic;}
#content h1{color:#ff3132; font-size:28px; line-height:33px; margin:0 0 15px 0;}
#content h2{font-size:18px; line-height:23px;}
#content h3{font-size:16px; line-height:21px;}
#content h4, #content h5, #content h6{font-size:14px; line-height:19px;}
#content p, #content li{font-size:12px; color:#333333; line-height:17px;}
#content ul li{list-style-type:disc; margin:0 0 0 20px; list-style-position:inside;}
#content ol li{list-style-type:decimal; margin:0 0 0 20px;}
#content a{color:#ec008c; font-weight:bold;}
#content img{border:10px solid #fff;
-webkit-box-shadow: 5px 5px 5px 1px #e2e2e2;
box-shadow: 5px 5px 5px 1px #e2e2e2; 
margin:0 20px 20px 0;
display:inline;
float:left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
#content p.breadcrumbs{font-size:10px;}
#content p.breadcrumbs a{text-decoration:none; font-weight:normal;}

#content ul.list-of-services li{list-style-type:none; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #e2e2e2;}
#content ul.list-of-services img{border:none; -webkit-box-shadow:none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; 
}
#content ul.list-of-services a{text-decoration:none;}

#content td{padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #e2e2e2; vertical-align:middle;}
#content td img{display:inline; float:left;}
#content th{padding:20px 0 10px 0; text-align:left; font-size:16px; line-height:21px; font-family:Georgia, "Times New Roman", Times, serif; color:#6f1667; margin:0 0 10px 0; font-style:italic;}

#content #privacy-table{border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
#content #privacy-table td{border-right:1px solid #e2e2e2; font-size:12px; line-height:17px; padding:10px; margin:0;}

#content input{margin:0 0 10px 0; font-size:12px;}
#content textarea{width:300px; height:150px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#content label{font-weight:bold; color:#e538ac; font-size:12px; margin:0 10px 10px 0;}
#content select{margin:3px 10px 10px 0;}
#content .submit input, #content a.book-button{background:#e538ac; color:#fff; font-weight:bold; padding:5px 10px; cursor:pointer; border:none; text-decoration:none; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#content a.book-button{font-size:14px;}

.NewsSummary{padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #CCC;}

/***Footer Top******/
#footer-top{width:895px; background:url(images/footer-top-tile.gif); display:block; float:left; position:relative;}
#rebekah{display:inline; float:left; width:234px; position:absolute; bottom:0; text-align:center; left:0;}
#rebekah img{position:absolute; bottom:0; left:30px;}
.footer-top-col, .footer-top-col-end{width:180px; display:inline; float:right; padding:17px 0 15px 0; margin:0 45px 0 0;}
.footer-top-col h2, .footer-top-col-end h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; color:#56004e; font-style:italic;}
.footer-top-col p, .footer-top-col-end p{font-size:12px; line-height:15px; color:#56004e;}
.footer-top-col ul, .footer-top-col ol {font-size:11px; line-height:15px; color:#56004e;}
.footer-top-col li{margin-left: 15px;}
.footer-top-col a.more, .footer-top-col-end a.more, .footer-top-col a{font-size:11px; font-weight:bold; color:#707070; text-decoration:none;}
.footer-top-col-end{margin:0; margin:0 15px 0 0;}
.footer-top-col-end img{display:inline; float:right; margin:0 0 0 5px;}

/******Footer******/
footer{display:block; float:left; width:946px; background:#e1e1e1; padding:0 0 20px 0;}
#social-media{display:block; float:left; width:875px; padding:6px 6px 6px 65px; background:#8dc73f url(images/social-bg.jpg) repeat-x;
background: -moz-linear-gradient(top, #9ece45 0%, #8dc73f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ece45), color-stop(100%,#8dc73f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9ece45 0%,#8dc73f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9ece45 0%,#8dc73f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9ece45 0%,#8dc73f 100%); /* IE10+ */
background: linear-gradient(top, #9ece45 0%,#8dc73f 100%); /* W3C */}
#social-media a{font-family:"Century Gothic", Arial, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none; height:19px; display:block; float:left; margin:0 100px 0 0; padding:6px 50px 0 0;}
#social-media a span{display:none;}
#social-media a.linkedin{background:url(images/linkedin.jpg) no-repeat 100% 50%;}
#social-media a.twitter{background:url(images/twitter.jpg) no-repeat 100% 50%;}
#social-media a.facebook{background:url(images/facebook.jpg) no-repeat 100% 50%;}
#social-media a.newsletter{background:url(images/newsletter.jpg) no-repeat 100% 50%; padding:6px 95px 0 0; margin:0;}

#logos{display:block; float:left; margin:0 0 20px 0;}

footer address{display:inline; float:left; font-weight:bold; color:#56004e; font-size:11px; text-align:left; margin:0 0 0 33px; padding:0; line-height:15px;}
footer nav{display:inline; float:right; width:auto; margin:0 25px 0 0;}
footer nav ul{display:inline; float:right; width:auto;}
footer nav ul li a{display:block; float:left; font-family:Arial, Helvetica, sans-serif; color:#56004e; text-decoration:none; font-size:11px; font-style:normal; padding:0; border-right:1px solid #56004e; padding:0 5px 0 0; margin:0 5px 0 0;}
footer nav ul li:hover, footer nav ul li a.active{background:none; color:#56004e;}
footer nav ul li:hover a{color:#56004e;}

#credit{display:inline; float:right; width:400px; text-align:right; margin:0 33px 0 0;}
#credit a{font-size:11px; color:#56004e; text-decoration:none;}
#credit a u{font-weight:bold;}

/****Modal Styles***/

#mask {position:absolute; left:0; top:0; z-index:99999; background-color:#000;display:none;}
#boxes .window {position:fixed; left:0; top:0; width:480px; height:250px; display:none; z-index:999999; padding:20px;}
#boxes #newsletter, #boxes #quickenquirybox{width:460px; height:210px; padding:10px; background-color:#ffffff;}
#boxes #quickenquirybox{height:480px;}
#boxes .close{font-size:11px; font-weight:bold;color:#960064; float:right;}
#boxes #newsletter-form, #boxes #quickenquiry-form{display:inline; float:left; width:460px; height:205px; margin:0; background-color:#fff; padding:0;}
#boxes #newsletter-form h2, #boxes #quickenquiry-form h2{font-size:14px;font-weight:bold;color:#960064;}
#boxes #newsletter-form p, #boxes #quickenquiry-form p{font-size:12px; line-height:17px; width:100%; display:block; float:left;}
#boxes #newsletter-form input, #boxes #quickenquiry-form input{margin:0 100px 8px 0; display:inline; float:left; width:200px;}
#boxes #quickenquiry-form input.date{width:20px; margin:0 10px 8px 0;}
#boxes #quickenquiry-form input.dateYear{width:40px; margin:0 10px 8px 0;}
#boxes #newsletter-form label, #boxes #quickenquiry-form label{font-size:12px; color:#960064; font-weight:bold; display:inline; float:left; margin:5px 10px 10px 0; width:100px; text-align:right;}
#boxes #enquiry-form textarea, #boxes #quickenquiry-form textarea{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	width:200px;
	height:120px;
	margin:0 100px 20px 0;
	font-size:12px;}
	
#newsletter-form input#newsletter-submit, #quickenquiry-form input#enquiry-submit{background-color:#747474; color:#fff; font-weight:bold; font-size:12px; border:none; text-align:left; padding:2px 3px 2px 3px; margin:0 0 0 110px; cursor:pointer; width:auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
	
/*#enquiry .submit, #newsletter-form .submit { margin-left: 125px; margin-top: 10px;}
    .label { display: block; float: left; width: 75px; text-align: right; margin-right: 5px; font-size:11px; }
    .form-row { padding:3px 0; clear: both;}
    label.error {display: inline; float: left; color: red; padding-left: 10px; font-size:11px; margin:3px 0 0 0; }
    #enquiry input[type=text], #newsletter-form input[type=text] textarea { width: 150px; float: left; }
    textarea { height: 50px; }*/
	
#newsletter, #quickenquirybox{
	display:none;}
/* Stylesheet: Superfish Modified On 2012-06-13 11:41:20 */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			34px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}