/*CENTERING THE SPLASH*/
body #splash{background: #000 url(../images/bgSplash.gif) repeat-y 50% 0;}
#splash div#shiv {margin-top: -650px;	/* Half the height of div#centered. */}
#splash div#centered {width: 1000px;height: 650px;}

/*== All html Pages ==*/
html, body {background-attachment: fixed; height: auto;} 

/*== Overwrites the top level code (above) for the main page, to control bg scrolling/height ==*/
body#main {height: 100%;}

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

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



/* ==================== INTERIOR PAGE CODE ====================*/
/*== padding of interior pages ==*/
td.content, #content {padding:110px 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: 180px;}

/*== Needed for flash drop downs ==*/
#headerswf{position:absolute;  z-index:100;}
#header {position: fixed}

/*== 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;}

/* 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;}

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

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

/* The post main content */
div#post-main {
	margin: 30px 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;}


/* start embedded coupon styles */
.floater {
    position:absolute;
    top: 150px;
    left: 315px;
    width: 632px;
    height: 422px;
    margin: 0 auto;
    border: 1px solid #000;
    background: #CCC;
    vertical-align: middle;
    z-index: 1000;
}

.dim {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #000;
}

#couponDiv {width:630px; height:420px}

/* end embedded coupon styles */




/* ---- Links for everything within the sitemap/moreinformation/footer ---- */
/* The BZ Footer links */
body#splash #tabbar {width: 990px;}
body#splash #tabbar a{color: #000;}
body#splash #tabbar a:link{color:#000;}
body#splash #tabbar a:active{color:#666;}
body#splash #tabbar a:visited{color:#000;}
body#splash #tabbar a:hover{color:#666;}

/* Bz Coppy Right link */
body#splash #bz a{color: #000;}
body#splash #bz a:link{color:#000;}
body#splash #bz a:active {color:#666;}
body#splash #bz a:visited{color:#000;}
body#splash #bz a:hover{color:#666;}

body#splash #bzcopyright a {color: #000;}
body#splash #bzcopyright a:link {color: #000;}
body#splash #bzcopyright a:active {color: #666;}
body#splash #bzcopyright a:visited {color: #000;}
body#splash #bzcopyright a:hover {color: #666;}


/* General links inside the More information secion links section */
body#splash #sitecontent a {color: #000;}
body#splash #sitecontent a:link {color: #000;}
body#splash #sitecontent a:active {color: #666;}
body#splash #sitecontent a:visited {color: #000;}
body#splash #sitecontent a:hover {color: #666;}

/* The Vehicle links in the Sitemap sction, which link to the VI */
body#splash #vi dl dd a {color:#000;}
body#splash #vi dl dd a:link {color:#000;}
body#splash #vi dl dd a:active{color:#666;}
body#splash #vi dl dd a:visited{color:#000;}
body#splash #vi dl dd a:hover {color:#666;}

/* These are the links, in the sitemap, on the right: the main site navigation */
body#splash #sitemap dl dd ul li a {color:#000;}
body#splash #sitemap dl dd ul li a:link {color:#000;}
body#splash #sitemap dl dd ul li a:active{color:#666;}
body#splash #sitemap dl dd ul li a:visited{color:#000;}
body#splash #sitemap dl dd ul li a:hover {color:#666;}


/* ---- The Sitemap content ---- */
/* The main background of the site map */
	body#splash #sitemapinfo{background: none; color: #000;} 
/* The Section Headers */
	body#splash #sitemapinfo h1, body#splash #sitemapinfo h2, body#splash #sitemapinfo h3{color:#666; background: none;} 
/* The Background of the list options */
	body#splash #sitemapinfo dt{background: none; color:#666; border-bottom: 3px solid #666;}
/* The background and color of the list items */
	body#splash #sitemapinfo dl, body#splash #sitemapinfo li, body#splash #sitemapinfo dd{background:none ; color:#666;}

/* ---- The moreInformation content ---- */
/* The main background of the More Information Section */
	body#splash #moreinformation, body#splash #siteinfo{background: none; color: #000;}
/* The Section Headers */	
	body#splash #moreinformation h1, body#splash #moreinformation h2{color:#666; background:none } 
/* The color of the text within Paragrahps */	
	body#splash #moreinformation #siteinfo #sitecontent p {color:#000;} 
/* The inner div which holds the more info */	
	body#splash #moreinformation dt{background:none; color:#666}
/* The color of any list items */	
	body#splash #moreinformation dl, body#splash #moreinformation h3, body#splash #moreinformation ol, body#splash #moreinformation li, body#splash #moreinformation dd {background:none; color:#666}

/*IE 7 EVENTS WINDOW FIX*/
.eventImage {width: 100%; padding: 0 0 10px 0;}