body,
html {
margin:0;
padding:0;
background:#9AC6E5;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
}
.NormalText {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
padding-left: 10px;
padding-top: 5px;
}
.Header {
font-size:120%;
font-weight: bold;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
.BlueHeader {
font-size:120%;
color:#006EBE;
font-weight: bold;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
.WhiteHeader {
font-size:120%;
color:#FFFFFF;
font-weight: bold;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
.BlackText { color: #000000; }
.BlueText { color: #006EBE; }
.LightBlueText { color: #61A5D7; }
.WhiteText { color: #FFFFFF; }
a { color:#006ebe;}
body {
min-width:730px;
}
* #wrapper {
margin:0 auto;
width:730px;
}
* #whitebox
{
background-color:#FFF;
background-image:url(/images/content-cap.gif);
background-repeat:no-repeat;
background-position:top;
}
* #header {padding:0 0 17px 0;}
* #splash {text-align:center; padding:7px;}
* #content {
background:#FFF;
float:right;
width:545px;
padding: 5px 7px 7px 0px;
}
* #content p {
padding:0 0px 0 0;
}
* #nav {
background:#FFF;
float:left;
width:163px;
padding:5px 3px 0px 7px;
}
* #navlinks {
margin: 0;
padding: 0;
list-style-type: none;
background-color: #D2E4F4;
}
* #navlinks a {
display: block;
font-size: 90%;
text-transform:uppercase;
padding: 10px 2px 10px 24px;
background-image: url(/images/nav-bg.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #006EBE;
text-decoration: none;
font-weight:bold;
border-bottom: 1px solid;
border-color: #9AC6E5;
}
* #navlinks a:hover {
display: block;
font-size: 90%;
text-transform:uppercase;
padding: 10px 2px 10px 24px;
background-image: url(/images/nav-bg-over.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
background-color:#9AC6E5;
color: #006EBE;
text-decoration: none;
font-weight:bold;
border-bottom: 1px solid;
border-color: #9AC6E5;
}
/* these set the top and bottom of the nav */
* #navlinks #navcap {background-image:url(/images/nav-cap.gif); background-repeat:no-repeat; background-position:top; background-color:#D2E4F4;}
* #navlinks #navcap a {background:none; background-color:none;}
* #navlinks #navcap a:hover {background-image:url(/images/nav-cap-over.gif); background-repeat:no-repeat; background-position:top; background-color:#9AC6E5;}
* #navlinks #navfoot {background-image:url(/images/nav-foot.gif); background-repeat:no-repeat; background-position:bottom; background-color:#D2E4F4;}
* #navlinks #navfoot a {background:none; background-color:none; border:0;}
* #navlinks #navfoot a:hover {background-image:url(/images/nav-foot-over.gif); background-repeat:no-repeat; background-position:bottom; background-color:#9AC6E5;}
/* these set the current page link style */
* #nav-spa .loc-spa, #nav-spa .loc-spa a,
* #nav-salon .loc-salon, #nav-salon .loc-salon a,
* #nav-specials .loc-specials, #nav-specials .loc-specials a,
* #nav-loc .loc-loc, #nav-loc .loc-loc a,
* #nav-store .loc-store, #nav-store .loc-store a,
* #nav-appt .loc-appt, #nav-appt .loc-appt a,
* #nav-faq .loc-faq, #nav-faq .loc-faq a,
* #nav-about .loc-about, #nav-about .loc-about a
{
background-color: #006EBE;
background-image: url(/images/nav-bg-on.gif) !important;
background-repeat: no-repeat;
background-position: 0% 50%;
color: #FFF !important;
cursor: default;
}
/* these set the current page link style for the top and bottom links */
* #nav-home .loc-home, #nav-home .loc-home a
{
background-color: #006EBE;
background-image: url(/images/nav-cap-on.jpg) !important;
background-repeat: no-repeat;
background-position:top !important;
color: #FFF !important;
cursor: default;
}
* #nav-contact .loc-contact, #nav-contact .loc-contact a
{
background-color: #006EBE;
background-image: url(/images/nav-foot-on.jpg) !important;
background-repeat: no-repeat;
background-position:bottom !important;
color: #FFF !important;
cursor: default;
}
* #footer {
background-color:#FFF;
background-position:bottom;
background-image:url(/images/content-bottom.gif);
height:9px;
background-repeat:no-repeat;
clear:both; }
* #footer-text { padding:10px 0 30px 0; font-size:80%; color:#FFF; text-align:center;}
* #footer-text a { text-decoration:none; color:#EEE;}
* #footer-text a:hover { text-decoration:underline; color:#EEE;}
/*Displays only services for specific location
* .paseo {display:none; visibility:hidden;}
* .green {display:none; visibility:hidden;}
* .newport {display:none; visibility:hidden;}
* .newport-new {display:none; visibility:hidden;}
* .la {display:none; visibility:hidden;}
* #paseo .paseo {display:block; visibility:visible;}
* #newport .newport {display:block; visibility:visible;}
* #newport-new .newport-new {display:block; visibility:visible;}
* #la .la {display:block; visibility:visible;}
* #green .green {display:block; visibility:visible;}
* #all .paseo,
* #all .newport,
* #all .newport-new,
* #all .la,
* #all .green { display:block; visibility:visible;}
*/
/*Forms*/
* #vip-form {margin:0; padding:0 0 0 10px; border:0;}
* #vip-emailfield {margin:0; padding:0; float:left; width:80px; border:0; color:#9AC6E5;}
* #vip-submit-button {margin:0 6px 0 0; padding:0; float:right; border:0;}
/*Contact Us Form*/
* .inputs {
font-family: Helvetica, Arial, sans-serif;
font-size: 90%;
color: #666;
background:#F9F9F9;
border:#EEEEEE;
border-style:solid;
border-width:1px;
width:285px;
}
/*Homepage Welcome Box*/
* #welcome-box {width:545px; background-image:url(/images/div-bottom-gray.gif); background-color:#EEE; background-position:bottom left; background-repeat:no-repeat; margin-bottom:10px;}
* #welcome-box h3 {padding:10px 0px 0px 10px; margin:0; font-size:120%; color:#006EBE; background-color:#EEE; background-image:url(/images/h3-gray.gif); background-position:top left; background-repeat:no-repeat; clear:both;}
* #welcome-box p {padding:0 10px 10px 10px; color:#666;}
/*homepage blue buttons*/
* .bluebutton-left {margin:0px 0px 7px 10px; padding:0; float:left; clear:left;}
* .bluebutton-right {margin:0px 0px 7px 10px; float:left; clear:both;}
/*Homepage Blue Box*/
* #blue-box {width:545px; background-image:url(/images/div-bottom-blue.jpg); background-color:#ACD0EA; background-position:bottom left; background-repeat:no-repeat; margin-bottom:10px;}
* #blue-box h3 {margin:0; padding:6px 8px 4px 10px; font-size:130%; color:#FFF; background-color: #006EBE; background-image:url(/images/h3-blue.gif); background-position:top left;
background-repeat:no-repeat; clear:both;}
* #blue-box p {margin:0; float:left; width:355px; padding:14px 0px 5px 10px; color:#FFF;}
* #blue-box .icon {margin:0; padding:10px 10px 0px 15px;}
/*Homepage Green Box*/
* #green-box {width:545px; background-image:url(/images/div-bottom-green.jpg); background-color:#CCF099; background-position:bottom left; background-repeat:no-repeat; margin-bottom:10px;}
* #green-box h3 {margin:0; padding:6px 8px 4px 10px; font-size:130%; color:#FFF; background-color: #AEE85E; background-image:url(/images/h3-green.gif); background-position:top left;
background-repeat:no-repeat; clear:both;}
* #green-box p {margin:0; float:right; width:345px; padding:10px 10px 7px 10px; color:#FFF;}
* #green-box .icon {margin:0; padding:0px 10px 0px 15px; float:left;}
* #greenbox-button {margin:0; padding:10px 0px 0px 0px;}
/*Homepage Pink Box*/
* #pink-box {width:545px; background-image:url(/images/div-bottom-pink.jpg); background-color:#E4698A; background-position:bottom left; background-repeat:no-repeat; margin-bottom:10px; padding-bottom:6px;}
* #pink-box h3 {margin:0; padding:6px 8px 4px 10px; font-size:130%; color:#FFF; background-color:#D20039; background-image:url(/images/h3-pink.gif); background-position:top left;
background-repeat:no-repeat; clear:both;}
* #pink-box p {margin:0; float:left; width:355px; padding:10px 0px 10px 10px; color:#FFF;}
* #pink-box .icon {margin:0; padding:10px 10px 3px 45px;}
/*Homepage VIP emails Box*/
* #vip-iframe {margin-top:10px; float:left; padding:0; border:0; width:163px; height:150px; background-color:#FFFFFF;}
* #vip-emails-box {width:163px; background-image:url(/images/div-bottom-blue-small.jpg); background-color:#AED1EA; background-position:bottom left; background-repeat:no-repeat; margin-bottom:0px; padding-bottom:6px; float:left;}
* #vip-emails-box h3 {margin:0; padding:6px 0px 4px 10px; font-size:100%; color:#006EBE; background-color:#AED1EA; background-image:url(/images/h3-blue-short.gif); background-position:top left; background-repeat:no-repeat; clear:both;}
* #vip-emails-box form {float:left;}
* #vip-emails-box p {margin:0; float:left; font-size:90%; padding:7px 0px 10px 10px; color:#FFF;}
* #vip-emails-box img {margin:0; padding:0px 5px 5px 0px;}
* #vip-emails-thankyou {font-size:80%; font-weight:normal; padding:0px; color:#FFFFFF;}
* #vip-emails-thankyou strong {margin:0; text-align:center; padding-top:10px; color:#006EBE; font-weight:bold; font-size:120%}
/*Homepage Locations Box*/
* #locations-box {font-size:80%; color:#006EBE; font-weight:bold; line-height:120%; width:545px; background-image:url(/images/div-bottom-gray.gif); background-color:#EEE; background-position:bottom left; background-repeat:no-repeat; margin-bottom:0px; padding-bottom:6px; float:right;}
* #locations-box h3 {padding:10px 8px 8px 10px; margin:0; font-size:160%; color:#006EBE; background-color:#EEE; background-image:url(/images/h3-gray.gif); background-position:top left; background-repeat:no-repeat; clear:both; border-bottom:1px #CCC solid;}
* #locations-box ul {list-style:none; float:left; padding:10px 0px 0px 15px; margin:0;}
* #locations-box li {width:150px; height:160px; margin:0; padding:0 5px 5px 15px; float:left;}
* #locations-box .loc-img img {margin:0; border:5px solid #CCC; padding:0;}
* #locations-box .loc-img-pad {padding-top:10px;}
* #locations-box .loc-name {padding:5px 0 0 0; font-size:120%; color:#006EBE; font-weight:bold;}
* #locations-box .bdr-right { border-right: 1px dotted #ccc;}
* #locations-box .bdr-bottom { border-bottom: 1px dotted #ccc;}
* #locations-box .serv-buttons { padding:10px 0 0 0;}
* html #navlinks .navcap /* Will only be seen by IE */
{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/nav-cap.png',sizingMethod='scale'); }
* html #navlinks .navfoot /* Will only be seen by IE */
{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/nav-foot.png',sizingMethod='scale'); }
/*Services Menu Blue Box*/
* #services-box {width:545px; background-image:url(/images/div-bottom-blue-solid.gif); background-color:#006EBE; background-position:bottom left; background-repeat:no-repeat; margin-bottom:10px;}
* #services-box h3 {margin:0; padding:9px 8px 0px 10px; float:left; font-size:100%; color:#FFF; background-color: #006EBE; background-image:url(/images/h3-blue.gif); background-position:top left; background-repeat:no-repeat;}
* #services-box p { padding:0 10px 0 10px; color:#fff;}
* #services-box #spa-service-jump {margin:0; padding:5px 5px 0px 0px; float:right; background-image:url(/images/h3-blue.gif); background-position:top right; background-repeat:no-repeat;}
* #services-box #jump-form {margin:0; padding-bottom:3px;}
* #services-box hr { padding:0px; margin:0px 5px 0px 5px; color:#61A5D7; width:98%; size:1px; clear:both;}
* #services-box .left-list {list-style:none; margin:0; float:left; width:200px; padding:10px 0px 10px 30px; color:#FFF; line-height:140%;}
* #services-box .left-list p { font-weight:bold; padding:10px 0 5px 0; margin:0;}
* #services-box .right-list {list-style:none; margin:0; float:right; width:255px; padding:10px 0px 10px 10px; color:#FFF; line-height:140%;}
* #services-box li {background-image:url(/images/double-right.gif); background-position:left; background-repeat:no-repeat; padding-left:10px; margin:0;}
* #services-box h3 a {color:#d2e4f4; font-size:85%; padding-left:5px;}
* #services-box h3 a:hover {color:#FFF;}
* #services-box a {color:#FFF; text-decoration:none;}
* #services-box a:hover {color:#9AC6E5; text-decoration:underline;}
* #services-box .faq-list {list-style:none; margin:0; float:left; width:500px; padding:10px 0px 10px 30px; color:#FFF; line-height:140%;}
* #services-box .faq-list p { font-weight:bold; padding:10px 0 5px 0; margin:0;}
* #services-box .faq-list li a { font-weight:normal; color:#EEE;}
/* Contact Box */
* #contact-box {width:545px; background-image:url(/images/div-bottom-blue-solid.gif); background-color:#006EBE; background-position:bottom left; background-repeat:no-repeat; margin-bottom:10px; color:#FFF; font-weight:bold;}
* #contact-box h3 {margin:0; padding:9px 8px 0px 10px; font-size:120%; color:#FFF; background-color: #006EBE; background-image:url(/images/h3-blue.gif); background-position:top left; background-repeat:no-repeat;}
* #contact-box p { margin:20px 5px 0px 10px; padding:0px; color:#FFF; font-size:100%; line-height:140%; font-weight:normal; text-align:center;}
* #contact-box hr { padding:0px; margin:0px 5px 0px 5px; color:#61A5D7; width:98%; size:1px; clear:both;}
* .contact-pulldown {padding:10px 165px 0 0px; width:285px; float:right;}
* .form-field {padding:10px 165px 0 0px; width:285px; float:right;}
* .form-label {padding:15px 5px 0 15px; width:70px; float:left; text-align:right; clear:left;}
* .submit-form {padding:5px 15px 10px 95px; width:285px; text-align:right; clear:both;}
* .submit-form .form-buttons {font-size:80%;}
/*Service Category Header (Brown)*/
* .service-cat {width:545px; background-image:url(/images/div-bottom-brown.gif); background-color:#4E4139; background-position:bottom left; background-repeat:no-repeat; margin:0px 0 10px 0; padding:0; float:right;}
* .service-cat h3 {margin:0; float:left; padding:6px 8px 0px 10px; font-size:100%; color:#FFF; background-color:#4E4139; background-image:url(/images/h3-brown.gif); background-position:top left; background-repeat:no-repeat; clear:both;}
* .service-cat a {margin:0; padding:0px 15px 0px 0px; color:#CCC; background-image:url(/images/up-arrow.gif); background-position:right; background-repeat:no-repeat;}
* .service-cat a:hover {color:#FFF;}
* .service-cat .back {padding:0; margin:0; border-left: 1px solid #685541; float:right; color:#CCC; font-size:90%; background-image:url(/images/h3-brown.gif); background-position:top right; background-repeat:no-repeat;}
* .service-cat .back div {padding:6px 10px 6px 15px; border-left:1px solid #221C16;}
/*Service Description*/
* .service-desc {width:520px; margin:10px 0px 10px 0px; padding:0px 15px 0px 10px; float:right;}
* .service-desc h3 {margin:0px; font-size:100%; color:#006EBE; padding-bottom:3px; font-weight:normal; border-bottom:#CCC 1px solid;}
* .service-desc p { margin:3px 5px 0px 0px; padding:0px; color:#666; font-size:90%; line-height:140%; font-weight:normal;}
* .service-desc .available {font-size:80%; color:#666666; margin:10px 0 0 0; padding-bottom:5px; border-bottom:#CCC 1px solid;}
* .service-desc .available a {color:#006EBE; text-decoration:none;}
* .service-desc .available a:hover {color:#D20039;}
* .service-desc .prices {padding:4px 0px 4px 0px; margin:0; list-style:none; float:left; line-height: 150%; font-weight:bold; font-size:80%;}
* .service-desc .prices li {float:left; text-align:left; margin:3px 8px 3px 0; padding:1px 6px 1px 6px; color:#666; background-color:#eee;}
* .price { color:#006EBE; margin-left:6px; padding-left:6px; border-left: 1px solid #ccc;}
* .salon-service-desc {width:520px; margin:10px 0px 10px 0px; padding:0px 15px 0px 10px; float:right;}
* .salon-service-desc h3 {margin:0px; font-size:100%; color:#006EBE; padding-bottom:3px; font-weight:normal; border-bottom:#CCC 1px solid;}
* .salon-service-desc p { margin:3px 5px 0px 0px; padding:0px; color:#666; font-size:90%; line-height:140%; font-weight:normal;}
* .salon-service-desc .prices {padding:4px 0px 4px 0px; margin:0; list-style:none; float:left; line-height: 150%; font-weight:bold; font-size:80%;}
* .salon-service-desc .prices li {float:left; text-align:left; margin:3px 8px 3px 0; padding:1px 6px 1px 6px; color:#666; background-color:#eee;}
* .price { color:#006EBE; margin-left:6px; padding-left:6px; border-left: 1px solid #ccc;}
* .purchase {clear:both; text-align:right; font-size:80%; color:#006EBE; padding:5px 0px 5px 0px; margin-bottom:5px; background-color:#D2E4F4;}
* .purchase a { color:#006EBE; padding:5px 8px 5px 8px; border-left:3px #fff solid; text-decoration:none;}
* .purchase a:hover {color:#FFF; background-color:#006ebe;}
* #purchase-bar-padding * .purchase { margin-top:5px;}
* .grayline {padding-bottom:5px; border-bottom:#eee 1px solid;}
/*Locations Map*/
* #locations-map {background-image:url(/images/location-map.jpg); background-repeat:no-repeat; background-position:top; width:545px; height:404px;}
* #locations-map ul {list-style:none; margin:0; padding:3px 0 0 25px; line-height:130%; color:#FFF;}
* #locations-map h3 {list-style:none; margin:0; padding:250px 0 0 20px; line-height:150%; color:#FFF; font-size:110%; font-weight:bold;}
* #locations-map ul li {background-image:url(/images/double-right.gif); background-position:left; background-repeat:no-repeat; padding-left:10px; margin:0; text-decoration:underline;}
* #locations-map a {color:#FFF;}
* #locations-map a:hover {color:#9AC6E5;}
* .ballon-hide {background-image:none; width:545px; height:528px; margin:0; padding:0;}
/* .show-simi {background-image:url(/images/ballon-simi.gif); background-repeat:no-repeat; background-position: 74px 38px;}*/
* .show-paseo {background-image:url(/images/ballon-paseo.gif); background-repeat:no-repeat; background-position: 320px 95px;}
* .show-green {background-image:url(/images/ballon-green.gif); background-repeat:no-repeat; background-position: 330px 100px;}
* .show-la {background-image:url(/images/ballon-la.gif); background-repeat:no-repeat; background-position: 136px 56px;}
* .show-newport {background-image:url(/images/ballon-newport.gif); background-repeat:no-repeat; background-position: 325px 277px;}
* .show-newportnew {background-image:url(/images/ballon-newport_new.jpg); background-repeat:no-repeat; background-position: 335px 285px;}
* .show-napa {background-image:url(/images/ballon-napa.gif); background-repeat:no-repeat; background-position: 72px 167px;}
* #ballon-newportnew, * #ballon-paseo, * #ballon-green, * #ballon-la, * #ballon-newport, * #ballon-napa, * #ballon-waipouli { width:545px; height:404px; margin:0; padding:0;}
/* Location Information Box*/
* #loc-info {width:545px; background-image:url(/images/div-bottom-gray.gif); background-color:#EEE; background-position:bottom left; background-repeat:no-repeat; margin-bottom:10px;}
* #loc-info h3 {padding:10px 0px 0px 10px; margin:0; float:left; font-size:120%; line-height:13px; color:#006EBE; background-color:#EEE; background-image:url(/images/h3-gray.gif); background-position:top left; background-repeat:no-repeat;}
* #loc-info p { float:left; margin-bottom:0; padding:0 10px 10px 10px; color:#666; width:270px;}
* #loc-info img {padding:10px 10px 0px 10px; margin:0; float:right; background-color:#EEE; background-image:url(/images/h3-gray.gif); background-position:top right; background-repeat:no-repeat; }
* .directions { padding:0; margin:0; }
* .directions a {color:#006EBE; text-decoration:none;}
* .directions a:hover {color:#9AC6E5; text-decoration:underline;}
/* Book Appointment Text */
* .book-appt {margin:3px 5px 0px 15px; color:#666; font-size:90%; line-height:140%; font-weight:normal;}
* .book-appt-steps {margin:10px 5px 0px 0px; color:#666; font-size:90%; line-height:140%; font-weight:normal;}
* .book-appt-steps li { padding-top: 10px;}