body {	font-family:Verdana, Arial, Helvetica, sans-serif; color:#2A2A2A;	font-size: 12px; vertical-align:top; padding:0px; margin:0px; background-color:#FBFBFB}


/* common  layout */
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2A2A2A;
	text-decoration: none;
}
.PageWrapper {
position:absolute; left:0px; top:0px;
width:730px;
height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2A2A2A;
	background-color: #FFFFFF;
	text-align: left;
	border: 0px solid #006600;
}

.BannerText {
position:absolute; left:244px; top:10px;
width:255px;
height:40px;
	font-size: 16px;
	color: #000000;
	text-align: center;
	padding:2px;
}

.BannerLogo {
	position:absolute; left:10px; top:15px;
	width:200px;
	height:50px;
	padding:0px;
}

.contentBackground {
	background-image:url(../graphics/testdrive2/layout-content-top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.contentTop {
width:500px;
padding:0px;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #2A2A2A;
	text-decoration: none;
}

.errorWrapper {
display:block;
width:350px;
height: auto;
background-color:#FBFBFB;
border:1px solid #BB0000;
padding:5px;
text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #BB0000;
	text-decoration: none;
}

.errorItem {
display:block;
width:auto;
height:25px;
	background-image:   url(../graphics/testdrive2/icon-error.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:left;
	text-indent:25px;
	line-height:20px;
	color: red;
	text-decoration: none;
	padding-bottom:5px;
}

.btnWrapper {
	width:400px;
	padding:10px;
	border: 0px solid green;
}

.cttWrapper {
	position:absolute; left:530px; top:40px;
}

.tdBorderRight {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.tdBorderTop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

.tdBorderTopDark {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

/* text */

.textDefault {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2A2A2A;
	text-decoration: none;
}

.textDefaultBlue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #0000CC;
text-decoration: none;
}

.textDefaultRed {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #CC0000;
text-decoration: none;
}
.textRedLarge {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #CC0000;
text-decoration: none;
}

.textBoldRed {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #CC0000;
text-decoration: none;
}
.textBoldBlack {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #2A2A2A;
text-decoration: none;
}

.textBoldBlue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #0C3874;
text-decoration: none;
}

.textSmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #2A2A2A;
text-decoration: none;
}

/* link colors */
a {
color: #0000CC;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

a:link {
color: #0000CC;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
a:hover {
color: #990000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

/* gettting started page - finish */
/* profile wrapper - display contact info last page */

.getStartedWrapper {
background-image:   url(../graphics/tesdrive2/get-started1.gif);
background-repeat: no-repeat;
background-position: left top;
position:relative;
left:50px;
top:0px;
width:550px;
height:170px;
display:block;
padding:0px;
border:0px solid red;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.getStartedText {
text-align:left;
position:relative;
display:block; 
left:15px; 
top:80px;
width:300px; 
height:auto; 
border:0px solid green;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}

/* get started profile section */
.getStartedProfileWrapper {
float:left;
z-index:30;
position:relative;
left:0px;
top:0px;
width:400px;
height:107px;
display:block;
padding:0px;
border:0px solid red;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.getStartedProfileTitle {
position: relative;
display:block; 
left:25px;
top:0px;
width:auto; 
height:auto; 
border:0px solid green;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000099;
font-weight:bold;
}

.profilePreviewWrapper {
float:left;
position:relative;
left:20px;
top:0px;
width:380px;
height:120px;
display:block;
padding:0px;
border:2px solid #3366CC;
background-color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.contactInfo {
text-align:left;
position:absolute;
display:block; 
left:0px; 
top:10px;
width:auto; 
height:auto; 
border:0px solid red;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.samplePhoto {
float:left;
}

.sampleLogo {
float:right;
}

/* download mls forms */
.downloadNote {
border:1px solid blue;
background-color:#FFFFFF;
width:auto;
height:auto;
padding:5px;
}

/* choose mls */
.frameMLS {
display:  block;
overflow:auto;
height:250px;
width:100%;
border:1px solid #E3E4E8;
}

/* choose package */
.headerPackageCompair {
position:relative;
display:  block;
height:35px;
width:630px;
border:0px solid red;
}

.packageContentArea {
position:relative; 
style="display:block;
width:630px;
height:auto;
border:0px solid green;
 }
 
.framePackage {
position:relative;
left:0px;
top:0px;
display:  block;
overflow:auto;
height:300px;
width:630px;
border:0px solid #CCCCCC;
}