/*-------------------------------------------------
GENERAL
-------------------------------------------------*/

body {
	text-align: center;
	color: #000000;
	/*background-color: #F8F0FF;*/
	background-color: #FFFFFF;
	/* background-image: url("img/bg.gif");
	background-repeat: repeat-y; 
	background-attachment: scroll; 
	background-position: center;*/
	margin: 0px 0px 0px 0px;    
}
a:link, a:visited { color: #0066CC; text-decoration: none; }
a:hover { color: #0066CC; background-color: #FFFFFF; text-decoration: underline; }

a.adminLink:link, a.adminLink:visited { color: #006666; text-decoration: none;  font-size: 11px;}
a.adminLink:hover { color: #006666; text-decoration: underline; font-size: 11px;}

a.pagingLink:link, a.pagingLink:visited { color: #0066CC; text-decoration: none; font-size: 12px;}
a.pagingLink:hover { color: #0066CC; text-decoration: underline; font-size: 12px;}

a.simpleLink:link, a.simpleLink:visited { color: #0066CC; text-decoration: none; font-size: 12px;}
a.simpleLink:hover { color: #0066CC; text-decoration: underline; font-size: 12px;}

a.metroAreaLink:link, a.metroAreaLink:visited { color: #6D6E72; text-decoration: none; font-family: arial,helvetica,sans-serif; font-size: 12px;}
a.metroAreaLink:hover { color: #8F3F97; background-color: #FFFFFF; text-decoration: underline; font-family: arial,helvetica,sans-serif; font-size: 12px;}

a.hotTopTipLink:link, a.hotTopTipLink:visited { color: #D63291; text-decoration: underline;  font-weight: bold; font-size: 12px;}
a.hotTopTipLink:hover { color: #D63291; background-color: #FFFFFF; text-decoration: underline; font-weight: bold; font-size: 12px;}

a.advertisementLink:link, a.advertisementLink:visited { color: #0066CC;; text-decoration: none;  font-size: 13px;}
a.advertisementLink:hover { color: #0066CC;; background-color: #FFFFFF; text-decoration: underline; font-size: 13px;}

a.recentForumPostsLink:link, a.recentForumPostsLink:visited { color: #FFFFFF; text-decoration: none;  font-weight: bold; font-size: 18px; line-height: 22px}
a.recentForumPostsLink:hover { color: #FFFFFF; background-color: #8F3F97; text-decoration: underline; font-weight: bold; font-size: 18px; line-height: 22px}

a.forumPostLink:link, a.forumPostLink:visited { color: #F7A238; text-decoration: none; }
a.forumPostLink:hover { color: #F7A238; background-color: #8F3F97; text-decoration: underline; }

a.simpleFact:link, a.simpleFact:visited { color: #F7A238; text-decoration: none; }
a.simpleFact:hover { color: #F7A238; background-color: #8F3F97; text-decoration: underline; }

a.supplierLink:link, a.supplierLink:visited { color: #0066CC; text-decoration: none;  font-size: 12px;}
a.supplierLink:hover { color: #0066CC; text-decoration: underline; font-size: 12px;}

#advertiseWithUs a:link, #advertiseWithUs a:visited { color: #F7A238; font-weight: bold; text-decoration: none; }
#advertiseWithUs a:hover { color: #F7A238; background-color: #FFFFFF; font-weight: bold; text-decoration: underline; }

#advertiseWithUs h3 a:link, #advertiseWithUs h3 a:visited { color: #8F3F97; font-weight: bold; text-decoration: none; }
#advertiseWithUs h3 a:hover { color: #8F3F97; background-color: #FFFFFF; font-weight: bold; text-decoration: underline; }

#footer a:link, #footer a:visited { color: #FFFFFF; text-decoration: none; }
#footer a:hover { color: #FFFFFF; background-color: #F7931D; text-decoration: underline; }

#mainMenu a:link, #mainMenu a:visited { color: #FFFFFF; text-decoration: none; }
#mainMenu a:hover { color: #FFFFFF; background-color: #8F3F97; text-decoration: underline; }

.divHeader a:link, .divHeader a:visited { color: #FFFFFF; text-decoration: none; }
.divHeader a:hover { color: #FFFFFF; background-color: #8F3F97; text-decoration: none; }

.box a:link, .box a:visited { color: #0066CC; text-decoration: none; }
.box a:hover { color: #0066CC; background-color: #FFFFFF; text-decoration: underline; }

.dataGrid a:link, .dataGrid a:visited { color: #0066CC; text-decoration: underline; }
.dataGrid a:hover { color: #0066CC; background-color: #FFCC99; text-decoration: underline; }

a.col, a.col:visited { color: #000000; text-decoration: none; }
a.col:hover { color: #000000; text-decoration: underline; }

p {
	margin: 0px 0px 8px 0px;
}

form {
	margin: 0px 0px 0px 0px;
}

ul {
	list-style: circle outside;
	padding-left: 12px;
	margin-left: 8px;
}

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

div {  
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 0px 3px;
}

table {
	width: 100%;
	border-collapse: collapse;
	border: 0px;
}

td {
	vertical-align: top;	
}

hr {
	border: none;
	border-bottom: 1px solid #EEEEEE;
}

h1 {
	padding: 0;
	margin: 10px 0 10px 0;
	color: #8F3F97;
	font-size: 18px;
	font-weight: bold;
}

h2 {
	margin: 8px 0px 4px 0px;
	font-size: 14px;
	line-height: 16px;
	color: #8F3F97;
	font-weight: bold;
	padding: 0;
}

h3 {
	margin: 5px 0 3px 0;
	color: #8F3F97;
	font-size: 12px;
	padding: 0;
	font-weight: normal;
}

img {
  border: none;
/*  display: block;
  margin-left: auto;
  margin-right: auto;*/
}

.supplierSubtitle {
	color: #CC0099;	
	font-size: 12px;
}

.highlight {
	color: #8F3F97;
	font-weight: bold;
}

.colorOne {
	color: #8F3F97;
}

.colorOneAlt {
	color: #6D6E72;
}

.colorTwo {
	color: #F7931D;
}

.colorTwoAlt {
	color: #6D6E72;
}

/*-------------------------------------------------
FRONT PAGE
-------------------------------------------------*/

td.homeRightColumn {
	padding-left: 10px;
}

td.bpImagesColumn {
	padding-left: 10px;
	padding-bottom: 10px;
	/*border: 1px solid #EEEEEE;*/
}

div.bpImages {	
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
	border: none;		
  	clear: both;
}

div.bpImages div {
	margin: 0px;
	padding: 0px;
	border: none;
	clear: none:
}

div.hair { float: left; width: 100px; height: 75px; background: url('img/hair.gif') -100px 0 no-repeat; }
div.hair a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/hair.gif') top left no-repeat; }
div.hair span { display: block; } div.hair a:hover { background: none; }

div.ears { float: left; width: 100px; height: 75px; background: url('img/ears.gif') -100px 0 no-repeat; }
div.ears a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/ears.gif') top left no-repeat; }
div.ears span { display: block; } div.ears a:hover { background: none; }

div.eyes { float: left; width: 100px; height: 75px; background: url('img/eyes.gif') -100px 0 no-repeat; }
div.eyes a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/eyes.gif') top left no-repeat; }
div.eyes span { display: block; } div.eyes a:hover { background: none; }

div.nose { float: left; width: 100px; height: 75px; background: url('img/nose.gif') -100px 0 no-repeat; }
div.nose a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/nose.gif') top left no-repeat; }
div.nose span { display: block; } div.nose a:hover { background: none; }

div.face { float: left; width: 100px; height: 75px; background: url('img/face.gif') -100px 0 no-repeat; }
div.face a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/face.gif') top left no-repeat; }
div.face span { display: block; } div.face a:hover { background: none; }

div.lips { float: left; width: 100px; height: 75px; background: url('img/lips.gif') -100px 0 no-repeat; }
div.lips a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/lips.gif') top left no-repeat; }
div.lips span { display: block; } div.lips a:hover { background: none; }

div.teeth { float: left; width: 100px; height: 75px; background: url('img/teeth.gif') -100px 0 no-repeat; }
div.teeth a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/teeth.gif') top left no-repeat; }
div.teeth span { display: block; } div.teeth a:hover { background: none; }

div.chin { float: left; width: 100px; height: 75px; background: url('img/chin.gif') -100px 0 no-repeat; }
div.chin a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/chin.gif') top left no-repeat; }
div.chin span { display: block; } div.chin a:hover { background: none; }

div.neck { float: left; width: 100px; height: 75px; background: url('img/neck.gif') -100px 0 no-repeat; }
div.neck a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/neck.gif') top left no-repeat; }
div.neck span { display: block; } div.neck a:hover { background: none; }

div.shoulders { float: left; width: 100px; height: 75px; background: url('img/shoulders.gif') -100px 0 no-repeat; }
div.shoulders a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/shoulders.gif') top left no-repeat; }
div.shoulders span { display: block; } div.shoulders a:hover { background: none; }

div.back { float: left; width: 100px; height: 75px; background: url('img/back.gif') -100px 0 no-repeat; }
div.back a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/back.gif') top left no-repeat; }
div.back span { display: block; } div.back a:hover { background: none; }

div.chest { float: left; width: 100px; height: 75px; background: url('img/chest.gif') -100px 0 no-repeat; }
div.chest a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/chest.gif') top left no-repeat; }
div.chest span { display: block; } div.chest a:hover { background: none; }

div.breasts { float: left; width: 100px; height: 75px; background: url('img/breasts.gif') -100px 0 no-repeat; }
div.breasts a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/breasts.gif') top left no-repeat; }
div.breasts span { display: block; } div.breasts a:hover { background: none; }

div.tummy { float: left; width: 100px; height: 75px; background: url('img/tummy.gif') -100px 0 no-repeat; }
div.tummy a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/tummy.gif') top left no-repeat; }
div.tummy span { display: block; } div.tummy a:hover { background: none; }

div.hands { float: left; width: 100px; height: 75px; background: url('img/hands.gif') -100px 0 no-repeat; }
div.hands a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/hands.gif') top left no-repeat; }
div.hands span { display: block; } div.hands a:hover { background: none; }

div.body { float: left; width: 100px; height: 75px; background: url('img/body.gif') -100px 0 no-repeat; }
div.body a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/body.gif') top left no-repeat; }
div.body span { display: block; } div.body a:hover { background: none; }

div.skin { float: left; width: 100px; height: 75px; background: url('img/skin.gif') -100px 0 no-repeat; }
div.skin a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/skin.gif') top left no-repeat; }
div.skin span { display: block; } div.skin a:hover { background: none; }

div.buttocks { float: left; width: 100px; height: 75px; background: url('img/buttocks.gif') -100px 0 no-repeat; }
div.buttocks a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/buttocks.gif') top left no-repeat; }
div.buttocks span { display: block; } div.buttocks a:hover { background: none; }

div.thighs { float: left; width: 100px; height: 75px; background: url('img/thighs.gif') -100px 0 no-repeat; }
div.thighs a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/thighs.gif') top left no-repeat; }
div.thighs span { display: block; } div.thighs a:hover { background: none; }

div.arms { float: left; width: 100px; height: 75px; background: url('img/arms.gif') -100px 0 no-repeat; }
div.arms a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/arms.gif') top left no-repeat; }
div.arms span { display: block; } div.arms a:hover { background: none; }

div.penis { float: left; width: 100px; height: 75px; background: url('img/penis.gif') -100px 0 no-repeat; }
div.penis a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/penis.gif') top left no-repeat; }
div.penis span { display: block; } div.penis a:hover { background: none; }

div.vagina { float: left; width: 100px; height: 75px; background: url('img/vagina.gif') -100px 0 no-repeat; }
div.vagina a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/vagina.gif') top left no-repeat; }
div.vagina span { display: block; } div.vagina a:hover { background: none; }

div.legs { float: left; width: 100px; height: 75px; background: url('img/legs.gif') -100px 0 no-repeat; }
div.legs a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/legs.gif') top left no-repeat; }
div.legs span { display: block; } div.legs a:hover { background: none; }

div.feet { float: left; width: 100px; height: 75px; background: url('img/feet.gif') -100px 0 no-repeat; }
div.feet a { display: block; width: 100%; height: 100%; overflow: hidden; background: url('img/feet.gif') top left no-repeat; }
div.feet span { display: block; } div.feet a:hover { background: none; }

/*-------------------------------------------------
DETAILS
-------------------------------------------------*/

img.sideLinkImage {
	border: dashed 1px #0066CC;
	margin-top: 10px;
	margin-bottom: 0px;	
}

.framed {
	border: solid 1px #EEEEEE;
	margin: 4px;
	padding: 4px;	
}

.bottomNotes {
	font-style: italic;
}


div.listingDetailsSection {
	border: solid 1px #999999;
	margin: 4px 4px 4px 0px;
	padding: 4px;
}

div.formSection {
	border: solid 1px #999999;
	margin: 4px 4px 4px 0px;
	padding: 4px;
}

td.labelCol {
	width: 180px;
}

div.listingDetailsSectionLinks {
	text-align: right;
}

div.directoryCategory {
	border: solid 1px #EEEEEE;
	margin: 4px;
	padding: 4px;
	width: 350px;
	height: 30px;
}

div.advertisementTitle {
	padding-left: 0px;
	padding-right: 0px;
}

div#advertisementUsage {
  display: none;
}

div#businessDescription {
  display: none;
}

div#listingPlansInfo {
  display: none;
}

div#supplierAids {
  display: none;
}

div#logo {
	float: left;
	margin: 0px;
}

div#container {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;		
	text-align: left;
	background-color: white;
	width: 1000px; 
	margin-left: auto;
	margin-right: auto;		
	margin-top: 4px;
	margin-bottom: 4px;
	/*
	margin-left: 4px;
	margin-right: 4px;	
	*/
	padding: 0px;
	/* border: 1px solid #EEEEEE; */
}

div#containerAdmin {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;		
	text-align: left;
	background-color: white;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 4px;	
	padding: 0px;
	/* border: 1px solid #EC008C; */
}

div#frontPageImage {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	margin-right: 0px;
	color: #8F3F97;
}

div.frontPageAds {	
	margin-left: 0px;
	margin-right: 3px;
	margin-top: 4px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

.frontPageAds img {
	border: none;
	display: block;
	width: 110px;
	height: 70px;
	margin-top: 13px;	
	margin-right: 0px;		
}

div.framedPage {
	border: solid 1px #8F3F97;
	margin: 2px 4px 4px 0px;
	padding: 4px;
	clear: both;
}

div.advertorialSideLinks {
	width: 140px;	
	margin: 2px 4px 4px 0px;
	padding: 4px;
	float: left;
}

div.systemPage {
	border: solid 1px #8F3F97;
	margin: 2px 4px 4px 0px;
	padding: 4px;
}

div.sponsoredLinksStart {
	color: #CCCCCC;
	text-align: center;
	font-size: 11px;
	padding-top: 8px;
	padding-bottom: 2px;
}

div.sponsoredLinksEnd {
	color: #CCCCCC;
	text-align: center;
	font-size: 11px;
	padding-top: 1px;
}

div#header {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;	
}

div#mainMenu {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
    text-align: center;
    line-height: 2em;
    text-transform: uppercase;
    background-color: #8F3F97;
    color: #FFFFFF;
    padding: 2px 0px 2px 0px;
    margin-top: 0px;    
}

div#map {
	margin-bottom: 8px;
}

div.flashMovie {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

table.simpleTable {
	border: hidden;	
}

table.simpleTable th {
	background-color: #8F3F97;
	border: solid 1px #EEEEEE;
	padding-left: 4px;
	font-weight: normal;
	color: #FFFFFF;
}

table.simpleTable td {
	background-color: #CF7FD7;
	border: solid 1px #EEEEEE;
	padding-left: 4px;
}

table.simpleTable td.even {
	background-color: #EF9FF7;
	border: solid 1px #EEEEEE;
	padding-left: 4px;
}

td.logo {
	width: 70%; 
	height: 63px; 
	background-image: url("img/logo.png");
	background-repeat: no-repeat; 
	background-position: bottom left;
}

td.topRightCorner {
	background-color: #FFFFFF;
}

td.bbLogo {
	width: 430px;
	height: 80px; 	
	vertical-align: middle;
	border: solid 1px #EEEEEE;
	background-image: url("img/logo_new.png");
	background-repeat: no-repeat; 
	background-position: middle left;
}

td.adSpace {
	width: 570px; 	
	height: 80px; 
	vertical-align: middle;
	border: solid 1px #EEEEEE;
}

td.mainMenu {
	width: 70%; 
	background-color: #8F3F97;
	vertical-align: middle;
}

td.searchMenu {
	background-color: #F7931D;
	vertical-align: middle;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
    line-height: 2em;
    text-transform: uppercase;
    color: #FFFFFF;	
}

.searchButton {
	background-color: #F7931D;
	color: #FFFFFF;	
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
    text-transform: uppercase;	
    border: none;
}

.userEntry {
	color: #0066CC;
}

div.searchResultItem {	
	border: 1px solid #DCDCDC;
	margin-top: 4px;
}

.menuDelimiter {
	color: #F7A238;
	font-weight: bold;	
}

div#userMenu {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
    text-align: right;
}

div#footer {
    text-align: center;
    background-color: #F7A238;
    color: #8F3F97;
    padding: 2px 0px 2px 0px;
}

div#content {
	background-color: #FFF;
	padding-left: 0px;
	padding-right: 0px;
}

div.forumPost {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	line-height: 14px;
}

.forumPost hr {	
	margin: 0px 1px 0px 1px;
	border-top: 1px solid #FFFFFF;
	border-bottom: none;
}

.supplierDetails hr {
	border: none;
	border-bottom: 1px solid #8F3F97;
}

div.joinVipCard {
	text-align: center;
	border: dashed 1px #0066CC;
	padding-bottom: 2px;
}

div#simpleFacts {
	/*background-color: #EEEEEE;*/
	/*border: 1px solid #8F3F97;*/
	/*height: 150px;*/
	padding: 0px;
	margin-bottom: 4px;
	margin-left: 0px;	
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;	
	text-align: justify;	
	background-color: #8F3F97;
	/*color: #959595;*/
}

div.simpleFact {
	padding: 8px;
	color: #FFFFFF;
}

#simpleFacts h2 {
	color: #F7A238;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;	
	text-transform: uppercase; 
	padding: 4px 0px 0px 4px;
}

.simpleFactStart {
	color: #8F3F97;
}

div#recentForumPosts {
	background-color: #8F3F97;
	color: #EEEEEE;	
	padding: 0px;
	margin-bottom: 4px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
}

#recentForumPosts h2 {
	color: #FFFFFF;	
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 8px;
}

#vipCard h1,h2,h3 {
	color: #8F3F97;
}

div#vipCard {
	margin-bottom: 4px;
}

#vipCard img {
	float: left;
	margin: 0px 8px 4px 0px;
}

div#homeMiddleSection {
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

div.recentArticles {
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	border: 1px dashed #CCCCCC;
	width: 220px;
	height: 250px;
	overflow: hidden;
}

div.articleLinks {
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	border: 1px dashed #CCCCCC;
	width: 220px;	
}

div#advertiseWithUs {
	background-color: #FFFFFF;
	color: #EEEEEE;	
	padding: 0px;
	margin-top: 4px;
	margin-bottom: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	border: 1px dashed #0066CC;
	width: 220px;
}

#advertiseWithUs h1 {
	color: #6D6E72;	
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding-top: 4px;	
}

#advertiseWithUs h2 {
	color: #8F3F97;	
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;	
	padding-top: 8px;
	padding-left: 8px;
}

#advertiseWithUs h3 {
	color: #8F3F97;	
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;	
}
div#poll {
	background-color: #FFFFFF;
	color: #333333;	
	padding: 2px 2px 4px 4px;	
	margin-top: 4px;
	margin-bottom: 4px;	
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border: 2px solid #8F3F97;	
}

.pollImage {
	float: right;
	width: 70px;
}

#poll h1 {
	color: #333333;	
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding-top: 2px;
}

#poll h2 {
	color: #F7931D;	
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;	
	padding-top: 0px;
}

#poll h3 {
	color: #8F3F97;	
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;	
	padding-top: 4px;
}

.pollPercentage {
	color: #212121;
	font-weight: bold;
}

.pollGraph {
	height: 10px; 
}

tr.pollResultLine {
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

div.prevnext {
	text-align: center;
}

div.topTip {	
	height: 15em;
	color: #000000; 
	font-family: arial, helvetica, tahoma, sans-serif; 
	font-size: 12px;	
	color: #333333;
	line-height: 18px; 
	clear: both;	
}

div#hotTopTips {
	background-color: #FFFFFF;
	color: #333333;	
	padding: 0px;	
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	border: 2px solid #D63291;		
}

div#listYourBusinessWithUs {	
	/* background-image: url("img/list-your-business.gif");*/
	background-color: #ffffff;
	color: #333333;	
	padding: 0px;	
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border: 2px solid #8f3f97;		
}

#hotTopTips img {
	float: right;
	margin: 2px 2px 2px 2px;
}

#hotTopTips h1 {
	color: #D63291;	
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	margin: 2px 2px 2px 2px;
	
}

