*,html {margin:0; padding:0;}



body { background-image:url(../images/bg.jpg);
	   background-repeat:no-repeat;
	   background-color:#3a003a; 
	   /*2C002C for safari*/
	   font-family:Arial, Helvetica, sans-serif; 
	   color:#e29ce2; 
	   font-size:11px;}
	   
/* for safari 2 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
body { background-color: #32003A; }
}

/* for safari 3 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
body { background-color:#32003A; }
}	
	   
a { color:#8c068e; text-decoration:none;}
a:hover { text-decoration:underline;}

#container { width:1000px;}

#content {font-size:12px; line-height:16px;}
#content a { color:#e29ce2; text-decoration:underline;}


#logo { position:absolute; top:24px; left:44px; background-image:url(../images/jj_logo.png); background-repeat:no-repeat; width:164px; height:63px;}

/* --- top login classes ---*/
#navlog { width:390px; height:35px; margin:60px 0 0px 570px; text-align:right;}
#navlog span.txt { margin-right:5px; margin-left:8px;}
#navlog span.butt {margin-left:5px; padding-top:5px;}
#navlog p { font-size:9px; color:#FFFFFF; padding: 0px 0 0px 0; margin:0;}
#navlog a { color:#3a003a; font-weight:bold;}
.loginp { width:103px;  height:14px; background-color:#e1d2e1; border:0; margin:0; font-size:11px; margin-bottom:1px;}



#navlog p.logged { font-size:9px; color:#FFFFFF; padding: 14px 0 0px 0; margin:0;}

/* --- top navigation classes ---*/
#topnav { background-image:url(../images/tnav_background.png); background-repeat: no-repeat;  height:43px; margin:0 0 0 43px; width:920px;}
#topnav .navlinks {  margin:0 0 0 18px; height:40px; line-height:40px; font-weight:bold; color:#521e59; text-align:left;  }
#topnav p.navlinks a { color:#521e59;}
#topnav p.navlinks a:hover, #topnav span.sign a:hover { color:#ffffff; text-decoration:none;}
#topnav p.navlinks span {padding: 0 5px 0 5px;}
#topnav span.sign {line-height:40px; font-weight:bold; position:absolute; top:95px; margin-left:834px; white-space:nowrap;}
#topnav span.sign a { margin-right:5px; color:#521e59; font-weight:bold; }

/* --- footer classes ---*/
.footspace { line-height:1px; font-size:1px; margin-top:30px;}
#footnav { background-image:url(../images/foot_background2.png); background-repeat:repeat-x; width:100%; height:18px; text-transform: uppercase;}
#footnav .footlinks {width:965px; text-align:right; line-height:18px; height:18px; color:#8c068e; white-space:nowrap;}
#footnav .footlinks span { padding:0 4px 0 4px;}
#footcopy { width:350px; font-size:9px; text-align:right; margin:15px 0 15px 616px; color:#6e3170}

/*-- used to push mods down in small pages --*/
.vsp {}

#bottmods 					{ margin: 15px 0 15px 60px; }
#bottmods .bmod 			{ width: 302px; height: 150px; float: left; background-repeat: no-repeat; position: relative; }
#bottmods .bmod p 			{ margin: 0; padding: 0; text-indent: -1000em; }
#bottmods .bmod h4 			{ margin: 0; padding: 0; text-indent: -1000em; }
#bottmods .bmod a 			{ position: absolute; display: block; top: 0px; left: 0px; width: 302px; height: 150px; text-indent: -1000em; border: 0px dotted red; }
#bottmods .bmod a:active,
#bottmods .bmod a:focus		{ outline: 0; }

#bottmods .bmod-celebrity	{ background-image: url(../images/callouts/footer/celebritystresssecrets.png); }
#bottmods .bmod-quiz		{ background-image: url(../images/callouts/footer/escapeyourstress.png); }
#bottmods .bmod-gcoup		{ background-image: url(../images/callouts/footer/getyourcoupon_footer.png); }
#bottmods .bmod-coupon		{ background-image: url(../images/callouts/footer/getafreetrial.png); }
#bottmods .bmod-products	{ background-image: url(../images/callouts/footer/products.png); }
#bottmods .bmod-story		{ background-image: url(../images/callouts/footer/tellyourstory.png); }
#bottmods .bmod-sweeps		{ background-image: url(../images/callouts/footer/winajamaica.png); }

/* --- misc global classes ---*/

.whitetxt { color:#FFFFFF;}

h2 { background-repeat:no-repeat; text-indent:-5000px; height:26px; margin:0 0 0px 0;}
h3 { background-repeat:no-repeat; text-indent:-5000px; height:13px; margin:0 0 0 0;}
h5 { background-repeat:no-repeat; text-indent:-5000px; margin:22px 0 14px 0;}
h6 { background-repeat:no-repeat; text-indent:-5000px; margin:22px 0 14px 0;}

#content { margin:28px 0 10px 60px}
#content p {margin: 12px 410px 18px 0; font-weight: normal; }

#content p.frm { margin:0; padding:0; padding-bottom:10px;}
#content p.frm span { color:#FFFFFF; text-transform:uppercase; font-size:9px; font-weight:bold; line-height:14px;}

.tm { font-size:8px;}

.spacy { height:300px;}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	min-height: 1px;
	margin: 0;
	padding: 0;
}