/* -----------------------------------------------------------------------*/
/*  --------------------   Splash css styles ------------------------- */
/* -----------------------------------------------------------------------*/
html, body {background: #FFF; height: auto;} 

/*== Portal level: main.css ==*/
body#splash {background: #666; background-image: none; height: 100%;}


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

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

/*** This one colors just the MAIN page's footer links**/
body#splash #tab {padding-left: 20px;}
body#splash #bz {padding-right: 20px;} 

body#splash #tabbar a{color: #FFF;}
body#splash #tabbar a:link{color: #FFF;}
body#splash #tabbar a:active{color: #333;}
body#splash #tabbar a:visited{color: #FFF;}
body#splash #tabbar a:hover{color: #333;}

body#splash #bz a{color: #FFF;}
body#splash #bz a:link{color: #FFF;}
body#splash #bz a:active {color: #333;}
body#splash #bz a:visited{color: #FFF;}
body#splash #bz a:hover{color: #333;}

body#splash #bzcopyright a {color: #FFF; }
body#splash #bzcopyright a:link {color: #FFF; }
body#splash #bzcopyright a:active {color: #333; }
body#splash #bzcopyright a:visited {color: #FFF; }
body#splash #bzcopyright a:hover {color: #333; }

body#splash #sitecontent a {color: #FFF; }
body#splash #sitecontent a:link {color: #FFF; }
body#splash #sitecontent a:active {color: #333; }
body#splash #sitecontent a:visited {color: #FFF; }
body#splash #sitecontent a:hover {color: #333; }

body#splash #sitemapinfo{background: #333; color: #FFF;}
body#splash #siteinfo body#splash #sitecontent p {color: #FFF;}
body#splash #sitemapinfo h1, body#splash #sitemapinfo h2, body#splash #sitemapinfo h3{color: #FFF; background: #333} 
body#splash #sitemapinfo dt{background: #FFF; color: #333;}
body#splash #sitemapinfo dl, body#splash #sitemapinfo li, body#splash #sitemapinfo dd{background: #333; color: #FFF}

body#splash #moreinformation, body#splash #siteinfo{background: #333; color: #FFF;}
body#splash #moreinformation h1, body#splash #moreinformation h2{color: #333; background: #FFF} 
body#splash #moreinformation p{color: #FFF;} 
body#splash #moreinformation dt{background: #FFF; color: #333}
body#splash #moreinformation dl, body#splash #moreinformation h3, body#splash #moreinformation ol, body#splash #moreinformation li, body#splash #moreinformation dd {background: #333; color: #FFF}

body#splash #vi dl dd a {color: #FFF;}
body#splash #vi dl dd a:link {color: #FFF;}
body#splash #vi dl dd a:active{color: #333;}
body#splash #vi dl dd a:visited{color: #FFF;}
body#splash #vi dl dd a:hover {color: #333;}

body#splash #sitemap dl dd ul li a {color: #FFF;}
body#splash #sitemap dl dd ul li a:link {color: #FFF;}
body#splash #sitemap dl dd ul li a:active{color: #333;}
body#splash #sitemap dl dd ul li a:visited{color: #FFF;}
body#splash #sitemap dl dd ul li a:hover {color: #333;}

/* -----------------------------------------------------------------------*/
/*  --------------------   Portal css styles ------------------------- */
/* -----------------------------------------------------------------------*/
/*== All html Pages ==*/
html, body {background: #FFF url(../images/bg.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-attachment: scroll; height: 100%;}



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

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



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

/*== Needed for flash drop downs ==*/
#headerswf{position:absolute;  z-index:100;}
#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;}

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


/*==Inventory pricing mods==*/
.expanded-view h1{color:#000000; font-size: 14px; margin: 10px 0; width:50%; border-bottom:1px solid #CCC; float:left}
.expanded-view h1 a{color:#000000; font-size: 14px;}

.expanded-view .highlight{color:#ff0000; font-size:24px; line-height:24px; font-weight:bold;}
.inv-sPrice{color:#ff0000;}
.expanded-view .price{color:#000000; font-weight:bold; vertical-align:bottom}
.inv-price,
.inv-msrp,
.inv-strike,
.inv-invoicePrice{color:#000000; font-weight:bold;}