@import url(/styles/inventory.css);
@import url(/styles/dmi-slideshow.css);

/*== Overwrites the top level code (above) for the main page, to control bg scrolling/height ==*/
body#splash {background: #000 url(/images/splashBg.jpg) repeat-x; background-attachment: scroll; height: 100%;}

/*== positioning To the top ==*/
body#splash div#shiv {margin-top: -700px;}
/*== Positioning to the center ==*/
body#splash div#centered {
	margin: 0 auto;
	width: 1000px;
	height: 700px;
}
body#splash #tabbar {width: 990px; margin-top: 25px;}


/*== All html Pages ==*/
html, body {background:#000 url(/images/headerBg.jpg) repeat-x; background-attachment: scroll; height: auto;} 

/*== Overwrites the top level code (above) for the main page, to control bg scrolling/height ==*/
body#main {background: #000 url(/images/mainBg.jpg) repeat-x; background-attachment: scroll; height: 100%;}


/*== positioning To the top ==*/
div#shiv {margin-top: -950px;	/* Half the height of div#centered. */}

/*== Positioning to the center ==*/
div#centered {
	margin: 0 auto;
	width: 1000px;
	height: 950px;
}


/* ==================== INTERIOR PAGE CODE ====================*/
/*== padding of interior pages ==*/
td.content, #content {padding:100px 0 0 0; margin: 0; width: 1000px;} 

/*== Gets rid of the border around the content ==*/
.container{background: #FFF; border: none; margin: 0 auto; width: 1000px;}

/*== The size of your header, and then what ever extra padding you need ==*/
.frame-content{padding-top: 80px;}

/*== Needed for flash drop downs ==*/
#headerswf{position:absolute;  z-index:100;}
#header {position: absolute;}
/* == Use this to have the header scroll == */
/*#header {position: absolute;}*/

/*== Keeps framed in flash files at 1000px, so as not to be cut off by the default 600px value ==*/
#f2{width: 1000px;}

/*== Centers the logos for the VTD Selection page ==*/
.make-list {text-align: center; padding-top: 150px;}

/* If the dealer puts a huge image into the events page, this hides the extra, so it doesn't break the width of the site */
.eventImage {width: auto; overflow: hidden;}

/* Disclaimers on forms and other pre-pended content */
#disclaimer {width: 720px; height: 75px; margin: 0 0 -100px 135px; padding: 0;}
#newInventoryPrepend{width: 720px; height: auto; margin: 0 0 -130px 135px; padding: 0; font-weight: bold; color: #F00;}

/* Pre-pended content On the interior pages */
div#prepended-content {margin: 95px 0 105px 0 !important;}

/* Pre-pended content On the Main page */
div#global-prepend {margin: 0 0 0 0 !important;}

/* The post main content */
div#post-main {
	margin: 0 0 0 0;
}

/* =================== CUSTOM COLORS =============== */
/* Colors tips page, background is the color of the stripe*/
dt{background: #CCC; color: #333;}
dt a:link {color:#999;}
dt a:hover {color:#666;}
dt a:visited {color:#999;}

#refinance {margin: 150px 0 -110px 0}
#refinance h4 {padding: 20px 0 0 20px}
#refinance p {padding: 0 0 0 20px; width: 550px}
#refinance img {margin: -60px 80px 0 0}

/*===add CarProof on details===*/
#inv-next-steps li#ns-car-proof a { font-size:0%; }
#inv-next-steps li#ns-car-proof a { background: url(/images/carproof.jpg) no-repeat left center; border:0; display:block; height:69px; line-height:320%; padding:0; text-align:center; width:185px;}
#inv-next-steps li#ns-car-proof a:hover { background: url(/images/carproof.jpg) no-repeat left center; border:0; display:block; height:69px; line-height:320%; padding:0; text-align:center; width:185px;}


/* Custom Carproof details page image */
div#inv-content ul#inv-next-steps li#ns-carproof a {background: url(/images/carproof-fr.jpg) 0 0 no-repeat; width: 185px; height: 69px; font-size: 0;}