* { -webkit-font-smoothing: antialiased; }
@font-face {
    font-family: 'din';
    src: url('../fonts/DIN-Regular.eot');
    src: url('../fonts/DIN-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DIN-Regular.woff') format('woff'),
         url('../fonts/DIN-Regular.ttf') format('truetype'),
         url('../fonts/DIN-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

#sp_01, #sp_02, #sp_03, #sp_04, 
#sp_05, #sp_06, #sp_07, #sp_08, #sp_09, 
#sp_10, #sp_11, #sp_12, 
#sp_profileblur, #sp_profile, #sp_logo
{ display: inline-block; overflow: hidden; position: absolute; }
 
#sp_01, #sp_02, #sp_03, #sp_04, 
#sp_05, #sp_06, #sp_07, #sp_08, #sp_09, 
#sp_10, #sp_11, #sp_12
{width: 268px; height: 89px; left: 16px; top: 85px;  opacity: 0; filter: alpha(opacity=0);}

#sp_01 { background: url('../images/300x250_iM_01.png') no-repeat; left: -300px; top: 85px;  opacity: 1; filter: alpha(opacity=1);}
#sp_02 { background: url('../images/300x250_iM_02.png') no-repeat;}
#sp_03 { background: url('../images/300x250_iM_03.png') no-repeat;}
#sp_04 { background: url('../images/300x250_iM_04.png') no-repeat;}
#sp_05 { background: url('../images/300x250_iM_05.png') no-repeat;}
#sp_06 { background: url('../images/300x250_iM_06.png') no-repeat;}
#sp_07 { background: url('../images/300x250_iM_07.png') no-repeat;}
#sp_08 { background: url('../images/300x250_iM_08.png') no-repeat;}
#sp_09 { background: url('../images/300x250_iM_09.png') no-repeat;}
#sp_10 { background: url('../images/300x250_iM_10.png') no-repeat;}
#sp_11 { background: url('../images/300x250_iM_11.png') no-repeat;}
#sp_12 { background: url('../images/300x250_iM_12.png') no-repeat;}
#sp_profile { background: url('../images/300x250_iM_profile.png') no-repeat; width: 200px; height: 110px; top: 113px; left: 114px; opacity: 0; filter: alpha(opacity=0); moz-transform: scale(.85); -o-transform: scale(.85); -webkit-transform: scale(.85); transform: scale(.85);}
#sp_profileblur { background: url('../images/300x250_iM_profile-blur.png') no-repeat; width: 203px; height: 117px; top: 92px; left: 300px; moz-transform: scale(.85); -o-transform: scale(.85); -webkit-transform: scale(.85); transform: scale(.85);}
#sp_logo { background: url('../images/300x250_iM_logo.png') no-repeat; width: 93px; height: 69px; top: 0; right: 0;  }


.sp_swatches
{ display: inline-block; background: url('../images/300x250_iM_sprite_swatches.png') no-repeat; overflow: hidden; position: absolute; width: 20px; height: 21px; top: 178px;}
#sw1, #sw2, #sw3, #sw4, #sw5, #sw6, #sw7 {-moz-transform: scale(.8); -o-transform: scale(.8); -webkit-transform: scale(.8); transform: scale(.8); opacity: 0; filter: alpha(opacity=0); z-index:500;}
#sw1 { background-position: 0 0; left: 84px;}
#sw2 { background-position: 0 -24px; left: 106px;}
#sw3 { background-position: 0 -48px; left: 128px;}
#sw4 { background-position: 0 -72px; left: 150px;}
#sw5 { background-position: 0 -96px; left: 172px;}
#sw6 { background-position: 0 -120px; left: 194px;}
#sw7 { background-position: 0 -144px; left: 216px;}

#wheelProfile { display: inline-block; background: url('../images/300x250_iM_wheel.png') no-repeat; overflow: hidden; position: absolute; width: 30px; height: 30px; top: 134px; left: -116px; z-index: 600;}
#wheelRear { display: inline-block; background: url('../images/300x250_iM_wheel.png') no-repeat; overflow: hidden; position: absolute; width: 30px; height: 30px; top: 134px; left: -264px; z-index: 600; }

body{ margin: 0px; padding: 0px; font-family: 'din', sans-serif; font-size: 10px;}
#container { background-color: #e9e9e9; width: 300px; height: 250px; position: relative; display: inline-block; overflow: hidden; }
#border { display: inline-block; border: 1px solid #fff; height: 248px; left: 0; overflow: hidden; position: absolute; top: 0; width: 298px;}
#legalPanel{ width: 300px; height: 200px; background:rgba(0,0,0,0.9); position: absolute;	overflow: auto;	top: 251px; left: 0px; z-index: 1999; }
#legalPanel p{ color: white; padding: 10px; font-size: 9px; font-family: Verdana, sans-serif; }
#x { width: 50px; height: 50px;  color: #FFF; position: absolute; top: 51px; left: 3px; font-size: 12px; font-family: Verdana, sans-serif; font-weight: bold; display: none; z-index: 2000; }
#carName { font-size: 24px; font-weight: bold; letter-spacing: .02em; color: #0097d6; position: absolute; width: auto; left: -200px; top: -6px; }
#feature1copy, #feature2copy, #feature3copy { font-size: 21px; font-weight: bold; color: #0097d6; left: -300px; line-height: 1em; position: absolute; top: 70px; width: 300px;}
#endSubheadline { font-size: 17px; line-height: 1em; color: #000; position: absolute; top: 30px; left: 15px; opacity: 0; filter: alpha(opacity=0);}
#price { font-size: 16px; color: #000; position: absolute; text-align: center; width: 300px; top: 184px; left: 0px; opacity: 0; filter: alpha(opacity=0);}
#legalLinkText { font-size: 8px; color: #000000; text-decoration: underline; position: absolute; left: 8px; bottom: 0; opacity: 0; filter: alpha(opacity=0);}
#legalBtn { width: 100px; height: 17px; position: absolute; left: 3px; top: 232px; z-index: 500; }
#cta:hover { background:#1463b2; }
#cta { 
	z-index: 2;
    background: none repeat scroll 0 0 #1C87F4;
    border-radius: 5px;
    font-size: 13px;
    font-weight: bold;
    right: 15px;
    padding: 1px 1px 1px 9px;
    top: 226px;
	color: #ffffff;
	letter-spacing: .04em;
	text-align: center;
	position: absolute;
	width: auto;
	opacity: 0; filter: alpha(opacity=0); }
#cta:after {content: url('../images/300x250_iM_arrow.png'); padding-left: 6px; padding-right: 6px; margin-top: -1px;}