body { 
	margin:0px;
	background-color:#4183d4; 
	background-image:url(../image/ui/background.jpg); 
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

img {
	border:0;
}

hr {
	color:#999999; 
	height:1px; 
	background-color:#999999; 
	margin-top:20px; 
	margin-bottom:20px;
}

h2 {
	color: #ff0033;
}

.topright {
	float:right;
	text-align:left;
	padding-right:10px;
}

.ClickToChat {
	float:right;
	text-align:left;
	padding-right:0px;
	padding-left:10px;
	padding-top:10px;
}

/*li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
min-height:1.5em;
}

ul {
margin:0pt;
padding:0pt;
}*/

.topright ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.topright li {
	background-image:url(/image/ui/white_arrow.gif);
	background-repeat:no-repeat;
	background-position: 0 .4em;
	padding-left: 1em;
} 

.topright li a {
	color:#FFFFFF;
	text-decoration:none;
} 

.Column-Left {
	width:202px;
	background-image:url(../image/line.gif);
	background-repeat:repeat-y;
	font-size:12px;
}

.Column-Middle {
	width:100%px;
	font-size:14px;
}
.Column-Middle a
{
	font-family:  Verdana, Helvetica, Arial;
	font-size: 14px;
	color: rgb(0,51,204);
	text-decoration: none;
}
.Column-Middle a:Hover
{
	font-family:  Verdana, Helvetica, Arial;
	font-size: 14px;
	color: rgb(0,51,204);
	text-decoration: underline;
}

.Column-Right {
	width:218px;
	background-color:#e5e5e5;
	/*background-color:#ffffff;*/
	font-size:12px;
}



.boxHeader {
	background-color:#bcc8d7;
	width:98%;
	border-left:#bcc8d7 2px solid;
	border-top:#bcc8d7 2px solid;
	border-right:#bcc8d7 2px solid;
	margin-top:20px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:1.5em;
}

.boxBody {
	/*background-color:#e5e5e5;*/
	background-color:#f3f3f3;
	width:98%;
	border:#bcc8d7 2px solid;
	margin-bottom:30px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5em;
	
}

.StepsWrapper {
	padding:40px 10px 40px 10px;
	border-top:#CCCCCC 1px solid;
}

#StepSelected {
	background-color:#FFFFFF;
}

.StepTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#ffffff;
}

.StepTitleSelected {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#ff9900;
}

.StepCaption {
	font:Arial, Helvetica, sans-serif;
}

.InnerPadding {
	padding:10px;
}

.InnerPaddingLarge {
	padding:20px;
}

.ErrorMessage {
	font-family:  Verdana, Helvetica, Arial;
	font-weight: bold;
	color: rgb(255,0,0);
}

.OptionsHeader {
	color:#38536E; 
	width:100%;
	border-bottom:#38536E 1px dashed;
	padding-top:15px;
	padding-bottom:5px;
	font-weight:bold;
}

.hidden {
	display:none;
}

/* Menu Bar */
/* ======================================== */

.genLinksWhite
{
	font-family:  Verdana, Helvetica, Arial;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}

.genLinksWhite:Hover
{
	font-family:  Verdana, Helvetica, Arial;
	text-decoration: underline;
	font-size: 14px;
	color: #ffffff;
}

/* Login Box */
/* ======================================== */

.login {
	font-size:10px;
	color:#FFFFFF;
		position:relative;
		top:90px;
		left:0px;
		width:210px;
		height:120px;
		background-image:url(/image/ui/loginbackground.png); 
		border:0px;
}

.imgLogin {
	position:absolute;
	top:77px;
	left:165px;
	border-width:0;
}

.txtEmail {
	position:absolute;
	top:47px;
	left:10px;
	width:142px;
	BackColor:#A3A3A1;
	ForeColor:White;
	background-image:url(../image/EmailOn.gif);
	border:#666666 1px solid;
	padding:2px;
}

.txtPassword {
	position:absolute;
	top:75px;
	left:10px;
	width:142px;
	BackColor:#A3A3A1;
	ForeColor:White;
	background-image:url(../image/PasswordOn.gif);
	border:#666666 1px solid;
	padding:2px;
}

