/* - Reset Defaults --------------------------------------------------------- */
@import 'reset.css';




/* Default Styles for tags and classes -------------------------------------- */
/* body tab and background */
body {
	font: small Verdana, Arial, sans-serif;
	color: #333;
	text-align: center;
	background: #fff;
}


/* Heading and Titles */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.2em 0;
	font-weight: normal;
}

h2, h3, h4, h5, h6 {
	margin-top: 0.5em;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
}

h5 {
	font-size: 1em;
	font-weight: bold;
}


/* paragraphs */
p {
	margin-bottom: 0.8em;
	line-height: 130%;
}


/* definition lists */
dl {
	margin-bottom: 20px;

}

dt {
	font-weight: bold;
}

dd {
	margin-left: 10px;
	margin-bottom: 5px;
	display: block;
}

/* links */
a:link {
	color: #263F71;
}

a:visited {
	color: #263F71;
}

a:hover {
	color: #26481A;
}

a:active {

}

li {
	margin-bottom: 0.2em;
}

/* classes */
.darkblue {
	color: #263F71 !important;
}

.lightblue {
	color: #7F9FCF;
}

.small {
	font-size: 0.8em;
}

.underline {
	border-bottom: 1px dashed #CBC6BC;
	padding-bottom: 4px;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

/* text under the logo */
.tagline {
	color: #355082;
	margin-top: 0;
	margin-left: 190px;
	font-weight: bold;
}

/* javascript actions */
a.nohref {
    cursor: pointer;
    text-decoration: underline;
	color: #263F71;
}

a.nohref:hover {
	color: #26481A;
}

div.editable {
    display: inline;
}

body#editable div.highlight, span.highlight {
    background-color: #FFC;
}


/* chunky tooltips */
div.tooltip {
	position: absolute;
	width: 107px;
	height: 148px;
	background: url(/img/template/bg-tooltip.png);
	border: none;
	padding: 10px 25px 10px 10px;
	margin-top: -98px;
	margin-left: -148px;
}


/* info box */
div.info {
	border: 1px solid #EFE2A3;
	background: #FFC;
	margin-bottom: 10px;
	padding: 10px 40px;
	position: relative;
	text-align: left;
}

div.info * {
	display: inline;
	font-size: 1em;
}


/* close link in info boxes */
.close {
	position: absolute;
	top: 2px;
	right: 3px;
	font-size: 0.8em !important;
}

.grey {
	color: #CBC6BC;
	font-size: x-small;
	width: 2.3em;
	float: left;
	font-weight: normal;
}

.answer div {
	margin-left: 2em;
	margin-bottom: 5px;
}

.question {
	cursor: pointer;
	margin-bottom:4px;
}

/* next/previous bar*/
.pager {
	border: 1px solid #CBC6BC;
	background: #F2EFEB;
	margin: 10px 0 0 0;
	padding: 5px;
	overflow: hidden;
	float: left;
	width: 743px;
}

.pager .current {
	font-weight: bold;
	margin: 0 5px 0 0;
}

.pager a, .pager span {
	margin: 0 5px 0 0;
}




/* Default Layout  ---------------------------------------------------------- */
/* the page wrapper - keeps it all in place */
#container {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}


/* header bar - includes logo and nav */
#header {
	width: 100%;
	float: left;
	text-align: right;
}


/* top navigation */
#siteNav {
	border: 1px solid #CBC6BC;
	border-top: 0;
	padding: 1px;
	padding-top: 0;
	background: #fff;
	text-align: right;
}

#siteNav div {
	background: #F2EFEB;
	padding: 1px 5px 3px 5px;
}

#siteNav li {
	font-size: 0.85em;
}

#siteNav #staticNav {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#siteNav #staticNav li, #siteNav #accountNav li {
	padding: 0;
	margin: 0;
	display: inline;
}


/* account links */
#bar-container {
	border: 1px solid #CBC6BC;
	padding: 1px;
	background: #fff;
	margin: -10px 0 10px 0;
}

