body, html {
margin: 0;
padding: 0;
background: #B1ACA8;
font: 86% 'Trebuchet MS', Arial, Helvetica, sans-serif;
color: #fff;
position: relative;
text-align: center;
background-image: url(images/pat03.gif);
}
#page {
background: #B1ACA8 no-repeat right bottom;
width: 714px;
height:auto;
display:block;
position: relative;
voice-family: inherit;
border: #EBEFEE 2px solid;
padding: 4px;
padding-bottom:10px;
padding-top:18px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
#chairbox {
margin: 0 auto;
width: 700px;
text-align: left;
}
#chairbar {
font-size: 10px;
background: #676767;
margin: 10px 0 10px;
width: 694px;
height: 25px;
}
#headerinfo {
font-size: 11px; margin: 5px 10px; color: #fff; width: 166px; FLOAT: left; DISPLAY: inline; font-weight:bold
}
#chairbar A {
color: #ccc;
text-decoration: none;
}
#chairbar A:hover {
color: #fff;
text-decoration: none;
}
#chairbar p {
font-size: 10px;
color: #ccc;
text-align: right;
padding: 5px;
}
#chairside {
background: #B1ACA8;
float: left;
width: 200px;
text-align: left;
}
#mail {
text-align: justify;
padding: 10px;
background: #F3F1F2;
margin: 0;
color: #666;
border: #DFDBD8 2px solid;
}
#essentiallinks {
text-align: justify; padding: 10px; BORDER: #DFDBD8 4px solid; BACKGROUND: #F3F1F2; margin-top: 10px;
}
#chaircontent {
background: #B1ACA8;
float: left;
margin-left: 10px;
width: 480px;
position: relative;
text-align: left;
}
#coverimage {
border: #E6DEC7 2px solid;
display: block;
width: 480px;
height: 106px;
}
#chairtext {
width: 480px;
border: #DEDDDB 2px solid;
padding-right: 0;
background: #F3F1F2;
padding-bottom: 10px;
margin: 10px 0 0;
color: #666;
padding-top: 0px;
}
.imgleft {
float: left;
margin: 0 9px 3px 0;
}
.imgright {
float: right;
margin: 0 3px 9px 0;
}
#chairtext li {
text-align: justify;
}
#chairtext P {
font-size: 1em;
margin: 1em 8px;
text-align: justify;
}
#chairtext P.creditCards {text-align:center; padding-bottom:10px;}
#chairtext P.creditCards img{padding-left:5px; padding-right:5px}
.prices {
font-size: 1.2em;
}
#chairfooter {
display: inline;
font-size: 10px;
background: #676767;
float: left;
margin: 10px 0 0;
width: 484px;
color: #ccc;
}
.essentialinfo {
font-size: 1em;
float: left;
padding: 5px 20px 5px 10px;
}
#design {
color: #999;
text-align: right;
float: right;
padding: 5px 10px 5px 0;
}
#design a {
color: #999;
}
h1 {
font-size: 1.0em;
color: #666;
margin: 1em 8px;
}
h3 {
font-size: 1.2em;
color: #666;
margin: 1em 8px;
}
h2 {
font-size: 1.4em;
color: #666;
margin: 1em 8px;
}
h4 {
display: none;
}
A {
text-decoration: none;
}
A:link {
background: none transparent scroll repeat 0 0;
color: #676767;
}
A:visited {
background: none transparent scroll repeat 0 0;
color: #676767;
}
A:hover {
background: none transparent scroll repeat 0 0;
color: #88B348;
}
A:active {
background: none transparent scroll repeat 0 0;
color: #676767;
}
#avmenu {
clear: left;
float: left;
width: 200px;
margin: 0;
padding: 0;
font-size: 0.9em;
}
#avmenu ul {
list-style: none;
width: 200px;
margin: 0;
padding: 0;
font-size: 1.1em;
}
#avmenu li {
margin-bottom: 0;
}
#avmenu li a {
font-weight: bold;
height: 22px;
text-decoration: none;
color: #ccc;
display: block;
padding: 6px 0 0 14px;
background: #676767 url(images/side_bullet.gif) no-repeat 2px 50%;
border-bottom: 1px solid #EBEFEE;
}
#avmenu li a:hover {
background: #676767 url(images/hover_bullet.gif) no-repeat 100% 55%;
color: #fff;
border-bottom: 1px solid #CBD3D3;
}
hr {
border: 4px dotted;
color: #666;
height: 1px;
width: 90%;
text-align: center;
}
#skip {
color: #666;
padding: 3px;
margin-bottom: 25px;
background: #F3F1F2;
}
#skip ul {
margin-left: 0;
padding-left: 0;
display: inline;
border: none;
}
#skip ul li {
margin-left: 0;
padding-left: 2px;
border: none;
list-style: none;
display: inline;
}
.gallery {
margin: 1em 8px;
}
.gallery img {
border: none;
}
.popupholder {
position: relative;
width: 460px;
height: 350px;
margin-top: 20px;
}
.popup {
position: relative;
left: 0;
top: 0;
}
.popup a {
color: #F60;
float: left;
display: block;
margin: 0;
}
.popup a img {margin-right:16px; margin-bottom:16px;}
.popup a:link {
border-bottom: none;
}
.popup a:visited {
border-bottom: none;
}
.popup a:hover {
color: #F60;
text-indent: 0;
}
.popup a:active {
border-bottom: none;
}
.popup a span {
display: none;
}
.popup span img {
display: block;
}
.popup a:hover img {
border: #F60 0 solid;
}
.popup a:hover span {
display: block;
margin: 0;
text-align: center;
border: 0;
}
.popup a:visited span img {
border-width: 0;
}
.popup a:hover span img {
border-width: 0;
}
.popup a:active span img {
border-width: 0;
}
#popupl a:hover span {
left: 0;
position: absolute;
top: -327px;
width: 460px;
height: 307px;
}
#popupl {
z-index: 150;
position: relative;
margin-left: 0;
float: left;
display: inline;
height: 70px;
}
#chairtext p.hint {font-style:italic; padding-bottom:10px; margin:0px; text-align:center;}
#sideContent{clear:left; float:left; padding-top:10px; width:200px; padding-right:10px; padding-bottom:10px; color:#444; font-size:11px;}
#sideContent h2 {margin:0px; padding-top:10px; padding-bottom:5px; font-size:20px;}
#sideContent ul {padding-top:20px; list-style:none; padding-left:0px; margin:0px;}
#sideContent li {height:20px; padding:none;}
#sideContent a {color:#444;}
#sideContent a:hover {color:#444; text-decoration:underline; color:#222;}
#avmenu a.active {color:#fff;}
p.testimonial {font-size:12px; text-align:justify; padding-right:5px;}
p.testimonialSource {font-size:12px; text-align:right; padding-right:5px;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
a:focus { outline:none; }
.inputText {width:180px; height:18px; border:1px solid #aaa; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:1.2em;}
textarea {width:180px; border:1px solid #aaa; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:1.2em;}