@charset "UTF-8";
html{
	height:100%;
}
body {	
	background-color:#b0d249;
	background-image:url(/images/contentbg.png);
	background-position:0 210px;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:62.5%;
	color:#333;
	height:100%;
}
h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, dl, dt, dd, a, object,form {
	border:0;
	padding:0;
	margin:0;
	outline:none
}
a,a:link {
	color:#6e8f0c;
	text-decoration:none
}
a:hover,a:active {
	color:#d4af00;
}
#toyota-of-elcajon {
	position:relative;
	min-height:100%;
}
* html #toyota-certified-of-santee {
	height:100%;
}
#toyota-certified-of-santee #wrapper {
	padding-bottom:77px;
}
#header {
	width:100%; 
	height:202px; 
	background-image:url(/images/headerbg.png); 
	border-bottom:8px solid #FFF;
	position:relative;
	z-index:100
}
#header .center {
	width:1000px; 
	margin:0 auto;
	background-image:url(/images/mainheader.jpg);
	height:200px;
	position:relative
}
#header .center .logo {
	width:340px; 
	height:180px; 
	position:absolute; 
	top:15px; 
	left:15px; 
	display:block
}
#header .center .logo h1 {
	text-indent:-5000px
}
#header .center .phone {
	width:751px; 
	height:33px; 
	background-image:url(/images/header-contact-bar.png); 
	position:absolute; 
	right:0px
}
#header .center .phone h3 {
	color:#FFF;
	padding:6px 0 0 10px;
	font-size:1.4em;
	letter-spacing:3px;
	font-family:Arial, "Trebuchet MS", sans-serif;

}
#header .language {
	position:absolute; 
	right:10px; 
	top:40px
}
#header .language a {
	font-size:1.4em;
	font-weight:bold
}
#header #nav {
	width:850px; 
	height:33px; 
	background-image:url(/images/navbg.png); 
	position:absolute; 
	bottom:4px;  
	right:10px;
}
#content {
	width:100%;
}
#content .center {
	width:1000px; 
	height:430px; 
	margin:0 auto
}
#content .center .pad {
	padding:20px 10px 20px 10px
}
#content .center #specials {
	padding:0 10px 0 10px
}
#content .center #specials .certified {
	width:475px; 
	height:181px; 
	background-image:url(/images/specials-box-bg.png);
	color:#7f7f7f;
	float:left; 
	position:relative
}
#content .center #specials .certified .txt {
	padding:0 0 0 65px; 
	font-size:1.2em
}
#content .center #specials .certified .banner {
	width:74px; 
	height:74px; 
	background-image:url(/images/specials-certified-banner.png);
	behavior: url("iepngfix.htc");
	position:absolute;
	z-index:20;
	top:-2px; 
	left:-2px
}
#content .center #specials .certified .banner a {
	width:74px; 
	height:74px; 
	display:block
}
#content .center #specials .certified h2 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:1.8em;
	margin:10px 0 0 65px
}
#content .center #specials .used {
	width:475px; 
	height:181px; 
	background-image:url(/images/specials-box-bg.png);
	color:#7f7f7f;
	float:right; 
	position:relative
}
#content .center #specials .used .txt {
	padding:0 0 0 65px; 
	font-size:1.2em
}
#content .center #specials .used .banner {
	width:69px; 
	height:69px; 
	background-image:url(/images/specials-used-banner.png);
	behavior: url("iepngfix.htc");
	position:absolute;
	z-index:20;
	top:-3px; 
	left:-2px
}
#content .center #specials .used .banner a {
	width:69px; 
	height:69px; 
	display:block
}
#content .center #specials .used h2 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:1.8em;
	margin:10px 0 0 65px
}
#button {
	width:100%; 
	height:304px; 
	background-image:url(/images/buttonbg.png); 
	border-top:1px solid #FFF
}
#button .center {
	width:1000px; 
	margin:0 auto
}
#button .center ul.btn{
	padding:10px 0 0 0;
	list-style:none
}
#button .center ul.btn a,#button .center ul.btn a:link{
	color:#333;
	text-decoration:none
}
#button .center ul.btn a em{
	text-decoration:underline;
	font-weight:bold
}
#button .center ul.btn li{
	display:inline
}
#button .center ul.btn li.quickfi{
	width:301px; 
	height:176px; 
	background-image:url(/images/btn-quick-financing.png);
	background-repeat:no-repeat;
	float:left;
	display:block;
	cursor:pointer
}
#button .center ul.btn li.quickfi span,#button .center ul.btn li.schedule span {
	padding:40px 8px 8px 8px;
	margin:0px;
	text-indent:70px;
	display:block;
	font-size:1.2em;
	line-height:2.0em;
	height:128px
}