#bar {
	list-style: none;
	background: #F2EFEB;
	padding: 5px;
	text-align: center;
}

#bar li {
	display: inline;
	font-size: 0.9em;
	padding: 0;
	margin: 0 0 0 0;
}

/* logo */
#logo {
	float: left;
	margin-top: 10px;
}


/* search bar - contains search fields */
#searchbar {
	margin-top: 30px;
	width: 450px;
	float: right;
	clear: right;
	padding: 0;
	margin-bottom: 10px;
}

#searchbar input { /* text box */
	padding: 2px;
	width: 340px;
	margin-right: 5px;
}

#searchbar .searchButton { /* search button */
	width: auto;
	padding: 1px 10px;
	border: 1px outset;
	margin-bottom: -1px;
}


/* keeps content items together - no edit needed */
#content-container {
	float: left;
	width: 100%;
	margin-top: 5px;
}

#content-container ul {
margin-bottom: 0.8em;
}


/* bread crumb navigation */
#breadcrumb {
	float: left;
	width: 750px;
	padding: 10px 0;
	margin-top: 5px;
	color: #666;
	font-size: 0.8em;
}

#breadcrumb a { /* link text */
	color: #7F9FCF;
}

#breadcrumb h1 {
	font-size: 0.8em !important;
	display: inline;
}

/* footer */
#footer {
	width: 100%;
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid #CBC6BC;
	float: left;
	color: #9F9C95;
	font-size: x-small;
	text-align: center;
	margin-bottom: 10px;
}

#footer a { /* links in footer */
	color: #8E9AAF;
}




/* - Home Page Layout ------------------------------------------------------- */
/*container on homepage */
#special-offer {
	margin: 25px 0 15px 0;
}

#home .intro {
	float: left;
	width: 344px;
	text-align: center;
}

	#home .intro h1 {
		font-size: 1.3em;
		font-weight: normal;
	}
	
	#home .intro h2 {
		font-weight: bold;
		font-size: 1.2em;
	}
	
	#home .intro .icons {
		background: url(/img/template/icons.png) no-repeat 0 50%;
		padding-left: 35px;
		text-align: left;
		float: left;
		width: 309px;
	}
	
		#home .intro .icons .border {
			border: 1px solid #CBC6BC;
			padding: 1px;
			float: left;
			width: 292px;
			margin-right: 10px;
			height: 150px;
		}
		
			#home .intro .icons .border div {
				float: left;
				background: #F2EFEB;
				padding: 10px;
				width: 272px;
				height:130px;
			}
			
				#home .intro span.stars {
					color: #D57B22;
				}
				
				#home .intro span.links {
					color: #1A7FAD;
				}

				#home .intro span.feedback {
					color: #36A54C;
				}

#home .categories {
	float: right;
	width: 416px;
}

	#home .categories .border {
		float: left;
		border: 1px solid #CBC6BC;
		padding: 1px;
		width: 414px;
		height: 236px;
	}
	
		#home .categories .border div {
			float: left;
			background: #F2EFEB;
			padding: 10px;
			width: 394px;
			height: 216px;
		}
	
	#home .categories h2 {
		margin: 0 0 9px 0;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	#home .categories ul {
		float: left;
		margin: 0;
	}
	
	#home .categories li {
		margin-bottom: 6px;
	}
	
	#home .categories ul.column1 {
		width: 230px;
	}
	
	#home .categories ul.column2 {
		width: 160px;
	}