#ctl00_lblMsg {
	position:absolute;
		top:30px;
		left:10px;
}

#ctl00_HyperLink12 {
	position:absolute;
	top:100px;
	left:10px;
}

.LoginLink
{
	font-family:  Verdana, Helvetica, Arial;
	font-size: 7pt;
	color: rgb(255, 255, 255);
	text-decoration:underline;
}

.LoginLink:a
{
	font-family:  Verdana, Helvetica, Arial;
	font-size: 7pt;
	color: rgb(255, 255, 255);
	text-decoration: underline;
}

.LoginLink:hover
{
	font-family:  Verdana, Helvetica, Arial;
	font-size: 7pt;
	color: rgb(255, 255, 255);
	text-decoration: underline;
}

/* ADDTIONAL STYLES FOR CROSSFADER */


	/* STYLES FOR CROSSFADER */

	div.cf_wrapper
	{
		width: 900px;
		height: 210px;		
	}
	
	div.cf_element
	{
		width: 900px;
		height: 210px;
		visibility:hidden;
	}
	
	
.HeaderLine1 {font-family:Arial Narrow, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:30px; font-weight:bold; position:relative; top:10px; left:50px; width:auto; height:35px; filter:Shadow(Color=#000000, Direction=135, Strength=3); text-shadow: #000000 5px 5px 5px;}
.HeaderLine2 {font-family:Arial Narrow, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:30px; font-weight:bold; position:relative; top:10px; left:100px;  height:35px; filter:Shadow(Color=#000000, Direction=135, Strength=3); text-shadow: #000000 5px 5px 5px; }
.HeaderLine3 {
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
	position:absolute;
	bottom:25px;
	left:251px;
	height:35px;
	filter:Shadow(Color=#000000, Direction=135, Strength=3);
	text-shadow: #000000 5px 5px 5px;
}

#logoName {
	font-family:Arial Rounded MT Bold, Arial Rounded, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
	position:absolute;
	top:30px;
	left:156px;
	width:auto;
	height:40px;
	filter:Shadow(Color=#000000, Direction=135, Strength=3);
	text-shadow: #000000 5px 5px 5px;
}

/* Dealership Search page =========================================================*/
.DealershipWrapper {
	padding:10px;
	text-align:left;
}

.DealershipImage {
	float:left;
}

.DealershipInfo {
	float:left;
	margin-left:10px;
}

.std table {
}

.std td {
	vertical-align:top;
	border-bottom:#999999 1px solid;
	padding:10px;
}

/* CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */

.navigation
{
	width:600px;
	margin-top:30px;
}

#leftnav 
{
	float:left;
	width:180px;
	text-align:center;
}

#rightnav 
{
	float:right;
	width:180px;
	margin-right:20px;
	text-align:center;
}

#numnav
{
	float:inherit;
	text-align:center;
	
}

/* Research page =========================================================*/
/* this is used for the small orange rank labels */
.rank {
	float: left;
	background: url(http://usnews.rankingsandreviews.com/images/rank-bg-sm.gif) no-repeat 0px 0px;
	width: 21px;
	height: 16px;
	color: white;
	font-size:85%;
	font-weight: bold;
	text-align: center;
	position: relative;
	top: 2px;
	margin-right: 3px;
	padding-top: 1px;
}
.rank span {
	font-size:77%;	
	position: relative;
	top: -2px;
}			

.Hidden {
	visibility:hidden;
}


/* -------------- Form -------------- */
.formContainter { 
	position:relative;
	width:470px;
	height:250px;
	margin-left:10px;
	padding:10px;
	background-image:url(/Search/images/FormBackground.png);
	background-repeat:no-repeat;
}

.formContainter .FormItem {
	float:left;
	padding:8px;
}

.formContainter .FormItem .Item {
	width:60px;
	color:#000000;
	font-weight:bold;
	float:left;
}

.formContainter select {
	width:150px;
}

#CarTrim {
	width:236px;
}

#SubmitContainer {
	position:absolute;
	bottom:26px;
	right:23px;
	margin:5px;
}