/* Chart the Stars stylesheet 
Author: Ech Design
Url: http://www.echdesign.co.uk
Date: 2007
Stay on target
*/

* {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
text-align:left;
font-family:verdana, arial;
font-size:73%;
color:black;
text-align:center;
}
p {
margin-top:10px;
margin-bottom:10px;
line-height:1.7em;

}
li {
line-height:1.7em;
}
h1 {
width:413px;
height:74px;
background: url(images/chart-the-stars.jpg) no-repeat;
position:absolute;
top:221px;
left:39px;
}
h1 a {
display:block;
text-indent:-800%;
width:413px;
height:74px;

}
h1 a:hover {
border:none;
	 /* prevents a border from appearing when the home icon is mousedover */
}
h2 {
font-size:1.4em; /* to standardise size between ie & firefox */
}
 h3 {
color:#3C4877;
font-size:1.4em;
}
h3.toggler, h3.toggler2 {
cursor:pointer;
margin-top:10px;
}
h3.toggler img {
float:left;
margin-right:30px;
}
.right3 form h3 {
margin-top:5px;
margin-bottom:15px;
}

 a {
outline:none;  
}
a:link {
color:#3C4877;
}
a:visited {
color:#3C4877;
}
a:hover {
color:#E73C96;
}
a img {
border:none;
}

#contentwrapper {
width:970px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#header {
clear:left; /* Saves the day in ie */
background: url(images/header.jpg) no-repeat;
position:relative;
top:5px;
height:361px;
z-index:20;
}
#header ul {
position:relative;
top:295px;
left:23px; /* was 23 */

}
#header li {
list-style-type:none;
float:left;
margin-right:0px;
position:relative;
}
#header ul#menu {
clear:left;
}
#header ul#menu li ul {
	float:none;
	top:-999em;
	position:absolute;
	/* width: 177px; */

	
}
#header ul#menu li:hover ul,
#header ul#menu li.sfHover ul {
	left:0px;
	top: 38px;
}
#header ul#menu li a {

display: block;
text-indent: -10000px;
text-decoration:none;
outline:none;
height:38px;
 }
 ul#topitems {
margin-left:10px;
position:relative;

}
ul#topitems li {
float:left;
color:#fff;
list-style-type:none;
margin-left:12px;
margin-bottom:8px;
}
ul#topitems li a {
text-indent:0;
text-decoration:underline;
display:inline;
height:auto;
color:#fff;
}
ul#topitems li img {
position:relative;
float:left;
top:1px;
margin-right:3px;
}
ul#topitems li strong {
color:#fff;
}
li#home a {
background: url(images/home.jpg) no-repeat;
width:76px;
height:38px;
}

li#products a {
background: url(images/our-products.jpg) no-repeat;
width:103px;
height:38px;
}

li#offers a {
background: url(images/special-offers.jpg) no-repeat;
width:110px;
}

li#about a {
background: url(images/about-astrology.jpg) no-repeat;
width:124px;
}
li#aboutus a {
background: url(images/about-us.jpg) no-repeat;
width:75px;
}
li#celebrity a {
background: url(images/celebrity-charts.jpg) no-repeat;
width:123px;
}

li#account a {
background: url(images/my-orders.jpg) no-repeat;
width:127px;
}

li#feedback a {
background: url(images/feedback.jpg) no-repeat;
width:87px;
}


li#faqs a {
background: url(images/faqs.jpg) no-repeat;
width:55px;
}

li#contact a {
background: url(images/contact-us.jpg) no-repeat;
width:93px;
}
li#profile a {
background: url(images/1-page-profile.jpg) no-repeat;
width:143px;
}
li#indepth a {
background: url(images/in-depth-analysis.jpg) no-repeat;
width:143px;
}

#header ul#menu li a:hover, #header li.active a{
background-position: left bottom;
}

img#demo {
position:absolute;
right:0;
}
#wrapper {
background: url(images/right.jpg) 924px repeat-y;
}
#content {
background: url(images/left.jpg) 1px repeat-y;
}
.left  {
padding-top:5px; /* to move out of way of positioned menu */
width:375px;
background: url(images/left-column.jpg) 336px 123px no-repeat;
clear:left;
float:left;
margin-left:45px;
min-height:685px; /* so the shadow renders nicely */
margin-bottom:20px;
}
.left img {
margin-left:-2px;
}

.left h2 {
background: url(images/left-corner.jpg) top right no-repeat;
height:86px;
padding-top:35px;

position:relative;

margin-bottom:-40px; /* closes the gap */
}
.left h2.double {
height:114px;
}
.left h2 span, .left h3 span, .right span, .left2 span, .right2 span, .maincontent h2 span, .maincontent h3 span, .sidebanner span, .sidebanner2 span, .maincontent2 h2 span, .maincontent2 h3 span, .right3 span, #top span {
position:absolute;

}
.left h2 img {
margin-left:0px;

}
.left p {
position:relative;
z-index:2;
margin-right:35px;
font-size:1.2em;
}
p.smaller {
font-size: 1em;
}
.left p em {
font-style:normal;
font-weight:bold;
color:#7ea738;
}
.left h3#abroad {
background:url(images/living-abroad.gif) no-repeat;
width:361px;
height:109px;
margin-left:0px;
margin-top:37px;
position:relative;
left:-5px;
}
.left h3#abroad a {
width:361px;
height:109px;
text-indent:-9000px;
display:block;
}
.left h3#xmas {
position:relative;
left:-5px;
margin-top:10px;
}
 .left h3#xmas a {
