/* GLOBAL RESET */
* {
outline: 0;
outline-width: 0;
outline-style: none;
text-decoration:none;
}

a img {
border: 0;
}
.clear {
  clear: both;
  overflow: hidden;
  height: 1px;
  font-size: 1px;
}


body {
  margin: 0;
  padding: 0;
  font: 12px Arial, Helvetica, sans-serif;
  color: #666;
  background: #fff url(http://charmbeautyspa.com/img/bg-tile.png) repeat-x top left;
}

#frame {
  width: 1024px;
}

.popup #frame {
  padding: 10px 10px;
  margin: 10px auto;
  background: #fff;
  width:80%;
  text-align: justify;
}
#heading {
  height: 1px;
  overflow: hidden;
  text-indent: -99999px;
}

#topmenu {
  height: 75px;
  padding-left:50px;
  overflow: hidden;
  background: url(http://charmbeautyspa.com/img/bg-menu-top.png) no-repeat top center;

}

#languages{
  padding-left:-40px;
}


#topmenu ul {
  margin: 0  0 50px 0;
  padding: 0;
  list-style: none;
  width: 900px;
}
#topmenu ul li {
  display: inline;

}

#topmenu ul li a:link, #topmenu ul li a:visited {
  display: block;
  float: left;
  width: 150px;
  margin: 0 10px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}
#topmenu h6,#menu h6 {
  color: #fff;
}


#topmenu ul li a:hover, #topmenu ul li a:focus, #topmenu ul li a:active  {
  color: #f9edf2;
}
#topmenu ul li a:hover h6, #topmenu ul li a:focus h6, #topmenu ul li a:active h6  {
  color: #9BC478;
}
#topmenu ul li#m-promotions h6 {
  text-align: right;
}


#topmenu ul li#m-promotions a {
  width: 240px;
  text-align: right;
}
#topmenu ul li#m-appointment a {
  width: 180px;
  text-align: left;
}
#topmenu ul li#m-contact a {
  width: 135px;
  text-align: left;
}
#topmenu ul li#m-phones a {
  width: 170px;
  text-align: left;
}

#topmenu ul li#m-languages a {
  margin-top:5px;
  width: 50px;
  text-align: center;
}

#header {
  height: 323px;
  overflow: hidden;
  background:  url(http://charmbeautyspa.com/img/header.png) no-repeat top center;
}
#menu {
  height: 64px;
  background: url(http://charmbeautyspa.com/img/bg-menu-middle.png) no-repeat top center;
  overflow: hidden;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;

}
#menu ul li {
  display: inline;

}
#menu ul li a:link, #menu ul li a:visited {
  display: block;
  float: left;
  width: 150px;
  padding: 0 5px;
  text-decoration: none;
  color: #fff;
  text-align: left;
  border-left: 1px solid #9BC478;
}

#menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active  {
  color: #E0EDD6;
}
#menu ul li a:hover h6, #menu ul li a:focus h6, #menu ul li a:active h6  {
  color: #FF97D6;
}
#container {
  width: 880px;
  padding-top: 20px;
}


#content {
  width: 650px;
  float: left;
  text-align: justify;
}
#sidebar {
  width: 200px;
  float: right;
}
#sidebar .box {
  width: 205px;
}

#s-blowout {
  height: 302px;
  background: url(http://charmbeautyspa.com/img/sb-blowout.png) no-repeat top center;
}
#s-blowout a {
  text-decoration: none;
  display: block;
  padding-top: 202px;
  color: #8f3a56;
}
#s-blowout a:link h6, #s-blowout a:visited h6  {
  color: #8f3a56;
  text-align: center;
}
#s-blowout a:hover h6, #s-blowout a:focus h6, #s-blowout a:active h6   {
  color: #B74F71;
  text-align: center;
}

#s-christmas {
  height: 229px;
  background: url(http://charmbeautyspa.com/img/christmas-special.jpg) no-repeat top center;
}
#s-christmas a {
  text-decoration: none;
  display: block;
  color: #8f3a56;
  height: 229px;
}
#s-christmas a:link h6, #s-christmas a:visited h6  {
  color: #8f3a56;
  text-align: center;
  text-indent: -10000px;
  overflow: hidden;
}
#s-christmas a:hover h6, #s-christmas a:focus h6, #s-christmas a:active h6   {
  color: #B74F71;
  text-align: center;
}

#s-valentine {
  height: 229px;
  background: url(http://charmbeautyspa.com/img/valentine-special.jpg) no-repeat top center;
}
#s-valentine a {
  text-decoration: none;
  display: block;
  color: #8f3a56;
  height: 229px;
}
#s-valentine a:link h6, #s-valentine a:visited h6  {
  color: #8f3a56;
  text-align: center;
  text-indent: -10000px;
  overflow: hidden;
}
#s-valentine a:hover h6, #s-valentine a:focus h6, #s-valentine a:active h6   {
  color: #B74F71;
  text-align: center;
}