#button .center ul.btn li.certincentives span {
	padding:65px 8px 8px 8px;
	margin:0px;
	text-indent:70px;
	display:block;
	font-size:1.2em;
	line-height:2.0em;
	height:128px
}
#button .center ul.btn li.certincentives{
	width:301px; 
	height:176px; 
	background-image:url(/images/btn-certified-incentives.png);
	background-repeat:no-repeat;
	float:left;
	display:block;
	margin:0 0 0 45px;
	cursor:pointer
}
#button .center ul.btn li.certincentives span a,#button .center ul.btn li.certincentives span a:link,#button .center ul.btn li.schedule span a,#button .center ul.btn li.schedule span a:link{
	text-decoration:underline;
	color:#333;
	font-weight:bold
}
#button .center ul.btn li.certincentives span a:hover,#button .center ul.btn li.schedule span a:hover {
	text-decoration:none;
}
#button .center ul.btn li.schedule{
	width:301px; 
	height:176px; 
	background-image:url(/images/btn-schedule-appointment.png);
	background-repeat:no-repeat;
	float:left;
	display:block;
	margin:0 0 0 45px;
	cursor:pointer
}
#button .center ul.links{
	padding:25px 20px 0 45px;
	position:relative
}
#button .center ul.links li{
	display:inline;
}
#button .center ul.links li.costco{
	width:120px; 
	height:80px
}
#button .center ul.links li.costco a{
	width:120px; 
	height:80px; 
	background-image:url(/images/btn-costco.jpg);
	background-position:0 20px;
	display:inline-block; 
	background-repeat:no-repeat
}
#button .center ul.links li.aaa{
	width:100px; 
	height:80px
}
#button .center ul.links li.aaa a{
	width:100px; 
	height:80px; 
	background-image:url(/images/btn-aaa.jpg);
	background-position:10px 10px;
	display:inline-block; 
	background-repeat:no-repeat
}
#button .center ul.links li.bbb{
	width:100px; 
	height:80px
}
#button .center ul.links li.bbb a{
	width:100px; 
	height:80px; 
	background-image:url(/images/btn-bbb.jpg);
	background-position:10px 10px;
	display:inline-block; 
	background-repeat:no-repeat
}
#button .center ul.links li.signature{
	width:120px; 
	height:80px
}
#button .center ul.links li.signature a{
	width:120px; 
	height:80px; 
	background-image:url(/images/btn-signature.jpg);
	background-position:0 15px;
	display:inline-block; 
	background-repeat:no-repeat
}
#button .center ul.links li.governors{
	width:120px; 
	height:80px
}
#button .center ul.links li.governors a{
	width:120px; 
	height:80px; 
	background-image:url(/images/btn-board-of-governors.jpg);
	background-position:10px 10px;
	display:inline-block; 
	background-repeat:no-repeat
}
#button .center ul.links li.scion{
	width:120px; 
	height:80px
}
#button .center ul.links li.scion a{
	width:120px; 
	height:80px; 
	background-image:url(/images/btn-scion-of-el-cajon.jpg);
	background-position:8px 8px;
	display:inline-block; 
	background-repeat:no-repeat
}
#button .center ul.links li.sids{
	width:120px; 
	height:80px
}
#button .center ul.links li.sids a{
	width:120px; 
	height:80px; 
	background-image:url(/images/btn-sids-auto-body.jpg);
	background-position:2px 15px;
	display:inline-block; 
	background-repeat:no-repeat
}
#button .center ul.links li.presidents{
	width:100px; 
	height:80px
}
#button .center ul.links li.presidents a{
	width:100px; 
	height:80px; 
	background-image:url(/images/btn-presidents-award.jpg);
	background-position:25px 4px;
	display:inline-block; 
	background-repeat:no-repeat
}
#sub-content {
	width:1000px; 
	margin:0 auto;
	position:relative
}
#sub-content .wrapper {
	width:1000px; 
	height:100%; 
	min-height:1200px;
    height:auto !important;
    height:1200px;
	background-color:#FFF; 
	position:relative; 
	margin-top:30px
}
#sub-content .wrapper .pad {
	padding:4px 9px 0 9px
}
#sub-content .top {
	width:1000px; 
	height:9px; 
	background-image:url(/images/sub-page-top.png);
	background-repeat:no-repeat;
	position:absolute; 
	top:-9px
}
#sub-content .wrapper #contact-info {
	width:244px; 
	height:100%; 
	background-image:url(/images/contact-info-bg.png); 
	background-color:#eb9500; 
	background-repeat: repeat-x; 
	margin:10px 0 0 0px; 
	border-left:1px solid #ef8a13; 
	border-right:1px solid #ef8a13; 
	position: absolute; 
	top:-1px
}
#sub-content .wrapper #contact-info .top {
	width:246px; 
	height:10px; 
	background-image:url(/images/contact-info-top.png); 
	position:absolute; 
	top:-10px; 
	left:-1px
}
#sub-content .wrapper #contact-info .pad {
	padding:0 5px 0 5px
}
#sub-content .wrapper #contact-info h1 {
	font-size:1.8em;
	color:#FFF
}
#sub-content .wrapper #contact-info h1.mrg {
	font-size:1.8em;
	margin:25px 0 0 0;
	color:#FFF
}
#sub-content .wrapper #contact-info h2 {
	font-size:1.6em;
	margin:25px 0 0 0;
	color:#FFF
}
#sub-content .wrapper #contact-info h3 {
	font-size:1.3em;
	font-weight:bold;
	color:#FFF
}
#sub-content .wrapper #contact-info h4 {
	font-size:1.4em;
	margin:0 0 5px 0;
	color:#FFF
}
#sub-content .wrapper #contact-info dl {
	font-size:1.2em;
	font-weight:bold;
	color:#FFF
}
#sub-content .wrapper #contact-info dl dt {
	width:50%;
	float:left
}
#sub-content .wrapper #contact-info dl dd {
	width:50%;
	float:right
}
#sub-content .wrapper #form-content {
	width:727px;
	float:right; 
	margin-top:-4px
}
#sub-content .wrapper #form-content p {
	font-size:1.2em;
	margin-bottom:10px
}
#sub-content .wrapper #form-content p span {
	color:#F00
}
#sub-content .wrapper #form-content h1 {
	font-size:2.2em;
	margin:0 0 10px 0;
	color:#7a9642
}
#sub-content .wrapper #form-content h2 {
	font-size:1.6em;
	margin:5px 0 5px 0;
	color:#f3c001
}
#sub-content .wrapper #form-content h3 {
	font-size:1.4em;
	margin:10px 0 10px 0;
	color:#7a9642
}
#sub-content .wrapper #form-content .l {
	width:230px; 
	float:left
}
#sub-content .wrapper #form-content .r {
	float:left
}
#sub-content .wrapper #form-content dl.hours {
	width:250px;
	clear:both;
	margin-bottom:10px
}
#sub-content .wrapper #form-content dl.hours dt {
	float:left;
	width:50%
}
#sub-content .wrapper #form-content dl.hours dd {
	float:right;
	width:50%;
	text-align:right
}
#sub-content .wrapper #form-content dl {
}
#sub-content .wrapper #form-content dl dt {
	margin:0 0 2px 0;
	font-size:1.2em;
	font-weight:bold
}
#sub-content .wrapper #form-content dl dt span {
	color:#F00
}
#sub-content .wrapper #form-content dl dd {
	margin:0 0 6px 0
}
#sub-content .wrapper #form-content dl dd ul {
	list-style:none
}
#sub-content .wrapper #form-content dl dd ul li {
	font-size:1.1em;
	font-weight:bold
}
#sub-content .wrapper #form-content dl dd input,#sub-content .wrapper #form-content dl dd textarea {
	padding:4px;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7a9642;
}
#sub-content .wrapper #form-content ol {
	padding:4px;
	margin:0 0 0 15px
}
#sub-content .wrapper #form-content ol li {
	padding:4px 4px 8px 4px;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
}
#sub-content .wrapper #form-content #staff {
	width:720px;
	margin-bottom:25px
}
#sub-content .wrapper #form-content #staff .member {
	width:360px; 
	padding:10px 0;
	float:left
}
#sub-content .wrapper #form-content .servicestaff .member {
	width:360px;
	height:165px;
	padding:10px 0;
	float:left
}
#sub-content .wrapper #form-content #staff .member img {
	width:150px;
	height:100px;
	padding:5px
}
#sub-content .wrapper #form-content #staff .member ul {
	list-style:none;
	float:right;
	width:180px;
	padding:0 10px 0 0
}
#sub-content .wrapper #form-content #staff .member ul strong {
	font-size:14px;
}
#sub-content .wrapper #form-content #staff .member ul span {
	font-weight:bold
}
#sub-content .wrapper #form-content #staff .member p {
	padding:0 10px 0 5px;
	font-size:1em
	
}
#sub-content .wrapper #form-content #staff .member ul a , #sub-content .wrapper #form-content #staff .member ul a:link {
	font-size:10px
}
#sub-content .wrapper #form-content ul {
	list-style:none;
	padding:0 0 15px 0;
	font-size:1.2em	
}
#sub-content .wrapper #form-content ol {
	padding:10px 0 10px 25px;
	font-size:1.2em
}
#sub-content .wrapper #form-content .TabbedPanelsContentGroup ul {
	padding:10px 0 10px 25px;
	font-size:1.2em
}
#sub-content .wrapper #form-content .TabbedPanelsContentGroup .hybrid {
	width:391px; 
	height:124px; 
	margin:40px auto 0
}
#sub-content .wrapper #lojack {
	background-image:url(/images/lojack_bg.jpg); 
	background-repeat:no-repeat;
	padding: 110px 15px 0 15px;
}
#sub-content .wrapper #lojack h2 {
	font-size:2.2em;
	padding:10px 0
}
#sub-content .wrapper #lojack p {
	font-size:1.2em;
	padding:10px 0
}
#footer {
	position:relative;
	margin-top:-77px;
	width:100%;
	height:77px; 
	background-color:#252525;
	background-image:url(../images/footerbg.png);
	background-repeat:repeat-x;
	font-weight:normal
}
#footer .aflogo {
	position:absolute; 
	top:20px; 
	right:10px
}
#footer .center {
	width:1000px; 
	margin:0 auto
}
#footer .center {
	width:1000px; 
	margin:0 auto;
	color:#FFF;
	text-align:center
}
#footer .center ul {
	padding:15px 0 0 0
}
#footer .center ul li {
	display:inline
}
#footer .center a, #footer .center a:link{
	color:#FFF;
	text-decoration:none
}
#footer .center a:hover{
	color:#CCC;
	text-decoration:underline
}

