/* -------------------------------------------------------------
COMMON STYLES FOR ALL BASE TAG ELEMENTS
------------------------------------------------------------- */ 
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #c94f9d;
	background-image: url(../images/bg_purple.gif);
	color: #000000;
}
p {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #00A2E5;
	width: 394px;
}
h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #C84F9D;
	width: 394px;
}
h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #F7921F;
	width: 394px;
}
h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #2EB457;
	width: 394px;
}

h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00A2E5;
}
/* -------------------------------------------------------------
PAGE DIV HOLDERS
------------------------------------------------------------- */ 
#pageBanner {
	margin: 0px auto;
	height: 100px;
	background-image: url(../images/banner_shadow_repeat.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#pageMain {
	margin: 0px auto;
	background-color: #FFFFFF;
}
#pageFeaturebar {
	margin: 0px auto;
	background-image: url(../images/footer_feature_repeat.gif);
	background-repeat: repeat-x;
}
#pageFooter {
	margin: 0px auto;
	width: 780px;
}
#splashFeaturebar {
	margin: 0px auto;
}
#splashTitle {
	margin: 0px auto;
	height: 90px;
}
#splashFlash {
	text-align: center;
	margin: 0px auto;
	width: 840px;
	height: 500px;
}


/* -------------------------------------------------------------
MAIN NAVIGATION
------------------------------------------------------------- */ 
.rollover {
	display: block; 
} 
.rollover img { 
	border: 0; 
}
.rollover:hover { 
	visibility: visible;
}
.rollover:hover img { 
	visibility: hidden; 
} 
#navAbout {
	width: 223px;
	height: 21px;
	background-image: url(../images/nav_about_on.gif);
	display: block;
}
#navHair {
	width: 223px;
	height: 21px;
	background-image: url(../images/nav_hair_on.gif);
	display: block;
}
#navNails {
	width: 223px;
	height: 21px;
	background-image: url(../images/nav_nails_on.gif);
	display: block;
}
#navMassage {
	width: 223px;
	height: 21px;
	background-image: url(../images/nav_massage_on.gif);
	display: block;
}
#navSkincare {
	width: 223px;
	height: 21px;
	background-image: url(../images/nav_skincare_on.gif);
	display: block;
}
#navBoutique {
	width: 223px;
	height: 21px;
	background-image: url(../images/nav_boutique_on.gif);
	display: block;
}
#navNews {
	width: 223px;
	height: 21px;
	background-image: url(../images/nav_news_on.gif);
	display: block;
}
#navGiftcards {
	width: 223px;
	height: 21px;
	background-image: url(../images/nav_giftcard_on.gif);
	display: block;
}


/* -------------------------------------------------------------
LEFT AND RIGHT SIDE COLUMNS 
------------------------------------------------------------- */ 
#columnLeft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 14px 0px 8px;
}
#columnLeft p {
	text-align: center;
}
#columnRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 8px 0px 14px;
}
#columnRight p {
	text-align: center;
}