#home .users, #home .businesses {
	float: left;
	width: 41%;
	padding-left: 8%;
}

	#home .users {
		background: url(/img/template/users.png) no-repeat 0 20px;
		margin-right: 1%;
	}

	#home .businesses {
		background: url(/img/template/businesses.png) no-repeat 0 20px;
	}

	#home .users h3, #home .businesses h3 {
		margin-top: 20px;
		font-size: 1.4em;
		overflow: hidden;
	}
	
	#home .users ul, #home .businesses ul, #home .users li, #home .businesses li {
		margin: 0;
		list-style: none;
		padding: 0;
	}
	
	#home .users li, #home .businesses li {
		padding-left: 20px;
		font-size: 0.9em;
		margin-bottom: 5px;
		float: left;
		width: 100%;
		background: url(/img/template/home-bullet.png) no-repeat 10px 7px;
	}
	
	#home .users li.search, #home .businesses li.join {
		font-weight: bold;
		font-size: 1em;
		color: #263F71;
	}
	
	#home .businesses li.join {
		background: url(/img/icons/join.png) no-repeat 5px 0;
		padding: 2px 0 3px 30px;
	}
	
		#home .businesses li.join a {
			text-decoration: none;
		}

	#home .users li.search {
		background: url(/img/icons/search.png) no-repeat 5px 0;
		padding: 2px 0 3px 30px;
	}

		#home .users li.search label {
			cursor: pointer;
		}

#home div.feedback {
	float: left;
	margin: 0 0 20px 0;
}

	#home div.feedback h3 {
		background: url(/img/icons/feedback-sm.png) no-repeat;
		padding: 1px 0 2px 30px;
	}
	
	#home div.feedback blockquote {
		float: left;
		width: 761px;
		overflow: hidden;
		margin: 0;
	}
	
		#home div.feedback blockquote .cite {
			background: url(/img/template/feedback-top.png) no-repeat top;
			float: left;
			margin: 0;
			width: 741px;
			padding: 25px 10px 0 10px;
		}
	
		#home div.feedback blockquote .q {
			float: left;
			width: 741px;
			padding: 5px 10px 10px 10px;
			background: url(/img/template/feedback-bottom.png) no-repeat bottom;
			font-style: italic;
		}

#home .sponsors {
	float: left;
	width: 100%;
	height: auto;
}

#home .sponsors h4 {
	font-weight: normal;
	margin-bottom: 10px;
}

	#home .sponsors a {
		float: left;
		width: 140px;
		background: #efefef;
		margin: 0 5px;
	}

#steps {
	list-style: none;
	margin: 10px 0;
	border: 1px solid #CBC6BC;
	padding: 3px;
}

#steps li {
	display: inline;
	margin-left: 10px;
	color: #999;
}

#steps li.active {
	color: #333;
}

/* category page */
fieldset .column1, fieldset .column2, fieldset .column3 {
	float: left;
	margin: 0 0 0 12px;
	width: 30%;
}

.column1, .column2, .column3 {
	float: left;
	margin: 0 0 0 0;
	width: 30%;
}

.column1 {
	margin-right: 4%;
}

.column2 {
	margin-right: 4%;
}

.column1 li, .column2 li, .column3 li {
	margin: 0;
	list-style: none;
	font-size: 0.9em;
}

.column1 li.active, .column2 li.active, .column3 li.active {
	font-weight: bold;
}

.column1 li span, .column2 li span, .column3 li span {
	margin-left: 5px;
	display: block;
	font-size: 0.9em;
	margin-bottom: 8px;
	font-weight: normal;
}



/* - Listers Page / Search Page Layout -------------------------------------- */
/* right hand section */
#searchRefine {
	float: right;
	width: 200px;
	font-size: 0.8em;
}

#searchRefine ul {
	margin: 1em 0 2em 0;
	list-style-type: none;
}

#searchRefine ul li {
	margin: 0 0 0.2em 1em;
	font-size: 9px;
}

/* content area */
#content {
  margin-right: 210px;
}


/* unordered list of listers */
ul#listers, ul#feedback {
	list-style-type: none;
	float: left;
	border: 1px solid #CBC6BC;
	border-top: 0;
}

/* lister item */
ul#listers li, ul#feedback li {
	margin: 0 0 0 0;
	padding: 5px;
	background-color: #F2EFEB;
}

ul#listers li.alt, ul#feedback li.alt {
	background: #FAF8F6;
}