width:361px;
height:109px;
text-indent:-9000px;
display:block;
}
.right {
background: url(images/right-column.jpg) right 123px no-repeat;
float:left;
width:498px;
padding-top:5px;/* to move out of way of positioned menu */
margin-bottom:10px; /* pushes the base down */

}
.right3 {
float:left;
width:498px;
padding-top:5px;/* to move out of way of positioned menu */
margin-bottom:10px; /* pushes the base down */

}
.right h2, .right3 h2 {
background: url(images/right-corner.jpg) 326px top  no-repeat;
height:83px;
padding-top:35px;
margin-left:0px;
margin-bottom:-40px; /* closes the gap */
}
.right h2.double, , .right3 h2.double {
height:119px;
}
.right h3 {
margin-top:20px;
margin-bottom:15px;
}
.right3 h3 {

}
.right3 .element {
margin-bottom:20px;
}
.right3 .element img {
float:left;
margin-right:10px;
margin-bottom:10px;
}

p#higher {
margin-top:-20px;
}
.right h3.toggler {
margin-top:10px;
margin-bottom:0px;
}
.right p, .right3 p {
margin-right:20px;
}
.right p.two, .right3 p.two {
margin-right:20px;
margin-top:20px;
float:left;
width:225px;
font-size:0.9em;
}
.right p em, .right3 p em {
font-size:1.1em;
font-style:normal;
font-weight:bold;
}
p#big { /* fix for the feedback page */
font-size:1.2em;
margin-top:12px;
}
img#chartwheel { /* fix for home page */
position:relative;
left:-10px;
top:7px;
margin-bottom:15px;
}
img#chartwheel2 { /* fix for our products page */
position:relative;
left:-10px;
top:10px;
}
img#bogof {
position:relative;
top:-17px;
left:44px;
}
#didyouknow {

width:482px;
height:352px;
background:url(images/right-royal-family.jpg) no-repeat;
clear:left;
margin-bottom:10px;

}
#didimage {
padding-top:50px;
padding-left:20px;
padding-bottom:10px;
}
#didimage img {
margin:0;
border:0;
display:block;
float:left;
}
#didimage a {
border:0;
margin:0;
}
#didyouknow h3 {
text-indent:-9000px;
height:0px;
}


img#acceptedcards {
margin-left:50px;   /* was 320px; */
}
img#extensive {
position:relative;
top:-553px;
left:-10px;
margin-bottom:-270px;
}
/* Temp ids for PayPal promotion */
img#paypal {
margin-left:40px;
margin-top:10px;
}
img#paypal2 {
margin-left:10px;
margin-top:10px;
}
img#paypal3 {
margin-left:10px;
padding-top:40px;
}
#myGallery {
margin-top:40px;
}
.base {
clear:left;
}
.left2 {
float:left;
margin-left:40px;
width:355px;
}
.left2 h3 {
background:url(images/visit-our-friends.gif) no-repeat;
width:164px;
height:34px;
text-indent:-9000px;
}

.left h3#xmas, .right h3#xmas {
background:url(images/want-to-know-what-2010-will-bring.gif) no-repeat;
width:361px;
height:109px;
}
.left2 h3 a, .right h3#xmas a {
display:block;
width:361px;
height:109px;
text-indent:-9000px;
}

.left2 img {
float:right;
margin-left:2px;
}
.left2 h3 {
position:relative;
}
.left2 h3 img, .left2 p a img {
margin-left:-2px;

float:none;
}
.left2 p {
margin-left:5px;
}
.left2 p a {
font-weight:bold;
}
.right2 {
background: url(images/green-top.jpg) -2px 0px no-repeat #c8df8e;
float:left;
width:496px;
margin-left:15px;
padding-top:10px;
}
.right2wrapper {
background: url(images/green-bottom.jpg) -2px bottom no-repeat;
padding-bottom:5px;
}
.right2 h3 {
margin-left:5px;
}
.right2 p {
margin-left:10px;
}
.right2 p a {
margin-left:0px;
}
ul#gallery {
margin-top:15px;
margin-bottom:15px;
height:430px;
}
ul#gallery li {
float:left;
list-style-type:none;
margin-right:5px;
margin-bottom:5px;
}
.maincontent {
margin-top:20px;
margin-left:45px;
width:590px; /*590*/
float:left;
}
.maincontent h2, .maincontent2 h2 {
margin-bottom:20px;
}
.maincontent h3 {
color:#3C4877;
margin-top:20px;
}

