/*colors:

blue: #002664
yellow:

*/

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #001C4E;
	background-image: url(/graphics/bkgd-page.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

h1 { font-family: Arial Black; font-size: 14px; font-style: italic; display: block; padding: .5em 10px; background: #fff; color: #002664; margin: 0; }

.heading-bg
{
    background-image:url(/images/title-bg.png);
    background-repeat:repeat-x;
    padding-top:10px;
    padding-left:15px;
    padding-bottom:10px;
	
	xxxheight: 80px; xxxheight: 60px;
}    
.bkgd-index-content .heading-bg
{
    background:none;
    padding:0 0 10px 0;
	
	height: auto;
}

.body-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

.index-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width:380px;
}

.sub-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.sub-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #001C4E;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #000000;
	font-weight: bold;
}

.fineprint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
}

a {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

a:hover {
	color: #CC6600;
}

.link-main-nav-yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFD200;
}

.link-subnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #001C4E;
}

.tire-selector {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFCC00;
	text-align:center;
}

.bkgd-index {
	background-image: url(/graphics/bkgd-page.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.bkgd-index-content 
{
    background-image: url(/graphics/bkgd-index-content.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	border: 2px solid #001C4E;
	padding: 5px 20px 10px 10px;
}

.bkgd-tire-selector {
	background-image: url(/graphics/bkgd-tire-selector.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

.bkgd-side-nav {
	background-image: url(/graphics/bkgd-side-nav.gif);
	background-repeat: repeat-y;
	background-position: top;
}

.storeLocator { height: 80px; text-align:center; overflow: hidden; }
.storeLocator p { margin: 5px; color: #002664; font-weight: bold; }
.storeLocator span { font-family: "Arial Black"; display: block; font-size: 150%; }

.bkgd-quotations {
	background-image: url(/graphics/bkgd-quotations.gif);
	background-repeat: no-repeat;
}

.bkgd-content-tires {
	background-color: #FFFFFF;
	background-image: url(/graphics/bkgd-content-tires.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border: 2px solid #001C4E;
}

.bkgd-content-wheels {
	background-color: #FFFFFF;
	background-image: url(/graphics/bkgd-content-wheels.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border: 2px solid #001C4E;
}

.bkgd-content-service {
	background-color: #FFFFFF;
	background-image: url(/graphics/bkgd-content-service.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border: 2px solid #001C4E;
}

.bkgd-white {
	background-color: #FFFFFF;
	border: 2px solid #001C4E;
}

.bkgd-blue {
	background-color: #001C4E;
}

.bkgd-yellow {
	background-color: #FFD200;
}

#msg
{
	background: url(/images/overview-hd-bkgd.gif) 0 0 repeat-x;
	border: 2px solid #001C4E;
	padding:5px;
	font-weight:bold;
	margin-bottom: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

.disclaimer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.eagles-promo-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.eagles-promo-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 18px;
}

xxx.left-nav-yellow { position: absolute; top: 0px; left: 0; }

.left-nav-yellow a
{	display: block;
    height:18px;
    background-color:#ffd200;
	background: url(/Images/bkgd-side-nav-over.gif);
    padding:2px 0 0 12px;
	margin-bottom:5px;
}
.left-nav-yellow div.nav01 a { background-position: 0  -80px; } .left-nav-yellow div.nav01 a:hover { background-position: -170px -80px; }
.left-nav-yellow div.nav02 a { background-position: 0 -105px; } .left-nav-yellow div.nav02 a:hover { background-position: -170px -105px; }
.left-nav-yellow div.nav03 a { background-position: 0 -130px; } .left-nav-yellow div.nav03 a:hover { background-position: -170px -130px; }
.left-nav-yellow div.nav04 a { background-position: 0 -154px; } .left-nav-yellow div.nav04 a:hover { background-position: -170px -154px; }
.left-nav-yellow div.nav05 a { background-position: 0 -180px; } .left-nav-yellow div.nav05 a:hover { background-position: -170px -180px; }
.left-nav-yellow div.nav06 a { background-position: 0 -205px; } .left-nav-yellow div.nav06 a:hover { background-position: -170px -205px; }
.left-nav-yellow div.nav07 a { background-position: 0 -230px; } .left-nav-yellow div.nav07 a:hover { background-position: -170px -230px; }
.left-nav-yellow div.nav08 a { background-position: 0 -255px; } .left-nav-yellow div.nav08 a:hover { background-position: -170px -255px; }
.left-nav-yellow div a
{
    color:#002664;
    font-style:italic;   
    font-weight:bold; 
    text-decoration:none;
}
.left-nav-yellow div:hover
{
    background-color:#002664;
}
.left-nav-yellow div:hover a
{
    color:#ffd200;
}
.NEWS_HomePreview { width: 180px; float: right; }
.NEWS_HomePreview a { color: #002664; max-width: 170px; }
.NEWS_HomeTitle { font-size: 16px; font-family:"Arial Black"; }
.NEWS_HomeTitle a { text-decoration: none; }
.NEWS_HomeScroller { height: 370px; margin: 5px 5px 5px 0; overflow-y: scroll; }

.tblMainHome { width: 556px; float: left; }

/*
.promosHome { padding-top: 10px; }
.promosHome * { vertical-align: top; }
.promosHome span { padding-left: 6px; }
.promosHome span:first-child { padding-left: 0; }
*/

td.promosHome { padding-top: 6px; }

#embed-promo-btn { margin: 25px; }
#embed-promo-btn a img { border: 0; }

div.modalPopup img { float: left; }
div.modalPopup a { text-decoration: none; padding: 10px; display: block; overflow: hidden; }

.regist { margin: 20px 0; background-color: #99CCFF; border: 1px solid #002664; padding: 20px; overflow: hidden; }
.regist table { xxxwidth: 400px; float: left; } 
.regist td { padding: 5px; font-size: 14px; font-weight: bold; font-style: italic; }
.regist td:first-child { text-align: right; white-space: nowrap; width: 100px; }
.regist input { width: 200px; }
.regist ul { width: 300px; float: right; margin: 0; padding: 0; }
.regist ul li { height: 225px; list-style-type: none; background: url(/promotions/images/CJ_AutoWEB.jpg); }
.regist ul li:first-child { height: 90px; xxxmargin-bottom: 20px; background: url(/promotions/images/CJ_CarShowWEB.jpg); }

a.mast-home { display: none; background: #000 url(/Images/CJs_BFwebHome-sm.jpg) center no-repeat; position: absolute; width: 556px; height: 271px; top: 0; left: 0; }
.modalPopup { width: 660px; width: 560px; height: 770px; height: 660px; } /* needed for ie7 compset this for each popup */

a.button { display: block; background: #6699CC; border: 1px solid #002664; color: #FFCC00; padding: .5em 1em; text-decoration: none; text-align: center; margin: 0 15px; }
a.button em { color: #fff; }
a.button:hover { background: #002664; }

div.header { background: #fff; padding: 10px 10px 0 10px; overflow: hidden; }
a.logo { float: left; }
div.price-match { float: left; margin-left: 10px; position: relative; color: #002664; }
div.price-match a { display: block; background: url(/Images/header-price-match.jpg); width: 429px; height: 195px; }
div.price-match .more { display: none; position: absolute; background: #ecb906 url(/images/header-price-match-bkg.jpg); padding: 25px 20px; width: 389px; height: 145px; overflow-y: auto; }
div.price-match .more:hover { cursor: pointer; }
div.price-match .more p:first-child { margin-top: 0; }
div.price-match .more p.small { font-size: .8em; }

div.social { float: right; background: url(/Images/header-social.jpg); width: 113px; height: 195px; }
div.social a { display: block; margin-top: 120px; width: 55px; height: 55px; float: left; }

a.banner-top { display: block; float: right; background: url(/Images/cjstire_likeus_banner_113x195.jpg); width: 113px; height: 195px; }

ul.rewards-program { list-style: none; }
ul.rewards-program li { font-size: 1.5em; padding: .25em .5em .25em 30px; background: url(/Images/icon-star.png) no-repeat; }