#hotTopTips .colorAlt {
	color: #6D6E72;
}

#hotTopTips h2 {
	color: #D63291;	
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;	
	text-transform: uppercase;	
	margin-left: 2px;
	margin-bottom: 12px;
}

div#supplierSearch {
	background-color: #FFFFFF;	
	/* border-right: 2px solid #8F3F97;*/
	margin-bottom: 4px;
	padding: 0px;
}

div.supplierInfo {
	border: 1px solid #8F3F97;
	margin-bottom: 5px;
}

.supplierItems {
	margin-top: 4px;
}

table.supplierItems td {
	width: 50%;
}

.supplierContactPoints {
	/*text-align: center;*/
	line-height: 25px;
}

div.supplierDetails {
	border: 1px solid #8F3F97;
	margin-bottom: 5px;
}

div.supplierContent {
	margin-top: 4px;
}

div.vipSupplier {
	border: 1px solid #F7A238;
}

div.exerciseArticles {
	margin-top: 4px;
	border: none;
}

.exerciseArticles img {
	float: right;
}

div.advertorialIntro {	
	text-align: justify;
	margin: 4px;
}

div.advertorialIntroOnLeft {	
	width: 580px;
	text-align: justify;
	margin: 4px;
	float: left;
	border-right: solid 1px #CCCCCC;
}