h1#af_TabbedSpecialsHeading {
	font-size:2.2em;
	margin:0 0 10px 0;
	color:#7a9642	
}

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
	width:973px;
	background-color:transparent;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #fff
}
#slideshow ul {
	margin:0;
	padding:0;
	list-style-type:none;
	height:1% /* IE fix */
}
#slideshow ul:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	height:0
}
#slideshow .slides {
	overflow:hidden;
	position:relative
}
#slideshow .slides ul {
	width:973px
}
#slideshow .slides li {
	width:973px;
	float:left;
	padding:0px
}
#slideshow .slides h2 {
	margin-top:0
}
#slideshow .slides-nav {
	background-color:#fecd08;
	border-top:1px solid #fff;
	margin-top:-4px;
	position:relative;
	z-index:10
}
#slideshow .slides-nav li {
	float:left;
}
#slideshow .slides-nav li a {
	color:#fff;
	display:block;
	padding:5px 20px;
	outline:none;
	border-left:0px solid #fff; 
	border-right:1px solid #fff;
	text-decoration:none;
}
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
	background-color:#a2c838;
}
.js #slideshow .slides-nav li.on a {
	position:relative;
	top:-0px;
}
#specialslide,#usedspecialslide {
	width:470px;
	margin:0 0 0 3px
}
#specialslide ul,#usedspecialslide ul {
	margin:0;
	padding:0;
	list-style-type:none;
	height:1%; /* IE fix */
}
#specialslide ul:after,#usedspecialslide ul:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	height:0
}
#specialslide .slides,#usedspecialslide .slides {
	overflow:hidden
}
#specialslide .slides ul,#usedspecialslide .slides ul {
	width:2919px;
}
#specialslide .slides li,#usedspecialslide .slides li {
	width:445px;
	float:left;
	margin:0 0 0 25px;
	padding:10px 0 0 0;
	background-color: #e7e7e7
}
#specialslide .slides h2,#usedspecialslide .slides h2 {
	margin-top:0
}
#specialslide .slides .image,#usedspecialslide .slides .image {
	float:left; 
	width:150px; 
	height:105px
}
#specialslide .slides .image a,#usedspecialslide .slides .image a {
	display:block
}
#specialslide .slides .details,#usedspecialslide .slides .details {
	float:left; 
	width:285px; 
	height:80px;
	display:block
}
#specialslide .slides .details .carname,#usedspecialslide .slides .details .carname {
	font-size:1.4em;
	font-weight:bold
}
#specialslide .slides .details a,#usedspecialslide .slides .details a {
	color:#333;
	text-decoration:none
}
#specialslide .slides .details a:hover,#usedspecialslide .slides .details a:hover {
	text-decoration:underline
}
#specialslide .slides .details dl,#usedspecialslide .slides .details dl {
	font-size:1.2em
}
#specialslide .slides .details .btn,#usedspecialslide .slides .details .btn {
	margin:5px 0 0 0
}
#specialslide .specialslides-nav,#usedspecialslide .usedspecialslides-nav {
	margin-top:-4px;
	position:absolute;
	right:10px;
	top:150px;
	z-index:10;
}
#specialslide .specialslides-nav li,#usedspecialslide .usedspecialslides-nav li  {
	float:left;
	background-color:#7f7f7f;
	margin:0 3px
}
#specialslide .specialslides-nav li a,#usedspecialslide .usedspecialslides-nav li a {
	color:#fff;
	display:block;
	padding:6px 10px;	
	outline:none;
	text-decoration:none;
	font-weight:bold
}
.js #specialslide .specialslides-nav li.on,
.js #specialslide .specialslides-nav li.on a,.js #usedspecialslide .usedspecialslides-nav li.on,
.js #usedspecialslide .usedspecialslides-nav li.on a {
	background-color:#3b3b3b;
}
.js #specialslide .specialslides-nav li.on a,.js #usedspecialslide .usedspecialslides-nav li.on a {
	position:relative;
	top:-0px;
}