#s-halloween {
  height: 347px;
  background: url(http://charmbeautyspa.com/img/med-spa-halloween-deal-01.jpg) no-repeat top center;
}
#s-halloween a {
  text-decoration: none;
  display: block;
  color: #8f3a56;
  height: 347px;
}
#s-halloween a:link h6, #s-halloween a:visited h6  {
  color: #8f3a56;
  text-align: center;
  text-indent: -10000px;
  overflow: hidden;
}
#s-halloween a:hover h6, #s-halloween a:focus h6, #s-halloween a:active h6   {
  color: #B74F71;
  text-align: center;
}

#s-savers {
  height: 140px;
  background: url(http://charmbeautyspa.com/img/sb-deals.png) no-repeat top center;
}
#s-savers a {
  text-decoration: none;
  display: block;
  color: #8f3a56;
  height: 140px;
}
#s-savers a:link h6, #s-savers a:visited h6  {
  color: #8f3a56;
  text-align: center;
  text-indent: -10000px;
  overflow: hidden;
}
#s-savers a:hover h6, #s-savers a:focus h6, #s-savers a:active h6   {
  color: #B74F71;
  text-align: center;
}

#s-shop {
  height: 184px;
  background: url(http://charmbeautyspa.com/img/sb-estore.png) no-repeat top center;
}
#s-shop a {
  text-decoration: none;
  display: block;
  padding-top: 140px;
  color: #8f3a56;
}
#s-shop a:link h6, #s-shop a:visited h6  {
  color: #8f3a56;
  text-align: center;
}
#s-shop a:hover h6, #s-shop a:focus h6, #s-shop a:active h6   {
  color: #B74F71;
  text-align: center;
}

#s-giftcards {
  height: 89px;
  background: url(http://charmbeautyspa.com/img/sb-gift-cards.png) no-repeat top center;
}
#s-giftcards a {
  text-decoration: none;
  display: block;
  padding: 20px 0 0 70px;
  color: #8f3a56;
}
#s-giftcards a:link h6, #s-giftcards a:visited h6  {
  color: #8f3a56;
  text-align: center;
}
#s-giftcards a:hover h6, #s-giftcards a:focus h6, #s-giftcards a:active h6   {
  color: #B74F71;
  text-align: center;
}


#s-callback {
  height: 106px;
  background: url(http://charmbeautyspa.com/img/sb-callback.png) no-repeat top center;
}
#s-callback a {
  text-decoration: none;
  display: block;
  padding: 30px 90px 0 0px;
  color: #8f3a56;
}
#s-callback a:link h6, #s-callback a:visited h6  {
  color: #8f3a56;
  text-align: right;
}
#s-callback a:hover h6, #s-callback a:focus h6, #s-callback a:active h6   {
  color: #B74F71;
  text-align: right;
}


#footer {

  font-size: 11px;
  background: url(http://charmbeautyspa.com/img/bg-footer-tile.png) repeat-x top left;
}
#footer a:link, #footer a:visited {
  color: #fff;
  font-weight: bold;
  text-decoration: none;

}
#footer a:focus, #footer a:active, #footer a:hover {
  color: #F9EDF2;
}

#copyright {
  width: 1024px;   overflow: hidden;  height: 95px;
  background: url(http://charmbeautyspa.com/img/bg-footer.png) no-repeat top center;    height: 95px;
}

#dubmenu {
  width: 500px;
  float: left;
  text-align: right;
}
#dubmenu ul {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;

}
#dubmenu ul li {
  display: inline;
  padding: 0px 5px;

}


#copy {
  margin-top: 10px;
  text-align: left;
  width: 220px;
  float: right;
  color: #fff;
}

.socialicons {
  margin: 0;
  padding: 0;
  list-style: none;
}

.socialicons li {
  padding: 0 10px;
  text-align: left;
}
.socialicons a:link, .socialicons a:visited {
color: #8f3a56;
  font-weight: bold;
  text-decoration: none;

}
.socialicons a:focus, .socialicons a:active, .socialicons a:hover {
  color: #B74F71;
}

.socialtools {
  text-align: right;
  margin: 20px 0 0 0;
  border-top: 1px dotted #ccc;
  padding: 10px 0 0 0;
}


#copyright {
  width: 1024px;   overflow: hidden;  height: 95px;
  background: url(http://charmbeautyspa.com/img/bg-footer.png) no-repeat top center;    height: 95px;
}

.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list li {
  padding: 5px 0px;
  margin: 5px 0px;
  border-bottom: 1px dotted #ccc;
}
.list li strong {
  display: block;
  width: 80px;
  float: right;
  background: #F1A6BF;
  color: #8f3a56;
  padding: 2px 4px;
}
sup {
  color:#f00;
  font-weight: bold;
}

/* Links */

a:link, a:visited {
  color: #628240;
  text-decoration:none;
}

a:hover, a:focus, a:active {
  color: #8f3a56;
  text-decoration:none;
}

/* IMAGES */

.photo {
	padding: 2px 2px;
	border: 2px solid #eee1e6;
}
.alignleft {
	float: left;
	margin: 10px 10px 10px 0px;
}
.alignright {
	float: right;
	margin: 10px 0px 10px 10px;
}