div.advertorial {	
	width: 580px;
	text-align: justify;
	margin: 4px;
	float: left;
	border-right: solid 1px #CCCCCC;
}

div.article {	
	width: 580px;
	text-align: justify;
	margin: 4px;
	float: left;
	border-right: solid 1px #CCCCCC;	
}

div.advertisement {
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
}

div.internalAdvertisement {
	border: dashed 1px #0066CC;
	margin-bottom: 5px;
}

div.advertisementPreview {
	margin-left: auto;
	margin-right: auto;
	width: 220px;
}

div.advertorialPreview {
	margin-left: auto;
	margin-right: auto;
	width: 560px;
}

div.contactUs {	
	width: 540px;
	text-align: justify;
	margin: 4px;
	float: left;
	border-right: solid 1px #CCCCCC;
}

div.contactUsSideLinks {
	width: 180px;	
	margin: 2px 4px 4px 0px;
	padding: 4px;
	float: left;
}

div.siteMap {
	border: 1px solid #8F3F97;	
}
	
div.box {
	margin-bottom: 4px;
	border: 1px solid #CCCCCC;
}


div.line {
	border-bottom: 1px solid #CCCCCC;
	line-height: 5px;
	clear: both;
}

div.center {
	text-align: center;
}

div.vipCardForm {
	margin-left: 50px;
}