.hd {
	font-size:14px
}

.bd {
	font-size:14px
}

.ft {
	font-size:16px	
}

.ft a {
	font-size:14px	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#slideshow {
	width:973px;
	height:270px;
	background-color:transparent;
	overflow:hidden;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #fff
}
#slideshow .slides {
	overflow: visible
}
#slideshow .slides-nav {
	width:973px;
	height:25px;
	background-color:#fecd08;
	border-top:1px solid #fff;
	position:absolute;
	top:253px;
}
#slideshow .slides-nav li a {
	color:#fff;
	display:block;
	padding:5px 20px;
	height:10px;
	outline:none;
	border-left:0px solid #fff; 
	border-right:1px solid #fff;
	text-decoration:none;
}
#specialslide .slides,#usedspecialslide .slides {
	position:relative;
	width:45em;
	height:110px;
	z-index:1000
}
#specialslide .wrapper,#usedspecialslide .wrapper {
	width:45em;
}
#specialslide .slides li, #usedspecialslide .slides li {
	width:45em;
	height:100px;
	float:left;
	margin:0 0 0 25px;
	padding:10px 0 0 0;
	background-color:transparent;
	position: absolute;
	overflow:visible;
	z-index:5000
}
#specialslide .slides .image,#usedspecialslide .slides .image {
	position:absolute;
	left:0px;
	top:10px;
	width:150px; 
	height:105px
}