/* Lister Name heading */
ul#listers li h3 {
	margin: 0 10px 0 0;
	display: inline;
	overflow: hidden;
	font-size: 1.2em;
}

ul#listers li h3 span, ul#feedback li h3 span {
	font-size: 0.9em;
}

/* number of stars */
ul#listers li p.star-ranking, ul#feedback li p.star-ranking {
	display: inline;
	font-style: italic;
}

/* lister title */
div#lister-name h1 {
	margin: 0 10px 0 0;
}

/* how many feedback entries */
div#lister-name p.star-ranking, div#lister-name h1 {
	display: inline;
}

/* description text */
ul#listers li div.description, ul#listers li p.categories, ul#feedback li div.description, ul#feedback li p.categories {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 0.9em;
}

div.description ul {
	margin-left: 15px;
}


#refine {
   overflow: hidden;
   padding: 1px;
   margin-top: 10px;
}

#refine div {
   overflow: hidden;
   padding: 10px;
   text-align: left;
   padding-bottom: 0;
}

#refine ul { /* list defaults */
   float: left;
   margin: 0;
   list-style: none;
}

#refine ul.column1 { /* first column */
   width: 33%;
}

#refine ul.column2 { /* second column */
   width: 33%;
}

#refine ul.column3 { /* second column */
   width: 33%;
}

#refine li { /* list item defaults */
   float: left;
   margin: 0;
   width: 100%;
   margin-bottom: 0.3em;
}


/* - Lister Info Page ------------------------------------------------------- */
#detailsMain {
	width:560px;
	float: left;
}

#detailsName {
	float: left;
	border-bottom: 1px solid #CBC6BC;
	padding-bottom: 0px;
	margin-bottom: 10px;
	width: 390px;
	height: 1%;
}

#detailsName h2 {
	margin-top: 0;
}

span#business_name {
	font-size: 0.8em;
}

#detailsImg {
	float: left;
	margin-right: 10px;
}

#detailsImg #largeImage {
	float: left;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-top: 0px;
	width: 100px;
	min-height: 100px;
	text-align: center;
}

#detailsImg #smallImages {
	margin: 0px 0 10px 10px;
}

#detailsImg #smallImages img {
	display: block;
	margin-bottom: 20px;
}

p.member {
	font-size: 1.2em;
}

p.stars {
	margin: -2px 0 10px 0;
	font-size: 0.9em;
}

p.feedback {
	font-size: 0.9em;
	margin: -1px 0 5px 0;
}

p.feedback a {
	padding-top: 5px;
	display: block;
}

#detailsMain .infoBox {
	padding: 1px;
	border: 1px solid #CBC6BC;
	width: 160px;
	margin-bottom: 10px;
	font-size: 0.9em;
	float: right;
	clear: right;
}

#detailsMain .infoBox h2, .infoBox h3 {
	margin: 0;
	background: #F2EFEB;
	padding: 2px 3px 1px 5px;
	font-size: 1.1em;
	font-weight: bold;
}

#detailsMain .infoBox li {
	margin: 0;
	padding: 0 0 0 2px;
	list-style: none;
	font-size: 0.9em;
}

#detailsMain .infoBox li h3 {
	font-size: 1em;
	font-weight: normal;
	background: none;
}

#detailsContact {
	width: 385px;
	border-bottom: 1px solid #CBC6BC;
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: auto;
}

#detailsContact .label {
	font-weight: bold;
}

#detailsContact .value {
	margin-left: 10px;
	margin-bottom: 4px;
}

#detailsContact .left {
	float: left;
	text-align: left;
	width: 185px;
}

#detailsContact .right {
	text-align: left;
	float: right;
	width: 185px;
}

#detailsTrust {
	width: 180px;
	padding: 0;
	float: left;
	margin-left: 20px;
}

#detailsTrust .infoBox {
	padding: 1px;
	border: 1px solid #CBC6BC;
	margin-bottom: 10px;
	font-size: 0.8em;
}