.divHeader {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding-bottom: 2px;
}

.divHeader h2 {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 16px;	
	font-weight: bold;
	color: #8F3F97;
	vertical-align: middle;
	margin: 0px;
	text-transform: uppercase;
}

.helpText {
	color: #959595;
}

.small {
	font-size: 90%;
}

.pageSubtitle {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 16px;	
	font-weight: bold;
	color: #6D6E72;
}

.advertorialImage {
	float: left;
	/*width: 200px;*/
	height: 100px;
	margin-right: 10px;
	margin-bottom: 2px;
}

.advertisementImage {
	border: 1px solid #CCCCCC;	
	width: 220px;
	/*height: 100px;*/
	margin-bottom: 5px;
}

.internalAdvertisementImage {
	border: dashed 1px #0066CC;
	width: 220px;	
	margin-bottom: 5px;
}

.articleImage {
	float: left;
	/* width: 200px;*/
	height: 100px;
	margin-right: 10px;
	margin-bottom: 2px;
}

.advertisement h2 {
	color: #8F3F97;
}

.advertisement h3 {
	color: #8F3F97;
	text-align: right;
	margin-top: 0px;
}

.filterExpression {
	color: blue;
}

.today {
	color: #CC0000;	
	font-size: 10px;	
	margin-right: 10px;
}