#specialslide .slides .details,#usedspecialslide .slides .details {
	position:absolute;
	right:0px;
	top:10px;
	width:290px !important;
	min-width:290px;
	height:80px;
	display: inline
}
#specialslide .slides .details .carname,#usedspecialslide .slides .details .carname {
	font-size:1.2em;
	font-weight:bold;
	width:290px;
}
#specialslide .slides .details dl,#usedspecialslide .slides .details dl {
	position: relative;
}

#special-one,#special-two,#special-three,#special-four,#special-five {
	width:450px;
}
#specialslide .specialslides-nav,#usedspecialslide .usedspecialslides-nav {
	margin-top:-4px;
	position:absolute;
	right:10px;
	top:150px;
	z-index:10000;
}
#sub-content .wrapper #form-content #staff .member ul {
	list-style:none;
	float:right;
	width:185px;
	padding:0 10px 0 0
}

#sub-content .wrapper #form-content #staff .member ul a , #sub-content .wrapper #form-content #staff .member ul a:link {
	font-size:10px
}

}

.seo_style h1 {
	font-size:1.4em;
}

.seo_style h2 {
	font-size:1.3em;
}

.seo_style a:hover {
	color:#6e8f0c;
}

.seo_style a {
	color:#333;
	font-size:1.1em;
}

.seo_style p {
	font-size:1.2em;
}

#mm3_ResultsContainer .mm3_LargeResult .mm3_ResultThumbnail img.mm3_ThumbnailBannerCPO {
	background:none !important;
}

#recall {
	position:absolute;
	top: 118px;
	left: 260px;
}