/* -------------------------------------------------------------
HOMEPAGE BODY TEXT AREA
------------------------------------------------------------- */ 
#contentBody {
	overflow: visible;
	width: 394px;
	padding: 30px 0px 20px 0px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/center_area.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#contentBody ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: -4px 0px 0px 4px;
}
#contentBody li {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	margin: 2px 8px 0px 0px;
	padding: 2px 8px 0px 12px;
}
#contentBody a:link { 
	color: #00A2E5;
	text-decoration: underline;
}
#contentBody a:visited { 
	color: #C84F9D;
	text-decoration: underline;
}
#contentBody a:hover { 
	color: #F7921F;
	text-decoration: none;
}
#contentBody a:active { 
	color: #2EB457;
	text-decoration: underline;
}
#orangeList ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: -4px 0px 0px 4px;
}
#orangeList li {
	background-image: url(../images/bullet_orange.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	margin: 2px 8px 0px 0px;
	padding: 2px 8px 0px 12px;
}
.orangeItem {
	color: #F7921F;
}
#greenList ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: -4px 0px 0px 4px;
}
#greenList li {
	background-image: url(../images/bullet_green.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	margin: 2px 8px 0px 0px;
	padding: 2px 8px 0px 12px;
}
.comingSoon {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
.priceSubItem {
	color: #666666;
}
.priceSpaPackage {
	text-align: right;
}
.tableFlowers {
	background-image: url(../images/table_flowers.gif);
}
.tableSwirlies {
	background-image: url(../images/table_swirlies.gif);
}
.tableStars {
	background-image: url(../images/table_stars.gif);
	background-position: right;
}
.tableHearts{
	background-image: url(../images/table_hearts.gif);
}



/* -------------------------------------------------------------
FOOTER AREA LINKS	
------------------------------------------------------------- */ 
#navFooter {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#navFooter a:link { 
	color: #FFFFFF;
	text-decoration: none;
}
#navFooter a:visited { 
	color: #FFFFFF;
	text-decoration: none;
}
#navFooter a:hover { 
	color: #FFFFFF;
	text-decoration: underline;
}
#navFooter a:active { 
	color: #FFFFFF;
	text-decoration: none;
}
.SiteDesignedAndDevelopedBy_FlyingBridgeTechnologies {
	/*	
		T. Reid was designed, developed, and built by:
		
		Flying Bridge Technologies, Inc.
		http://www.flyingbridge.net
		
		Ph. 704.357.8011
		Charlotte, NC 28217
		
	*/
}


/* -------------------------------------------------------------
BASIC PAGE LINKS
------------------------------------------------------------- */ 
a:link {
	color: #00A2E5;
}
a:visited {
	color: #C84F9D;
}
a:hover {
	color: #F7921F;
}
a:active {
	color: #2EB457;
}

/* -------------------------------------------------------------
Miscellaneous - added on
------------------------------------------------------------- */ 
.formTextBoxMoney
{
	width: 80px;
	FONT-WEIGHT: normal;
  FONT-SIZE: 10px;
  COLOR: #000000;
  LINE-HEIGHT: normal;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
}
.formTextBoxName
{
	width: 80px;
	FONT-WEIGHT: normal;
  FONT-SIZE: 10px;
  COLOR: #000000;
  LINE-HEIGHT: normal;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.cartItems 
{
	padding: 0px 7px 0px 7px;
	border-style: none;
	border-width: 1px;
	border-color: Gray;
	height: 25px;
}
.cartItemsBold 
{
	padding: 0px 7px 0px 7px;
	border-style: none;
	border-width: 1px;
	border-color: Gray;
	height: 25px;
	font-weight: bold;
}
#contentBody2 {
	overflow: visible;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#contentBody3 {
	overflow: visible;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
.mediumAlertRed
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ff0000;
	LINE-HEIGHT: normal;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #e9ecf0;
	margin: 0;
	padding: 0;
}

.errorAlert {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
}

.formTextAreaS
{
	width: 225px;
	height: 100px;
	FONT-WEIGHT: normal;
  FONT-SIZE: 11px;
  COLOR: #000000;
  LINE-HEIGHT: normal;
  FONT-STYLE: normal;
  FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
}

.formTextBoxL
{
	width: 250px;
	FONT-WEIGHT: normal;
  FONT-SIZE: 11px;
  COLOR: #000000;
  LINE-HEIGHT: normal;
  FONT-STYLE: normal;
  FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
}
.formButton
{
	width: 175px;
	FONT-WEIGHT: bold;
  FONT-SIZE: 11px;
  COLOR: #000000;
  LINE-HEIGHT: normal;
  FONT-STYLE: normal;
  FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
}
.mediumBold {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.formTextBoxXS
{
	width: 40px;
	FONT-WEIGHT: normal;
  FONT-SIZE: 11px;
  COLOR: #000000;
  LINE-HEIGHT: normal;
  FONT-STYLE: normal;
  FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
}
.Confirm
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ConfirmHdr
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
.ConfirmNoUL
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