.address {
	color: #8F3F97;	
}

.datePublished {
	color: #8F3F97;	
}

.documentType {
	color: #8F3F97;	
}

.metroAreaSelected {
	color: #F7931D;
	font-weight: bold;
	font-family: helvetica,sans-serif; 
	font-size: 12px;
}

.metroAreaDelimiter {
	color: #6D6E72; 
	font-family: helvetica,sans-serif; 
	font-size: 12px;
}

.recordAudit {
	color: #333333;
	font-size: 11px;
	font-style: italic;
}

.vipHighlight {
	color: #8F3F97;	
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

.titleBB {
	color: #CC0000;	
	font-size: 20px;	
	font-weight: bold;
	margin-left: 200px;
}

td.headerLogo {
	width: 200px;
	vertical-align: bottom;
	border: 0px;
	
}

td.headerInfo {
	vertical-align: bottom;
}

td.headerLinks {
	width: 200px;
	text-align: center;
	vertical-align: middle;
}

p.copyright {
	padding: 0 0 10px 0;
	margin: 4px 0 4px 0;
}

table#containerTable {
	border-collapse: collapse;
}

td.leftColumn {
	width: 220px;	
}

td.middleColumn {
	width: 100%;	
}

td.rightColumn {
	width: 220px;	
}

.directory ul {
	margin-left: 5px;
}