.maincontent h4 {
color:#E73C96;
margin-top:15px;
}
.maincontent p {
font-size:0.95em;
}
.bigger {
position:relative;
top:-15px;
}
img.children {
margin-left:35px;
margin-bottom:20px;
}
img.children2 {
margin-top:-5px;
margin-left:10px;
margin-bottom:15px;
}



img.children3 {
margin-left:0px;
margin-bottom:10px;
position:relative;
left:47px;
}
.maincontent .bigger p {
font-size:1.2em;
}
/* .maincontent strong, .left */ strong {
color:#7EA0CD;
}
.maincontent ul {
margin:10px;
}
.maincontent li {
font-size:0.95em;
margin-left:15px;
}
img.chart {
float:right;
margin-left:10px;
margin-top:7px;
}
.thumbgallery {
margin-top:10px;
width:675px;
clear:left;
}
.thumbgallery ul {
background:#ccccca;
height:240px;

}
.thumbgallery li {
float:left;
list-style-type:none;
margin-top:7px;
margin-left:7px;
border:2px solid #fff;

}

.sidebanner {
padding-top:20px;
margin-left:25px;

float:left;
width:254px;
}
.sidebanner h2 {
margin-bottom:38px;
}
.sidebanner p {
font-size:0.95em;
margin-right:10px;
}
.sidebanner2 {
margin-top:20px;/* same as maincontent */
margin-left:15px;
background: url(images/blue-top.jpg) no-repeat;
padding-top:19px;
float:left;
width:254px;
}
.sidebanner2 form { /* will be swapped for form */
background: url(images/blue-bottom.jpg) -3px bottom  no-repeat #00ADEF;
padding-bottom:14px;
padding-top:20px;
padding-left:10px;
padding-right:10px;
margin-left:3px;
margin-right:1px; /* lines up with the top and bottom background images */
}
.sidebanner2 h2  {
margin-bottom:50px;
}
.maincontent2 {
margin-top:20px;
margin-left:35px;
width:700px; /*590*/
float:left;
}
.third {
background: url(images/third-background.jpg) no-repeat;
float:left;
width:226px;
padding-top:80px;
margin-top:-17px; /* to counteract margin on maincontent */
}
.third p, .third h2, .third img {
margin-left:10px;
margin-right:20px;
}
.third img {
margin-bottom:5px;
}
.third span img {
margin:0;
}
.third p {
font-size:0.95em;
}
.celeb, .celeb3 {
float:left;
width:215px;
margin-left:7px;
}
.celeb2 {
float:left;
width:140px;
margin-left:7px;
}
.celeb img {

}
.celeb a img, .celeb2 a img, .celeb3 a img {
border:6px solid #EAEAEA;
}
.celeb3 {
position:relative;
top:-140px;
}
.sidebanner3 {
margin-top:10px;
margin-left:-30px;

padding-top:19px;
float:left;
width:197px;
} 


#footer {
clear:both;
background: url(images/bottom.jpg) top left no-repeat #fff;
padding-top:20px;
text-align:center;
}
/* form styling */
/* TAKE SOME STYLING FROM MCONTACT OR MATRIX FORMS */

/* for feedback form */
.descript span {
position:static;
}

form {
background:#F3F3F3;
margin-right:20px;
padding-left:15px;
padding-bottom:15px;
padding-top:5px;
border:1px solid #EE99EB;
}
.right3 form {
margin-top:-10px;
}
.right3 .atStart form {
margin-top:10px;
}
.right3 .atStart2 form {
margin-top:0px;

}
label {
margin-right:10px;
display:block;
padding-top:2px;
float:left;
clear:left;
color:#351E56;
font-weight:bold;
}
form p {
line-height:1em;
}
p label {
margin-left:15px;
/* margin-top:5px;*/
}
p input {
/* margin-top:5px;*/
}
form strong {
color:#351E56;
font-weight:bold;
width:200px;

}
form {
clear:left;
}
input {
color: #382E62;
border:1px solid #A0A0A0;
}
input:hover, input:focus {
border-color: #3C8ABB;
}
input#submit {
cursor:pointer;
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
}
form#compat input {
width:250px;
}
/* cursor trail */
layer {
z-index:500;
}
/* Tool tip styles */
.tool-tip {

	color: #000000;

	width: 300px;

	z-index: 13000;
margin-top:10px;
/* border:3px solid #FCE8EB;*/
border-top:0;
line-height:1.5em;	
}

 

.tool-title {

	font-weight: bold;

	font-size: 1em;

	margin: 0;

	color: #000;

	padding: 8px 8px 4px;
	border-bottom:4px solid #e00026;
	background: #FCE8EB;



}

 

.tool-text {
background:#fff;
	font-size: 1em;
text-align:left;
	padding: 4px 8px 8px;
	}
/* fisheye */
#top { margin-left:45px;
padding-top:20px;
float:left;
width:265px;

}
#charts {
height:200px;
margin-left:300px;
}
	#charts img {
	margin-right:20px;
	margin-top:20px;

	}
	#charts a {text-decoration:none;}
	
	#charts2 {
padding-top:25px;
height:200px;
margin-left:340px;
}
/* Please don't steal our words, because words are all we have */