body {
	margin: 0px 0px 0px 0px;
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. #EEEBE3*/
	background-color:#FFFFFF;
}

body, td, span, div, p {
	font-family:Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	scrollbar-face-color: #fff; 
	scrollbar-shadow-color: #fff; 
	scrollbar-highlight-color: #fff; 
	scrollbar-3dlight-color: #fff; 
	scrollbar-darkshadow-color: #fff; 
	scrollbar-track-color: #fff; 
	scrollbar-arrow-color: #888888;
}

.whiteCopy {
	color:#FFFFFF;
	font-size:11px;
}

.listings{
	padding-left:100px;
	padding-top:20px;
	height:200px;
}

.listingDetails{
	padding-left:100px;
	padding-top:5px;
	padding-bottom:5px;
}

.detailFrame{
	width:300px;
	height:163px;
}

.remoteFrame{
	width:250px;
}

a {
	color:#888888;
	text-decoration : none;
}
a:hover {
	color:#98020C;
	text-decoration:none;
}
a:visited {
	color:#888888;
	text-decoration : none;
}
a:visited:hover {
	color:#98020C;
	text-decoration:none;
}

#featon{
	color:#98020C;
}

.line{
	width:210px;
	color:#AAAAAA;
	height:1px;
}

.footer {
	color:#ffffff;
	font-size:10px;
}

.redHeader{
	font-size:16px;
	color:#96040D
}

.formButton {
	BORDER-RIGHT: #D4D0C8 1px solid;
    BORDER-TOP: #D4D0C8 1px solid;
    BORDER-LEFT: #D4D0C8 1px solid;
    BORDER-BOTTOM: #D4D0C8 1px solid;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    color:#000000
    background-color:#FFFFFF;
}


.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 1px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 831px; /*Width of Carousel Viewer itself*/
height: 389px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: visible; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width:418px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

DIV#loader {
	border: 1px solid #ccc;
	width: 17px;
	height: 17px;
	overflow: hidden;
}

DIV#loader.loading {
	background: url(/images/ajax-loader.gif) no-repeat center center;
}