#supplierSearch {
	color: #000;
}

#supplierSearchForm select {
	width: 204px;
	border: 1px solid #CBA7E9;
}

select#state {
	width: 70px;
	border: 1px solid #CBA7E9;
}

select#distanceRange {
	width: 122px;
	border: 1px solid #CBA7E9;
}

#supplierSearchForm input.searchSupplierText {
	width: 200px;
	border: 1px solid #CBA7E9;
}


.lt_gray { background-color: #e7e7e7; }
.dk_gray { background-color: #d6d7d6; }
.hightlight_gray { background-color: #4a9284; }
.past_due { color: red }

.error { color: red }

.infoMessage { 
	color: #0000ff;
}

.required { color: red }

.notPublished { color: red }

.info { color: gray }

.submit input {
	color: #333333;
	background: #ffa20f;
	border: 2px outset #8F3F97
}

.bbButton {
	color: #000;
	background: #e7e7e7;
	border: 2px outset #d7b9c9
}

.supplierAids {
	border: 1px solid #AABBFF;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}


.supplierAids tr td {
	/*background-color: #e7e7e7;*/
	border-right: 1px solid #AABBFF; 
	border-bottom: 1px solid #AABBFF;  
}

/*----------------------------------- Data Grid --------------------------*/

div.gridTotal {
  vertical-align: text-top;
  color: #660033;
  float: left;
  width: 33%; 
}

div.gridRecords {
  vertical-align: text-top;  
  color: #660033;
  float: left;
  width: 33%; 
}

div.gridPages {
  vertical-align: text-top;
  text-align: right;
  color: #660033;
  float: left;
  width: 33%;   
}

div#aidDescription {
  display: none;  
}

div#gridFilter {
  display: none;  
}

div.paging {
  text-align: right;
}

.pagingCurrentPage {
	font-weight: bold;
}

.leftAlign {
  text-align: left;
}

.rightAlign {
  text-align: right;
}

.centerAlign {
  text-align: center;
}

div.newLine {
	clear: both;
}

.supplierItem h3 {
	font-weight: bold;
}

img.floatLeft {
	margin: 4px 4px 4px 0px;
}

img.floatRight {
	margin: 4px 0px 4px 4px;
}

.floatLeft {		
  float: left;
}

.floatRight {		
  float: right;
}

.publishedOnInfo {
	padding: 1px 2px 1px 2px;		
	color: #FFFFDD;
	background-color: #CF7FD7;
	font-size: 10px;	
	line-height: 12px;
	float: right;
}

/* ---------------------------------- data grid ------------------------- */

.sortingImg {		
  float: left;
  margin: 4px;
}

.dataGrid {
  border: 1px solid #AABBFF;
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
}

.dataGrid thead {
  padding: 0px;
  margin: 0px;
}

.dataGrid tbody tr {
  padding: 0px 0px 0px 0px;
  margin: 0em 0em;
}

.dataGrid thead tr th {
  font-weight: normal;
  border-left: 1px solid #AABBFF ;
  border-bottom: 1px solid #AABBFF ;
  padding: 0px 2px;
  margin: 0px;
  vertical-align: top;
}

.dataGrid thead tr th.sortedColumn {
  background-color: #CCEEFF;
}

.dataGrid thead tr th.sortableColumn {
  background-color: #CCEEFF;
}

.dataGrid thead tr th.unsortableColumn {
  background-color: #CCEEFF;
  color: #000000;
}

.dataGrid tbody tr td {
  border-left: 1px solid #AABBFF ;
  padding: 1px 2px;
  margin: 0px 0px 0px 0px;
}

td.leftAlign {
  text-align: left;
}

td.rightAlign {
  text-align: right;
}

td.centreAlign {
  text-align: center;
}

.sortedOddColumn {
  background-color: #fff0cc;
}

.sortedEvenColumn {
  background-color: #fff8e6;
}

.oddRow {
  background-color: #e8e8e8;
}

.evenRow {
  background-color: #ffffff;
}

/* ---------------------------------- data grid end ------------------------- */