a:link
{
	color: #FB6800;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
a:visited
{
 color: #FB6800;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #1BA6D0;
	text-decoration: underline;
}
a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #1BA6D0;
	text-decoration: underline;
}


/*Usage for Tooltip
----------------------------------------
<a href="#">Title <span>Tooltip</span></a> */
a{
	z-index:10;
	}
a:hover{
	position:relative;
	z-index:100;
	}
a .tt{
	display:none;
	}
a:hover .tt{
	display:block;
	position:absolute;
	float:left;
	white-space:nowrap;
	top:-1.6em;
	left:.5em;
	background:#fffcd1;
	border:1px solid #444;
	color:#444;
	padding:1px 5px;
	z-index:10;
	font-size: 12px;
	text-decoration:none;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
}

hr {
	border: none;
	height: 1px;
	background-color:#999999;
	color: #999999;
}

.body_text {
	font-size: 1em;
	font-weight: normal;
	color: #000000;
}
.logo_totallyCopy {
	color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	/* font-size: 14px; */
	font-weight: normal;
	font-style: italic;
}
.logo_spaCopy {
	color: #0099CC;
	font-family: Arial, Helvetica, sans-serif; /* "Trebuchet MS", Arial, Verdana */
	/* font-size: 14px; */
	font-weight: bolder;
	font-style: normal;
}
.logo_totallyCopy.heading{
	color: #000000;
	font-weight:bold;
}
.logo_spaCopy.heading{
	color: #000000;
	font-weight:bold;
	}
.package {
	font-size:.8em;
	line-height:1.5em;
	position: relative;
}
p.package_details {
	padding-left: 25px;
	margin-top: -.5em;
}
.package_options {
	font-size:.8em;
	line-height:1.5em;
}

.colorEnhance {
	color: #0099CC;
}
.sizeEnhance1 {
	font-size:1.5em;
}
.table_text {
	font-size: .9em;
	font-weight: normal;
	color: #000000;
}

.sub_bullet {
	list-style-type: lower-alpha;
}

.textButton {
	font-size: 1.1em;
	font-weight: bolder;
}

/* Column layouts */
#package_col1 {
	position: absolute;
	width:20em;
	margin-left: 5em;
	margin-right: 15em;
/*	border: solid 1px;*/

}
#package_col2 {
	position: relative;
	/*margin-left: 30em;*/
	width:20em;
	margin-right: 5em;
	margin-bottom: 5em;
/*	border: solid 1px;*/
	left: 350px;
}

/* Wrapper
----------------------------------------*/
#wrapper {
	width:800px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
/*	border-color:#000000;
	border-style:solid;
	border-width:1px;*/
}
/* Page Header
----------------------------------------*/
#pageHeader {
	margin-left:27px;
	padding:0px;
	display:block;
	/*border: 1px solid;*/
	}

/* Main Nav
----------------------------------------*/
#mainNav {
	display:block;
	line-height: 1.5em;
	text-align: center;
	/*margin-left:25px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-style: normal;
	font-size: 1.0em;
/*	border-style: solid;
	border-color:#FF00FF;
	border-width:1px;*/
}
#mainNavTile {
	height: 13px;
	background: url(../../images/navBarTile_bot.gif) repeat-x left bottom;
}
#mainNav .mainNavSqrSpacer {
	padding-left: .6em;
	padding-right: .6em;
/*	background-color:#FF6600;*/
}
#mainNav ul {
	margin: 0px;
	padding: 0px;
	list-style: circle;
/*	border-style: solid;
	border-color:#FF0000;
	border-width:1px;*/
}
#mainNav ul li { /* Create horizontal nav menu */
	display:inline;
	margin-left:0px;
	line-height: 1em;
	padding-left: 0px;
/*	border-style: solid;
	border-color:#FFF000;
	border-width:1px;*/
}
#mainNav ul li a {
	padding: 0px;
	/*width: 110px;*/
	height: 18px;
	line-height: 18px;
	font-family: helvetica, tahoma, verdana, arial;
	font-size: .8em;


/*	background: url(images/nav_off_on.gif) no-repeat left top;*/
}
#mainNav ul li a:link 			{ color: #336666; text-decoration: none; text-align:center; }
#mainNav ul li a:visited    { color: #336666; text-decoration: none; text-align:center; }
#mainNav ul li a:active     { color: #336666; text-decoration: none; text-align:center; }
#mainNav ul li a:hover      { color: #1BA6D1; text-decoration: none; text-align:center; }

/* Admin Nav
---------------------------------------*/
#adminNav ul {
	margin-left: 25px;
	padding: 0px;
	list-style: circle;
}
#adminNav ul li { /* Create horizontal nav menu */
	display:inline;
	margin-right:10px;
	margin-left:0px;
	line-height: 1em;
	padding-left: 0px;
	list-style: none;
}