/* HEADINGS */
h1,h2,h3,h4,h5,h6 {
  margin: 5px 0px;
  padding: 0;
  text-align: left;
  text-decoration:none;
  font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif;
  color: #9BC478;
}
h1 {
  font-size: 28px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 22px;
  color:  #a0556f;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
  color: #a0556f;
}
h6 {
  font-size: 14px;
}


/* FORMS */
form {
  margin: 0;
  padding: 0 0 0 10px;
}
form label {
	cursor:pointer;
}
fieldset {
  border: 1px solid #ddd;
  text-align: left;
  padding: 5px 5px;
}
legend, label {
  font-weight: bold;
}
legend {

}
.required {
  color: #f00;
  font-weight: bold;
  font-size: 16px;
}
.forms, textarea, select {
  border: 1px solid #ddd;
  padding: 2px 2px;
  display:block;
  line-height: 100%;

}
.button {
  background: #999;
  border: 1px solid #777;
  padding: 5px 5px;
  color: #fff;
  font-weight: bold;
}

/* PROMOTIONS */
.promopage div {
  padding: 10px 10px;
  margin: 10px 0;
  border: 1px dashed #9BC478;
  background: #EFF5EB;
}
.promopage div strong {
  font-size: 120%;
  color: #628240;
}
.promopage div span {
  font-size: 80%;
  color: #666666;
}
.promopage div em {
  font-style: normal;
  font-size: 140%;
  font-weight: bold;
  color: #B74F71;
}
/* MESSAGES */
.error {
  color: #9B0027;
  font-weight: bold;
  display: block;
  padding: 5px 5px;
  margin: 5px 0px;
  border: 1px solid #FFD2DE;
  background: #FFF2F5;
}
.success, .ok, .okay {
  color: #89B47A;
  font-weight: bold;
  display: block;
  padding: 5px 5px;
  margin: 5px 0px;
  border: 1px solid #C9DDC1;
  background: #F3F8F1;
}
.notice, .caption {
  color: #B59A79;
  font-weight: bold;
  display: block;
  padding: 5px 5px;
  margin: 5px 0px;
  border: 1px solid #D6C27E;
  background: #F9F8E8;
}


/* SLIDESHOW */
#header {
  position: relative;
}


#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 323px;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    height: 323px;
    display: block;
    border: 0;
    margin-bottom: 0px;
}


/* -------------------------- */
/* SHADOWBOX LAYOUT (must be in js/shadowbox/ folder!)
/* -------------------------- */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message {
	color: #555;
	font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0px 10px;
}
#sb-title-inner {
  border-top: 1px solid #ccc;
}
#sb-container {
	display: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	text-align: left;
	top: 0;
	visibility: hidden;
	z-index: 999;
}
#sb-overlay {
	height: 100%;
	position: relative;
	width: 100%;
}
#sb-wrapper {
	position: absolute;
	visibility: hidden;
	width: 100px;
}
#sb-wrapper-inner {
	border: 5px solid #fff;
	height: 100px;
	overflow: hidden;
	position: relative;
}
#sb-body {
	height: 100%;
	position: relative;
}
#sb-body-inner {
	height: 100%;
	position: absolute;
	width: 100%;
}
#sb-player.html {
	height: 100%;
	overflow: auto;
}
#sb-body img {
	border: none;
}
#sb-loading {
	height: 100%;
	position: relative;
}
#sb-loading-inner {
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	margin-top: -12px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}
#sb-loading-inner span {
	display: inline-block;
	padding-left: 34px;
}
#sb-body,#sb-loading {
	background-color: #E0E0E0;
}
#sb-title,#sb-info {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
#sb-title,#sb-title-inner {
	line-height: 26px;
}
#sb-title {
    background: #fff;
}
#sb-title-inner {
	font-size: 16px;
}
#sb-info,#sb-info-inner {
	height: 20px;
	line-height: 20px;
}
#sb-info-inner {
	font-size: 12px;
}
#sb-nav {
	float: right;
	height: 16px;
	padding: 2px 0;
	width: 45%;
}
#sb-nav a {
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: right;
	height: 16px;
	margin-left: 3px;
	width: 16px;
}
#sb-nav-close {
	background-image: url(../js/shadowbox/close.png);
}
#sb-nav-next {
	background-image: url(../js/shadowbox/next.png);
}
#sb-nav-previous {
	background-image: url(../js/shadowbox/previous.png);
}
#sb-nav-play {
	background-image: url(../js/shadowbox/play.png);
}
#sb-nav-pause {
	background-image: url(../js/shadowbox/pause.png);
}
#sb-counter {
	float: left;
	width: 45%;
}
#sb-counter a {
	color: #fff;
	cursor: pointer;
	padding: 0 4px 0 0;
	text-decoration: none;
}
#sb-counter a.sb-counter-current {
	text-decoration: underline;
}
div.sb-message {
	font-size: 12px;
	padding: 10px;
	text-align: center;
}
div.sb-message a:link,div.sb-message a:visited {
	color: #fff;
	text-decoration: underline;
}