@charset "UTF-8";
/* CSS Document */

@import "forms.css";
@import "msgboard.css";

* {
	margin: 0;
	padding: 0;
}

html { background: url(../images/interface/htmlBG.gif) top left repeat fixed #000; }

body {
	position: relative;
	top: 0;

	width: 1035px;

	margin: 0 auto;
	padding: 0 50px 20px 50px;

	color: #ffd4ec;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 13px;

	background: url(../images/interface/bodyBG.png) top left repeat;
}

div#page {
	float: left;
	clear: left;

	padding: 180px 20px 0 20px;
	width: 995px;
	margin: 0 auto;
	background: url(../images/interface/pageBG.gif) top center no-repeat;
}

/* Columns */
div.column {
	float: left;
	width: 740px;
	margin-bottom: 10px;
}

div.column.side {
	float: right;
	width: 234px;
}

div.column.side.left { margin-left: 0; float: left; }

div.column.half { width: 49%; }

div.column.right { float: right; }
div.column.wide { width: 995px; }
div.column.blog { background: url(../images/interface/blogBG.jpg) bottom right no-repeat; }

/* Misc formatting */
div.clear { clear: both; }

h1, h2, h3, h4 { font-weight: normal; }

h1, h1 a, div.column h1 a { color: #c06; }
h1 { margin-bottom: 5px; }
h1 span { display: block; color: #6d0036; }

h2, h2 a, div.column h2 a { color: #fff; }
h2 {
	clear: both;

	font-size: 19px;
	font-style: italic;
	padding: 10px 0 5px 0;
}

h3, form legend, h3 a, div.column h3 a { color: #c06; }
h3, form legend { font-size: 15px; }

h4, h4 a { color: #06c; }
p { margin-bottom: 10px; }
div.column a { color: #00abf2; }
div.column a:hover { color: #76d7ff; }

img.right { float: right; }

h1 a, h2 a, h3 a, h4 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration: underline; }

/* ------------------------- */
/* DIRECTORY LOCATIONS INDEX */
/* ------------------------- */

/* Directory list / Area, Location list */
ul.directory {
	float: left;
	width: 98%;
	margin: 0;
	padding-top: 20px;
	list-style-type: none;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

ul.directory.nuevo { margin-left: 1%; }

ul.directory li {
	float: left;
	width: 18%;
	margin: 1%;
}

ul.directory li.clear {
	width: 100%;
	margin: 0;
	clear: both;
}

ul.directory li ul {
	list-style-type: none;
	margin-left: 0;
}

ul.directory li ul li {
	float: none;
	width: 100%;
	margin: 0 0 5px 0;
	padding-bottom: 2px;
	border-bottom: 1px dotted #692c4b;
}

ul.directory li ul li a { text-decoration: none; }

ul.directory li.seemore a { color: #fc0; }

/* Big box links */
div.areaBoxes {
	float: left;
	position: relative;

	width: 985px;
	height: 105px;

	margin-left: 25px;
}

div.areaBoxes a {
	display: block;
	float: left;

	width: 460px;
	height: 45px;

	color: #111;
	padding: 50px 10px 0 20px;

	font-size: 13px;
	text-decoration: none;

	background: url(../images/interface/areaBoxLink.jpg) top left no-repeat;
}

div.areaBoxes a.girls { float: right; background-position: 0 -95px; }
div.areaBoxes a.gold { background-position: 0 -190px; }

/* -------- */
/* LISTINGS */
/* -------- */
ul.directory li.london { width: 36%; }
ul.directory li.england { width: 58%; }
ul.directory li.london ul li { float: left; width: 48%; margin: 1%; }
ul.directory li.england ul li { float: left; width: 25%; margin: 1%; }

/* Free / Silver Listings */
ul.listings {
	float: left;
	clear: both;
	width: 100%;

	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.listings li {
	position: relative;
	float: left;
	width: 190px;
	height: 104px;

	margin: 5px;
	padding: 20px;

	background: url(../images/interface/listingbox.gif) top left no-repeat;
}

ul.listings li img {
	float: left;
	width: 75px;
	height: 100px;

	margin-right: 5px;
	padding: 1px;
	border: 1px solid #470a29;
}

ul.listings li div {
	float: right;
	width: 105px;
	margin: 0;
}

ul.listings li div h3 { font-weight: bold; font-size: 13px; }
ul.listings li div h3 a { color: #c06; text-decoration: none; }
ul.listings li div h4 { margin-bottom: 5px; }

ul.listings div ul { list-style-type: none; margin-left: 0; }
ul.listings div ul li {
	float: none;
	width: auto;
	height: auto;

	margin: 0 0 2px 0;
	padding: 0;

	color: #111;
	background: none;
}

ul.listings li.nuevo { margin: 9px; }

/* Paid / Gold listings */
ul.listings.gold { margin-bottom: 10px; }
ul.listings.gold li {
	width: 319px;
	height: 144px;
	margin-bottom: 0;
	margin-top: 0;
	background: url(../images/interface/listingboxG.jpg) top left no-repeat;
}

ul.listings.gold li img { width: 100px; height: 133px; }
ul.listings.gold li div { width: 210px; }
ul.listings.gold li div ul li { background: none; height: auto; }

ul.listings.gold li a.button {
	display: block;
	position: absolute;
	bottom: 13px;
	right: 7px;

	width: 185px;
	height: 45px;
}

ul.listings.gold li.ah { background: url(../images/interface/listingBoxAH.jpg) top left no-repeat; }
ul.listings.gold li.ah a {
	display: block;
	float: left;

	margin: 0;
	padding: 0;

	width: 100%;
	height: 100%;
}

/* Featured Listings */
ul.listings.featured { width: 740px; margin-left: 0; }
ul.listings.featured.nuevo { width: 100%; }

ul.listings.featured li {
	width: 135px;
	height: 200px;
	margin: 5px;
	background: url(../images/interface/featuredBox.jpg) top left no-repeat;
}
ul.listings.featured.nuevo li { margin: 5px 12px; }

ul.listings.featured li img {
	float: none;
	display: block;
	width: 90px;
	height: 120px;
	margin: 0 auto;
}

ul.listings.featured li h3, ul.listings.featured li p {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

ul.listings.featured li h3 a { color: #c06; }
ul.listings.featured li p { color: #0050d4; }
ul.listings.featured li a.button {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 7px;

	width: 160px;
	height: 30px;
}

ul.listings.featured li.advertisehere { background: url(../images/directory/defaultGold.gif) top left no-repeat; }
ul.listings.featured li.advertisehere a.advertisehere { height: 88%; } /* Fake Ads */

/* Home Page Featured Listings */
ul.listings.featured.home li { margin-bottom: 8px; }

/* -------- */
/* PROFILES */
/* -------- */

div#profileImage, img#profileImage {
	float: left;
	width: 250px;

	margin: 10px 0 0 0;
	padding: 1px;
	border: 1px solid #470a29;
}

div#profileImage {
	height: 300px;
	overflow: hidden;
}

/* Image Popup */
div#imagePopup, div#popBox {
	position: absolute;
	display: none;

	left: 50%;
	margin-left: -175px;

	width: 270px;
	height: 353px;

	background-color: #000;
	border: 1px solid #c06;
}

div#popBox {
	top: 40px;
	position: fixed;
	z-index: 1000;

	width: 935px;
	height: 430px;

	margin-left: -497px;
	padding: 20px;

	overflow: auto;
	cursor: pointer;
}

div.popBox { display: none; }
a.popBoxLink { color: #c06; text-decoration: underline; }
a.popBoxLink:hover { text-decoration: none; }

div#imagePopup img {
	position: absolute;
	top: 10px;
	left: 10px;

	width: 250px;
	height: 333px;
	cursor: pointer;
}

div.profileContent {
	width: 470px;
	float: right;
}

div.profileContent.nuevo {
	width: 720px;
}

div.profileContent h1 {
	float: left;
	width: 67%;
}

a#historyBack {
	position: relative;
	top: -30px;

	display: block;
	float: right;

	width: 31%;
	text-align: right;

	margin-right: 10px;
	margin-bottom: -15px;
}

a#historyBack.nuevo { top: 0; }

div.profileContent h2 { margin: 0; padding: 0; }

ul.info, table.info {
	float: left;
	clear: left;
	width: 230px;

	list-style-type: none;

	margin: 10px 0 0 0;
	padding: 10px;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

ul.info li { float: left; clear: both; width: 100%; padding: 0; margin: 0 0 7px 0; }
ul.info li.heading { color: #c586a9; }
ul.info li.heading h3 { text-align: center; }

ul.info li strong { text-align: right; font-weight: normal; color: #c586a9; }
ul.info li strong, ul.info li span {
	display: block;
	float: left;
}

ul.info li span { float: right; text-align: right; }

/* Rates table */
table.info { width: 250px; border-collapse: collapse; padding: 0; }
table.info th { font-weight: normal; color: #c586a9; }
table.info td { text-align: center; }
table.info th.rate { text-align: right; }
table.info th, table.info td { padding: 2px; }
table.info th h3 { padding-top: 4px; }

/* Latest blog table in profile side bar */
ul.info.blog li {
	border-bottom: 1px dotted #c06;
}

ul.info.blog li.heading { border: 0; }
ul.info.blog li h4 span {
	float: none;
	display: block;
	text-align: left;
	font-size: 10px;
	color: #fff;
}

ul.info.blog li h4 { padding-bottom: 5px; }

/* Reviews internal banner on profile page */
div#profileReviewMe, p#profileClicks {
	float: left;
	clear: left;
	width: 250px;
	margin-top: 10px;
}

div#profileReviewMe {
	padding: 10px;
	width: 230px;
	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

div#profileReviewMe a#reviewMe {
	display: block;
	float: right;

	width: 197px;
	height: 50px;
}

div#profileReviewMe a#reviewMe img { border: 0; }

div#profileMe {
	display: block;
	float: left;

	width: 197px;
	height: 50px;

	margin: 10px 0 0 25px;
	background: url(../images/interface/reviewProfile.png) top left repeat-x #000;
}

div#profileMe a {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
}

/* This profile has been viewed... */
p#profileClicks {

}

p#profileClicks span { color: #ff0; }

/* Gallery General (profile page and account page) */
ul.gallery {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.gallery li {
	float: left;
	margin: 0;
	padding: 2%;
}

ul.gallery li h3 { margin: 0; text-align: left; }

ul.gallery li img {
	width: 110px;
	padding: 1px;
	border: 1px solid #470a29;
}

ul.gallery li span, ul.gallery li a {
	display: block;
	text-align: center;
}

/* Gallery, profile page specific */
ul.gallery#profileGallery, ul.gallery#profileGirls {
	clear: left;
	width: 100%;
	margin: 0;
}

ul.gallery#profileGallery li, ul.gallery#profileGirls li { margin: 3px; padding: 2px; }
ul.gallery#profileGallery li img { width: 119px; height: 159px; }
ul.gallery#profileGallery li img.hoverImage, ul.gallery#profileGirls li img.hoverImage { cursor: pointer; }

ul.gallery#profileGallery.nuevo li { margin: 8px; }

ul.gallery#profileGirls li {
	width: 222px;
	height: 220px;
	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

ul.gallery#profileGirls li.nuevo { margin: 10px; }

ul.gallery#profileGirls li h3 { padding: 2px 0 4px 2px; }

ul.gallery#profileGirls li img {
	display: block;

	float: left;
	width: 95px;

	margin: 1px 5px 0 0;
	padding: 0;
	border: 0;
}

ul.gallery#profileGirls li ul {
	float: left;
	width: 115px;

	padding: 0;
	margin: 0;

	list-style-type: none;
}

ul.gallery#profileGirls li ul li {
	clear: left;
	width: 100%;
	height: auto;

	margin: 1px 0;
	padding: 2px;

	font-size: 11px;
}

ul.gallery#profileGirls li ul li strong {
	display: block;
	float: left;
	width: 47%;
	padding-left: 1%;

	color: #c586a9;
	font-weight: normal;
}

ul.gallery#profileGirls li ul li strong.lang { width: auto; }
ul.gallery#profileGirls li ul li span.lang { width: auto; text-align: left; }

ul.gallery#profileGirls li ul li span {
	display: block;
	float: left;
}

ul.gallery.girls li { height: 220px; }
ul.gallery.girls li h3 { text-align: center; }

/* Free profiles */
div.profileContent div.free {
	float: left;
	clear: both;

	width: 96%;
	padding: 4% 2%;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

div.profileContent div.free ul { float: left; clear: both; width: 100%; list-style-type: none; }
div.profileContent div.free ul li { float: left; width: 100%; clear: both; margin-bottom: 8px; }
div.profileContent div.free ul li strong, div.profileContent div.free ul li span { display: block; float: left; width: 25%; }
div.profileContent div.free ul li span { float: right; text-align: right; width: 70%; }



/* ---------- */
/* BANNER ADS */
/* ---------- */
div.bannerAds img { border: 0; }

/* Top banner ad */
div.bannerAds#topBannerAd {
	position: absolute;
	top: 35px;
	right: 70px;
	width: 468px;
	height: 60px;
	overflow: hidden;
}

/* Text Banner Ads */
div.bannerAds span.textBanner {
	float: left;
	display: block;

	width: 234px;
	height: 60px;

	line-height: 60px;
	text-align: center;

	margin: 4px 2px;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

div.bannerAds span.textBanner a {
	display: inline;

	margin: 0;
	padding: 0;

	color: #fff;
	text-decoration: none;
}

div.bannerAds#topBannerAd span.textBanner {
	width: 466px;
	height: 58px;
}

/* Bottom banner ad*/
div.bannerAds#bottomBannerAd {
	float: left;
	clear: both;
	width: 95%;

	margin: 5px 0 10px 3%;
	text-align: center;
	list-style-type: none;
}

div.bannerAds#bottomBannerAd img {
	float: left;
	margin: 19px 2px 4px 2px;
}