/* Main Content
----------------------------------------*/
#mainContent {
/*	background-color: #FFFF33;*/
}

#mainContent p {
	margin-left: 25px;
}

ul.enhanceBullet1 {
	color:#FB6800;
}
ul.enhanceBullet1 li {
	padding-bottom: .5em;
}

/* Page Heading
----------------------------------------*/
.pageHeading
{
	color: #1BA6D1;
	font-size: 2.5em;
	letter-spacing: 2px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 10px;
}

/* Footer
----------------------------------------*/
.footer {
	display: block;
	margin-top: 3em;
	text-align:center;
 	font-size: 0.7em;
	font-weight: normal;
	color: #999999;
	clear:both;
	/*background-color:#6600FF;*/
}
/* Home page
----------------------------------------*/
#homeText {
	display: inline;
	float: left;
	width: 435px;
	padding-right: 10px;
}
#homePic {
	/*float: right;*/
	margin-right:10px;
	margin-bottom:10px;
	float:right;

}
#homeSignup {
	width: 295px;
	height: 85px;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url(../../images/bg-form-resized.gif);
	margin-left:auto;
	margin-right: auto;
}


/* Directory Listing
----------------------------------------*/
.listHeading {
	font-size: 1.5em;
	font-weight: bold;
	color: #0099CC;
}
.tableListResults {
	margin-left: 25px;
	font-size: 0.7em;
	font-weight: normal;
	color: #000000;
}
.tableListResults2 {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #000000;
}
.tableListResults th{
	text-align: left;
	padding: .2em;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	color: #0099CC;
	background-color: #D2E1F7;
}
.tableListResults tr.odd{
	background-color: #E1F3F7;
}

.tableListResults tr.oddForAds{
	background-color: #DBEBFf;
}

.tableListResults tr.evenForAds{
	background-color: #F0FFFF;
}



.tableListResults td{
	padding-left: 0.3em;
}

#directoryListing {
}

/* Main Advertisment Layout
----------------------------------------*/
#advBox {
	display:block;
	width: 790px;
	margin-top: 1em;
	margin-left: 20px;
	/*width: 13em;
	height: 5em;
	margin-right: 2em;
	background-color:#FFCCFF;
	float: left;
	display: block;
	background-color:#00FF00;*/
}
#advBox ul {
  height: 135px;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	clear: both;
	/*float: left;*/
/*	background-color:#FF0000;
	border-style: solid;
	border-color:#FF0000;
	border-width:1px;*/
}
#advBox ul li { /* Create horizontal nav menu */
	font-size: .7em;
	list-style: none;
	float: left;
	width: 240px;
	height: 130px;
/*	border: thin;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;*/
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	/*padding-top: 30px;
	background-color: #CCFFCC;*/
	background-image: url(../../images/promo_box.gif)
}
#advBox ul li .promoName {
	font-weight: bold;
	height: 2em;
	margin-left: 5px;
}
#advBox ul li .logo {
	float:left;
	/*width: 100px;
	height: 100px;*/
	margin-right: 5px;
	/*background-color: #66CCFF;*/
}
#advBox ul li .textPreview {
	/*width: 130px;*/
/*	margin-left: 100px;*/ /* firefox is relative to left edge of logo */
	/*background-color: #CCFF66;*/
}
#advBox ul li a {
	padding: 0px;
	/*width: 110px;*/
	height: 18px;
	line-height: 18px;
	font-family: helvetica, tahoma, verdana, arial;
	font-size: .8em;
/*	background: url(images/nav_off_on.gif) no-repeat left top;*/
}

/* Main Advertisment Layout
----------------------------------------*/

.myBox {
    margin: 0 auto 20px;
   /* color: #ffffff;*/
    padding: 20px;
    text-align: left;
    background-color: #D0E0F0;
    border:1px solid #BCB1B1;
		width: 300px;
		height: 225px;
}

#advBoxPremium {
	width: 320px;
	height: 245px;
	margin:0px;
	padding:0px;
	position: relative;
	top: -10px;
	left: -10px;
	/*
	border-width:1px;
	border-color: #BCB1B1;
	border-style: solid;
	*/
}

#advBoxPremium .promoName {
	font-size : 1.1em;
	font-weight: bold;
	margin-bottom : 10px;
}

#advBoxPremium .logo {
	float:left;
	margin-top:10px;
	margin-right: 15px;
}

#advBoxPremium .textPreview {
	font-size : 0.97em;
	line-height: 1.4em;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;*/
}

#advBoxPremium a {
	padding: 0px;
	height: 18px;
	line-height: 18px;
	font-family: helvetica, tahoma, verdana, arial;
	font-size: .8em;
}

.adRequestLink {
	font-size:0.6em;
	margin-left: 20px;
	clear:both;
}