#detailsTrust .infoBox p {
	padding: 5px;
}

#detailsTrust .infoBox h3 {
	margin: 0 0 4px 0;
	background: #F2EFEB;
	padding: 2px 3px 2px 5px;
	font-size: 1.2em;
	font-weight: bold;
}

#detailsTrust .tabs {
	background: #F9F7F5;
}

#detailsTrust .tabs li {
	float: left;
	list-style: none;
	padding: 1px;
	margin: 0;
	font-size: 0.9em;
	border-top: 1px solid #E5E3DE;
	border-right: 1px solid #E5E3DE;
	border-left: 1px solid #E5E3DE;
}

#detailsTrust .tabs li h4 {
	font-weight: bold;
	color: #999;
	font-size: 1.1em;
	padding: 0;
	margin: 0;
	padding: 2px 5px 2px 5px;
	background: #F9F7F5;
	cursor: pointer;
}

#detailsTrust .tabs li.active {
	border: 1px solid #CBC6BC;
	border-bottom: 1px solid #fff;
}

#detailsTrust .tabs li.active h4 {
	background: #F2EFEB;
	color: #333;
}

#detailsTrust #trustedByBox, #detailsTrust #iTrustBox {
	float: left;
	border: 1px solid #CBC6BC;
	width: 172px;
	padding: 4px;
	margin-top: -1px;
	display: none;
}

#detailsTrust #trustedByBox.active, #detailsTrust #iTrustBox.active {
	display: block
}

#detailsTrust #trustedByBox li, #detailsTrust #iTrustBox li {
	padding: 0 0 5px 3px;
	margin: 0;
	list-style: none;
	font-size: 0.8em;
}



/* - Feedback Page ------------------------------------------------------------ */
/* unordered list of feedback */
ul#feedback {
	list-style-type: none;
	width: 753px;
}

ul#feedback li h3 {
	font-size: 1em;
	margin: 0;
	font-weight: bold;
}

.response {
	font-style: italic;
	font-size: 0.9em;
	padding-left: 10px;
	margin: 3px 50px 3px 30px;
	border-top: 1px solid #E8E4DF;
	border-bottom: 1px solid #E8E4DF;
	background: url(/img/icons/feedback-response.png) no-repeat 0px 5px;
}

.response em {
	font-weight: bold;
}

#add-feedback {
	width: 100%;
	overflow: hidden;
}




/* - Recommended Page ------------------------------------------------------------ */
/* unordered list of feedback */
ul#recommendations {
	list-style-type: none;
	width: 100%;
}

/* feedback item */
ul#recommendations li {
	margin: 0 0 10px 0;
	padding: 5px;
	background-color: #F2EFEB;
}

table#people-i-trust {
	width: 100%;
	margin-top: 20px;
}

table#people-i-trust img {
	vertical-align: middle;
}

table#people-i-trust thead {
	background: #F2EFEB;
}

table#people-i-trust tbody th {
	font-weight: normal;
}

table#people-i-trust tr.unaccepted td,
table#people-i-trust tr.unaccepted th,
a.unaccepted {
	color: grey;
}

table#people-i-trust thead th {
	font-weight: normal;
	padding: 3px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
}


/* - Forms -------------------------------------------------------------------- */
fieldset {
	float: left;
	width: 97%;
	border: 0;
	margin: 10px 0 15px 0;
	border-top: 1px solid #CBC6BC;
}

fieldset legend {
	font-size: 1.2em;
	padding: 0 10px 0 5px;
	margin-bottom: 10px;
	color: #355082;
}

/* each line of the form */
fieldset div.required,
fieldset div.optional,
fieldset div.buttons {
	float: left;
	width: 100%;
	margin: 4px 0;
}

fieldset div.required label,
fieldset div.optional label,
fieldset div.buttons label {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 15px;
}

/* bold required fields */
fieldset div.required label {
	font-weight: bold;
}

input {
	border: 1px solid #CBC6BC;
	padding: 2px;
}