/* Bottom banner ads are a bit different; they can have image only, or image AND text */
div.bannerAds#bottomBannerAd span.textBanner {
	width: 468px;
	height: 75px;

	line-height: normal;
	text-align: center;

	border: 0;
	background: none;
}

div.bannerAds#bottomBannerAd span.textBanner img {
	margin: 0;
}

div.bannerAds.nuevo img { margin: 19px 5px 4px 5px; border: 1px solid #470a29; padding: 1px; }

/* Boxes */
div.box { position: relative; }

div.boxes { float: left; clear: left; margin-top: 25px; }
div.boxes div.box { margin: 0 5px; }

div.box.signup {
	float: left;
	width: 209px;
	height: 78px;

	color: #000;
	font-weight: bold;
	font-size: 11px;

	margin-top: 8px;
	padding: 55px 10px 0 15px;
	background: url(../images/interface/signupanim.gif) top left no-repeat;
}

div.box.signup.nuevo { margin-top: 0; }

div.box.signup.reviews { background: url(../images/interface/signupReview.gif) top left no-repeat; }
div.box.signup.stories { background: url(../images/interface/writestory.gif) top left no-repeat; }
div.box.signup.links { background: url(../images/interface/submitlink.gif) top left no-repeat; }
div.box.signup.adultguide { background: url(../images/interface/adultguide.jpg) top left no-repeat; }
div.box.signup.advertising { background: url(../images/interface/advertising.gif) top left no-repeat; }
div.box.signup.forum { background: url(../images/interface/forumBox.jpg) top left no-repeat; }

div.box.signup.reviewsFeature { background: url(../images/interface/reviews.jpg) top left no-repeat; }
div.box.signup.storiesFeature { background: url(../images/interface/stories.gif) top left no-repeat; }

div.box.signup.browselinks { background: url(../images/interface/box_links.jpg) top left no-repeat; }
div.box.signup.boxIndependents { background: url(../images/interface/box_independents.jpg) top left no-repeat; }
div.box.signup.boxAgencies { background: url(../images/interface/box_agencies.jpg) top left no-repeat; }
div.box.signup.boxMassage { background: url(../images/interface/box_massage.jpg) top left no-repeat; }
div.box.signup.boxMale { background: url(../images/interface/box_male.jpg) top left no-repeat; }
div.box.signup.boxLondon { background: url(../images/interface/box_london.gif) top left no-repeat; }

div.box.signup a.button {
	display: block;
	position: absolute;
	bottom: 6px;
	right: 27px;

	height: 45px;
	line-height: 42px;

	padding-right: 20px;

	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	text-align: right;
}

div.box.signup a.button:hover { color: #000; }

div.box.signup.storiesFeature a.button, div.box.signup.advertising a.button, div.box.signup.boxIndependents a.button, div.box.signup.boxAgencies a.button, div.box.signup.boxMassage a.button, div.box.signup.boxMale a.button { color: #000; }
div.box.signup.storiesFeature a.button:hover, div.box.signup.advertising a.button:hover { color: #fff; }

/* New Signup Page */
div.desc {
	position: relative;

	float: left;
	clear: both;

	width: 945px;
	height: 115px;

	padding: 20px;
	margin-left: 5px;

	background: url(../images/interface/sitemap.gif) top left no-repeat;
}

div.desc p, div.desc a { color: #111; }
div.desc form { position: absolute; right: 15px; bottom: 6px; width: 38%; }
div.desc form label, div.desc form select { float: right; clear: none; }
div.desc form label { color: #111; font-weight: bold; font-size: 12px; text-align: right; margin-right: 1%; }
div.desc form select { float: right; width: auto; }

div.desc div#trialAvailable {
	position: absolute;
	bottom: 5px;
	left: 10px;

	width: 400px;
	height: 50px;

	background: url(../images/interface/adinfoTrial.png) top left no-repeat;
}

img.desc { display: block; width: 542px; margin: 5px auto 0 auto; }
p.desc { text-align: center; font-weight: bold; }

div.desc.nuevo h1 { font-size: 20px; }
div.desc.nuevo p { width: 70%; }
div.desc.nuevo form { position: absolute; right: 300px; bottom: 6px; }

div.desc img#adshot.wide {
	position: absolute;
	display: block;

	width: 220px;
	height: 140px;

	bottom: 5px;
	right: 20px;
}

img#adshot.popup.pay { position: absolute; bottom: 0; left: 5px; width: 440px; height: 280px; }

form#newSignup fieldset {
	width: 44%;
	padding: 2%;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

form#newSignup ol li#captchaNuevo img { float: left; display: block; }
form#newSignup ol li#captchaNuevo div { float: right; width: 42%; }

form#newSignup ol li input, form#newSignup ol li select { width: auto; }
form#newSignup ol li input.button.right { float: right; }
form#newSignup ol li label.error { color: #d00; }
form#newSignup ol li label em { font-style: normal; }
form#newSignup ol li label.error em, form#newSignup ol li label.error.blink { text-decoration: blink; }
form#newSignup ol li label.error.blink a { text-decoration: none; }
form#newSignup ol li label.error span { color: #ffd4ec; }

/* Upgrade Page for Pay Only People*/
img#adshot.wide { /*width: 955px;*/ }

/* ---------------- */
/* ROTATING BANNERS */
/* ---------------- */
div.rotatingBanner {
	width: 468px;
	height: 60px;

	margin: 5px auto;
	overflow: hidden;
}

div.rotatingBanner a img { border: 0; }

/* Signup page rotating bannners */
div.rbannersignup {
	width: 468px;
	height: 60px;
}

div.rbannersignup.top {
	position: relative;
	float: right;
	margin-top: -50px;
}

div.rbannersignup.bottom {
	float: left;
}

div.rbNuevo { float: left; clear: both; width: 957px; padding-left: 38px; height: 70px; }
div.rbNuevo div.rotatingBanner {
	float: left;
	margin: 0 5px;
}

/* ----------- */
/* LINKS PAGES */
/* ----------- */
ul.stories.links li {
	background: url(../images/interface/linkBG.gif) top left no-repeat;
	width: 19%;
	height: 140px;
}

div.linkStep {
	padding: 2%;
}

div.linkStep.active { border: 1px dashed #470a29; }

/* TABS ON DIRECTORY LOCATION PAGES */
ul.tabs {
	float: left;
	clear: left;

	width: 100%;
	height: 30px;

	list-style-type: none;
	line-height: 30px;

	background: url(../images/interface/tabsBG.gif) top left repeat-x;
}

ul.tabs li {
	float: left;
	width: 27%;
	height: 29px;

	padding: 0 2%;
	margin: 0 1%;

	text-align: center;
	line-height: 30px;
	background-color: #230514;
}

ul.tabs.seven li { width: 10%; margin: 0 1px; }

ul.tabs li:hover { background-color: #470a29; }

ul.tabs li a { text-decoration: none; color: #84c4e6; }
ul.tabs li.active { background-color: #000; border: 1px solid #470a29; border-bottom: 0; line-height: 25px; }

ul.tabs li a.gold { color: #fc3; }
ul.tabs li a.silver { color: #ddd; }

ul.tabs li.active a { font-size: 14px; }

/* -------------- */
/* SIGNUP PROCESS */
/* -------------- */

/* Verify reciprocal box */
div#verifyReciprocalBox {
	width: 96%;
	height: 100px;

	padding: 2%;
	margin-bottom: 10px;

	overflow: auto;
	font-size: 10px;

	border: 1px solid #470a29;
}

div.verifyLink {
	margin-bottom: 10px;
}

div.verifyLink a { font-weight: bold; text-decoration: none; color: #3c0; }
/* Send email to webmaster form and link radios */
input.webmaster, div.webmaster, ol.webmaster { display: none; }

div.webmaster {
	float: left;
	clear: both;
	margin-top: 10px;
}

/* Listing type menu; at top of every listing page */
ul.btypeMenu {
	list-style-type: none;
	width: 100%;
	height: 133px;
}

ul.btypeMenu li {
	float: left;
	width: 180px;
	height: 133px;

	margin: 0 2px;
}

ul.btypeMenu li a {
	display: block;
	float: left;

	width: 100%;
	height: 100%;
}

ul.btypeMenu li a#escorts { background: url(../images/interface/btype_escort.jpg) top left no-repeat; }
ul.btypeMenu li a#males { background: url(../images/interface/btype_male.jpg) top left no-repeat; }
ul.btypeMenu li a#agencies { background: url(../images/interface/btype_agency.jpg) top left no-repeat; }
ul.btypeMenu li a#parlours { background: url(../images/interface/btype_parlour.jpg) top left no-repeat; }

/* Account menu */
ul.accountMenu {
	float: right;
	clear: both;

	width: 96%;
	padding: 2%;

	list-style-type: none;
	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

ul.accountMenu li {
	margin: 0 0 5px 0;
	padding-bottom: 2px;
	border-bottom: 1px dotted #692c4b;
}

ul.accountMenu li a { text-decoration: none; }

/* Statistics menu on account page */
ul.statistics {
	list-style-type: none;
}

ul.statistics li strong { color: #c06; }

/* Adveritising Options menu in Account */
div.column ul.advertisingOptions {
	float: left;
	clear: both;

	width: 100%;
	list-style-type: none;

	margin: 0;
	padding: 0;
}

div.column ul.advertisingOptions li {
	position: relative;
	float: left;
	width: 155px;
	height: 135px;

	margin: 0 5px 5px 0;
	padding: 40px 10px 0 10px;

	text-align: center;
	background: url(../images/interface/advertSilver.gif) top left no-repeat;
}

div.column ul.advertisingOptions li div.popup {
	position: absolute;

	width: 400px;
	height: 425px;

	top: -290px;
	left: -125px;

	display: none;
	padding: 10px;
	z-index: 10;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

div.column ul.advertisingOptions li div.popup img {
	display: block;
	width: 400px;
	margin: 10px auto;
}

div.column ul.advertisingOptions li div.popup p { color: #ffd4ec; }
div.column ul.advertisingOptions li div.popup a.close {
	position: absolute;
	display: block;

	bottom: 2px;
	right: 7px;

	color: #c06;
	font-size: 25px;
	text-decoration: none;
}

div.column ul.advertisingOptions li.extraoptions {
	width: 500px;
	height: 125px;
	padding: 50px 20px 0 20px;
	background: url(../images/interface/advertOptions.jpg) top left no-repeat;
}

div.column ul.advertisingOptions li.extraoptions.banner { background: url(../images/interface/bannerOptions.jpg) top left no-repeat; }

/* Special Offer Box */
div.column ul.advertisingOptions li.extraoptions.specialoffer {
	background: url(../images/interface/69dspecial.jpg) top left no-repeat;
	padding: 0 20px 0 20px;
	height: 175px;
}

div.column ul.advertisingOptions li.extraoptions.specialoffer.angels { background: url(../images/interface/angelsspecial.jpg) top left no-repeat; }

div.column ul.advertisingOptions li.extraoptions.specialoffer a {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

div.column ul.advertisingOptions li.extraoptions.specialoffer a p { display: block; float: left; margin: 75px 0 0 90px; }

div.column ul.advertisingOptions li.extraoptions img { margin: 5px 10px 0 10px; }
div.column ul.advertisingOptions li.gold { background: url(../images/interface/advertGold.gif) top left no-repeat; }
div.column ul.advertisingOptions li.banner { background: url(../images/interface/advertBanner.gif) top left no-repeat; }

div.column ul.advertisingOptions li.bought { background: url(../images/interface/advertBought.gif) top left no-repeat; }
div.column ul.advertisingOptions li.banner.bought { background: url(../images/interface/advertBannerBought.gif) top left no-repeat; }

div.column ul.advertisingOptions li p { font-size: 12px; color: #111; margin-bottom: 0; }

div.column ul.advertisingOptions li a.button, div.column ul.advertisingOptions li div.popup a.button {
	display: block;
	position: absolute;
	bottom: 13px;
	left: 30px;

	width: 115px;
	height: 30px;

	color: #fff;
	line-height: 28px;
}

div.column ul.advertisingOptions li div.popup a.button {
	left: 153px;
	background: url(../images/interface/button.gif) top left no-repeat;
}

div.column ul.advertisingOptions li ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.column ul.advertisingOptions li ul li {
	width: 100%;
	height: auto;

	margin: 0 0 5px 0;
	padding: 0;
}

/* NEW Advertising Options on Advertising page */
ul.newAdvertising {
	float: left;
	clear: both;

	width: 100%;
	margin: 10px 0;
	list-style-type: none;
}

ul.newAdvertising li {
	float: left;
	width: 166px;

	padding: 0 10px 105px 10px;
	margin: 0 5px;

	color: #111;
	background: url(../images/interface/adOptionsBT.gif) bottom right no-repeat #97842c;
}

ul.newAdvertising li#adOp_silver { background-position: bottom left; background-color: #797979; }

ul.newAdvertising li ul {
	width: 146px;
	margin: 10px 0 10px 20px;
}

ul.newAdvertising li ul li {
	clear: left;
	width: 100%;

	padding: 0;
	margin: 0 0 5px 0;

	font-size: 12px;
	background: none;
}

ul.newAdvertising li img {
	display: block;
	width: 166px;
	margin: 10px auto;
}

ul.newAdvertising li a {
	display: block;
	clear: both;

	width: 115px;
	height: 30px;

	margin: 10px auto;
	line-height: 30px;

	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;

	color: #fff;
	background: url(../images/interface/button.png) top left no-repeat;
}

ul.newAdvertising li h3 {
	display: block;
	margin: 0 auto;

	width: 186px;
	height: 43px;

	margin: 0 0 10px -10px;
	background: url(../images/interface/adOptionsTT.gif) top left no-repeat;
}

ul.newAdvertising li#adOp_silver h3 { background-position: 0 0; }
ul.newAdvertising li#adOp_gold h3 { background-position: 0 -43px; }
ul.newAdvertising li#adOp_cat h3 { background-position: 0 -86px; }
ul.newAdvertising li#adOp_home h3 { background-position: 0 -129px; }
ul.newAdvertising li#adOp_ultimate h3 { background-position: 0 -172px; }

/* New Advertising Comparison Table */
div.comparisonTable {
	float: left;
	clear: left;

	width: 995px;
	background: url(../images/interface/comparisonBG.png) top left repeat-y;
}

div.comparisonTable div.cTc {
	float: left;
	clear: left;

	width: 100%;
	height: 100%;

	background: url(../images/interface/comparisonBG_top.png) top left no-repeat;
}

div.comparisonTable div.cTf {
	float: left;
	clear: left;

	width: 100%;
	height: 170px;

	margin-top: -130px;
	background: url(../images/interface/comparisonBG_bottom.png) bottom left no-repeat;
}

div.comparisonTable table {
	position: relative;

	float: left;
	clear: left;

	width: 92%;

	margin: 5% 0 0 4%;

	z-index: 10;
	border-collapse: collapse;

	border: 1px solid #555;
	background: url(../images/interface/alphaF50.png) top left repeat;
}

div.comparisonTable table tr { background: url(../images/interface/comparisonTR.png) bottom left repeat-x; }

div.comparisonTable table tr th, div.comparisonTable table tr td { padding: 2px 2px 7px 2px; color: #001f46; font-size: 13px; width: 132px; }
div.comparisonTable table tr th { text-align: right; }
div.comparisonTable table tr.heading th, div.comparisonTable table td { text-align: center; position: relative; }
div.comparisonTable table tr th.desc { width: 335px; }

div.comparisonTable table td { height: 61px; }
div.comparisonTable table tr.sub { background: none; }
div.comparisonTable table tr.sub.end { background: url(../images/interface/comparisonTR.png) bottom left repeat-x; }
div.comparisonTable table tr.sub th { font-size: 11px; }
div.comparisonTable table tr.sub td { height: 41px; }
div.comparisonTable table th.end, div.comparisonTable table td.end { width: 10px; }

div.comparisonTable table td.yes { background: url(../images/interface/tick.png) center center no-repeat;  text-align: right; }
div.comparisonTable table td.yes.glow { background: url(../images/interface/tickG.png) center center no-repeat; }

div.comparisonTable table td.no { background: url(../images/interface/cross.png) center center no-repeat; }

div.comparisonTable table td div { margin-right: 20px; padding-top: 10px; font-weight: bold; font-size: 11px; }
div.comparisonTable table td.yes div span { display: block; font-size: 20px; margin-bottom: -8px; }
div.comparisonTable table tr th em { display: block; font-weight: normal; }

div.comparisonTable table tr.sub td.yes { background: url(../images/interface/tick_small.png) center center no-repeat;  text-align: right; }
div.comparisonTable table tr.sub td.yes.glow { background: url(../images/interface/tick_smallG.png) center center no-repeat;  text-align: right; }

div.comparisonTable table tr.sub td.no { background: url(../images/interface/cross_small.png) center center no-repeat; }

div.comparisonTable table th div.dCt { position: relative; width: 100px; margin: 0 auto; }
div.comparisonTable table th img.cAd { width: 100px; }

div.comparisonTable table th div.dCt div.magnify {
	position: absolute;
	bottom: -5px;
	right: -5px;

	width: 130px;
	height: 30px;

	cursor: pointer;
	background: url(../images/interface/magnify.png) top right no-repeat;
}

div.comparisonTable table td a.button {
	display: block;
	clear: both;

	width: 115px;
	height: 30px;

	margin: 10px auto;
	line-height: 30px;

	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;

	color: #fff;
	background: url(../images/interface/button.png) top left no-repeat;
}

div.comparisonTable table tr.footer td div { font-size: 25px; }
div.comparisonTable table tr.footer td div em { font-size: 15px; }

div.comparisonTable table td a.bButton, div.comparisonTable table td a.buttonB {
	display: block;
	clear: both;

	width: 115px;
	height: 55px;

	margin: 0 auto;
	line-height: 35px;

	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;

	color: #fff;
	background: url(../images/interface/bButton.png) top left no-repeat;
}
div.comparisonTable table td a.bButton.glow, div.comparisonTable table td a.buttonB.glow { background: url(../images/interface/bButtonG.png) top left no-repeat; }

div.comparisonTable table td a.bButton span {
	display: block;
	text-align: center;
	line-height: 10px;
	font-size: 13px;
	font-weight: normal;
}

div.comparisonTable table td a.buttonB { font-size: 13px; line-height: 20px; padding-top: 7px; height: 48px; background: url(../images/interface/bButtonB.png) top left no-repeat; }
div.comparisonTable table td a.buttonB.glow { background: url(../images/interface/bButtonBG.png) top left no-repeat; }

/* Graphical numbers */
span.integer {
	display: inline-block;

	width: 30px;
	height: 33px;

	margin: 0 -4px;
	background: url(../images/interface/integers0.png) top left no-repeat;
}
span.integer.glow { width: 37px; height: 40px; margin: 0 -8px; background: url(../images/interface/integers0_glow.png) top left no-repeat; }

span.integer.i0 { background-position: 0 0; }
span.integer.i1 { background-position: 0 -43px; }
span.integer.i2 { background-position: 0 -86px; }
span.integer.i3 { background-position: 0 -129px; }
span.integer.i4 { background-position: 0 -172px; }
span.integer.i5 { background-position: 0 -215px; }
span.integer.i6 { background-position: 0 -258px; }
span.integer.i7 { background-position: 0 -301px; }
span.integer.i8 { background-position: 0 -344px; }
span.integer.i9 { background-position: 0 -387px; }
span.integer.iX { background: url(../images/interface/crossG.png) top left no-repeat; }
span.integer.iX.glow { background: url(../images/interface/crossGG.png) top left no-repeat; }

/* NEW Banner Advertising Options */
div.column ul.advertisingOptions.nuevo { margin-left: 2px; }

div.column ul.advertisingOptions.nuevo li.banner {
	width: 166px;
	height: 235px;

	margin: 0 6px 5px 6px;
	padding: 40px 10px 0 10px;

	background: url(../images/interface/advertBannerNuevo.gif) top left no-repeat;
}

div.column ul.advertisingOptions.nuevo li.banner img {
	display: block;
	width: 156px;
	margin: 0;
}

div.column ul.advertisingOptions.nuevo li.banner div.dCt { float: left; clear: both; position: relative; width: 156px; margin-bottom: 8px; margin-left: 4px; }
div.column ul.advertisingOptions.nuevo li.banner div.dCt div.magnify {
	position: absolute;
	bottom: -5px;
	right: -5px;

	width: 130px;
	height: 30px;

	cursor: pointer;
	background: url(../images/interface/magnify.png) top left no-repeat;
}

div.column ul.advertisingOptions.nuevo li.banner p { margin-bottom: 10px; }
div.column ul.advertisingOptions.nuevo li.banner p.left, div.column ul.advertisingOptions.nuevo li.banner p.right { height: 30px; line-height: 30px; margin-bottom: 0; }
div.column ul.advertisingOptions.nuevo li.banner p.left { float: left; text-align: left; margin-left: 20px; width: 30%; }
div.column ul.advertisingOptions.nuevo li.banner p.right { float: right; font-size: 25px; font-weight: bold; color: #001f46; text-align: right; margin-right: 20px; width: 39%; }

div.column ul.advertisingOptions.nuevo li.banner a {
	display: block;
	float: left;

	width: 115px;
	height: 30px;
	line-height: 30px;

	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	text-decoration: none;

	margin: 0 0 4px 26px;
}

/* SMS Text Display */
div.sms { padding: 10px 0; }
div.sms p { font-weight: bold; }
div.sms h5 { margin-bottom: 5px; font-size: 20px; color: #c06; }

/* depreciated this is */
div.silvergoldtext {
	display: none;
}

/* BANNER CREATOR */
ul.bannerCreator {
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	list-style-type: none;
}

ul.bannerCreator li {
	width: 96%;
	float: left;
	clear: both;
	padding: 2%;
	margin-bottom: 10px;

	font-size: 12px;
	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

ul.bannerCreator li textarea.code {
	width: 96%;
	height: 100px;

	margin: 0 0 10px 0;
	padding: 10px;

	color: #ffd4ec;
	font-size: 8px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;

	background: none;
	border: 1px dashed #470a29;
}

/* New links page banners (GIF's, not text based) */
ul.bannerCreator li textarea.code { height: 50px; }
ul.bannerCreator li img { border: 0; }

/* ---------- */
/* LOGIN BITS */
/* ---------- */
h1.login { text-align: center; }

form.login {
	float: left;
	width: 96%;
	margin: 0 auto;
	padding: 2%;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;}

form.login ol {
	width: 100%;
	padding-bottom: 2%;
	margin-bottom: 3%;
	border-bottom: 1px dashed #470a29;
}

form.login ol li {
	width: 100%;
}

form.login label, form.login input {
	float: none;
	clear: both;
	text-align: center;
}

form.login label { color: #fff; width: 100%; }
form.login input.text { width: 50%; margin: 0 0 0 25%; }
form.login input.button { float: right; margin-right: 25%; clear: none; }

form.login h3, form.login p { text-align: center; }

form.login ol li input.checkbox { float: left; clear: none; margin: 0; width: auto; }
form.login ol li label.checkbox { float: left; clear: left; width: auto; margin: 0 1% 0 25%; }


/* ----------- */
/* ADVERTISING */
/* ----------- */
div.alexaGraph {
	float: left;
	width: 220px;
	height: 240px;
	margin: 0 2px;
	padding: 0 10px 0 10px;
	background: url(../images/interface/alexaGraph.gif) top left no-repeat;
}

ul.alexaRanks {
	width: 100%;
	margin: 10px 0;
	list-style-type: none;
}

ul.alexaRanks li {
	float: left;

	width: 27%;
	margin: 1%;
	padding: 2%;

	text-align: center;
	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

ul.alexaRanks li.belles { background: url(../images/interface/directoryULa.gif) top left repeat-x; border-color: #c90; }

ul.alexaRanks li span {
	display: block;
	color: #c06;
	font-weight: bold;
	text-align: center;
}

ul.alexaRanks li h4 {
	float: left;
	width: 49%;
	text-align: center;
	font-size: 25px;
}

ul.alexaRanks.nuevo li h4 {
	width: 98%;
}

ul.alexaRanks li h4 span {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

ul.alexaRanks.pageRank li h4, ul.alexaRanks.graph li h4 { width: 100%; }

div.statBox {
	margin: 0 auto 1% auto;
	padding: 2% 2% 1% 2%;

	text-align: center;
	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

/* Stat Graph */
div.statGraph {
	position: relative;
	clear: both;

	width: 240px;
	height: 240px;
	margin: 10px auto;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

div.statGraph div.label { position: absolute; }
div.statGraph div.label.vertical { top: 10px; left: 10px; }
div.statGraph div.label.vertical strong { color: #c06; }
div.statGraph div.label.horizontal { width: 70px; bottom: 10px; left: 12px; text-align: center; font-size: 11px; }

div.statGraph div.data {
	position: absolute;
	bottom: 30px;
	right: 10px;

	width: 219px;
	height: 169px;

	border: 1px solid #470a29;
	border-top: 0;
	border-right: 0;
}

div.statGraph div.data div {
	position: absolute;
	left: 0;
	bottom: 0;

	width: 70px;
	background: url(../images/interface/chartGradient.png) bottom left repeat-x;
}

div.statGraph div.data div span {
	display: block;
	position: absolute;
	left: 0;
	top: 5px;

	width: 70px;
	text-align: center;
}

/* Stat Graph on Advertising Page (Wider; more days listed) */
div.statGraph#advertising { width: 970px; }
div.statGraph#advertising div.data { width: 939px; }
div.statGraph#advertising div.data div { width: 62px; }
div.statGraph#advertising div.data div span { width: 62px; }
div.statGraph#advertising div.label.horizontal { width: 70px; text-align: center; }

/* More advertising info ( re-use the statbox as just a box) */
div.statBox.advertising {
	float: left;
	clear: both;

	position: relative;
	width: 96%;

	margin-bottom: 20px;
	text-align: left;
}

div.statBox.advertising div { float: right; clear: right; width: 65%; }
div.column.wide div.statBox.advertising div { float: right; clear: right; width: 72%; }

div.statBox.advertising img {
	display: block;
	float: left;
	width: 200px;
	margin-right: 25px;
	margin-bottom: 10px;
}

div.statBox.advertising div.dCt, div.column.wide div.statBox.advertising div.dCt {
	position: relative;
	float: left;
	clear: none;
	width: 200px;
	margin: 0 25px 10px 0;
}

div.statBox.advertising div.dCt div.magnify {
	position: absolute;
	bottom: -5px;
	right: -5px;

	width: 130px;
	height: 30px;

	cursor: pointer;
	background: url(../images/interface/magnify.png) top left no-repeat;
}

div.statBox.advertising ul, div.statBox.advertising p { float: left; clear: both; }
div.statBox.advertising ul { margin-bottom: 10px; }
div.statBox.advertising ul li { color: #06f; }

div.statBox.advertising a.button {
	display: block;
	float: right;
	clear: right;

	width: 115px;
	height: 30px;

	margin: 10px auto;
	line-height: 30px;

	text-align: center;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;

	color: #fff;
	background: url(../images/interface/button.png) top left no-repeat;
}

div.column.wide div.statBox.advertising a.button {
	width: 150px;
	height: 40px;

	line-height: 40px;
	font-size: 15px;
	background: url(../images/interface/flashyButton.gif) top left no-repeat;
}

/*div.statBox.advertising p.price {
	position: absolute;
	bottom: 5px;
	left: 5px;

	color: #c06;
	font-size: 20px;
	margin-left: 10px;
}*/

div.statBox.advertising ul.adprices {
	float: right;
	clear: both;
	color: #c06;
	width: 97%;
	font-size: 20px;
	margin-left: 10px;
	list-style-type: none;
}

div.statBox.advertising ul.adprices li { float: left; width: 25%; }
div.statBox.advertising ul.adprices.banner li { width: 40%; }
div.statBox.advertising ul.adprices li span { color: #ffd4ec; font-size: 12px; }
div.statBox.advertising ul.adprices li span.heading {
	color: #c60;
	margin-bottom: 0;
}

div.statBox.advertising ul.adprices li span.yay {
	display: block;
	color: #3f0;
}

div.statBox.advertising ul.adprices li span.yay.ontheline { display: inline; }

div.statBox.advertising img.fTrialAvail { float: left; clear: left; width: 400px; height: 50px; }

div.statBox.advertising p.price {
	float: left;
	clear: left;

	color: #c06;
	font-size: 20px;
	margin-left: 10px;
}

div.statBox.advertising p.price span { color: #ffd4ec; font-size: 12px; }

div.statBox.advertising p.price span.heading {
	color: #c60;
	margin-bottom: 0;
}

/* Free Trials Box */
div.freeTrial {
	float: right;
	width: 510px;
	height: 110px;
	padding: 65px 10px 0 20px;

	color: #111;
	background: url(../images/interface/freeTrials.jpg) top left no-repeat;
}

div.freeTrial#adFree {
	position: relative;
	height: 210px;
	top: -40px;
	margin-bottom: -60px;
	background: url(../images/interface/advertOptionsLarge.jpg) top left no-repeat;
}

div.freeTrial.nuevo#adFree { background: url(../images/interface/adOptionsLargeAnim.gif) top left no-repeat; }

/* Advertising Intro Box */
div#adIntro { float: left; width: 40%; margin-top: 5px; }

/* Popup images on Advertising 'More Info' page */
img.popup {
	cursor: pointer;
}

div#popupBox {
	display: none;
	position: fixed;
	top: 100px;
	left: 50%;

/*	width: 500px;
	height: 318px;*/

	width: 700px;
	height: 445px;

	margin-left: -350px;
	padding: 10px;

	border: 1px solid #c06;
	background-color: #000;
	z-index: 5000;
}

div#popupImage {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;

	width: 480px;
	height: 298px;
}

a#popupClose {
	position: absolute;
	display: block;

	top: 5px;
	right: 5px;

	width: 120px;
	height: 30px;

	color: #fff;
	background-color: #000;
	line-height: 30px;

	font-size: 15px;
	text-align: center;
	text-decoration: none;
}

a#popupClose span {
	color: #d00;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

/* --------------- */
/* REVIEWS SECTION */
/* --------------- */

/* Main search list */
ul.providers { padding-top: 20px; }

ul.providers li ul {
	list-style-type: none;
	margin: 0;
}

ul.providers li {
	padding-top: 15px;
	height: 79px;
	background: url(../images/interface/providerBox.gif) top left no-repeat;
}

ul.providers li ul li {
	height: auto;

	margin: 0;
	padding: 0;

	font-size: 11px;
	color: #111;
	background: none;
}

ul.providers li a {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 140px;
	height: 27px;
	display: block;
}

/* Provider selection on review submission form */
ul.providers.select li {
	background: url(../images/interface/listingbox.gif) top left no-repeat;
	height: 104px;
}

ul.providers.select li ul li { background: none; font-size: 10px; height: auto}
ul.providers.select li form {
	position: absolute;
	bottom: 5px;
	right: 15px;
	width: auto;
}

form#noProvider {
	float: left;
	clear: both;
	margin-left: 4%;
}

/* Review list on account page */
table.reviewList {
	width: 100%;
	padding: 2%;
	border: 1px solid #470a29;
	border-collapse: collapse;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

table.reviewList th, table.reviewList td {
	text-align: left;
	padding: 2px;
}

table.reviewList td {
	border-bottom: 1px dotted #100008;
}

a#reviewSearchBtn {
	display: block;
	clear: both;

	height: 48px;
	width: 155px;
	margin: 10px auto;
	padding: 5px 5px 5px 60px;

	color: #fff;
	font-size: 16px;
	text-decoration: none;

	border: 1px dotted #470a29;
	background: url(../images/interface/search.png) 0px 5px no-repeat;
}

/* Star Stuff */
div.star {
	display: block;
	width: 65px;
	height: 65px;

	padding: 0;
	margin: 0;

	background: url(../images/interface/stars.png) top left no-repeat;
}

div.star.s1 { background-position: 0 0; }
div.star.s2 { background-position: -65px 0; }
div.star.s3 { background-position: -130px 0; }
div.star.s4 { background-position: -195px 0; }
div.star.s5 { background-position: -260px 0; }

/* Custom coloured boxes for each review (based on its star rating) */
ul.providers li.s1 { background: url(../images/interface/reviewBox1.gif) top left no-repeat; }
ul.providers li.s2 { background: url(../images/interface/reviewBox2.gif) top left no-repeat; }
ul.providers li.s3 { background: url(../images/interface/reviewBox3.gif) top left no-repeat; }
ul.providers li.s4 { background: url(../images/interface/reviewBox4.gif) top left no-repeat; }
ul.providers li.s5 { background: url(../images/interface/reviewBox5.gif) top left no-repeat; }

ul.providers li div.star {
	position: absolute;
	top: -20px;
	right: -10px;

	width: 65px;
	height: 65px;

	margin: 0;
}

div.star#reviewStar {
	position: absolute;
	top: 0px;
	right: 0px;
}

ul.providerMenu {
	float: right;
	clear: both;
	width: 96%;

	margin: 0;
	padding: 2%;
	list-style-type: none;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

ul.providerMenu li {
	width: 100%;
	float: left;
	clear: both;
}

ul.providerMenu li strong {
	display: block;
	float: left;
	width: 47%;
	color: #c586a9;
	font-weight: normal;
}

ul.providerMenu li span {
	display: block;
	float: left;
}

/* Actual review page; details at bottom */
ul.reviewDetails { list-style-type: none; }

ul.reviewDetails li strong {
	color: #c06;
	font-weight: normal;
}

/* --------------- */
/* STORIES SECTION */
/* --------------- */
ul.stories {
	list-style-type: none;
}

ul.stories li {
	position: relative;
	float: left;
	width: 27%;
	height: 150px;

	margin: 1%;
	padding: 2%;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

ul.stories.nuevo li {
	width: 18%;
	margin: 13px;
}

ul.stories li h4 {
	position: absolute;
	bottom: 10px;
	left: 10px;

	color: #c06;
	font-size: 13px;
	text-align: left;
}

ul.pageNav {
	float: left;
	clear: both;

	width: 96%;
	height: 33px;

	padding-left: 2%;

	line-height: 33px;
	list-style-type: none;
	background: url(../images/interface/masthead.gif) top left no-repeat;
}

ul.pageNav li {
	float: left;
	margin: 0 1%;
	height: 100%;
}

ul.pageNav li.end {
	float: right;
	width: 20px;
	margin: 0;
	background: url(../images/interface/masthead.gif) top right no-repeat;
}

ul.pageNav.nuevo {
	float: none;
	width: 36%;

	padding: 0;

	text-align: center;
	margin: 0 auto 0 auto;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

ul.pageNav.nuevo li {
	float: none;
	height: auto;
	display: inline;
}

ul.storyMenu {
	float: right;
	clear: both;
	width: 96%;
	height: 455px;
	margin: 0;
	padding: 2%;

	list-style-type: none;
	overflow: auto;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

ul.storyMenu li {
	float: none;
	width: 100%;
	margin: 0 0 5px 0;
	padding-bottom: 2px;
	border-bottom: 1px dotted #692c4b;
}

ul.storyMenu li a { text-decoration: none; }

/* ----------- */
/* ADULT GUIDE */
/* ----------- */

/* Guide Menu (and Story Menu) */
div.column.side ul.guideMenu {
	width: 96%;

	margin: 5px 0 10px 0;
	padding: 2%;

	list-style-type: none;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

div.column.side ul.guideMenu.limited { height: 250px; overflow: auto; }
div.column.side ul.guideMenu li { margin: 0 0 5px 0; }

/* Guide columns on main page */
ul.guideColumns {
	width: 96%;

	margin: 20px 0 0 0;
	padding: 2%;
	list-style-type: none;

	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

ul.guideColumns li {
	width: 100%;
}

/* Guide banners */
ul.banners {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 40px;
	list-style-type: none;
}

ul.banners { list-style-type: none; }

ul.banners li {
	float: left;
	width: 100%;
	height: 100px;
	text-align: center;
	margin: 0;
}

ul.banners li h4 {
	color: #143474;
	font-size: 12px;
	text-indent: 1px;	
}

ul.banners li a img { border: 0; }

ul.banners.nuevo li {
	width: 50%;
}

/* Info List */
ul.infocards {
	float: left;
	clear: both;
	width: 100%;

	font-size: 12px;
	list-style-type: none;
}

ul.infocards li {
	float: left;
	width: 27%;

	padding: 2%;
	margin: 1%;

	text-align: center;
	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

ul.infocards li p { padding-bottom: 10px; }

ul.infocards li ul {
	list-style-type: none;
	margin: 0;
	padding-top: 5px;
}

ul.infocards li ul li {
	width: 100%;

	margin: 0 0 7px 0;
	padding: 0;

	border: 0;
	background: none;
}

ul.infocards.nuevo li { height: 280px; }

ul.infocards.nuevo li ul li { height: auto; }
/* Blog Stuff */
table.announcements {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
}

table.announcements td, table.announcements th {
	text-align: left;
	font-size: 13px;
	padding: 2px;
}

table.announcements th { color: #c06; }

/* Text button (looks nice any size) */
div.column a.newbutton, a.newbutton {
	display: inline-block;
	width: auto;
	height: 34px;

	line-height: 34px;
	margin-top: 10px;
	padding: 0 12px;

	color: #fff;
	font-size: 15px;

	text-align: center;
	text-decoration: none;

	border: 2px solid #fff;
	background: url(../images/interface/newbutton.gif) top left repeat-x;
}

div.column a.newbutton:hover, a.newbutton:hover {
	border-color: #c06;
}

/* Logo */
div#logo {
	position: absolute;
	top: 10px;
	left: 80px;
	width: 330px;
	height: 81px;
	background: url(../images/interface/logo.png) top left no-repeat;
}

/* Masthead */
ul#masthead {
	position: absolute;
	top: 105px;
	left: 70px;

	width: 995px;
	height: 33px;

	z-index: 10;
	list-style-type: none;

	padding: 0;
	background: url(../images/interface/masthead.gif) top left no-repeat;
}

ul#masthead li {
	float: left;
	position: relative;

	width: auto;
	height: 33px;

	line-height: 33px;
	text-align: center;

	margin: 0 11px 0 15px;
}

ul#masthead li a {
	float: left;
	display: block;
	width: 100%;
	height: 100%;

	color: #111;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

ul#masthead li a:hover, ul#masthead li a.active { color: #c06; }

ul#masthead li ul {
	display: none;
	position: absolute;
	top: 27px;
	left: 0;

	width: 150px;
	padding: 10px 0 15px 0;

	list-style-type: none;

	border: 1px solid #c06;
	background: url(../images/interface/alpha095.png) top left repeat;
}

ul#masthead li:hover ul { display: block; }

ul#masthead li ul li {
	width: 100%;
	height: 20px;

	margin: 0;
	line-height: 20px;
}

ul#masthead li ul li a { margin-left: 2%; width: 96%; padding: 2px 0; color: #ddd; font-weight: normal; }
ul#masthead li ul li a:hover { background-color: #903; color: #fff; }

/* Header Menu */
ul#headerMenu {
	position: absolute;
	top: 0;
	right: 70px;

	width: 476px;
	height: 30px;

	padding-right: 265px;

	z-index: 12;
	list-style-type: none;
	background: url(../images/interface/alpha075.png) top left repeat;
}

ul#headerMenu li {
	float: right;
	clear: none;

	width: 64px;
	height: 30px;

	line-height: 30px;
	text-align: center;

	margin: 0 2px;
}

ul#headerMenu li a {
	float: right;
	display: block;
	width: 100%;
	height: 100%;

	color: #fff;
	font-size: 10px;
	text-decoration: none;
}

ul#headerMenu li a:hover { color: #c06; }

/* Site Count */
div#siteCount {
	position: absolute;
	text-align: right;

	top: 79px;
	left: 93px;

	color: #00abf2;
	font-size: 16px;
}

div#siteCount span { color: #ff7a21; }

/* New Twitter */
div.miniButton {
	position: absolute;
	display: block;

	top: 3px;
	right: 80px;

	width: 125px;
	height: 24px;
	z-index: 20;
}

div.miniButton a {
	display: block;
	float: left;
	width: 125px;
	height: 24px;
	background: url(../images/interface/twitter.gif) top left no-repeat;
}
div.miniButton.bookmark { right: 210px; }
div.miniButton.bookmark a { background-position: bottom left; }

/* Forum Link in Masthead */
div#forum {
	display: block;
	position: absolute;
	top: 28px;
	left: 445px;

	width: 121px;
	height: 95px;

	background: url(../images/interface/forum.png) top left no-repeat;
}

div#forum a {
	display: block;

	width: 100%;
	height: 30px;

	padding-top: 50px;
	text-decoration: blink;
	text-align: center;

	color: #fff;
	font-size: 17px;
}

a#visitForum {
	display: block;
	float: right;

	width: 137px;
	height: 61px;

	text-decoration: none;
	background: url(../images/interface/visitForum.png) top left no-repeat;
}

/* Latest News / Tweet */
div#twitterLatest {
	position: relative;

	float: left;
	clear: left;

	width: 96%;
	height: 142px;

	padding: 2%;
	margin: 12px 1% 1% 1%;

	text-align: center;
	border: 1px solid #470a29;
	background: url(../images/interface/directoryUL.gif) top left repeat-x #100008;
	
}

div#twitterLatest h2 {
	width: 165px;
	height: 35px;

	margin: 5px auto 0 auto;
	clear: both;

	line-height: 35px;
	text-align: center;

	background: url(../images/interface/latestNews.png) top center no-repeat;
	text-indent: -999999px;
	overflow: hidden;
}

div#twitterLatest p {
	position: absolute;
	width: 214px;
	height: 85px;

	left: 10px;
	bottom: 5px;

	overflow: auto;
}

/* Loudspeaker / Announcements */
ul#loudspeaker { position: absolute; top: 140px; left: 71px; z-index: 2; list-style-type: none; border-bottom: 1px dashed #c06; }
ul#loudspeaker, ul#loudspeaker li { height: 30px; width: 990px; background: #000; overflow: hidden; }
ul#loudspeaker li, ul#loudspeaker li a { font-family: Courier, monospace; font-size: 12px; text-align: center; }
ul#loudspeaker li { position: relative; float: left; line-height: 25px; margin: 0; }
ul#loudspeaker li a { color: #ff7a21; text-decoration: none; }
ul#loudspeaker li a:hover { color: #cc0; }
ul#loudspeaker li a span { color: #fff; }

/* Sitemap at bottom of every page */
ul#sitemap {
	clear: both;
	width: 985px;
	height: 155px;

	margin: 0 auto 10px auto;
	list-style-type: none;
	text-align: center;
	background: url(../images/interface/sitemap.gif) top left no-repeat;
}

ul#sitemap li {
	float: left;
	width: 27%;
	margin: 0 3%;
}

ul#sitemap li h3 { margin: 20px 0 0 0; }

ul#sitemap li ul {
	margin: 10px 0 0 0;
	list-style-type: none;
}

ul#sitemap li ul li {
	clear: both;
	width: 100%;
	margin: 0 0 5px 0;
}

ul#sitemap li ul li a { text-decoration: none; color: #0050d4; }

/* Footer */
ul#footer {
	clear: both;
	width: 995px;
	height: 33px;
	line-height: 33px;
	list-style-type: none;
	text-align: center;
	margin: 0 auto 10px auto;
	background: url(../images/interface/footer.gif) top left no-repeat;
}

ul#footer li {
	float: left;
	margin-left: 2%;
	color: #111;
}

ul#footer li.right { float: right; margin-left: 0; margin-right: 2%; }

ul#footer li a { color: #111; }
ul#footer li img { border: 0; position: relative; top: 3px; }

/* Sub Footer stuff */
p.subFooter, h3.subFooter {
	width: 100%;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

p.subFooter.highlight, h3.subFooter.highlight { color: #c06; }
p.subFooter.highlight span, h3.subFooter.highlight span { color: #cc0; }

/* London Escorts Directory Landing Page */
div.overImage {
	position: relative;
}

div.overImage div {
	display: block;
	position: absolute;
	top: 225px;
	left: 300px;
}

div.overImage div a {
	color: #fff;
	font-size: 25px;
	text-decoration: none;
}

ul.directory.smaller li { width: 31%; }
ul.directory.smaller li ul { font-size: 12px; } 
ul.directory.smaller li ul li { width: auto; }

ul.directory.smaller.nuevo li { width: 23%; height: 110px; }
ul.directory.smaller.nuevo li ul li { width: auto; height: auto; }
/* RTA Logos */
div#rtaLogos {
	width: 540px;
	height: 32px;
	margin: 10px auto;
	padding: 1px 0;
	border: 1px solid #c06;
}
div#rtaLogos a {
	display: block;
	float: left;

	width: 88px;
	height: 32px;
	margin: 0 1px;
	background: url(../images/interface/rtalogos.gif) top left no-repeat;
}

div#rtaLogos a#rtaIcra { background-position: 0 0; }
div#rtaLogos a#rtaSitter { background-position: -88px 0; }
div#rtaLogos a#rtaPatrol { background-position: -176px 0; }
div#rtaLogos a#rtaNanny { background-position: -264px 0; }
div#rtaLogos a#rtaASACP { background-position: -352px 0; }
div#rtaLogos a#rtaLabel { background-position: -440px 0; }

/* Sitemap page */
ul.sitemap, ul.sitemap li ul {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	display: none;
	list-style-type: none;
}

ul.sitemap li, ul.sitemap li ul li {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

ul.sitemap li h3 {
	font-size: 13px;
}

ul.sitemap li span, ul.sitemap li ul li span {
	display: block;
	color: #661e42;
	font-weight: bold;
	font-size: 10px;
}

ul.sitemap li h4 { width: 100%; padding: 0; margin: 0; }
ul.sitemap li a.smToggle {
	display: block;
	padding: 5px 10px 0 0;

	color: #c06;
	border-top: 1px dashed #661e42;
	background: url(../images/interface/sitemapArrowSM.gif) center right no-repeat;
}

h2 a.smToggle {
	display: block;
	padding: 5px 10px 0 0;

	color: #c06;
	border-top: 1px dashed #661e42;
	background: url(../images/interface/sitemapArrow.gif) center right no-repeat;
}

ul.sitemap li h4 a { font-size: 15px; }

/* London Escorts Signup Now Link */
a#signupNowLondon {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 220px;
	height: 75px;
}

/* CHAT STUFF */
a#chatButton {
	position: fixed;
	z-index: 99;

	bottom: 0;
	right: 0;

	width: 30px;
	height: 30px;

	font-size: 10px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;

	color: #fff;
	border: 1px solid #470a29;
	background-color: #000;
}

div#chatBox {
	position: fixed;
	z-index: 99;
	display: none;

	bottom: 35px;
	right: 5px;

	width: 200px;
	height: 300px;

	border: 1px solid #470a29;
	background: url(../images/interface/alpha075.png) top left repeat;
}

div#chatBox form {
	float: left;
	clear: both;

	width: 180px;
	margin: 0 0 0 10px;
}

div#chatBox form textarea, div#chatBox form input {
	float: left;
	border: 1px solid #470a29;
	background: url(../images/interface/alpha095.png) top left repeat;
}

div#chatBox form textarea { width: 180px; height: 250px; margin-bottom: 5px; }

div#chatBox form input.text, div#chatBox form input.button { color: #f9c; height: 25px; line-height: 25px; }

div#chatBox form input.text { width: 125px; height: 23px; }
div#chatBox form input.button { width: 50px; margin: 0; float: right; clear: none; cursor: pointer; }

div#subDrop {
	clear: both;
	width: 995px;
	margin: 0 auto;
	text-align: center;
}

div#subDrop h4 { color: #fff; }