/* New Changes */
.byoplayer { float: left; }
.flag { padding: 8px; float: right; }

.front-testimonial { background: #ffa; width: 747px; margin: 10px auto; text-align: left; clear: both; border:1px solid #f00; }
.front-testimonial strong { font-weight: bold;; }
.front-testimonial h3 { font: normal 16px arial; text-align: center; padding: 0;}
.front-testimonial h3 strong { color: #f00; }
.front-testimonial img { padding: 0 5px; float: left; margin-right: 5px; }
.front-testimonial .testimony { float: left; width: 720px; }
.front-testimonial .testimony a { color: #00f; font-style: italic; }
.front-testimonial .testimony a:hover { text-decoration: underline; }

body { background: #aaa url('../images/bg-pattern.jpg') repeat top; }
strong { font-weight: bold !important;}

#wrap	{ text-align: center; z-index: 1; }
#wrap p, #wrap h1, #wrap h2, #wrap img, #wrap strong, #wrap span { text-align: left; }

h1 { color: #f00; font-size: 26px; }

/* #header-backdrop { background: url('../images/header-backdrop.jpg') no-repeat top; width: 778px; margin: 0 auto; } */
#header-backdrop { background: transparent; width: 778px; margin: 0 auto; }

#header 
{ 
	background: url('../images/header-menu.png'); width: 100%; height: 105px; 
	color: #fff;
	font: normal 12px verdana;
	position: relative;
	z-index: 2;
}

#header2 
{ 
	background: url('../images/header-menu2.png'); width: 100%; height: 105px; 
	color: #fff;
	font: normal 12px verdana;
	position: relative;
	z-index: 2;
}

#header .layer1 { height: 60px; }

#headermenu { height: 10px; padding: 10px 0; z-index: 4; top: -45px; z-index: 3; position: relative;}

#headermenu a img { background: url('../images/header-menu-links.gif') no-repeat top left;}

#headermenu a img.link1 { background-position: 0 0; height: 15px; width: 93px; }
#headermenu a.hover img.link1, #headermenu a.selected img.link1 { background-position: 0 -15px; }

#headermenu a img.link2 { background-position: -98px 0; height: 15px; width: 154px; }
#headermenu a.hover img.link2, #headermenu a.selected img.link2 { background-position: -98px -15px; }

#headermenu a img.link3 { background-position: -255px 0; height: 15px; width: 115px; }
#headermenu a.hover img.link3, #headermenu a.selected img.link3 { background-position: -255px -15px; }

#headermenu a img.link4 { background-position: -373px 0; height: 15px; width: 88px; }
#headermenu a.hover img.link4, #headermenu a.selected img.link4 { background-position: -373px -15px; }

#headermenu a img.link5 { background-position: -462px 0; height: 15px; width: 85px; }
#headermenu a.hover img.link5, #headermenu a.selected img.link5 { background-position: -462px -15px; }

#contact-numbers { float: right; padding: 4px 0; text-align: right; }
#contact-numbers li { padding: 0 0 0 0; }
#contact-numbers li.note { font: normal 8px verdana; color: #eee !important;}

/* Content */
#content 
{ 
	z-index: 1; 
	position: relative; 
	top: -55px; 
	padding: 20px 0 ; 
	background: #fff; 
	width: 778px; 
	margin: 0 auto;
	font: normal 13px arial;
	color: #000;
	_top: -70px; /* ie6 fix */
}

#content .text-center { text-align: center; }

#footer p.links { color: #333; text-align: center; }
#footer p.links a:hover { text-decoration: underline; }

/* Frontpage CSS */ 

#headline { width: 778px; margin: 0 auto; font: normal 14px arial; }
#headline .left { float: left; padding: 23px 10px 0 25px; }
#headline .right { float: left; text-align: center; width: 605px; }
#headline .right p strong { font-weight: bold; }
#headline p.intro { text-indent: 85px; }

#psychics { margin: 0 auto; width: 778px; }
#psychics .box 
{ 
	/* 
		Original(w/o padding) 
		Width: 914px;
		height: 405px;
	*/
	background:url('../images/psychic-box-800x600.gif') no-repeat; width: 752px; height: 362px;
	padding: 0; 
	font: normal 14px arial;
	margin: 0 auto;
}

#psychics .box .pads { padding: 15px 15px 0 15px; }
#psychics .box .photo { float: left; width: 105px; text-align: left;}
#psychics .box .psychic-info { float: left; width: 560px; padding: 0; }
#psychics .box .psychic-info h1 { font: bold 16px arial; }
#psychics .box .psychic-info h1 strong.availability { color: #0071BC; }
#psychics .box .psychic-info p { color: #333; }
#psychics .box .psychic-info p a { color: #00F; }
#psychics .box .psychic-info p a:hover { text-decoration: underline; }
#psychics .box .psychic-info p.gifts { font: normal 12px verdana; padding: 5px 0; }
#psychics .box .psychic-info p.gifts span.red { color: #f00; }
#psychics .box .psychic-status { float: right; }

#psychics .box .booking {  padding: 15px 10px 0 10px; }
#psychics .box .left { float: left; width: 47%; }
#psychics .box .right { float: left; width: 47%; }

#psychics .box .right img, #psychics .box .left img { background: url('../images/booking-800x600.jpg') no-repeat; width: 345px; clear: both; }

#psychics .box img.book-by-phone { background-position: 0 0; height: 62px; }
#psychics .box img.book-by-diary { background-position: 0 -59px; height: 77px; }
#psychics .box img.testimonials  { background-position: 0 -134px; height: 72px; }
#psychics .box img.phone-rates 	 { background-position: 0 -205px; height: 62px; }
#psychics .box img.email-reading { background-position: 0 -263px; height: 70px; }
#psychics .box img.credit-cards  { background-position: 0 -335px; height: 72px; }

#team-reader-notice { padding: 0 20px; }
#team-reader-notice p { text-align: center; font-size: 14px; }
#team-reader-notice strong { font-weight: bold; }

#team-readers { margin: 0 auto; width: 754px; }
#team-readers strong { font-weight: bold; }

#ads img { width: 245px; height: 140px; background: url('../images/ads.png') no-repeat; }
#ads img.one { background-position: 0 0; }
#ads img.two { background-position: -254px 0; }
#ads img.three { background-position: -508px 0; }

#aaguarantee { float: left; width: 385px; background: #fff; text-align: left; border:1px solid #f00; }
#aaguarantee h1 { font: bold 16px arial; text-align: left; }
#aaguarantee p { font: normal 12px arial;  }
#aaguarantee em { font-style: italic; font-weight: bold; text-decoration: underline;  }

#benefits { float: left; width: 385px; background: #fff; text-align: left; border:1px solid #f00; }
#benefits .pads { padding: 5px; }
#benefits h1 { font: normal 140% arial; }
#benefits ul li { background: url('../images/bullet.png') no-repeat 5px 13px; padding: 10px 0 0 25px; text-align: left;  }

#subscribe { float: left; width: 385px; background: #ddf; text-align: left; border:1px solid #f00; }
#subscribe h1 { font: bold 16px arial; text-align: left; }
#subscribe p { font: normal 12px arial;  }
#subscribe em { font-style: italic; font-weight: bold; text-decoration: underline;  }

#team-readers .left { float: left; }

#team-readers .left .box { clear: both; background: url('../images/team-reader-box-800x600.gif') no-repeat; width: 400px; height: 260px; }
#team-readers .left .box h1 { font: bold 13px arial; clear: both; text-indent: 40px; padding: 8px 0 20px 0;}

#team-readers .left .box .photo { float: left; padding: 10px 10px 10px 15px; }
#team-readers .left .box .photo img { background: #fff; width: 70px; height: 60px; }
#team-readers .left .box .photo p { clear: both; }
#team-readers .left .box .team-reader-info { float: left; width: 280px; font-size: 13px; }

#team-readers .left .box .pay-by-phone { width: 220px; float: left; padding: 30px 0 0 0; background: url('../images/team-reader-pay-by-phone.jpg') no-repeat 25px 10px; }
#team-readers .left .box .pay-by-phone p { padding-left: 25px; padding-right: 10px; font: normal 14px arial; color: #00f; }
#team-readers .left .box .pay-by-phone strong { font: normal 15px arial; color: #00f; }
#team-readers .left .box .pay-by-phone .gray { font: normal 11px arial; color: #666; }

#team-readers .left .box .book-by-credit { width: 160px; float: left; padding: 30px 0 0 0; background: url('../images/team-reader-book-by-credit.jpg') no-repeat 0 10px; }
#team-readers .left .box .book-by-credit strong { font: normal 15px arial; color: #00f; }

#team-readers .right { float: right; width: 343px; }

#team-readers .right .guarantee { background: url('../images/guarantee-bg-800x600.gif') no-repeat; width: 342px; height: 812px; text-align: left; padding: 0 0; }
#team-readers .right .guarantee h1 { font: bold 14px arial; background: url('../images/guarantee-header-800x600.jpg') no-repeat center top; padding: 7px 0 10px 0; text-align: center; }
#team-readers .right .guarantee .img1 { float: left; text-align: right; width: 80px; height: 84px; background: url('../images/guarantee-assets-800x600.jpg') no-repeat 0 0;  }
#team-readers .right .guarantee .message { float: left; padding-left: 5px; width: 210px; }
#team-readers .right .guarantee .img2 { width: 180px; height: 60px; background: url('../images/guarantee-assets.jpg') no-repeat 0px -100px;  }
#team-readers .right .guarantee .pads { padding: 0 20px; }
#team-readers .right .guarantee .pads2 { padding: 0 30px;  }
#team-readers .right .guarantee ul li { background: url('../images/heart.jpg') no-repeat 0 10px; padding: 10px 0 0 25px;  }
#team-readers .right .guarantee .img3 { float: left; width: 100px; height: 100px; background: url('../images/cellphone.jpg') no-repeat;  }
#team-readers .right .guarantee .message2 { float: left; padding-left: 5px; width: 180px; font-size: 16px; }
#team-readers .right .guarantee .message2 .small { font: normal 9px arial; color: #333; }

#subscription { z-index: 100; }
#subscription #container { 
	position: absolute; 
	width: 189px; 
	height: 300px; 
	left: -187px;
	top: 120px;
	background: url('../images/subscribe-bg.gif') no-repeat;
}

#subscription #container .close { text-align: right; padding: 5px 10px; }
#subscription #container .close a { color: #333; font: bold 12px tahoma; }
#subscription #container .close a:hover { text-decoration: underline; }

#subscription #container .form { position: relative; padding: 110px 0 5px 5px; }
#subscription #container form p { font: normal 10px verdana; text-align: left; color: #000; clear: both; padding: 3px 0; }
#subscription #container form label { display: block; float: left; color: #333; font: bold 11px arial; padding: 4px 6px 4px 6px; width: 50px; text-align: right; }
#subscription #container form input { float: left;}
#subscription #container form .submit { background: #000; color: #ff0; font: normal 12px arial; float: none; }

/* Testimonials */
#testimonials h1 { font: normal 18px georgia; letter-spacing: -1px; text-align: center; clear: both; padding: 10px 0 10px 0; }
#testimonials h1 strong { font-style: italic; color: #f00; }
#testimonials .quote { padding: 8px; margin-bottom: 5px; background: #fff; border: 1px solid #f00; width: 325px; }
#testimonials .quote .picture { float: left; padding: 5px 5px 0 5px; clear: both; }
#testimonials .quote .picture img { height: 50px; width: 50px; }
#testimonials .quote .message { float: left; padding: 5px 10px; text-align: left;}
#testimonials .quote p { text-align: left; }
#testimonials .quote p.name { color: #00f; font: italic 18px georgia; letter-spacing: -1px;}

#testimonials .book-now { padding: 10px; background: #fff; border:1px solid #f00; background: #ff8; clear: both;  }
#testimonials .book-now h2 { font-size: 160%; font-family: Arial, Tahoma !important; color: #f00; }
#testimonials .book-now h2 a { color: #f00; }
#testimonials .book-now h2 a:hover { text-decoration: underline; }
#testimonials .book-now h3 { font-size: 120%; color: #008; }
#testimonials .book-now small { font-size: 70%; font-family: verdana, tahoma; }

/* About - Testimonials */
#about-testimonials .quote { padding: 8px; margin: 0 auto; margin-bottom: 5px; background: #ffd; border: 1px solid #f00; width: 90%;}
#about-testimonials .quote .picture { float: left; padding: 5px 5px 0 5px; clear: both; }
#about-testimonials .quote .picture img { height: 50px; width: 50px; }
#about-testimonials .quote .message { float: left; padding: 5px 10px; text-align: left;}
#about-testimonials .quote p { text-align: left; }
#about-testimonials .quote p.name { color: #f00; font: normal 18px arial; letter-spacing: -1px;}

#testimonials .book-now { padding: 10px; background: #fff; border:1px solid #f00; background: #ff8; clear: both;  }
#testimonials .book-now h2 { font-size: 160%; font-family: Arial, Tahoma !important; color: #f00; }
#testimonials .book-now h2 a { color: #f00; }
#testimonials .book-now h2 a:hover { text-decoration: underline; }
#testimonials .book-now h3 { font-size: 120%; color: #008; }
#testimonials .book-now small { font-size: 70%; font-family: verdana, tahoma; }

/* Choose You Reader / Meet Our Readers page */
#meet-our-readers { padding: 25px 10px; width: 700px; margin: 0 auto; }
#meet-our-readers p a { color: #00a; text-decoration: underline; }
#meet-our-readers p .red { color: #f00;; }
#meet-our-readers p strong { font-weight: bold; }

#choose-your-reader-psychics { margin: 0 auto; width: 778px; }

#choose-your-reader-psychics .boxtop 
{
	background: url('../images/about-psychic-box1.gif') no-repeat bottom; width: 752px; height: 10px;
	margin: 0 auto;	
}

#choose-your-reader-psychics .box 
{ 
	background: #fff url('../images/about-psychic-box2.gif') no-repeat bottom; width: 752px;
	padding: 0; 
	font: normal 14px arial;
	margin: 0 auto;
}

#choose-your-reader-psychics .box .pads { padding: 5px 15px 10px 15px; }
#choose-your-reader-psychics .box .photo { float: left; padding: 0 15px; }
#choose-your-reader-psychics .box .photo img { width: 100px; height:135px; border:2px solid #aaa; }
#choose-your-reader-psychics .box .psychic-info { float: left; width: 560px; padding: 0; }
#choose-your-reader-psychics .box .psychic-info h1 { font: italic 22px georgia; color: #f00; letter-spacing: -1px; }
#choose-your-reader-psychics .box .psychic-info h1 strong { font-style: normal; color: #000; }
#choose-your-reader-psychics .box .psychic-info p { color: #333; font: normal 14px georgia; }
#choose-your-reader-psychics .box .psychic-info p a { color: #00F; font-size: 18px; }
#choose-your-reader-psychics .box .psychic-info p a:hover { text-decoration: underline; }

#choose-your-reader-psychics .box .booking {  padding: 15px 10px 0 10px; }
#choose-your-reader-psychics .box .left { float: left; width: 47%; }
#choose-your-reader-psychics .box .right { float: left; width: 47%; }

#choose-your-reader-psychics .box .right img, #choose-your-reader-psychics .box .left img { background: url('../images/booking-800x600.jpg') no-repeat; width: 345px; clear: both; }

#choose-your-reader-psychics .box img.book-by-phone { background-position: 0 0; height: 62px; }
#choose-your-reader-psychics .box img.book-by-diary { background-position: 0 -59px; height: 77px; }
#choose-your-reader-psychics .box img.testimonials  { background-position: 0 -134px; height: 72px; }
#choose-your-reader-psychics .box img.phone-rates 	 { background-position: 0 -205px; height: 62px; }
#choose-your-reader-psychics .box img.email-reading { background-position: 0 -263px; height: 72px; }
#choose-your-reader-psychics .box img.credit-cards  { background-position: 0 -335px; height: 72px; }

/* Complete Testimonies */
#testimonies h1 { font: normal 24px georgia; letter-spacing: -1px; }
#testimonies h1 strong { font-style: italic; color: #f00; }
#testimonies .quote { padding: 10px; background: #eee; border-bottom: 1px solid #aaa; border-right: 1px solid #ccc; }
#testimonies .quote .picture { float: left; padding: 5px; width: 120px; }
#testimonies .quote .message { float: left; width: 500px; padding: 5px 10px; }
#choose-your-reader-psychics .box #testimonies .quote p { text-align: left; }
#testimonies .quote p.name { color: #00f; font: italic 18px georgia; letter-spacing: -1px;}

/* Psychic Dictionary */
#dictionary h1 { font: normal 15px tahoma; color: #f00; }
#dictionary p.welcome { font: normal 16px arial; }
#dictionary strong { font-weight: bold; }
#dictionary h1 strong { font-style: italic; color: #f00; }
#dictionary a { text-decoration: underline; }

/* About Us / About Sol Psychics */
#about-sol-psychics { padding: 25px 10px; width: 680px; margin: 0 auto; }
#about-sol-psychics img.border { border:5px solid #fff; }
#about-sol-psychics strong { font-weight: bold; }
#about-sol-psychics h1 { font: normal 18px verdana; color: #00f; }
#about-sol-psychics p em { font-style: italic; }

/* Contact Us */
#contact-sol-psychics { padding: 25px 10px; width: 700px; margin: 0 auto; }
#contact-sol-psychics p strong { font-weight: bold; }
#contact-sol-psychics p em { font-style: italic; }
#contact-sol-psychics .form { float: left; width: 320px; background: #fff; }
#contact-sol-psychics .form h1 { padding: 10px; font: normal 12px arial; background: #ddd }
#contact-sol-psychics .form .pads { padding: 10px; }
#contact-sol-psychics .form h1 strong { font-weight: bold; }
#contact-sol-psychics .form .pads form p { clear: both; padding-bottom: 15px; }
#contact-sol-psychics .form .pads form p label { clear: both; font: bold 12px arial; color: #00f; }
#contact-sol-psychics .form .pads form p textarea 
{ 
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}
#contact-sol-psychics .form .pads .err { background: #fcc; } 

#contact-sol-psychics .warning { padding: 10px; background: #fff; border:1px dashed #ff0; }
#contact-sol-psychics .warning h1 { font: normal 14px georgia; color: #600; }
#contact-sol-psychics .warning h1 strong { font-weight: bold; }

#contact-sol-psychics .warning ul { padding: 10px; }
#contact-sol-psychics .warning ul li { text-align: left; font: bold 13px arial; color: #f00;}