/* width of form fields (INPUT, TEXTAREA and SELECT) */
fieldset div.required input,
fieldset div.required textarea,
fieldset div.required select,
fieldset div.optional input,
fieldset div.optional textarea,
fieldset div.optional select,
fieldset div.buttons input,
fieldset div.buttons textarea,
fieldset div.buttons select {
	padding: 2px;
	width: 300px;
	border: 1px solid #CBC6BC;
}

fieldset div.required select.month,
fieldset div.required select.year,
fieldset div.optional select.month,
fieldset div.optional select.year,
fieldset div.buttons select.month,
fieldset div.buttons select.year {
	padding: 2px;
	width: 100px;
	border: 1px solid #CBC6BC;
}

/* textarea height */
fieldset div.required textarea,
fieldset div.optional textarea,
fieldset div.buttons textarea {
	height: 120px;
	border: 1px solid #CBC6BC;
}

fieldset div.checkboxes {
	float: left;
	margin-left: 110px;
	width: auto;
}

/* no width on checkboxes and radio */
fieldset div.checkboxes label {
	float: none;
	width: auto;
	font-weight: normal;
}

/* no width on checkboxes and radio */
fieldset div.checkboxes input {
	margin: 0 5px 0 5px;
	width: auto;
	border: 0;
}

/* line button up nicely */
fieldset div.buttons {
	padding-left: 110px;
	padding-top: 5px;
	width: auto;
}

/* no width on buttons or titles */
fieldset div.buttons input, fieldset .title, input.searchButton {
	width: auto;
	padding: 1px 10px;
	border: 1px outset;
	margin-bottom: -1px;
}

fieldset div small {
	position: absolute;
	font-size: x-small;
	width: 200px;
	margin-left: 10px;
	padding: 3px 3px 3px 23px;
	background: #ffc url(/img/template/info.png) no-repeat 3px 3px;
	border: 1px solid #EFE2A3;
}

fieldset div input.short {
	width: 50px;
}

/* error message at top of page */
.errorMsg {
	border: 1px dotted #C9030E;
	background: #ffc;
	padding: 5px;
	margin-bottom: 20px;
	font-size: 0.9em;
}

.errorMsg em {
	font-size: 1.2em;
	color: #C9030E;
	font-style: normal;
	padding: 3px;
}

.errorMsg ul {
	margin-left: 0;
	margin-top: 10px;
}

.errorMsg li {
	margin-left: 30px;
	margin-bottom: 0.3em;
}

.association label {
	width: 150px !important;
}

.association input {
	width: 80px !important;
}

/* input, select and textarea error fields */
input.error, select.error, textarea.error {
	background: #ffc;
	font-weight: bold;
	color: #C9030E;
	border-color: #C9030E;
}

blockquote {
	margin: 0 0 0.5em 1.5em;
}


p.info img {
	vertical-align: middle;
}

span.definition {
	border-bottom: dashed 1px #263F71;
	padding-bottom: 2px;
}


#cart td, #cart th {
	padding: 4px;
}

#cart td.price, #cart th.price {
	text-align: right;
}

.comment {
	position: absolute;
	width: 200px;
	background-color: #FFC;
	border: solid 1px #CCC;
	padding: 10px;
}

option {
	padding-right: 5px;
}

th.price {
	width: 100px;
}

.print {
	display: none !important;
}

table.rows td, table.rows th {
	padding: 3px;
}


div#pri-assoc-img {
	text-align: center;
}

div.sec-assoc-img {
	float: left;
	width: 50%;
	margin-top: 3px;
	text-align: center;
}

#demoInfo {
	margin-top: 15px;
	float: left;
	text-align: center;
	width: 100%;
}

	#demoInfo .button {
		width: 80px;
		background: #F2EFEB;
		border-top: 1px solid #CBC6BC;
		border-left: 1px solid #CBC6BC;
		border-bottom: 1px solid #333;
		border-right: 1px solid #333;
		margin: 1em auto;
		padding: 4px;
	}
	
	#demoInfo .button a {
		color: #333;
		text-decoration: none;
	}
	
