.fin-grid-link {font-family: Verdana, Arial, Helvetica}
.fin-grid-link a:link {  color: #3300cc; text-decoration: underline;}
.fin-grid-link a:visited {  color: #3300cc; text-decoration: underline;}
.fin-grid-link a:hover {  color: #990099; text-decoration: underline;}
.fin-grid-link a:active {color: #3300cc; text-decoration: underline;}

.fin-grid-linkw {font-family: Verdana, Arial, Helvetica}
.fin-grid-linkw a:link {  color: #FF99FF; text-decoration: underline; font-weight: bold;}
.fin-grid-linkw a:visited {  color: #FF99FF; text-decoration: underline; font-weight: bold;}
.fin-grid-linkw a:hover {  color: #ffffff; text-decoration: underline; font-weight: bold;}
.fin-grid-linkw a:active {color: #FF99FF; text-decoration: underline; font-weight: bold;}

.free-offer {font-family: Verdana, Arial, Helvetica; color: #0000f8;}
.free-offer a:link {  color: #0000f8; text-decoration: underline;}
.free-offer a:visited {  color: #0000f8; text-decoration: underline;}
.free-offer a:hover {  color: #cc66cc; text-decoration: underline;}
.free-offer a:active {color: #0000f8; text-decoration: underline;}


body { background-color: #9999FF; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;
padding: 0px; text-align: center; background-image: url(portal-images/gradient-x.jpg); background-repeat:repeat-x;}

#banner {height:103px; width:840px; background-image: url(images/banner2/banner-rev2.jpg); background-repeat:repeat-x; top:0px;
	 margin:0 auto;
	 text-align: center;
	}

.hh-contain {float: left; text-align: center; margin:0 auto;}

.hh-contain2 {float: left; width: 42%; margin: 5px; margin-bottom: 5px; padding-bottom: 25px; text-align: left;}

.finite-width-home {text-align: center; }
#mainarea-home {padding-top: 0px; height:auto; padding-bottom: 0px; margin-right: 0px; text-align: center;}
.grid-row-home {width: 649px; height: auto; background-color:#ffffff; padding: 0px; overflow: auto; float: left; text-align: center; overflow: auto; border-left:3px solid #200041; background-image: url(portal-images/big-home-jpg2.jpg); background-repeat: no-repeat;}
.grid-row-home2 {width: 649px; height: auto; background-color:#ffffff; padding: 0px; overflow: auto; float: left; text-align: center; overflow: auto; border-left:3px solid #200041; }
.grid-items-home {border:1px solid #8A5A8F; width: 630px; text-align: center; padding: 0px; background-color:#ffffff; height: auto; overflow: hidden; margin:0 auto; margin-top: 0px;}
#div-left-home {
        left: 0px; text-align: left; top: 102px; width: 188px; float: left; margin-right: 0px;
}

.grid-row-head {width: 602px; height: 25px; background-color: #8A5A8F; padding: 0px; overflow: auto; text-align: center; margin:0 auto;background-image: url(portal-images/corner.gif); background-repeat: no-repeat; background-position: top right; margin-top: 20px; margin-bottom: 0px; font-size: 11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
       color: #ffffff;
	   font-weight: bold; padding-top: 7px;}
	   
	   .clear-cccrr {clear: both; height: 1px; width: 1px;}
	   
	   .side-home {font-family: Verdana, Arial, Helvetica}
.side-home a:link {  color: #0000f8; text-decoration: underline;}
.side-home a:visited {  color: #0000f8; text-decoration: underline;}
.side-home a:hover {  color: #cc66cc; text-decoration: underline;}
.side-home a:active {color: #0000f8; text-decoration: underline;}


.finite-width {width: 770px; }

#mainarea {padding-top: 28px; height:auto; padding-bottom: 30px; margin-right: 0px; width: 530px; text-align: center; float:right; left: 260px;}
#bottomlinks {width:840px; height: auto; background-color: #330066; margin:0 auto; text-align: center; background-color: #330066; clear: both; border-top: 1px solid #FFFFFF; padding-bottom: 30px;}
#mainarea100 {
	width: 840px;
	margin:0 auto;
	text-align: left;
	border:2px solid #ffffff;
	background-color: #200041;
	background-image: url(portal-images/big-white-jpg.jpg); background-repeat: no-repeat;
	background-position: 0px 102px;
	height: auto;
	padding: 0px;
	}
#div-left {
        left: 0px; text-align: left; top: 102px; width: 10em; float: left; margin-right: 0px;
}

#mainarea200 {
	width: 840px;
	margin:0 auto;
	text-align: left;
	border:2px solid #ffffff;
	background-color: #200041;
	background-image: url(portal-images/big-home-jpg.jpg); background-repeat: no-repeat;
	background-position: 0px 102px;
	height: auto;
	padding: 0px;
	}
	
#mainarea3000 {
	width: 840px;
	margin:0 auto;
	text-align: left;
	border:2px solid #ffffff;
	background-color: #ffffff;
	background-image: url(portal-images/xmas-gift-idea.jpg); background-repeat: no-repeat;
	background-position: -109px 102px;
	height: auto;
	padding: 0px;
	}
	
	#mainarea6000 {
	width: 840px;
	margin:0 auto;
	text-align: left;
	border:2px solid #ffffff;
	background-color: #ffffff;
	background-image: url(christmas/christmas-gift-ideas.jpg); background-repeat: no-repeat;
	background-position: -109px 102px;
	height: auto;
	padding: 0px;
	}

.shopping {
	   width: 130px;
	   float: right;
	   margin-right: 43px;
	   margin-top: 73px;
	   text-align: right;
}

.shopping2 {
        font-size: 9px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
       color: #ffffff;
	   font-weight: bold;
}
.remb {
	text-align: center;
	margin-top: 16px;
	margin-bottom: 0px;
	height: auto;
}

.box {width: 400px; height:auto; border:3px solid #FFCCFF; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; background-image:url(online-tarot-readings/form_stars.jpg); background-repeat:repeat;}

.box-new {width: 150px; height:auto; border:3px solid #FFCCFF; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; background-image:url(online-tarot-readings/form_stars.jpg); background-repeat:repeat;}

.hotline2 { line-height: 18px; text-align: justify; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}

.hotline { line-height: 15px; text-align: justify; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;}

.fateheader-new {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align: left; margin: 0px; color: #cd2638; line-height: 15px; font-weight: bold; width: 200px;}

.fateheader-blu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align: left; margin: 0px; color: #8282ff; line-height: 15px; font-weight: bold; width: 200px; padding-bottom: 0px;}

.faq-bold {font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #FFCCFF; 
text-align: left;
font-weight: bold;
margin-bottom: 16px;
}

.trebuchet-h1 {font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 15px; 
color: #ffffff; 
text-align: center;
font-weight: bold;
line-height: 20px;
width: 546px;
margin-top: 12px;
margin-bottom: 0px;
background-color:#9999ff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
}
.trebuchet-h1-r {font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 15px; 
color: #ffffff; 
text-align: center;
font-weight: bold;
width: 530px;
margin-top: 12px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background-color:#9999ff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
padding-right: 8px;
}
input {padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}
.clear-grid {clear: both; height: 3px; width: 50px;}
.box-end-mdear {clear: both; height: 25px; width: 50px;}
.credit-img {float: left;}
.clear-grid2 {clear: both; height: 10px; width: 50px;}
.clear-grid3 {clear: both; height: 20px; width: 50px;}
.grid-order-info {color: #0000f8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; width: 125px; float: right; margin-top: 30px;}
.grid-order-info a:link {  color: #0000f8; text-decoration: underline;}
.grid-order-info a:visited {  color: #0000f8; text-decoration: underline;}
.grid-order-info a:hover {  color: #ff99ff; text-decoration: underline;}
.grid-order-info a:active {color: #0000f8; text-decoration: underline;}
.grid-form { padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; width: 230px; text-align: left; font-size: 1px;}
.grid-form-xx { padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; width: 200px; text-align: left; font-size: 1px;}
.grid-row {width: 530px; height: 265px; background-color:#9999ff; padding: 8px;}
.grid-row2 {width: 540px; height: 265px; background-color:#9999ff; padding: 8px;}
.grid-row3 {width: 530px; height: 160px; background-color:#9999ff; padding: 8px;}
.grid-row6 {width: 530px; height: 190px; background-color:#9999ff; padding: 8px;}
.grid-row4 {width: 530px; height: 300px; background-color:#9999ff; padding: 8px; text-align: center;}
.grid-items {width: 147px; float: left; text-align: left; padding: 8px; background-color:#ffffff; margin-left: 5px; margin-right: 5px; height: 245px;}
.grid-items2 {width: 239px; float: left; text-align: left; padding: 8px; background-color:#ffffff; margin-left: 5px; margin-right: 5px; height: 140px;}

.cred-cards {text-align: left; width: 506px; background-color:#ffffff; margin: 5px; height: 69px; clear: both; padding-left: 8px; padding-right: 8px;}

.grid-items6 {width: 239px; float: left; text-align: left; padding: 8px; background-color:#ffffff; margin-left: 5px; margin-right: 5px; height: 160px;}

.grid-items121 {width: auto; text-align: left; padding: 8px; background-color:#ffffff; margin-left: 5px; margin-right: 5px; clear: both;}

.grid-items7 {width: 499px; float: left; text-align: center; padding: 8px; background-color:#ffffff; margin-left: 5px; margin-right: 5px; height: auto; overflow: hidden;}

.grid-row7 {width: 530px; height: auto; background-color:#9999ff; padding: 8px; overflow: hidden;}

.grid-row22 {width: 530px; height: auto; background-color:#9999ff; padding: 8px; padding-top: 0px; overflow: auto;}



.grid-row-final {width: 550px; height: auto; background-color:#9999ff; padding: 8px; overflow: auto;}

.grid-items-final {width: 520px; text-align: left; padding: 8px; background-color:#ffffff; margin-left: 5px; margin-right: 5px; height: auto;}

.grid-items-inner {width: 195px; float: left; text-align: left; padding: 8px; background-color:#ffffff; margin-left: 5px; margin-right: 1px; height: auto;}

.grid-items-wider {width: 230px; float: left; text-align: left; padding: 8px; background-color:#ffffff; margin-left: 5px; margin-right: 1px; height: auto;}



.grid-image {float: left; margin-right: 12px;}
.grid-image-out {float: left; margin-right: 12px; margin-bottom: 20px; border:1px solid #FFFFFF;}
.grid-image-h {float: left; margin-right: 12px; margin-top: 20px;}
.grid-blank {float: left; margin-right: 12px; width: 200px; text-align: right; font-size:18px;}

.grid-blank2 {float: left; margin-right: 60px; width: 258px; text-align: right; font-size:18px;}
.grid-text-xx {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align: left; margin-top: 0px; margin-bottom: 10px; color: #000000; line-height: 11px; padding-right: 0px; float: left; width: 170px; height: auto;}
.grid-text-xx a:link {  color: #0000f8; text-decoration: underline;}
.grid-text-xx a:visited {  color: #0000f8; text-decoration: underline;}
.grid-text-xx a:hover {  color: #cc66cc; text-decoration: underline;}
.grid-text-xx a:active {color: #0000f8; text-decoration: underline;}

.grid-imag2e {float: left; margin-right: 12px; margin-bottom: 20px;}
.grid-image-r {float: left; margin-left: 12px;}
.grid-text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align: left; margin-top: 0px; margin-bottom: 10px; color: #000000; line-height: 12px; padding-right: 5px;}

.grid-items-tarot {clear: both; margin-top: 0px; margin-bottom: 0px; width: 230px; text-align: right; height: 12px;}

.grid-items-tarot2 {float: left; margin-top: 0px; margin-bottom: 0px; width: 170px; text-align: left; height: 12px;}

.grid-text2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align: left; margin-top: 0px; margin-bottom: 10px; color: #000000; line-height: 11px; padding-right: 5px; float: left; width: 140px;}
.grid-text2 a:link {  color: #0000f8; text-decoration: underline;}
.grid-text2 a:visited {  color: #0000f8; text-decoration: underline;}
.grid-text2 a:hover {  color: #cc66cc; text-decoration: underline;}
.grid-text2 a:active {color: #0000f8; text-decoration: underline;}

.grid-text6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align: left; margin-top: 0px; margin-bottom: 10px; color: #000000; line-height: 11px; padding-right: 0px; float: left; width: 140px; height: 130px;}
.grid-text6 a:link {  color: #0000f8; text-decoration: underline;}
.grid-text6 a:visited {  color: #0000f8; text-decoration: underline;}
.grid-text6 a:hover {  color: #cc66cc; text-decoration: underline;}
.grid-text6 a:active {color: #0000f8; text-decoration: underline;}

.grid-text8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: left; margin-top: 0px; margin-bottom: 10px; color: #000000; line-height: 11px; padding-right: 0px; float: left; width: 200px; height: 130px;}
.grid-text8 a:link {  color: #0000f8; text-decoration: underline;}
.grid-text8 a:visited {  color: #0000f8; text-decoration: underline;}
.grid-text8 a:hover {  color: #cc66cc; text-decoration: underline;}
.grid-text8 a:active {color: #0000f8; text-decoration: underline;}

.grid-text9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: left; margin-top: 0px; margin-bottom: 10px; color: #000000; line-height: 11px; padding-right: 0px; float: left; width: 240px; height:auto; overflow: hidden; padding-left: 20px;}
.grid-text9 a:link {  color: #0000f8; text-decoration: underline;}
.grid-text9 a:visited {  color: #0000f8; text-decoration: underline;}
.grid-text9 a:hover {  color: #cc66cc; text-decoration: underline;}
.grid-text9 a:active {color: #0000f8; text-decoration: underline;}

.grid-text-facts {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align: left; margin-top: 0px; margin-bottom: 10px; color: #999999; line-height: 10px; padding-right: 0px; float: left; width: 240px; height: auto; padding-left: 20px;}

.grid-text-justify {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: justify; margin-top: 0px; margin-bottom: 10px; color: #000000; line-height: 11px; padding-right: 0px; float: left; width: 240px; height: auto; padding-left: 20px;}
.grid-text-justify a:link {  color: #0000f8; text-decoration: underline;}
.grid-text-justify a:visited {  color: #0000f8; text-decoration: underline;}
.grid-text-justify a:hover {  color: #cc66cc; text-decoration: underline;}
.grid-text-justify a:active {color: #0000f8; text-decoration: underline;}

.grid-text-check {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align: left; margin-top: 0px; margin-bottom: 10px; color: #ffffff; line-height: 14px; padding-right: 0px; float: left; height: auto; padding-left: 0px;}
.grid-text-check a:link {  color: #ff99ff; text-decoration: underline;}
.grid-text-check a:visited {  color: #ff99ff; text-decoration: underline;}
.grid-text-check a:hover {  color: #ffffff; text-decoration: underline;}
.grid-text-check a:active {color: #ff99ff; text-decoration: underline;}

.grid-text10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align: left; margin-top: 0px; margin-bottom: 10px; color: #999999; line-height: 10px; padding-right: 0px; position: absolute; top: 520px; left: 260px; width: 180px; height: auto; padding-left: 20px;}
.grid-text10 a:link {  color: #0000f8; text-decoration: underline;}
.grid-text10 a:visited {  color: #0000f8; text-decoration: underline;}
.grid-text10 a:hover {  color: #cc66cc; text-decoration: underline;}
.grid-text10 a:active {color: #0000f8; text-decoration: underline;}

.grid-text-top {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align: left; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; margin-left: 0px; padding-left: 15px; margin-right: 0px; color: #ffffff; line-height: 11px; padding-top: 10px; float: left; width: 220px;}

.grid-left {float: left; width: 240px; height: auto;}

.grid-text-top2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align: left; margin-top: 0px; margin-bottom: 0px; padding-bottom: 10px; padding-left: 15px; margin-right: 55px; color: #ffffff; line-height: 11px; padding-top: 20px; clear: both;}

.grid-text-value {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight: bold; border:0px solid #000000; float: left; height: 11px; width: 100px; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; text-align: right;}

.grid-text-value2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight: bold; border:0px solid #000000; float: left; height: 11px; width: 100px; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; text-align: left; padding-left: 20px;}

.grid-text-b {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align: left; margin-top: 0px; margin-bottom: 0px; color: #0000f8; line-height: 11px; font-weight: bold; width: 100px;}
.grid-text-b a:link {  color: #0000f8; text-decoration: underline;}
.grid-text-b a:visited {  color: #0000f8; text-decoration: underline;}
.grid-text-b a:hover {  color: #ff99ff; text-decoration: underline;}
.grid-text-b a:active {color: #0000f8; text-decoration: underline;}

.fateheader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align: left; margin-top: 0px; margin-bottom: 0px; color: #cd2638; line-height: 11px; font-weight: bold; width: 200px;}

.fateheader3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align: right; margin-top: 0px; margin-bottom: 0px; color: #cd2638; line-height: 17px; font-weight: bold; width: 200px;}

.fateheader4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-align: right; margin-top: 0px; margin-bottom: 0px; color: #cd2638; line-height: 15px; font-weight: bold; width: 200px;}

.fateheader2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align: left; margin-top: 0px; margin-bottom: 0px; color: #cd2638; line-height: 15px; font-weight: bold; width: 200px;}

.fateheader7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align: left; margin-top: 0px; margin-bottom: 0px; color: #cd2638; line-height: 15px; font-weight: bold; width: 200px;}

.grid-text a:link {  color: #0000f8; text-decoration: underline;}
.grid-text a:visited {  color: #0000f8; text-decoration: underline;}
.grid-text a:hover {  color: #ff99ff; text-decoration: underline;}
.grid-text a:active {color: #0000f8; text-decoration: underline;}

.grid-text-clear {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align: left; margin-top: 0px; margin-bottom: 0px; color: #000000; line-height: 12px; float: left;}
.grid-text-clear a:link {  color: #0000f8; text-decoration: underline;}
.grid-text-clear a:visited {  color: #0000f8; text-decoration: underline;}
.grid-text-clear a:hover {  color: #000000; text-decoration: underline;}
.grid-text-clear a:active {color: #0000f8; text-decoration: underline;}

.kasamba {text-align: center; margin:0 auto; }

.sunmenufin {width: 18px; height: 18px; margin-bottom: 0px; background-image:url(bulletpoint.gif); float: left;}

.portal-col {  width:190px; float: left; margin-left: 10px;}

.portal-left {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFffFF; text-align: left; font-weight:bold; line-height: 17px; float: left; margin-left: 10px;}
.portal-left a:link {  color: #FF99FF; font-size: 11px; text-decoration: underline; text-align: left; font-weight: bold}
.portal-left a:visited {  color: #FF99FF; font-size: 11px; text-decoration: underline; text-align: left; font-weight: bold}
.portal-left a:hover {  color: #FFFFFF; font-size: 11px; text-decoration: underline; text-align: left; font-weight: bold}
.portal-left a:active {color: #FF99FF; font-size: 11px; text-decoration: underline; text-align: left; font-weight: bold}

.clear { clear: both; height: 1px; width:200px;}

.pink-wink { line-height: 18px; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF99FF; font-weight:bold;}

.chart-border { border:2px solid #FFFFFF; height: auto; width:377px; margin:0 auto;}
.chart-button {
	display:block;
    background-image: url(astrology-readings/formbutton.jpg);
	background-repeat:repeat-x;
	width:226px;
	height:37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height:33px;
	vertical-align: text-top;
	margin-top: 62px;
	}
.chart-button a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:226px;
    height:37px;
	color:#FFFFFF;
	background-image: url(astrology-readings/formbutton.jpg);
	text-align:center;
	text-decoration:none;
	background-repeat:repeat-x;
	font-weight: bold;
	}
.chart-button a:hover {
display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:37px;
	background-image: url(astrology-readings/formbutton.jpg);
	background-repeat:repeat-x;
	color:#FF99FF;
	background-position: 0 -37px;
	text-align:center;
	font-weight: bold;
  }


.services-chart { width:226px; left:0; height:100px; float:right; text-align:left; margin-right: 20px;}
.chart-title {height: 118px; width: 75px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight:bold; text-align: center;}

.c-c-w {width: 375px; height: 118px; clear: both; margin:0 auto; text-align: center;}

.rollover-xmas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	color: #FF99FF;
	text-align: center;
	line-height: 17px;
	padding-top: 12px;

}
.magic-menu-date { line-height: 18px; text-align: center; font-style: normal; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF99FF;}

#magic-box {position: absolute; right:0px; width:184px; height:auto; z-index:223; top:533px;}
.magic-menu { line-height: 18px; text-align: center; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #260343; border:1px solid #FFFFFF; padding: 6px; }
.magic-menu a:link {  color: #FF99FF; text-decoration: underline; font-size: 11px; font-weight:bold}
.magic-menu a:visited {  color: #FF99FF; text-decoration: underline; font-size: 11px; font-weight:bold}
.magic-menu a:hover {  color: #FFFFFF; text-decoration: underline; font-size: 11px; font-weight:bold}
.magic-menu a:active {color: #FF99FF; text-decoration: underline; font-size: 11px; font-weight:bold}

.pink-headers {font-family: Verdana, Arial, Helvetica, Sans-Serif; 
font-size: 13px; 
color: #FF99FF;
text-align: left;
font-weight: bold;
}
.lonngspacer { width:226px; height: 600px; }
.frame-hold { padding:10px; margin:0 auto; text-align: center; border:4px solid #FF99FF; width: 385px; height: auto; background-image:url(online-tarot-readings/form_stars.jpg); background-repeat:repeat;}
.clicker { clear:both; height: 319px; }
.img-lhs {float:left; margin-top: 0px; margin-bottom: 28px; margin-right: 20px; border:0px solid #FFFFFF;}
.subformholder1 { width:35%; padding:0px; height:auto; overflow:hidden; text-align: left; float: left;}
.subformholder2 { width:65%; padding:0px; height:auto; overflow:hidden; text-align: right; float: left}
.subformholder3 { width:100%; padding:0px; height:auto; overflow:hidden; vertical-align: middle}
.subformholder { margin:0 auto; width:100%; padding:20px; height:auto; overflow:hidden; border:1px solid #FFFFFF; text-align: left; }
.formholder { padding:10px; margin:0 auto; background-color: #6633CC; width:90%; height:auto; overflow:hidden; border:3px solid #330066; text-align: left; background-repeat:repeat; background-image:url(online-tarot-readings/form_stars.jpg)}
.formlabel {font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight: bold; text-align:left; font-size: 11px; padding-right: 16px;}
.cost {line-height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight: bold; text-align:center; font-size: 18px;}
.formmenu {
    background-image: url(astrology-readings/formbutton.jpg);
	background-repeat:repeat-x;
	width:226px;
	height:37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height:12px;
	margin-top: 0px;
	}
.formmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:226px;
    height:37px;
	color:#FFFFFF;
	background-image: url(astrology-readings/formbutton.jpg);
	text-align:center;
	text-decoration:none;
	background-repeat:repeat-x;
	font-weight: bold;
	}
.formmenu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:37px;
	background-image: url(astrology-readings/formbutton.jpg);
	background-repeat:repeat-x;
	color:#FF99FF;
	background-position: 0 -37px;
	text-align:center;
	font-weight: bold;
  }
  .formmenu2 {
    background-image: url(astrology-readings/formbutton.jpg);
	background-repeat:repeat-x;
	width:226px;
	height:37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	font-weight: bold;
	line-height:33px;
	margin-top: 0px;
	text-transform: uppercase;
	}
.formmenu2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:226px;
    height:37px;
	color:#FFFFFF;
	background-image: url(astrology-readings/formbutton.jpg);
	text-align:center;
	text-decoration:none;
	background-repeat:repeat-x;
	font-weight: bold;
	}
.formmenu2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:37px;
	background-image: url(astrology-readings/formbutton.jpg);
	background-repeat:repeat-x;
	color:#FF99FF;
	background-position: 0 -37px;
	text-align:center;
	font-weight: bold;
  }
.currencymenu {
    background-image: url(astrology-readings/currency-button.jpg);
	background-repeat:repeat-x;
	width:131px;
	height:37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height:33px;
	text-align: center;
	margin-top: 0px;
	float: right;
	}
.currencymenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:131px;
    height:37px;
	color:#FFFFFF;
	background-image: url(astrology-readings/currency-button.jpg);
	text-align:center;
	text-decoration:none;
	background-repeat:repeat-x;
	font-weight: bold;
	}
.currencymenu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(astrology-readings/currency-button.jpg);
	background-repeat:repeat-x;
	color:#FF99FF;
	background-position: 0 -37px;
	text-align:center;
	font-weight: bold;
  }
#float-priceheader {text-align: left; font-weight: bold; width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF99FF; z-index:60 }
.priceheader { text-align: left; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF99FF;}
.currencybutton {
    background-image: url(astrology-readings/currency-button.jpg);
	background-repeat:repeat-x;
	width:131px;
	height:37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height:33px;
	text-align: center;
	margin-top: 32px;
	float: right;
	}
.currencybutton a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:131px;
    height:37px;
	color:#FFFFFF;
	background-image: url(astrology-readings/currency-button.jpg);
	text-align:center;
	text-decoration:none;
	background-repeat:repeat-x;
	font-weight: bold;
	}
.currencybutton a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(astrology-readings/currency-button.jpg);
	background-repeat:repeat-x;
	color:#FF99FF;
	background-position: 0 -37px;
	text-align:center;
	font-weight: bold;
  }
.texttop {padding-top: 5px; text-transform: uppercase;}
.padder {padding-top: 5px;}
.formbutton {
	display:block;
    background-image: url(astrology-readings/formbutton.jpg);
	background-repeat:repeat-x;
	width:226px;
	height:37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height:33px;
	vertical-align: text-top;
	margin-top: 32px;
	}
.formbutton a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:226px;
    height:37px;
	color:#FFFFFF;
	background-image: url(astrology-readings/formbutton.jpg);
	text-align:center;
	text-decoration:none;
	background-repeat:repeat-x;
	font-weight: bold;
	}
.formbutton a:hover {
display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:37px;
	background-image: url(astrology-readings/formbutton.jpg);
	background-repeat:repeat-x;
	color:#FF99FF;
	background-position: 0 -37px;
	text-align:center;
	font-weight: bold;
  }
.centerscroll { line-height: 18px; text-align: left; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF99FF;}
.centertext { line-height: 18px;; text-align: center; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
.centertext-n { line-height: 18px;; text-align: left; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; margin-top: -7px;}
.imgborder { margin-top: 23px; margin-bottom: 0px; margin-right: 20px; border:2px solid #FFFFFF;}
.imgborder0 { margin-top: 23px; margin-bottom: 0px; margin-right: 0px; border:2px solid #FFFFFF;}
.imgborder2 { margin-top: 0px; margin-bottom: 0px; margin-right: 0px; border:2px solid #FFFFFF; float: left}
.imgborder3 { margin-top: 23px; margin-bottom: 0px; margin-right: 30px;}
.centerimage {text-align:center}
.imgborder6 { margin-top: 23px; margin-bottom: 0px; margin-right:0px;}
.top3 {width: 364px; height:auto; overflow:hidden; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
.bottom2 {width: 364px; height:auto; overflow:hidden; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;}
.servicesholder { background-color: #21004F; width:100%; left:0; height:350px; margin-top: 30px; margin-bottom: 22px; border:3px solid #FFFFFF; padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 20px; background-image:url(astrology-readings/gradient.jpg); background-repeat:repeat-x; text-align:center;}
.servicesholder2 { padding:10px; margin:0 auto; background-color: #21004F; width:364px; left:0; height:auto; overflow:hidden; margin-top: 0px; margin-bottom: 22px; border:3px solid #FFFFFF; background-image:url(astrology-readings/gradient.jpg); background-repeat:repeat-x; text-align:center;}
.boxservices1 { margin-top: 0px; width:120px; left:0; float:left; text-align:left; height:auto; overflow:visible; }
.boxservices2 { margin-top: 0px; width:170px; left:0; float:left; text-align:left; height:auto; overflow:auto; }
.boxservices3 { margin-top: 0px; width:74px; left:0; float:right;  text-align: right; height:auto; overflow:auto; }
.boxservices5 { margin-top: 0px; width:50%; left:0; float:left; text-align:left; height:auto; overflow:auto; }
.boxservices4 { margin-top: 0px; width:25%; left:0; float:right;  text-align: left; height:auto; overflow:auto; }
.services1 { width:226px; left:0; height:auto; float:left; text-align:left; clear:both}
.services2 { width:131px; left:0; height:auto; float:right;  text-align: right;}
#sun {width: 18px; height: 18px; vertical-align: top; margin-right: 10px; line-height: 24px; margin-bottom: 0px; background-image:url(bulletpoint.gif);}
.sunmenu3 {width: 18px; height: 18px; vertical-align: top; margin-right: 5px; line-height: 24px; margin-bottom: 0px; background-image:url(bulletpoint.gif); font-weight: bold;}
.sunmenu2 {width: 18px; height: 18px; vertical-align: top; margin-right: 10px; line-height: 24px; margin-bottom: 0px; background-image:url(bulletpoint.gif);}
.sunmenu {width: 18px; height: 18px; vertical-align: top; margin-right: 3px; line-height: 24px; margin-bottom: 0px; background-image:url(bulletpoint.gif);}
.portal {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF99FF; text-align: left; text-decoration: underline; font-weight:bold; line-height: 24px}
.portal a:link {  color: #FF99FF; text-decoration: underline; font-weight: bold}
.portal a:visited {  color: #FF99FF; text-decoration: underline; font-weight: bold}
.portal a:hover {  color: #FFFFFF; text-decoration: underline; font-weight: bold}
.portal a:active {color: #FF99FF; text-decoration: underline; font-weight: bold}
a img { border: none ; }

#minwidth {min-width: 600px;}
#container {width: 100%; height:100%; }
.sides {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: center; color: #FFFFFF; text-decoration: none; }
.bottom {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #FFFFFF; text-align: center;} 

.rollover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	line-height: 17px;
	padding-top: 12px;
}
.rollover a:link {  color: #FFFFFF; text-decoration: none;}
.rollover a:visited {  color: #FFFFFF; text-decoration: none;}
.rollover a:hover {  color: #FF99FF; text-decoration: none;}
.rollover a:active {color: #FFFFFF; text-decoration: none;}
.inline {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; text-decoration: underline; color: #FF99FF;}
.sides a:link {  color: #FFFFFF; text-decoration: none;}
.sides a:visited {  color: #FFFFFF; text-decoration: none;}
.sides a:hover {  color: #FF99FF; text-decoration: none;}
.sides a:active {color: #FFFFFF; text-decoration: none;}
.bottom a:link {  color: #FFFFFF;}
.bottom a:visited {  color: #FFFFFF;}
.bottom a:hover {  color: #FF99FF;}
.bottom a:active {color: #FFFFFF;}
.inline a:link {  color: #FF99FF;}
.inline a:visited {  color: #FF99FF;}
.inline a:hover {  color: #FFFFFF;}
.inline a:active {color: #FF99FF;}
#content { width: 20em; }
.prices { line-height: 16px; text-align: left; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; float: left}
.prices2 { line-height: 16px; text-align: right; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; float: right}
.bullet4points { line-height: 20px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
.bulletpoints { line-height: 20px; text-align: center; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
.centeritalic { line-height: 18px; text-align: center; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;}

.pink { line-height: 18px; text-align: justify; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFCCFF;}
.siderightp { line-height: 12px; text-align: left; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;}
.siderightp a:link {  color: #FF99FF; text-decoration: underline; font-style: normal; }
.siderightp a:visited {  color: #FF99FF; text-decoration: underline; font-style: normal; }
.siderightp a:hover {  color: #FFFFFF; text-decoration: underline; font-style: normal; }
.siderightp a:active {color: #FF99FF; text-decoration: underline; font-style: normal; }

.georgia { line-height: 12px; text-align: center; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF;}
.georgia a:link {  color: #FF99FF; text-decoration: underline; }
.georgia a:visited {  color: #FF99FF; text-decoration: underline; }
.georgia a:hover {  color: #FFFFFF; text-decoration: underline; }
.georgia a:active {color: #FF99FF; text-decoration: underline; }



.trebuchet { line-height: 16px; text-align: left; font-style: normal; font-family: "Trebuchet MS", sans-serif  ; font-size: 13px; color: #FFFFFF;}
.trebuchet a:link {  color: #FF99FF; text-decoration: underline; font-style: normal; }
.trebuchet a:visited {  color: #FF99FF; text-decoration: underline; font-style: normal; }
.trebuchet a:hover {  color: #FFFFFF; text-decoration: underline; font-style: normal; }
.trebuchet a:active {color: #FF99FF; text-decoration: underline; font-style: normal; }

p { line-height: 16px; text-align: justify; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
p a:link {  color: #FF99FF; text-decoration: underline;}
p a:visited {  color: #FF99FF; text-decoration: underline;}
p a:hover {  color: #FFFFFF; text-decoration: underline;}
p a:active {color: #FF99FF; text-decoration: underline;}
font {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
h1 {font-family: Verdana, Arial, Helvetica, Sans-Serif; 
font-size: 15px; 
color: #FFCCFF; 
text-align: center;
font-weight: bold;
}

.happy-h1 {font-family: Verdana, Arial, Helvetica, Sans-Serif; 
font-size: 15px; 
color: #FFCCFF; 
text-align: left;
font-weight: bold;
}

.com-sans-h1 {font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; 
font-size: 17px; 
color: #FFCCFF; 
text-align: left;
font-weight: bold;
line-height: 20px;
}

.georgia-h1 {font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 15px; 
color: #FFCCFF; 
text-align: left;
font-weight: bold;
line-height: 20px;
font-style: italic;
}

.img-outline {border: 2px solid #9999ff; }

h2 {font-family: Verdana, Arial, Helvetica, Sans-Serif;
margin-top: 30px; 
font-size: 12px; 
color: #FFCCFF; 
text-align: center;
font-weight: bold 
}
.lens-flare-h2 {font-family: Verdana, Arial, Helvetica, Sans-Serif;
margin-top: 0px;
margin-bottom: 0px;
font-size: 12px; 
color: #ffffff; 
text-align: center;
font-weight: bold;
background-image: url(portal-images/lens-flare.jpg);
background-repeat: no-repeat;
width: 510px;
height: 30px;
padding-top: 15px;
}

.lens-flare-h1 {
text-transform:capitalize;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
margin-top: 0px;
margin-bottom: 0px;
font-size: 14px; 
color: #ffffff; 
text-align: center;
font-weight: bold;
width: 510px;
height: 30px;
padding-top: 15px;
}
.base-h2 {font-family: Verdana, Arial, Helvetica, Sans-Serif;
margin-top: 0px; 
font-size: 10px; 
color: #FFCCFF; 
text-align: center;
font-weight: bold 
}
.formheading {font-family: Verdana, Arial, Helvetica, Sans-Serif;
margin-top: 0px; 
font-size: 14px; 
color: #FF99FF; 
text-align: left;
font-weight: bold;
}
h3 {font-family: Verdana, Arial, Helvetica, Sans-Serif; 
font-size: 10px; 
color: #FFCCFF; 
text-align: center;
font-weight: bold 
}
.h3 a:link {  color: #FFCCFF; text-decoration: underline;}
.h3 a:visited {  color: #FFCCFF; text-decoration: underline;}
.h3 a:hover {  color: #FFFFFF; text-decoration: underline;}
.h3 a:active {color: #FFCCFF; text-decoration: underline;}
h4 {font-family: Verdana, Arial, Helvetica, Sans-Serif; 
margin-top: 30px;
font-size: 12px; 
color: #FFCCFF; 
text-align: center;
font-weight: bold 
}


.strongcolor {font-family: Verdana, Arial, Helvetica, Sans-Serif; 
font-size: 14px; 
color: #FFCCFF; 
text-align: left;
font-weight: bold;
}
.bigstrongcolor {font-family: Verdana, Arial, Helvetica, Sans-Serif; 
font-size: 16px; 
color: #FFCCFF; 
font-weight: bold;
}
.strongcolorcenter {font-family: Verdana, Arial, Helvetica, Sans-Serif; 
font-size: 15px; 
color: #FFCCFF; 
text-align: center;
font-weight: bold;
line-height: 1px;
}
b {font-family: Verdana, Arial, Helvetica, Sans-Serif; 
font-size: 10px; 
color: #FFFFFF; 
text-align: left;
font-weight: bold
}
.centerd {font-family: Verdana, Arial, Helvetica, Sans-Serif; 
font-size: 15px; 
color: #FFFFFF; 
text-align: center;
font-weight: bold
}
.ssmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #CCCCCC; text-align:justify; line-height: 12px;}
.nasa { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #CCCCCC; text-align:left; }		
#Layer1 {
	position:absolute;
	left:0px;
	top:103px;
	width:218px;
	height:100%;
	z-index:1;
	vertical-align:top;
	line-height:0px;
	text-align:right;
}
#Layer2 {
	position:absolute;
	top:140px;
	left: 840px; 
	width:125px;
	text-align:left;
}
#Layer3 {
	position:absolute;
	left:0px;
	top:103px;
	width:218px;
	height:430px;
	z-index:24;
	}
#Layer4 {
	position:absolute;
	left:0px;
	top:113px;
	width:184px;
	height:21px;
	z-index:56;
	}
#Layer5 {
	position:absolute;
	left:0px;
	top:150px;
	width:184px;
	height:21px;
	z-index:55;
}
#Layer6 {
	position:absolute;
	left:0px;
	top:183px;
	width:184px;
	height:22px;
	z-index:6;
}
#Layer7 {
	position:absolute;
	left:0px;
	top:226px;
	width:184px;
	height:21px;
	z-index:7;
}
#Layer8 {
	position:absolute;
	left:0px;
	top:262px;
	width:184px;
	height:24px;
	z-index:8;
}
#Layer9 {
	position:absolute;
	left:0px;
	top:299px;
	width:184px;
	height:26px;
	z-index:9;
}
#Layer10 {
	position:absolute;
	left:0;
	top:337px;
	width:184px;
	height:20px;
	z-index:10;
}
#Layer11 {
	position:absolute;
	left:0px;
	top:373px;
	width:184px;
	height:23px;
	z-index:11;
}
#Layer12 {
	position:absolute;
	left:0px;
	top:410px;
	width:184px;
	height:23px;
	z-index:12;
}
#Layer13 {
	position:absolute;
	left:0;
	top:448px;
	width:184px;
	height:21px;
	z-index:13;
}
#Layer14 {
	position:absolute;
	left:auto;
	top:113px;
	width:184px;
	height:23px;
	z-index:58;
	right: 0%;
}
#Layer15 {
	position:absolute;
	left:auto;
	top:149px;
	width:184px;
	height:21px;
	z-index:57;
	right: 0%;
}
#Layer16 {
	position:absolute;
	left:auto;
	top:182px;
	width:184px;
	height:25px;
	z-index:16;
	right: 0%;
}
#Layer17 {
	position:absolute;
	left:auto;
	top:220px;
	width:184px;
	height:20px;
	z-index:17;
	right: 0%;
}
#Layer18 {
	position:absolute;
	left:auto;
	top:258px;
	width:184px;
	height:22px;
	z-index:18;
	right: 0%;
}
#Layer19 {
	position:absolute;
	left:auto;
	top:295px;
	width:184px;
	height:25px;
	z-index:19;
	right: 0%;
}
#Layer20 {
	position:absolute;
	left:auto;
	top:331px;
	width:184px;
	height:22px;
	z-index:20;
	right: 0%;
}
#Layer21 {
	position:absolute;
	left:auto;
	top:374px;
	width:184px;
	height:20px;
	z-index:21;
	right: 0%;
}
#Layer22 {
	position:absolute;
	left:auto;
	top:411px;
	width:184px;
	height:22px;
	z-index:22;
	right: 0%;
}
#Layer23 {
	position:absolute;
	left:auto;
	top:447px;
	width:184px;
	height:21px;
	z-index:23;
	right: 0%;
}
.style1 {font-size: 9px}
#Layer24 {
	position:absolute;
	left:0px;
	top:103px;
	width: 100%;
	height:84px;
	text-align: center;
	z-index:54;
}