/* ----------reset all css-------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
form {margin-top:0;margin-bottom:0;}
object {outline:none;}
html {overflow:scroll;}
img {-ms-interpolation-mode: bicubic;}
a {outline-style:none;}
textarea {resize:none;}
textarea, input {outline:none;}
.clearboth {clear:both;height:0;font-size:1px;line-height:0px;}

.group:before, .group:after {content:"";display:table;} 
.group:after {clear: both;}
.group {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}


/* ---------- start css -------------- */
body {margin:0px;padding:0px;font-family:'oxygenregular',Helvetica,Arial,sans-serif;font-weight:normal;color:#c5d6dc;font-size:12px;background:#1A1919;}
#container {width:940px;margin:0 auto;padding:0px;}


/* ---------- main layout -------------- */
#midrow {clear:both;width:940px;padding:40px 0px 0px 0px;margin-bottom:0px;}

#leftcol {float:left;width:300px;padding:0px 0px 0px 0px;}
#midcol {float:left;width:300px;padding:0px 20px 0px 20px;line-height:140%;}
#bookingcol {float:left;width:600px;padding:0px 20px 0px 20px;line-height:140%;}
#rightcol {float:right;width:300px;padding:0px 0px 0px 0px;}
#widecol-home {float:right;width:640px;padding:0px 0px 0px 0px;}
#widecol {float:right;width:620px;padding:0px 0px 0px 0px;}
#widecol p {width:400px;}

.leftcol-home {background:url(../img/home/home-left.jpg) no-repeat;height:670px;}

/*#footer-row {clear:both;width:940px;height:115px;border-top:2px solid #FFF;border-left:2px solid #FFF;}
#footer-row img {border-right:2px solid #FFF;}
#footer-row img.wider {width:116px;height:115px;}*/
#footer-row {clear:both;width:940px;border-top:2px solid #FFF;}

.logo {width:226px;height:134px;margin:5px 0px 0px 53px;}

#nav {margin:30px 0px 30px 0px;text-align:center;}
#nav ul {list-style:none;padding:0;margin:0px;}
#nav li {padding:0px;}
#nav li a {display:block;font-family:'oxygenbold',Helvetica,Arial,sans-serif;font-weight:normal!important;font-size:14px;text-decoration:none;color:#c5d6dc;padding:0px 0px 9px 0px;margin:0px 0px 0px 0px;text-transform:uppercase;}
#nav li a:hover{color:#FFF;text-decoration:none;}

#nav a#drop-up {display:none;}

#covid19 .covid19 a, #about .about a, #prices .prices a, #gallery .gallery a, #bridal .bridal a, #extensions .extensions a, #haircare .haircare a, #gracekellynails .gracekellynails a,#giftvouchers .giftvouchers a, #recruitment .recruitment a, #contact .contact a,#waiting-list .waiting-list a {color:#d9a257!important;cursor:default!important;}

.time-table {margin-bottom:10px;width:93%;}
.time-table td {padding:3px 0px 3px 0px;}
.time-table .left-width {width:100px;}

.price-table {margin-bottom:15px;width:93%;}
.price-table td {vertical-align:top;padding:3px 5px 3px 0px;}
.price-table .left-width {width:200px;}

#tweet-outer {padding:25px 0px 0px 0px;background:url(../img/tweet-header.png) no-repeat;}
#tweet-box {width:280px;}

#thumbs {padding:30px 0px 40px 0px;}
#thumbs img {float:left;margin:0px 25px 20px 0px;}


/* ---------- footer -------------- */

#footer {clear:both;width:940px;height:42px;line-height:42px;border-top:2px solid #FFF;padding:0px 0px 60px 0px;}
#footer-left {float:left;width:720px;}
#footer-left a {text-decoration:none;font-weight:normal;font-size:12px;color:#D9A257;margin:0px;padding:0px;}

#footer-right {float:right;width:140px;font-weight:normal;text-align:right;padding-right:60px;margin:0px;}
#footer-right img {width:25px;height:25px;margin:9px 0px 0px 12px;}


/* ---------- text styles -------------- */
a {color:#D9A257;text-decoration:none;font-weight:normal;}
a:hover {color:#FFF;text-decoration:underline;}
p {padding:0px 0px 12px 0px;}
strong {font-family:'oxygenbold',Helvetica,Arial,sans-serif;font-weight:normal!important;}

ul{margin:3px 0px 7px 14px;padding:0px;}
ol{margin:3px 0px 7px 14px;padding:0px;}
li{margin:0px;padding:0px 0px 5px 0px;}

h1 {font-size:18px;padding:70px 0px 12px 0px;font-family:'oxygenlight',Helvetica,Arial,sans-serif;font-weight:normal!important;text-transform:uppercase;}
h1.short-height {padding:30px 0px 12px 0px!important;}
h2 {font-size:16px;padding:25px 0px 12px 0px;font-family:'oxygenbold',Helvetica,Arial,sans-serif;font-weight:normal!important;}
h3 {font-size:14px;padding:12px 0px 12px 0px;font-family:'oxygenbold',Helvetica,Arial,sans-serif;font-weight:normal!important;}
h4 {font-size:14px;padding:12px 0px 12px 0px;font-family:'oxygenbold',Helvetica,Arial,sans-serif;font-weight:normal!important;}
h5 {font-size:16px;padding:20px 0px 12px 0px;font-family:'oxygenbold',Helvetica,Arial,sans-serif;font-weight:normal!important;}


.txt_small {font-size:11px;line-height:normal;}
.txt_default {font-size:12px;}
.txt_large {font-size:16px;line-height:normal;}
.txt_big {font-size:24px;line-height:normal;}

.left_image{float:left;margin: 3px 15px 7px 0px;}
.right_image{float:right;margin: 3px 0px 7px 15px;}

.border_bottom {border-bottom:1px solid #CCCCCC;padding-bottom:15px;margin-bottom:15px;}

/*-------------------store-------------------*/

.item_name {border-top:1px solid #CCC;padding:20px 0px 10px 0px;margin:20px 0px 0px 0px;}
.item_price {font-weight:bold;}
.item_Quantity {width:30px; border:1px solid #CCC;text-align:center;margin-bottom:0px!important;}
.checkout {border-top:2px solid #333;padding-top:10px;margin-top:10px;}

.item_add {display:inline-block;background:#999;color:#FFF;width:100px;height:30px;line-height:30px;text-align:center;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;margin-left:10px;}
.item_add:hover {background:#CCC;color:#FFF;text-decoration:none;}
.simpleCart_checkout, .voucherCart_checkout, .btn_submit {display:block;background:#D9A257;color:#FFF;width:100px;height:30px;line-height:30px;text-align:center;text-decoration:none;text-transform:uppercase;margin-top:15px;border:none;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}
.simpleCart_checkout:hover, .voucherCart_checkout:hover, .btn_submit:hover {cursor:pointer;background:#DF8D65;color:#FFF;text-decoration:none;}

.headerRow {font-weight:bold;padding:0px 0px 5px 0px;}
.item-name {float:left;width:170px;padding:5px 10px 5px 0px;}
.item-price {float:left;width:40px;padding:5px 10px 5px 0px;}
.item-quantity {float:left;width:20px;padding:5px 10px 5px 0px;}
.item-total {float:left;width:55px;padding:5px 10px 5px 0px;}
.item-remove {float:left;padding:5px 0px 5px 0px;}
.itemRow {clear:both;border-top:1px solid #CCC;}

.divider {border-top:1px solid #CCC;margin-top:10px;padding:0px;line-height:normal;}

/* -------------------- forms and tables -------------------- */
.web-form {padding:25px 0px 25px 0px;}
.web-form .control-group {margin:0px 0px 5px 0px;}
.web-form .control-label {float:left;width:150px;font-size:13px;font-weight:normal;line-height:normal;padding-top:8px;text-align:left;}
.web-form .controls {margin-left:160px;}
.web-form input[type="text"],.web-form input[type="password"],textarea {padding:5px 9px;font-size:13px;border:1px solid #CCC;background:#FFF;box-shadow:none!important;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}
.web-form .my-select {height:32px;width:280px;background:#FFF;border:1px solid #CCC;box-shadow:none!important;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}
.web-form .input-tiny {width:90px;}
.web-form .input-small {width:150px;}
.web-form .input-medium {width:260px;}
.web-form .input-large {width:360px;}
.web-form .help-inline {padding:4px 0px 0px 10px;font-size:13px;}
.web-form textarea {resize:vertical;height:80px;}

label.not-valid {display:inline;}
.not-valid {background:#F6DFD3!important;}
#errorContainer {font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-size:12px;line-height:normal;}
#errorContainer div {background:#1A1919!important;padding:0px 0px 8px 0px;color:#CE5D2A;}

#contact-complete-message {display:none;}


/* ------------- Responsive elements ------------- */

@media screen and (max-width: 979px) {
body {float:none;margin:0px;padding:0px 20px 0px 20px!important;}
body img {max-width:100%;}
img {display:block;max-width:100%!important;height:auto;vertical-align:middle;}

.logo {width:226px;height:134px;margin:0px 0px 0px 0px;}

#container {width:auto;margin:0 auto;padding:0px;}
#midrow {clear:both;width:auto;padding:20px 0px 0px 0px;margin-bottom:0px;}
#leftcol {float:none;width:auto;padding:0px 0px 0px 0px;}
#midcol {float:none;width:auto;padding:0px 0px 0px 0px;line-height:140%;}
#rightcol {float:none;width:auto;padding:20px 0px 40px 0px;}
#widecol-home {float:none;width:auto;padding:0px 0px 0px 0px;}
#widecol {float:none;width:auto;padding:0px 0px 0px 0px;}
#widecol p {width:auto;}

.leftcol-home {background:none;height:auto;}

#footer {clear:both;width:auto;height:42px;line-height:normal;border-top:2px solid #FFF;padding:12px 0px 60px 0px;}
#footer-left {float:none;width:auto;}
#footer-left a {text-decoration:none;font-weight:normal;font-size:12px;color:#D9A257;margin:0px;padding:0px;}
#footer-right {float:none;width:auto;font-weight:normal;text-align:left;padding-right:0px;margin:0px;}
#footer-right img {display:inline;width:25px;height:25px;margin:9px 12px 0px 0px;}

#footer-row {width:auto;border-top:2px solid #FFF;}

#nav {width:100%;height:auto;text-align:left;margin:30px 0px 30px 0px;padding:0px;}
#nav ul {margin:0px;padding:0px;height:auto;font-size:16px;line-height:normal;display:none;} 
#nav li {float:none;list-style:none;padding:0px;margin:0px;}
#nav li a {display:block;text-decoration:none;border-bottom:1px solid #666;padding:8px 20px 8px 20px;margin:0px;}
#nav li a:hover {text-decoration:none;color:#FFF;}

#nav a#drop-up {display:block;background-color:#333;width:100%;position:relative;font-size:14px;color:#7B7C7F;padding:10px 0px 10px 0px;text-indent:20px;text-transform:uppercase;font-family:'oxygenbold',Helvetica,Arial,sans-serif;font-weight:normal!important;}
#nav a#drop-up:hover {color:#FFF;text-decoration:none;}

.time-table {margin-bottom:10px;width:100%;}
.time-table td {padding:3px 0px 3px 0px;}
.time-table .left-width {width:100px;}

.price-table {margin-bottom:15px;width:100%;}
.price-table td {vertical-align:top;padding:3px 5px 3px 0px;}
.price-table .left-width {width:70%;}

h1 {padding:20px 0px 12px 0px;}
h1.short-height {padding:20px 0px 12px 0px!important;}

.left_image{float:none;margin:3px 0px 15px 0px;}
.right_image{float:none;margin: 3px 0px 15px 0px;}

.vis-desktop {display:none;}
.vis-mobile {display:block;}
.vis-mobile img {display:block;width:100%;height:auto;}

.web-form .control-label {display:block;float:none;padding-bottom:5px;}
.web-form .controls {margin-left:0px;}
.item_add {margin:5px 0 0 0;}
}


@media screen and (max-width: 767px) {	
#thumbs {padding:30px 0px 40px 0px;}
#thumbs img {float:left;margin:0px 15px 10px 0px;}
}


@media screen and (max-width: 420px) {

	
}
