﻿body { text-decoration: none; font-style: normal; font-weight: normal; text-align: left; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 0px; font-size: 11px; background-color:#FFFFFF; margin-top:20px;
/* part 1 of 2 centering hack */
	}

a > img {border:none;}
a.more {position:relative;top:3px;}

* {margin:0; padding:0}
#text {}
.hotspot {color:#666666; cursor:pointer; font-size: 10px;}

#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}
	
p { text-decoration: none; font-style: normal; font-weight: normal; color: #999999; font-size: 11px; padding: 0px; line-height: 14px; margin: 0px;}
p.white { color: #ffffff;}
p.tinygrey { color:#666666; font-size:10px;}
p.registertinygrey { color:#666666; font-size:10px; float:left; clear:both; padding: 0px; margin: 0px; line-height: 16px; }
p.tinyltgrey { color:#999999; font-size:10px;}
p.purple { color:#9875a0; font-size:10px;}
p.grey { color: #999999; font-size:10px;}
p.blue { color: #6699FF; font-size:10px;}
p.green { color: #00CC66; font-size:10px;}

b.tinyltgrey { color:#999999; font-weight:normal; }
b.purplebold { color:#7c348c; font-weight:bold; font-size:11px; }
b.bluebold { color:#33CCCC; font-weight:bold; font-size:11px; }
b.tinybluebold { color:#33CCCC; font-weight:bold; font-size:10px; }
b.greenbold { color: #009933; font-weight:bold; font-size:11px; }
b.tinygreenbold { color: #009933; font-weight:bold; font-size:10px; line-height:11px; }

hr.blue { border: 0; color: #33CCCC; background-color: #33CCCC; height: 1px; width: 75%; text-align: center; margin-top: 10px; margin-bottom: 10px; padding:0px; }
hr.green { border: 0; color: #33FF99; background-color: #33FF99; height: 1px; width: 75%; text-align: center; margin-top: 10px; margin-bottom: 10px; padding:0px; }

a:link,
a:visited,
a:active { text-decoration: none; line-height: 14px; font-style: normal; font-weight: normal; margin:0px; padding: 0px;  text-align: left; color: #949598; font-size: 11px; }
a:hover { line-height: 14px; font-style: normal; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; text-align: left; color: #4aade7; font-size: 11px; }

a:link.tinygreen,
a:visited.tinygreen,
a:active.tinygreen { text-decoration: none; line-height: 14px; font-style: normal; font-weight: normal; margin:0px; padding: 0px;  text-align: left; color: #66CC99; font-size: 10px; } 
a:hover.tinygreen { line-height: 14px; font-style: normal; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; text-align: left; color: #333333; font-size: 10px; }

a:link.tinyblue,
a:visited.tinyblue,
a:active.tinyblue { text-decoration: none; line-height: 14px; font-style: normal; font-weight: normal; margin:0px; padding: 0px;  text-align: left; color: #0099FF; font-size: 10px; } 
a:hover.tinyblue { line-height: 14px; font-style: normal; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; text-align: left; color: #333333; font-size: 10px; }

a:link.purple,
a:visited.purple,
a:active.purple { text-decoration: none; line-height: 14px; font-style: normal; font-weight: normal; margin:0px; padding: 0px;  text-align: left; color: #CC99CC; font-size: 10px; } 
a:hover.purple { line-height: 14px; font-style: normal; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; text-align: left; color: #00CC99; font-size: 10px; }

a:link.drkpurple,
a:visited.drkpurple,
a:active.drkpurple { text-decoration: none; line-height: 14px; font-style: normal; font-weight: normal; margin:0px; padding: 0px;  text-align: left; color: #9933CC; font-size: 10px; } 
a:hover.drkpurple { line-height: 14px; font-style: normal; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; text-align: left; color: #9933CC; font-size: 10px; }

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; color:#6699FF;}
h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; color:#6699FF;}
h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; font-weight:bold; color:#996699;}
h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; font-weight:bold; color:#996699;}

#content { text-align:left; /* part 2 of 2 centering hack */
	width: 725px; /* ie5win fudge begins */
	voice-family: "\"}\""; voice-family:inherit; width: 725px; height:710px; margin: 0 auto; overflow:auto; background-image:url(../images/main_bg.jpg); background-repeat:no-repeat;}
html>body #content {
	width: 725px; /* ie5win fudge ends */
	}
	
#memberscontent { text-align:left; /* part 2 of 2 centering hack */
	width: 725px; /* ie5win fudge begins */
	voice-family: "\"}\""; voice-family:inherit; width: 725px; height:710px; margin: 0 auto; overflow:auto; background-image:url(../images/members_main_bg.jpg); background-repeat:no-repeat;}
html>body #memberscontent {
	width: 725px; /* ie5win fudge ends */
	}
	
#left {float: left; width: 305px; height: 660px; margin-left: 45px; margin-bottom: 40px; padding-top: 10px; padding-right: 10px;}
#lefttop {width: 305px; height: 20px; vertical-align:middle; margin: 0px; padding: 0px; margin-bottom: 17px;}
#right {float: right; width: 365px; height: 595px; margin-bottom: 0px;}
#righttop {float: right; width: 295px; height: 105px; margin: 10px 50px 0px 20px}
#buttons {float: right; width: 300px; height: 40px; margin-left: 10px; margin-right: 55px;}
#rightcontent {float: right; width: 305px; height: 240px; margin-right: 60px; margin-top: 20px; margin-bottom: 22px;}
#contactrightcontent {float: right; width: 305px; height: 240px; margin-right: 50px; margin-top: 20px; margin-bottom: 22px; padding-left: 10px;}
#bottomright {float: right; width: 295px; height: 210px; margin-right: 60px; margin-left: 10px; margin-bottom: 10px; padding-top: 10px;}
#leftbottomleft {float: left; width: 140px;}
#leftbottomright {float: right; width: 150px; margin-top:30px;}


/* Fading Image, HOME PAGE */
#imageContainer { height:240px; width: 305px; background-image:url(../content/finger.jpg); background-repeat:no-repeat; }

#imageContainer img {
	display:none;
	position:absolute;
}

/* Form Styling */
.submit {
    background-color: white;
	font-size:11px;
    margin-left: 50px;
    height: 20px;
    width: 50px;
    color: #4aade7;
    border: 1px dashed #999999;
}
.submit:hover {
    background-color: white;
	font-size:11px;
	clear:both;
    margin-left: 50px;
    height: 20px;
    width: 50px;
    color: #e64187;
    border: 1px dashed #666666;
}

.registersubmit {
	background-color: white;
	font-size:11px;
	margin-left: 50px;
	height: 20px;
	width: 75px;
	color: #009933;
	border: 1px dashed #999999;
}
.registersubmit:hover {
	background-color: white;
	font-size:11px;
	clear:both;
	margin-left: 50px;
	height: 20px;
	width: 75px;
	color: #00CCFF;
	border: 1px dashed #666666;
} 

.enquirysubmit {
	background-color: white;
	font-size:11px;
	margin-top:20px;
	margin-left: 50px;
	height: 20px;
	width: 75px;
	color: #009933;
	border: 1px dashed #999999;
}
.enquirysubmit:hover {
	background-color: white;
	font-size:11px;
	clear:both;
	margin-top:20px;
	margin-left: 50px;
	height: 20px;
	width: 75px;
	color: #00CCFF;
	border: 1px dashed #666666;
}        

.input {
    color: #999999;
	width: 150px;
	height: 15px;
	font-size:11px;
    border: 1px solid #999999;
    background: white;
}
.input:hover {
    color: #666666;
	width: 150px;
	height: 15px;
	font-size:11px;
    border: 1px solid #666666;
    background: white;
}

.registerinput {
    color: #999999;
	padding: 0px; line-height: 14px; margin: 0px;
	width: 150px;
	float:right;
	height: 15px;
	line-height: 11px;
	font-size:11px;
    border: 1px solid #999999;
    background: white;
}
.registerinput:hover {
    color: #666666;
	padding: 0px; line-height: 14px; margin: 0px;
	width: 150px;
	float:right;
	height: 15px;
	line-height: 11px;
	font-size:11px;
    border: 1px solid #666666;
    background: white;
}

.registertextarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #999999;
	padding-bottom: 5px;
	line-height: 14px;
	margin-bottom: 5px;
	width: 150px;
	float:right;
	height: 75px;
	line-height: 11px;
	font-size:11px;
    border: 1px solid #999999;
    background: white;
}
.registertextarea:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
	padding-bottom: 5px;
	line-height: 14px;
	margin-bottom: 5px;
	width: 150px;
	float:right;
	height: 75px;
	line-height: 11px;
	font-size:11px;
    border: 1px solid #666666;
    background: white;
}

#registerleft { float:left; width:120px;}
#registerright { float: right; width: 175px;}
#membersright { float: right;}
#registerbottom { clear:both; }
#offersbottom { clear:both; padding-top:10px; }

.textonly{
display:none;
}