#imap {
	display:block;
	width:500px; 
	height:395px;
	background:url(/img/demo/profile-basic.png) no-repeat; 
	position:relative;
	margin: auto;
	border: 1px solid #CBC6BC;
}

#imap a#title {
	display:block; 
	width:500px; 
	height:0; 
	padding-top:395px;
	overflow:hidden; 
	position:absolute; 
	left:0; 
	top:0; 
	background:transparent url(/img/demo/profile-hover.png) no-repeat 500px 500px;
	cursor:default;
	text-decoration:none;
}

#imap a#title:hover {
	background-position: 0 0; 
	z-index:10;
}

#imap dd {
	position:absolute; 
	padding:0; 
	margin:0;
}

#imap #picStar {
	top: 40px;
	left: 80px;
	z-index: 20;
}

	#imap a#star {
		display:block; 
		width:152px; 
		height:39px; 
		background:transparent url(/img/demo/star-hover.png) -500px -500px no-repeat; 
		text-decoration:none; 
		z-index:20;
	}

#imap #picMember {
	top: 30px;
	left: 258px;
	z-index: 20;
}

	#imap a#member {
		display:block; 
		width:114px; 
		height:120px; 
		background:transparent url(/img/demo/member-hover.png) -500px -500px no-repeat; 
		text-decoration:none; 
		z-index:20;
	}

#imap #picTrust {
	top: 81px;
	left: 377px;
	z-index: 20;
}

	#imap a#trust {
		display:block; 
		width:122px; 
		height:192px; 
		background:transparent url(/img/demo/trust-hover.png) -500px -500px no-repeat; 
		text-decoration:none; 
		z-index:20;
	}


#imap #picContact {
	top: 112px;
	left: 4px;
	z-index: 20;
}

	#imap a#contact {
		display:block; 
		width:237px; 
		height:121px; 
		background:transparent url(/img/demo/contact-hover.png) -500px -500px no-repeat; 
		text-decoration:none; 
		z-index:20;
	}


#imap #picAreas {
	top: 239px;
	left:259px;
	z-index: 20;
}

	#imap a#areas {
		display:block; 
		width:116px; 
		height:153px; 
		background:transparent url(/img/demo/areas-hover.png) -500px -500px no-repeat; 
		text-decoration:none; 
		z-index:20;
	}

#imap a span, #imap a:visited span {
	display:none;
}

#imap a#star:hover, #imap a#member:hover, #imap a#trust:hover, #imap a#contact:hover, #imap a#areas:hover {
	background-position:0 0;
}

#imap a:hover span {
	position:absolute;
	width:250px; 
	display:block;
	font-size: 0.9em;
	border: 1px solid #EFE2A3;
	background: #FFC;
	color:#000; 
	padding:5px;
	bottom: -40px;
}


#invoiceLayer {
	position:absolute; visibility:hidden; margin-top:11px;
}

#creditcardTab1 {
	position:relative; background-color:#ffffff; width:150px; text-align:center; padding:2px; float:left; border:1px solid #F2EFEB
}

#invoicecardTab1 {
	position:relative; background-color:#F2EFEB; width:150px; text-align:center; padding:2px; float:left; border:1px solid #F2EFEB
}

#creditcardTab2 {
	position:relative; background-color:#F2EFEB; width:150px; text-align:center; padding:2px; float:left; border:1px solid #F2EFEB
}

#invoicecardTab2 {
	position:relative; background-color:#ffffff; width:150px; text-align:center; padding:2px; float:left; border:1px solid #F2EFEB
}

#SubscribeBt {
	background-color:#F2EFEB; border:1px solid #F2EFEB; width:450px; height:40px; padding:10px;
}
 
#creditcard {
	position:relative;background-color:#F2EFEB; border:1px solid #F2EFEB; width:450px; height:205px; padding:10px;
}