/* Mood Links Box
-----------------------------------*/
#moodBox {
	height:2em;
	width: 42em;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0.5em;
	clear:both;
}
#moodBox ul {
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	/*float: left;
	background-color:#00dddd;*/
}
#moodBox ul li {
	font-size: 1em;
	list-style: none;
	float: left;
/*	width: 240px;
	height: 130px;
	border: thin;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;*/
	margin-left: 4px;
	margin-right: 4px;
}
#moodBox ul li a .smallMoodFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
#moodBox ul li a .largeMoodFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
#moodBox ul li a {
	text-decoration: none;
}
#moodBox  ul li a:link		{ color: #1BA6D1; text-decoration: none; text-align:center; }
#moodBox  ul li a:visited   { color: #1BA6D1; text-decoration: none; text-align:center; }
#moodBox  ul li a:active    { color: #1BA6D1; text-decoration: none; text-align:center; }
#moodBox  ul li a:hover     { color: #FB6800; text-decoration: none; text-align:center; }

/* Promo View
 * May be possible to use display: none; propery to hide headers & footers,
 * at the display level, rather then hide the header & footer at the code level
---------------------------------------------------------------------------------*/
#promoView {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	width: 700px;
	padding: 10px;
	border: thin;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	/*background-color: #EFF5FC;*/
}
#promoView .subHeading {
	font-weight: bold;
	font-size: 1.0em;
	margin-top: .8em;
}
#promoView .promoLogo {
	display: block;
	margin-top: 1em;
}
#promoView .promoName {
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
	line-height:1.3em;
	margin-top: 1.5em;
}
#promoView .promoDescription {
	font-size: 0.9em;
	font-weight: normal;
	color: #000000;
	margin-top: .5em;
	margin-bottom: .5em;
}
#promoView .promoPrice {
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	margin-top: .5em;
	margin-bottom: .5em;
}
#promoView .promoEndDate {
	font-size: 0.9em;
	font-weight: normal;
	color: #000000;
	margin-top: .5em;
	margin-bottom: .5em;
}
#promoView HR {
/*	height: 1px;
	color: 1BA6D1;*/
	background-image: url(../../images/bg.gif);
	background-repeat: repeat-x;

}

/* Spa View
 * May be possible to use display: none; properly to hide headers & footers,
 * at the display level, rather then hide the header & footer at the code level
---------------------------------------------------------------------------------*/
#spaView {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	width: 700px;
	padding: 10px;
	border: thin;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	/*background-color: #EFF5FC;*/
}
#spaView .subHeading {
	font-weight: bold;
	font-size: 1.0em;
	margin-top: .8em;
}
#spaView .spaLogo {
	display: block;
	margin-top: 1em;
}
#spaView .spaName {
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
	line-height:1.3em;
	margin-top: 1.5em;
}
#spaView HR {
/*	height: 1px;
	color: 1BA6D1;*/
	background-image: url(../../images/bg.gif);
	background-repeat: repeat-x;
}

/* Print Button
-------------------------------------------------*/
.printButton {
	white-space:nowrap;
	float: left;
	display: block;
	width: 8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style:normal;
	color: #FFFFFF;
	line-height: 2em;
	letter-spacing: .05em;
	background-color: #3366FF;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right:1em;
}
.printButton a 						{ display: block; text-decoration: none; text-align:center; background-color: #1BA6D1 }
.printButton a:link       { font-weight: bold; color: #FFFFFF; }
.printButton a:visited    { font-weight: bold; color: #FFFFFF; }
.printButton a:active     { font-weight: bold; color: #FFFFFF; }
.printButton a:hover      { font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; background-color: #FB6800;  }


/* Special feature highlights
-------------------------------------------------*/
.newFeature{
  vertical-align: super;
	font-size: .7em;
	color: #FF0000;
	background-color:#FFFF00;
}
#bannerBox {
	text-align:center;
}
#maintenanceMessage {
	text-align: center;
	font-weight:bold;
	color: #000000;
	background-color:#FB6800;
}

.voucher-content {
  margin: 0 auto 20px;
	/* color: #ffffff;*/
  text-align: left;
  /*background: #e7e3e3;*/
  border:1px solid #BCB1B1;
	width: 90%;
}

.voucher-bar {
  border-bottom:1px solid #BCB1B1;
	font-weight: bold;
	letter-spacing: 0.8em;
	word-spacing: 1em;
	padding: 0.5em;
	text-align: center;
	background: #e7e3e3;
}

.voucher-logo {
	margin: 1em;
	float: left;
	padding-top: 2em;
	text-align: right;
	/*border:1px solid #BCB1B1;*/
}

.voucher-text {
	margin: 1em;
	font-size: 0.8em;
	/*border:1px solid #BCB1B1;*/
}

.voucher-totallyspaWrapper {
	clear: left;
	}

.voucher-totallyspalogo {
	width:50%;
	float:left;
	text-align:right;
	}

.voucher-totallyspaurl {
	line-height:2.5em;
	font-size:0.8em;	}