/* CSS Document */
	
/* -----------------
Vehicle Specials Box Homepage - Horizontal Style
------------------*/
#InvSpecialsBoxWrapper { background: #f7f7f7; border: 1px solid #598079; width: 500px; height: 220px; overflow: hidden; font: normal 11px/13px Trebuchet MS, Arial, sans-serif; color: #000; }
	.InvSpecialBox { background: #f7f7f7;position: relative; margin: 0; padding: 10px; width: 480px; height: 200px; }
	.InvSpecialBox h3 { margin: 0; position: absolute; top: 0; left: 0; display: block; text-indent: -9999px; width: 72px; height: 72px; background: url(../images/theme01/iconSprites.png) no-repeat -480px -453px; }
	.InvSpecialsCar { float: right; border: 5px solid #a1b3b0; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; }
	.InvSpecialDetails { }
		.InvSpecialDetails .InvSpecialPrice { display: block; text-align: center; font-size: 22px; color: #cc0000; line-height: 28px; }
		.InvSpecialDetails .InvSpecialVehicle {  padding: 0; display: block; text-align: center; font-weight: bold; font-size: 16px; line-height: 28px; text-decoration: none; color: #369; }
		span.invSpecialsMPG { display: block; margin: 5px auto auto 0; font-size: 11px; font-weight: normal; text-transform: none; }
			span.invSpecialsMPG span.MPG { width: 19px; height: 24px; display: inline-block; vertical-align: middle; background: url(../images/theme01/iconSprites.png) no-repeat -245px -69px; }
				span.invSpecialsMPG span.MPG img { width: 100%; height: 100%; display: block; }
	ul.InvSpecialsFooter { clear: both; margin: 10px auto 0; width: 479px; padding: 0; list-style: none; }
	ul.InvSpecialsFooter:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		ul.InvSpecialsFooter li { width: 153px; height: 27px; float: left; margin-right: 10px; margin-bottom: 0px; }
		ul.InvSpecialsFooter li.last { margin-right: 0px;}
			ul.InvSpecialsFooter .btnInfo, ul.InvSpecialsFooter .btnQuote, ul.InvSpecialsFooter .btnViewAll, ul.InvSpecialsFooter .btnViewNew, ul.InvSpecialsFooter .btnViewUsed, ul.InvSpecialsFooter .btnViewCertified { text-indent: -9999px; display: block; overflow: hidden; width: 153px; height: 27px; background: url(../images/theme01/iconSprites.png) no-repeat; }
			ul.InvSpecialsFooter .btnInfo { background-position: -276px -479px; }
			ul.InvSpecialsFooter .btnQuote { background-position: -276px -534px; }
			ul.InvSpecialsFooter .btnViewAll { background-position: -276px -589px; }
			ul.InvSpecialsFooter .btnViewNew { background-position: -276px -679px; }
			ul.InvSpecialsFooter .btnViewUsed { background-position: -276px -734px; }
			ul.InvSpecialsFooter .btnViewCertified { background-position: -430px -679px; }
				ul.InvSpecialsFooter .btnInfo a, ul.InvSpecialsFooter .btnQuote a, ul.InvSpecialsFooter .btnViewAll a, ul.InvSpecialsFooter .btnViewNew a, ul.InvSpecialsFooter .btnViewUsed a, ul.InvSpecialsFooter .btnViewCertified a { width: 100%; height: 100%; display: block; }
					ul.InvSpecialsFooter .btnInfo a:hover { background: url(../images/theme01/iconSprites.png) no-repeat -276px -506px; }
					ul.InvSpecialsFooter .btnQuote a:hover { background: url(../images/theme01/iconSprites.png) no-repeat -276px -561px; }
					ul.InvSpecialsFooter .btnViewAll a:hover { background: url(../images/theme01/iconSprites.png) no-repeat -276px -616px; }
					ul.InvSpecialsFooter .btnViewNew a:hover { background: url(../images/theme01/iconSprites.png) no-repeat -276px -706px; }
					ul.InvSpecialsFooter .btnViewUsed a:hover { background: url(../images/theme01/iconSprites.png) no-repeat -276px -761px; }
					ul.InvSpecialsFooter .btnViewCertified a:hover { background: url(../images/theme01/iconSprites.png) no-repeat -430px -706px; }
						
/*------------------
    Pop-up Window
------------------*/
#mask {position:absolute;left:0;top:0;z-index:1000;background-color:#000;display:none;width: 100%; height: 100%;}
/* you can set initial width/height on popupWrap, but it will get recconfigured by the Jquery, based on the size of #popupInner */
#popupBoxes .popupWrap {width: 920px; height: 550px; position:absolute;left:0;top:0;margin: 0;display:none;z-index:1101;padding:20px;}
.popupOuter { position: relative;width: 100%;height: 100%; }
div.popShadow {position: absolute;padding: 0;margin: 0;border: 0;z-index: 1001;}
    div.popShadow-n {top: -20px;left: 0;width: 100%;height: 20px;background: transparent url(../images/theme01/shadow_n.png) repeat-x;}
    div.popShadow-ne {top: -20px;right: -20px;width: 20px;height: 20px;background: transparent url(../images/theme01/shadow_ne.png) no-repeat;}
    div.popShadow-e {top: 0;right: -20px;height: 100%;width: 20px;background: transparent url(../images/theme01/shadow_e.png) repeat-y;}
    div.popShadow-se {bottom: -20px;right: -20px;width: 20px;height: 20px;background: transparent url(../images/theme01/shadow_se.png) no-repeat;}
    div.popShadow-s {bottom: -20px;left: 0;width: 100%;height: 20px;background: transparent url(../images/theme01/shadow_s.png) repeat-x;}
    div.popShadow-sw {bottom: -20px;left: -20px;width: 20px;height: 20px;background: transparent url(../images/theme01/shadow_sw.png) no-repeat;}
    div.popShadow-w {top: 0;left: -20px;height: 100%;width: 20px;background: transparent url(../images/theme01/shadow_w.png) repeat-y;}
    div.popShadow-nw {    top: -20px;    left: -20px;    width: 20px;    height: 20px;    background: transparent url(../images/theme01/shadow_nw.png) no-repeat;}

#popupBoxes .popupInner { overflow: visible; position: absolute; padding: 0;margin: 0;top: 0px; left: 0px;}
    .popupInnerTop { text-align: center; width: 100%; background: #fff; margin: 0; padding: 10px 0;-moz-border-radius-topleft:10px;    -webkit-border-top-left-radius:10px;    border-top-left-radius:10px;    -moz-border-radius-topright:10px;    -webkit-border-top-right-radius:10px;    border-top-right-radius:10px;}
    .popupInnerBottom { text-align: center; width: 100%; background: #fff; margin: 0; padding: 10px 0;-moz-border-radius-bottomleft:10px;	-webkit-border-bottom-left-radius:10px;	border-bottom-left-radius:10px;	-moz-border-radius-bottomright:10px;	-webkit-border-bottom-right-radius:10px;	border-bottom-right-radius:10px; }

span.closePopup { position: absolute; z-index: 1002; top: -20px; right: -20px; text-indent: -9999px; width: 50px; height: 50px; display: block; background: url(../images/theme01/iconSprites.png) no-repeat -498px -399px; }
    a.closePopup { width: 100%; height: 100%; display: block;}