* { margin:0; padding:0; line-height:1.5; }
body { 
font: normal 62.5% Georgia, 'Times New Roman', serif;
background:#fdfde8;
color:#000;
height:100%;
}
input, select, textarea, button, label { font-family:Georgia, 'Times New Roman', serif; font-size:130%; }
h1 { margin:0 0 13px 0; font-size:200%; color:#7f5422; }
h2 { margin:0 0 13px 0; font-size:160%; color:#7f5422; font-weight:bold; }
h3 { margin:0 0 13px 0; font-size:140%; color:#7f5422; font-weight:bold; }
img { border:0; }
a { color:#703319; text-decoration:underline; }
a:hover { text-decoration:none; }
a.named { position:relative; top:-2em; }
hr { clear:both; margin:2em 0 2em 0; border-width:0; background-color:#d4be89; color:#d4be89; height:1px; }
p {
margin-bottom:1.2em;
font-size:130%;
}
p.float {
float:left;
}
p.floatRight {
float:right;
}
p.red { color:red; }
table p { display:inline; }
table.data {
background-color:#AAA;
font-size:11px;
}
table.data th {
text-align:left;
background-color:#e9dbb8;
padding:2px;
font-weight:normal;
font-size:11px;
vertical-align:top;
}
table.data td {
background-color:#FFF;
padding:2px;
font-size:1em;
vertical-align:middle;
}
div.clear { width:100%; clear:both; height:0; }
div.center {
width:770px;
margin:0 auto 0 auto;
}
div.masthead {
float:left;
width:770px;
height:153px;
background:url(../images/masthead.jpg) no-repeat;
}
div.nav {
float:left;
width:762px;
padding:4px;
background:url(../images/nav-bg-stretch.gif) repeat-y;
}
div.nav a {
float:left;
font-size:140%;
white-space:nowrap;
margin-left:26px;
font-weight:bold;
text-decoration:none;
}
div.nav a:hover {
text-decoration:underline;
}
div.navBottom {
float:left;
width:770px;
height:2px;
background:url(../images/nav-bottom.gif) no-repeat;
}
div.content {
width:720px;
float:left;
background:url(../images/content-stretch.gif) repeat-y;
padding:20px 25px 25px 25px;
}
div.footerTop {
width:770px;
height:4px;
float:left;
background:url(../images/footer-top.gif) no-repeat;
}
div.footerStretch {
width:770px;
float:left;
padding:2px 0 2px 0;
background:url(../images/footer-stretch.gif) repeat-y;
text-align:center;
}
div.footerStretch p {
font-size:110%;
margin:2px auto 2px auto;
padding-left:26px;
color:#e1cea1;
display:inline;
}
a.yapuraLink { float:right; margin-right:6px; display:inline; }
div.footerBottom {
width:770px;
height:6px;
float:left;
background:url(../images/footer-bottom.gif) no-repeat;
margin-bottom:10px;
}
div.map {
	width:345px;
	height:300px;
	float:left;
	clear:left;
	margin:10px 15px 10px 0;
	border: 1px solid #703319;
	padding: 1px;
	display:inline;
}
img.interior { float:right; margin:0 0 10px 10px; }
img.interiorChair { float:right; clear:right; margin:3px 0 10px 10px; border:4px solid #e5d8b9; }
img.barberRazor { float:left; margin:10px 30px 10px 10px; display:inline; }
div.homeRightSide { background-color:#e5d8b9; float:right; width:140px; padding:5px 10px 10px 10px; margin:0 0 10px 20px; }
div.homeRightSide h2 { margin-bottom:8px; }
div.popularService { background-color:#FFF; padding:5px; width:130px; float:left; text-align:center; }
div.popularService p { font-size:1.1em; }
div.popularService img { margin:0 0 5px 0; }
div.openingTimes {
float:left;
clear:left;
width:540px;
}
div.openingTimes p {  }
div.openingTimes div.days { float:left; width:129px; }
div.openingTimes div.times { float:left; width:380px; }
img.razor { width:288px; height:165px; float:left; margin:10px 0 0 220px; display:inline; }
div.leftHalf {
float:left;
display:inline;
width:355px;
margin-right:10px;
}
div.rightHalf {
float:left;
display:inline;
width:355px;
}
div.calendarContainer { float:left; clear:left; display:inline; margin-right:40px; }
div.scheduleContainer { float:left; display:inline; }
div.loginForm {
width:31em;
margin:5em auto 5em auto;
padding:1em 1.5em 0 1.5em;
border:1px solid #e9dbb8;
}
div.loginForm p {
float:right;
display:inline;
text-align:right;
padding-right:0.5em;
white-space:nowrap;
}
div.loginForm p.forgot {
clear:both;
width:auto;
padding-right:0;
}
div.loginForm input {
float:right;
clear:right;
}
div.loginForm input.submit {
clear:both;
margin-bottom:1em;
}
div.loginForm input.input {
width:15em;
}
div.submissionMessage {
width:32em;
position:relative;
top:2em;
margin:0 auto 0 auto;
padding:1em 1em 0 1em;
}
ul {
margin-left:2em;
}
div.generalForm {
width:33em;
margin:5em auto 5em auto;
padding:1em 1.5em 0 1.5em;
border:1px solid #e9dbb8;
}
div.generalForm p input{
font-size:1em;
}
div.generalForm input.submit{
float:right;
clear:both;
margin-bottom:1.5em;
}
div.menu p { margin-bottom:0; }
div.bookmarkLink {
clear:both;
text-align:center;
}
div.bookmarkLink p {
font-size:1.1em;
margin:0;
}
body.imageGallery {
background:url('../images/header-stretch.jpg') repeat-x;
}
td.imageGalleryBody {
background:url('../images/header-logo.gif') no-repeat;
padding:10px;
vertical-align:top;
padding:65px 10px 0 10px;
}
td.imageGalleryUploadBar {
border:1px solid #c6c6e3;
border-width:1px 0 0 0;
background:#eeeeff;
padding:10px;
}
td.imageGalleryCell {
text-align:center;
width:25%;
height:160px;
}
form input { padding:0.1em; }
form button { padding:0.1em; }
input.name { width:20em; }
input.duration { width:2.5em; }
input.price { width:4em; }
button.bookingConfirmation { margin-bottom:1.2em; }
img#payPal { float:left; margin-bottom:1.2em; }
img#payInAdvance { float:right; margin:0 0 10px 10px; }
img.alignedRight { margin:12px 0 12px 12px; }
img.alignedLeft { margin:12px 12px 12px 0; }

table#notice { float:left; width:100%; border:0; margin:-10px 0 15px 0; }
td#topLeft { width:32px; height:27px; background:url(../images/barber-pole-top.jpg) no-repeat; }
td#topRight { width:32px; height:27px; background:url(../images/barber-pole-top.jpg) no-repeat; }
td#centreLeft { background:url(../images/barber-pole-repeat-left.gif) repeat-y; }
td#centreRight { background:url(../images/barber-pole-repeat-right.gif) repeat-y; }
td#notice { background-color:#f5f0e5; padding:10px 10px 15px 10px; }
td#bottomLeft { width:32px; height:14px; background:url(../images/barber-pole-bottom.jpg) no-repeat; }
td#bottomRight { width:32px; height:14px; background:url(../images/barber-pole-bottom.jpg) no-repeat; }

div#notice { width:540px; float:left; background:url(../images/notice-stretch.gif) repeat-y; margin-bottom:20px; }
div#noticeHeader { width:540px; height:14px; float:left; background:url(../images/notice-header.gif) no-repeat; }
div#noticeBody { width:510px; float:left; padding:0 15px 0 15px; }
div#noticeFooter { width:540px; height:14px; float:left; background:url(../images/notice-footer.gif) no-repeat; }