
body
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	vertical-align: top;
	margin-top: 0px;
	background-color: #748490;
}
a:link
{
	color: blue;
	font-size:12px;
	font-family:Arial;
}
a:link:visited
{
	color: blue;
	font-size:12px;
	font-family:Arial;
}
a:visited
{
	color: blue;
	font-size:12px;
	font-family:Arial;
}
.oneColLiqCtrHdr #container
{
	width: 950px; /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColLiqCtrHdr #topheader a
{
	text-decoration: none;
}


.oneColLiqCtrHdr #header h1
{
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.oneColLiqCtrHdr #mainContent
{
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColLiqCtrHdr #footer
{
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #FFFFFF;
}
.oneColLiqCtrHdr #footer p
{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
A.topNav:link
{
	color: White;
	font-size: 10px;
	font-family: Arial;
	word-spacing: 2px;
}
A.topNav:link:visited
{
	color: White;
	font-size: 10px;
	font-family: Arial;
	word-spacing: 2px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#underlinemenu
{
	margin: 0;
	padding: 0;
}
table.menutop
{
	
	float: left;
	color: white;

	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}


a.navcucentral:link
{
	float: left;
	color: white;
	text-align: center;
	width: 150px;
	text-decoration: none;
	background-color: #5a5b5e;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
table.sample
{
	border-collapse: separate;
	background-image: url(/images/design/top2.jpg);
	background-repeat: no-repeat;
}
table.sample th
{
	border-style: inset;
	border-color: gray;
	-moz-border-radius: 1;
}
table.sample td
{
	border-collapse: separate;
	font-size: 10px;
}
table.sample tr
{
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: gray;
	-moz-border-radius: 1;
}

table.main
{
	vertical-align: top;
	margin-top: 0px;
	border: 0px;
	margin-bottom: 0px;
	padding: 0 0 0 0;
}
td.tophead
{
	background-color: #ebeff3;
	padding: 0 0 0 0;
}
td.tophead2
{
	background-color: #ebeff3;
}

img.corner
{
	width: 15px;
	height: 15px;
	border: none;
	display: block !important;
}

SELECT.cars
{
	font-family: Verdana;
	font-size: 9px;
	border: solid 1px #abadb3;
	color: #58575c;
	size: landscape;
	width: 160px;
}
SELECT.carsBuild
{
	font-family: Verdana;
	font-size: 9px;
	color: #58575c;
	size: landscape;
	width: 150px;
	border: solid 1px #abadb3;
}
SELECT.dealerDist
{
	font-family: Verdana;
	font-size: 9px;
	color: #58575c;
	size: landscape;
	width: 100px;
	border: solid 1px #abadb3;
}
SELECT.year
{
	font-family: Verdana;
	font-size: 9px;
	color: #58575c;
	size: landscape;
	width: 60px;
	border: solid 1px #abadb3;
}

Input.form
{
	font-family: Verdana;
	font-size: 9px;
	color: #abadb3;
	size: landscape;
	width: 160px;
	
}



Input.zip
{
	font-family: Verdana;
	font-size: 9px;
	border: solid 1px #abadb3;
	width: 80px;
	color: #abadb3;
}

Input.phone1
{
	font-family: Verdana;
	font-size: 9px;
	border: solid 1px #abadb3;
	width: 20px;
	color: #abadb3;
}

Input.phone2
{
	font-family: Verdana;
	font-size: 9px;
	border: solid 1px #abadb3;
	width: 30px;
	color: #abadb3;
}




Input.prange
{
	font-family: Verdana;
	font-size: 9px;
	border: solid 1px #abadb3;
	width: 50px;
	color: #abadb3;
}

.homecarstitle
{
	font-family: Verdana;
	font-size: 20px;
	border: 1px;
	color: #58575c;
}
.homecarstitlenew
{
	font-family:Verdana;
	font-size: 20px;
	border: 1px;
	color: #f90;
}
.homecarstitleresearch
{
	font-family: Verdana;
	font-size: 20px;
	border: 1px;
	color: #fff;
}

.button
{
	width: 101px;
	background-image: url(/images/add.gif);
	background-position: top;
	background-repeat: no-repeat;
	font: arial;
	font-weight: bold;
	color: White;
}
.button2
{
	width: 101px;
	background-image: url(/images/saved.gif);
	background-position: top;
	background-repeat: no-repeat;
	font: arial;
	font-weight: bold;
	color: White;
}
table.formtable
{
	font-family:Verdana;
	font-size:10px;	
	
}
.headerStyle a:link
{
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
}
.headerStyle a:hover
{
	color: #59585d;
	font-size: 8pt;
	font-weight: bold;
}
table.refinesearch
{
	text-align: left;
}

table.signup
{
}
table.signup SELECT
{
	width: 250px;
	border: solid 1px #abadb3;
	border-color:#7f9db9;
}
table.signup INPUT
{
	width: 245px;
	border: solid 1px #abadb3;
	border-color:#7f9db9;

}
table.signup td
{
	border-width: 0px;
	border-spacing: 0;
	border-style: groove;
	border-color: gray;
	border-collapse: separate;
	font-size: 13px;
}
table.signup th
{
	border-width: 0px;
	border-spacing: 0;
	border-style: groove;
	border-color: gray;
	border-collapse: separate;
	font-size: 15px;
}

table.carlist td
{
	border-width: 0px;
	border-spacing: 0;
	border-style: groove;
	border-color: gray;
	border-collapse: separate;
	font-size: 13px;
}
table.carlist th
{
	border-width: 0px;
	border-spacing: 0;
	border-style: groove;
	border-color: gray;
	border-collapse: separate;
	font-size: 15px;
}
table.carcatselect td
{
	border-width: 0px;
	border-spacing: 0;
	border-style: groove;
	text-align: center;
	padding:0px 15px 0px 0px;
}
table.usedcarshome td
{
	border-width: 0px;
	border-spacing: 0;
	border-style: groove;
	width: 35%;
}
.home_title
{
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
}
.curlycontainerhome
{
	border: 1px solid #b8b8b8;
	margin-bottom: 5px;
	width: 214px;
	padding: 2px 2px 2px 2px;
}
.curlycontainermidhome .innerdivmidhome
{
	position: relative;
	padding-top: 2px;
}
.curlycontainermid
{
	border: 1px solid #f7901e;
	margin-bottom: 5px;
	width: 275px;
}
.curlycontainermidmid .innerdivmidmid
{
	position: relative;
	padding-top: 2px;
}
.curlycontainerhomeright
{
	border: 1px solid #8f8f8f;
	margin-bottom: 5px;
	width: 192px;
}
.curlycontainerhomeright .innerdivmidhomeright
{
	position: relative;
	padding-top: 2px;
}
.normalFont
{
	font-family:Verdana;
	font-size:8px;
}
.normalFont3
{
	color:Gray;
	font-family:Verdana;
	font-size:8px;
}
.normalFont2
{
	font-family:Verdana;
	font-size:10px;
}	
A.carcat:link {text-decoration: none;}
A.carcat:visited {text-decoration: none}
A.carcat:active {text-decoration: none}
A.carcat:hover {text-decoration: none; color:#ff9018;}

.confirm-dialog {	
    BACKGROUND: url(img/dialog24.png) no-repeat left top;	
    MARGIN: 0px auto;	
    WIDTH: 330px;	
    PADDING-TOP: 14px;	
    POSITION: relative;
    z-index:9999;
}

.confirm-dialog .inner {	
    PADDING-RIGHT: 20px;	
    PADDING-LEFT: 20px;	
    PADDING-BOTTOM: 11px;	
    BACKGROUND: url(img/dialog24.png) no-repeat left bottom;	
    FLOAT: left;	
    MARGIN: 0px 0px -20px 0px;	
    WIDTH: 290px;	
    PADDING-TOP: 0px;
    z-index:890;
} 

.confirm-dialog .base {	
    BORDER-TOP: #ddd 1px solid;	
    BACKGROUND: url(img/dialog-base.png) no-repeat left bottom;	
    PADDING-BOTTOM: 4px;	
    MARGIN-LEFT: -11px;	
    MARGIN-RIGHT: -11px;	
    PADDING-TOP: 4px;	
    TEXT-ALIGN: center;
    z-index:99999;
}

.confirm-dialog H2 {	
    FONT-WEIGHT: bold;	
    FONT-SIZE: ?.25em;	
    COLOR: #f60;
    TEXT-ALIGN: center;
    z-index:99999;
} 

.confirm-dialog input {	
    WIDTH:50px;
    z-index:99999;
    border:solid 1px #abadb3;
}     

.close {	
    DISPLAY: block;	
    BACKGROUND: url(img/close24.png) no-repeat 0px 0px;	
    LEFT: -5px;	
    WIDTH: 26px;	
    TEXT-INDENT: -1000em;	
    POSITION: absolute;	
    TOP: -7px;	
    HEIGHT: 26px;	
}   

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
} 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MaskedEdit Related Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.HyperLinkedImage1 img{
width:216px;
height:122px;
}
.HyperLinkedImage2 img{
width:275px;
height:115px;
}
.HyperLinkedImageGreen img{
width:180px;
height:120px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - TWO COLUMN (Xstreamline Solutions)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-two-column
{
	border-style: none none none none;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	width: 600px;
	position: relative;
	font-size: 11px;
}

#content-main-two-column 
{
	
	
	border-color: Silver;
	width:540px;
	float:left;
	}

#content-side-two-column {
	float:right;
	width:160px;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - ONE COLUMN (Xstreamline Solutions)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-one-column
{
	border-style: none none none none;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	width: 918px;
	position: relative;
	font-size: 11px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	SIDE-BY-SIDE COMPARE (Xstreamline Solutions)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#compare-side-by-side-top
{
	width: 100%;
	
}

#compare-side-by-side-bottom
{
	width:100%;
	clear:left;
}

#compare-side-by-side-column-left
{
	width: 235px;
	float: left;
	vertical-align: middle;
}
#compare-side-by-side-column-right
{
	
	width:680px;
	float:right;
}

.CompareGuideHeader
{
	color: #5a5b5e;
	font-family:Verdana;
	font-size: 13px;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #C0C0C0;
	width: 100%;
}

.CompareGuideBody
{
	color: #5a5b5e;
	font-family:Verdana;
	font-size: 11px;
}

.CompareSide-by-Side-Label
{
	background-color: Orange;
	color: White;
	font-size: large;
}

.CompareSide-by-Side-Table
{
	margin: 0px;
}

.Selected-Vehicle-Name-Row
{
	background-color: #f4a838;
	color: #000000;
	}
.Selected-Vehicle-2nd-Row
{
	font-size: 12pt;
	background-color: #ffe29d;
	color: #75787d;
}

.RemoveVehicleButton
{
	background-color: Transparent;
	border-style: none;
	height: 25px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #5a5b5e;
	cursor: pointer;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	AJAX - accordion control (Xstreamline Solutions)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #75787d;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #75787d;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    
}

.accordionLink
{
	color: #FFFFFF;
}

.LabelInstruction
{
	text-align: left;
	font-size: 11px?
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: #fa911e url(media/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 35px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(media/indentbg2.gif) center center repeat-x;
}
table.support Input
{
	border:solid 1px #abadb3;
	
}
table.support
{
	font-family:Verdana;
	font-weight:200;
	padding-top:5px;
	font-size:10px;
	
}
table.support td
{
	
	padding-top:5px;
	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	AJAX - collapsible panel extender

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.collapsePanel {
	width: 650px;
	height:0px;
	background-color:white;
	overflow:hidden;
	float:left;
}

.collapsePanelHeader
{
	width: 650px;
	background-color: #FFFFFF;
	font-weight: bold;
	float: left;
	padding: 5px;
	cursor: pointer;
	vertical-align: middle;
}

.collapseShowDetailsText
{
	color: White;
}

#collapsePanelDiv
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5a5b5e;
	}
 .overlay {
        position: fixed;
        z-index: 99;
        top: 0px;
        left: 0px;
        background-color: #FFFFFF;
        width: 100%;
        height: 100%;
        filter: Alpha(Opacity=70);
        opacity: 0.70;
        -moz-opacity: 0.70;
    }
    * html .overlay {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    }
    .loader {
        z-index: 100;
        position: fixed;
     font-size:15px;
     font-weight:600;
        top: 50%;
        left: 50%;
           width: 300px;
        margin-left: -60px;
        
        text-align:center;
        vertical-align:middle;
       background-color:#FFFFFF;
        
        
    }
    * html .loader {
        position: absolute;
        margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
    }
.orangefontTitle
{
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#f68e2b;
}