/* Scion.com Style Guide */

/* Styles for guide layout */
body  
{
	margin: 0px;
	font-family: "Helvetica Neue";
	background-color: #e7e7e7;
}
#hoverContent{
	display: none;
	position: absolute;
	width: 200px;
	height: 200px;
	color: #333333;
	padding: 5px;
	top: 50px;
	left: 50px;
	background-color: #e7e7e7;
	-webkit-box-shadow: 0px 5px 20px 5px #000000;
	-moz-box-shadow: 0px 5px 20px 5px #000000;
	box-shadow: 0px 5px 20px 5px #000000;
	z-index: 1000;
}

#titleBlock
{
	margin-top: 10px;
	margin-bottom: 20px;
}

#guideFooter
{
	display: block;
	height: 800px;

	position: relative;
}

.title
{
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.sectionTitle
{
	font-size: 18px;
	margin-top: 20px;
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.sectionSubtitle
{
	font-size: 14px;
	margin-top: 0px;
	border-bottom: 1px dotted #999999;
	padding-bottom: 5px;
	clear: both;
}

.sectionSpectitle
{
	font-size: 12px;
	color: #999999;
	margin-top: 20px;
	margin-bottom: 10px;
}

.chip
{
	display: block;
	height: 90px;
	float: left;
	margin-right: 15px;
	padding-top: 10px;
	padding-left: 10px;
	width: 90px;
	color: #ffffff;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

#contentWrap
{
	width: 960px;
	margin: 0px auto;
	padding-top: 20px;
	overflow: auto;
}

.section
{
	width: 960px;
	float: left;
}

.usageEX
{
	padding-right: 130px;
}

.singleColUsageEX
{
	width: 260px;
	float: left;
}

.version
{
	margin-top: 0px;
	margin-bottom: 0px;
}

#notesCol
{
	width: 120px;
	float: right;
}

.attikNotes
{
	font-size: 11px;
	line-height: 14px;
}

.attikNotesHead
{
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #000;
}

/* Base Palette */

.warmgray1
{
	width: 88px;
	height: 88px;
	background-color: #e7e7e7;
	border: 1px solid #000000;
	color: #000000;
}

.warmgray2
{
	background-color: #d6d6d6;
}

.warmgray3
{
	background-color: #909090;
}

.coolgray1
{
	background-color: #717174;
}

.coolgray2
{
	background-color: #616366;
}

.coolgray3
{
	background-color: #515051;
}

.hexgray333
{
	background-color: #333333;
}

.purple1
{
	background-color: #542583;
}

.iq
{
	background-color: #f26300;
}

.tc
{
	background-color: #1c97c3;
}

.xb
{
	background-color: #9FA617;
}

.xd
{
	background-color: #9b0133;	
}

.frs
{
	background-color: #d31245;
}

/* Typography */

h1.headline1{
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-size: 48px;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #515051;
	line-height: 48px;
}

h2.headline2{
	font-family: 'DINWebLight','Helvetica Neue', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #717174;
	line-height: 30px;
}

h3.headline3
{
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #717174;
	line-height: 24px;
}

h4.subhead1
{
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #717174;
	line-height: 18px;
}

h5.subhead2
{
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #717174;
	line-height: 12px;
}

p.subheadCopy
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 25px;
	color: #717174;
}

p{
	color: #717174;	
}

p.bodyCopy{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size: 12px;
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 20px;
}

a.bodyCTA 
{
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	color: #717174;
}

a:hover.bodyCTA 
{
	color: #542583
}

/* style guide Marco Nav - Top Bar */

#sGMNavContainer{
	position: fixed;
	display: block;
	width: 100%;
	height: 25px;
	background-color: #909090;
	z-index: 9000;
}
#sGMNavContent{
	position: relative;
	width: 960px;
	height: 25px;
	margin: 0px auto;
}
.sGMNavButton{
	position: relative;
	width: auto;
	height: 25px;
	float: left;
	color: #FFFFFF;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #333333;
}
.sGMNavButton h4{
	margin: 0px;
	margin-top: 2px;
	padding: 0px;
}
.sGMNavButton:hover{
	background-color: #542583;
}
.sGMNavMenu{
	position: absolute;
	display: none;
	width: 193px;
	height: auto;
	top: 25px;
	color: #FFFFFF;
	line-height: 25px;
	margin-left: -5px;
	background-color: #333333;
	border: 1px solid #A8A8A8;
	border-top: none;
}
.sGMNavMenu ul{
	width: 100%;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	overflow: visible;
}
.sGMNavMenu ul a{
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 5px;
}
.sGMNavMenu ul a li{
	width: 100%;
	height: 25px;
	float: left;
	clear: both;
	line-height: 25px;
	overflow: hidden;
	border-top: 1px solid #A8A8A8;
	padding: 0px;
	margin: 0px;
}
.sGMNavMenu ul a li:hover{
	background-color: #542583;
}
#sGMNavSearch{
	float: right;
}
#sGMNavInput{
	width: 180px;
	height: 18px;
	color: #777777;
	outline: none;
	padding-top: 0px;
	padding-left: 10px;
	margin-top: 2.5px;
	border: none;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

/* Left Nav - Macro */

.lineHeightSpacing{
	line-height: 22px;
}
#leftNav{
	position: relative;
	width: 150px;
	height: 300px;
	float: left;
	margin-bottom: 20px;
	overflow: visible;
	background-color: #777777;
	z-index:110;
}
#leftnavContent{
	width: auto;
	height: 300px;
	background-color: #666;
}
#mastHeadLogo{
	width: 150px;
	height: 90px;
}
.leftNavFill{
	position: absolute;
	width: 0px;
	height: inherit;
	background-color: #542583;
	z-index: 10;
}
.leftNavList{
	overflow: hidden;
}
.leftNavList>div{
	width: 100%;
	height: 29px;
	float: left;
	line-height: 2.8em;
	border-top: 1px solid #a8a8a8;
}
.leftNavList h2{
	position: absolute;
	float: left;
	height: 1em;
	line-height: 2.6em;
	padding-left: 10px;
	z-index: 100;
	margin: 0px;
}
.leftNavList h3{
	position: absolute;
	float: left;
	line-height: 2.6em;
	padding-left: 20px;
	z-index: 100;
	margin: 0px;
	height: 1em;
}
.flyoutContainer{
	display: none;
	position: absolute;
	top: 90px;
	left: 150px;
	width: 465px;
	height: 210px;
	z-index: 5000;
}
.flyoutContainer>img{
	display: none;
	position: absolute;
	border: 1px solid black;
}
#leftNavCars>div{
	background-color: #909090;
}
.leftNavCarNames{
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	color: #FFF;
}
.leftNavCarNames h2{
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
}
.leftNavCarNames h3{
	font-size: 13px;
	font-weight: normal;
}
#leftNavAid>div{
	background-color: #717174;
}
#leftNavExtras>div{
	background-color: #515051;
}
div.leftNavEasyToBuy{
	height: 40px;
	line-height: 3.5em;
}
.leftnavLastElement{
	border-bottom: 1px solid #a8a8a8;
}
#leftnaveBreakdown{
	width: 300px;
	float: right;
	margin-left: 20px;
}

/* Top Nav - Macro */

#topNavBreakDown{
	float: right;
}
#topNavMacroCont{
	width: 680px;
	height: 200px;
	float: left;
}
#topNav{
	position: absolute;
	width: 640px;
	height: 25px;
	z-index: 100;
}
.topNavButtons{
	height: 25px;
	float: left;
	margin-right: 5px;
}
.topNavButtons h5{
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 29px;
	text-align: center;
}
.uncenterText h5{
	text-align: left;
	margin-left: 10px;
}
#topNavBuild{
	width: 130px;
	background-color: #007c85;
}
#topNavBuild:hover{
	background-position: 0px 0px;
}
.findDealerArrow{
	display: block;
	float: right;
	margin-top: -18px;
	margin-right: 5px;
	width: 10px;
	height: 20px;
	background-image: url('../assets/00_scion.com_globalSpriteSheet.png');
	background-position: -275px -135px;
}
#topNavFind{
	width: 130px;
	height: 25px;
	background-color: #007c85;
	margin-right: 5px;
}
#findDealerMenu{
	display: none;
	position: absolute;
	top: 30px;
	left: 135px;
}
#findDealerMenu input{
	position: absolute;
	width: 115px;
	height: 35px;
	font-size: 14px;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	color: #666666;
	outline: none;
	padding-left: 10px;
	border: 2px solid #666666;
}
#findDealerAdv{
	position: absolute;
	width: 130px;
	height: 20px;
	top: 40px;
	background-color: #666666;
}
#findDealerAdv a{
	position: absolute;
	margin-left: 10px;
	top: 5px;
	color: #FFF;
	font-size: 10px;
	line-height: 10px;
	text-decoration: none;
}
#topNavLogin{
	width: 55px;
	background-image: url('../assets/utilSprite.png');
	background-position: -265px 0px;
}
#topNavLogin:hover{
	background-position: -265px -100px;
}
#topNavShare{
	width: 65px;
	height: 25px;
	background-image: url('../assets/utilSprite.png');
	background-position: -325px 0px;
}
#topNavShare:hover{
	background-position: -325px -100px;
}
#topNavLiveChat{
	width: 95px;
	background-image: url('../assets/utilSprite.png');
	background-position: -395px 0px;
}
#topNavLiveChat:hover{
	background-position: -395px -100px;
}
#topnavSearch{
	width: 130px;
	background-image: url('../assets/utilSprite.png');
	background-position: -495px 0px;
}
#topNavSearchInput{
	display: none;
	position: absolute;
	width: 225px;
	height: 35px;
	top: 30px;
	left: 400px;
}
#topNavSearchInput input{
	position: absolute;
	width: 215px;
	height: 35px;
	font-size: 14px;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	color: #666666;
	padding-left: 10px;
	outline: none;
	border: 2px solid #666666;
}
#zipSpyGlass{
	position: absolute;
	width: 37px;
	height: 37px;
	top: 2px;
	left: 91px;
	overflow: hidden;
	z-index: 200;
}
#zipSpyGlass:hover{
	background-color: #542583;
}
#zipSpyGlass:hover>.searchSpyGlass{
	background: transparent url('../assets/00_scion.com_globalSpriteSheet.png') -337px -113px no-repeat;
}
.searchSpyGlass{
	position: absolute;
	width: 20px;
	height: 20px;
	top: 7px;
	left: 8px;
	background: transparent url('../assets/00_scion.com_globalSpriteSheet.png') -317px -113px no-repeat;
	z-index: 250;
}
#searchBoxSpyGlass{
	position: absolute;
	width: 37px;
	height: 37px;
	top: 2px;
	left: 191px;
	overflow: hidden;
	z-index: 200;
}
#searchBoxSpyGlass:hover{
	background-color: #542583;
}
.searchSpyGlassRight{
	top: 7px;
	left: 8px;
	overflow: hidden;
}
#searchBoxSpyGlass:hover>.searchSpyGlass{
	background: transparent url('../assets/00_scion.com_globalSpriteSheet.png') -337px -113px no-repeat;
}
#shareMenu{
	display: none;
	position: absolute;
	top: 25px;
	left: 270px;
	width: 125px;
	height: 160px;
	overflow: hidden;
}
.shareMenuitem{
	width: 155px;
	height: 40px;
	background-image: url('../assets/hpSprites.png');
}
#shareMenuEmail{
	height: 45px;
	background-position: -222px -65px;
}
#shareMenuEmail:hover{
	background-position: -62px -65px;
}
#shareMenuFacebook{
	background-position: -222px -110px;
}
#shareMenuFacebook:hover{
	background-position: -62px -110px;
}
#shareMenuTwitter{
	background-position: -222px -150px;
}
#shareMenuTwitter:hover{
	background-position: -62px -150px;
}
#shareMenuGooglePlus{
	background-position: -222px -190px;
}
#shareMenuGooglePlus:hover{
	background-position: -62px -190px;
}
#breadCrumbs{
	z-index: 60;
	color: #FFF;
	font-family: 'DINWebLight','Helvetica Neue', sans-serif;
	float: left;
}
#breadCrumbs td{
	text-align: bottom;
}
#breadCrumbs table tbody tr td h1{
	min-width: 100px;
	font-weight: lighter;
	color: #717174;
	margin: 0px;
}
#breadCrumbs table tbody tr td h2{
	color: #717174;
	font-weight: lighter;
	margin: 0px;
	margin-top: 5px;
}
#breadCrumbs img{
	margin: 6px 15px 0;
}

/* Gallery Carousel */

#carouselContainerSpacer{
	position: relative;
	float: left;
	width: 830px;
	height: 140px;
}
#carousel{
	position: absolute;
	width: 780px;
	height: 130px;
	margin: 0px auto;
	overflow: hidden;
}
#carouselTopNav{
	position: relative;
	width: 780px;
	height: 25px;
	margin-bottom: 5px;
	background-color: none;
}
#carouselTopNav>div>h2{
	color: #FFF;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 25px;
	line-height: 28px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.carouselTopNavDivheight{
	height: 25px;
	background-color: #666;
	text-align: center;
	line-height: 2.4em;
}
#carouselTopNavPhotos{
	position: absolute;
	width: 70px;
	left: 0px;
	background-color: #666;
}
#carouselTopNavPhotos:hover{
	background-color: #0099cc;
}
#carouselTopNavVideo{
	position: absolute;
	width: 70px;
	left: 75px;
	margin-right: 5px;
	background-color: #666;
}
#carouselTopNavVideo:hover{
	background-color: #0099cc;
}
#carouselTopNavSpacer{
	position: absolute;
	width: 560px;
	left: 150px;
	background-color: #666;
}
#carouselTopNavItems{
	position: absolute;
	width: 65px;
	left: 715px;
	background-color: #666;
}
#carouselContent{
	position: absolute;
	width: 740px;
	height: 100px;
	left: 25px;
	overflow: hidden;
}
.carouselImg{
	position: absolute;
	width: 140px;
	height: 100px;
	overflow: hidden;
	z-index: 50;
}
.carouselImg p{
	color: #333;
	position: absolute;
}
.carouselImg>img{
	height: 98px;
	width: 138px;
	position: absolute;
	border: 1px solid #999999;
}
.rollOverBorder{
	position: absolute;
	display: none;
	width: 134px;
	height: 94px;
	border: 3px solid #0099cc;
}
.carouselMove{
	position: absolute;
	width: 25px;
	height: 100px;
	background-color: #616366;
	z-index: 60;
}
.carouselMove:hover{
	background-color: #0099cc;
}
#carouselMoveSpacer{
	position: relative;
	width: 25px;
	height: 100px;
	float: left;
}
.rotateLeft{
	left: 0px;
}
#rotateLeftArrow{
	width: 10px;
	height: 20px;
	margin-top: 40px;
	margin-left: 7.5px;
	background-image: url('../assets/00_scion.com_globalSpriteSheet.png');
	background-position: -195px -45px;
}
.rotateRight{
	left: 755px;
}
#rotateRightArrow{
	width: 10px;
	height: 20px;
	margin-top: 40px;
	margin-left: 7.5px;
	background-image: url('../assets/00_scion.com_globalSpriteSheet.png');
	background-position: -215px -45px;
}

/* CTA Demo */

#ctaDemo{
	width: 500px;
	height: auto;
	float: left;
	margin-bottom: 20px;
	color: #FFFFFF;
}
.msrPrice{
	width: 200px;
	float: left;
	overflow: hidden;
}
.msrPrice .headline2{
	width: 130px;
	float: left;
}
.msrp{
	width: 55px;
	float: left;
	font-size: 12px;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	line-height: 13px;
	margin-top: 1px;
	color: #717174;
}
h5.mpgEstimate{
	margin-top: 7px;
	margin-bottom: 0px;
}
h5.ctaSubheadMid{
	margin-top: 10px;
}
h5.ctaSubheadBottom{
	margin-bottom: 10px;
}
#ctaButtonContainer{
	float: left;
	clear: both;
	width: 165px;
	height: 295px;
}
#purePriceBarcode{
	position: relative;
	width: 165px;
	height: 45px;
	overflow: none;
	background-image: url('../assets/ctaStack.png');
}
h5.ctaSubhead{
	float: left;
	clear: both;
}
button.ctaButton{
	width: 165px;
	height: 25px;
	float: left;
	clear: both;
	background-color: #666666;
	color: #FFF;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 24px;
	padding-left: 10px;
	border: none;
	margin-top: 5px;
}
img.ctaDemoImg{
	width: 225px;
	height: 95px;
	float: left;
	clear: both;
	margin-top: 5px;
}
button.ctaButtonLast{
}
button.ctaButton:hover{
	background-color: #542583;
	cursor: pointer;
}
#ctaDemoBreakdown{
	float: right;
	width: 300px;
}
.ctaAdditionalComments{
	float: right;
	margin-right: 20px;	
	width: 150px;
}
.ctaAdditionalComments h5{
	margin: 0px;
	margin-bottom: 10px;
}
.ctaAdditionalComments p{
	font-size: 11px;
	margin: 0px;
	margin-bottom: 10px;
}
/* CTA rules and Violations */

#CTARules{
	margin-bottom: 20px;
}
.CTARV{
	width: 400px;
	text-align: left;
	margin-right: 40px;
}
.CTARV h3{
	margin: 0px;
	margin-bottom: 10px;
}
.CTARV h4{
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.CTARV h5{
	margin: 0px;
}
.CTARV p{
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#ctaRules{
	float: left;
}
#ctaViolations{
	float: left;
}
button.demoScionButton{
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
	background-color: #666666;
	border: none;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
button.demoScionButton:hover{
	cursor: pointer;
	background-color: #542583;
}
button#contactDealerSubmitDemo{
	width: 120px;
	height: 25px;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-size: 12px;
	text-align: left;
	text-indent: 5px;
	line-height: 25px;
	background-color: #542583;
	border: none;
	color: white;
}
button#contactDealerSubmitDemo:hover{
	background-color: #666666;
}
#ctaViolations>button#buildYourOwn{
	width: 145px;
	height: 25px;
	color: white;
	font-size: 12px;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	line-height: 25px;
	background-color: #666;
	border: none;
}
#ctaViolations>button#buildYourOwn:hover{
	background-color: #1c97c3;
}
button.accDetailsButtDemo{
	width: 150px;
	height: 25px;
	line-height: 25px;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #1c97c3;
	border: none;
}
button.lifeStyleApp{
	width: 115px;
	height: 25px;
	float: left;
	color: white;
	font-size: 12px;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	line-height: 25px;
	background-color: #666;
	border: none;
	text-align: left;
	padding-left: 10px;
	margin-right: 5px;
}
button.lifeStyleApp:hover{
	background-color: #542583;
	cursor: pointer;
}
.iphoneAppIcon{
	width: 12px;
	height: 20px;
	float: left;
	background-image: url('../assets/scion.com_globalSpriteSheet.png');
	background-position: -12px -168px;
	margin-right: 9px;
}
.androidAppIcon{
	width: 17px;
	height: 20px;
	float: left;
	background-image: url('../assets/scion.com_globalSpriteSheet.png');
	background-position: -42px -168px;
	margin-right: 9px;
}
.applyForCredit{
	float: left;
	clear: both;
}
.applyForCreditButton{
	width: 155px;
	height: 25px;
	border: none;
	background-color: #717076;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
}
.applyForCreditButton:hover{
	cursor: pointer;
	background-color: #542583;
}
.applyForCreditButton img{
	margin: 0px;
	padding: 0px;
	width: 25px;
	height: 25px;
	float: left;
}
.applyForCreditButton p{
	color: #FFF;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	text-align: center;
	text-transform: uppercase;
}
#releaseSeriesDropDown{
	display:none;
}
/* Modal and Overlay */

.modalOverlay{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-image: url('../assets/modalFill2.png');
	z-index: 1000;
}
.modalDialog{
	display: none;
	position: fixed;
	width: 390px;
	height: 365px;
	/*background-color: #FFF;*/
	background-image:url('../assets/loginDummy.png');
	z-index: 1100;
	top: 50%;
	left: 50%;
	margin-left: -195px;
	margin-top: -182px;
}
#closeModalDialog{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 13px;
	top: 13px;
}
#topNavLoginSample{
	width: 55px;
	height: 25px;
	background-image: url('../assets/hpSprites.png');
	background-position: -272px -41px;
	float: left;
}
#topNavLoginSample:hover{
	background-position: -272px -11px;
}

/*Overview Nav*/

#overviewNav{
	position: relative;
	height: 25px;
	width: 831px;
	color: #FFF;
	overflow: hidden;
	z-index: 50;
	margin-bottom: 10px;
	border-top: 2px solid #1C97C3;
	float: left;
}
.overviewNavButton{
	height: 25px;
	float: left;
	margin-right: 2px;
	padding: 0px 10px 0px 10px;
}
.overviewNavButton h2{
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	line-height: 12px;
	font-size: 12px;
	font-weight: normal;
	color: #717174;
	margin-top: 7px;
}
.overviewNavButton:hover{
	background-color: #1C97C3;
}
.overviewNavButton:hover h2{
	color: #FFF;
}
.currentMenuItem{
	background-color: #1C97C3;
}
.currentMenuItem h2{
	color: #FFF;
}
.overviewNavButtonLast{
	margin-right: 0px;
}

/* Footer */

#footerDemo{
	position: relative;
	float: left;
	overflow: visible;
}
#footerContainer{
	position: absolute;
	width: auto;
	height: 25px;
	left: 0px;
	z-index: 5;
}
#footer{
	position: relative;
	float: left;
	height: 25px;
	font-size: 10px;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	z-index: 20;
}
#followUsContentCont{
	margin-left: 0px;
	margin-top: 0px;
}
#footerFollowUs{
	width: 172px;
	float: right;
	margin-left: 0px;
	margin-top: 3px;
	padding: 0px;
}
#footerFollowUs li{
	list-style-type: none;
	float: right;
	line-height: 10px;
	color: #8b8b8b;
}
#footerFollowUsTitle{
	margin-right: 10px;
	margin-top: 7px;
}
#footerFollowUsLinks{
	margin-left: 0px;
	padding-left: 0px;
	float: right;
	z-index: 60;
}
#footerFollowUsLinks li{
	width: 20px;
	height: 20px;
	list-style-type: none;
	background-image: url('../assets/hpSprites.png');
	margin-right: 5px;
	float: right;
}
#footerFollowFacebook{
	background-position: -7px -270px;
}
#footerFollowFacebook:hover{
	background-position: -7px -245px;
	cursor: pointer;
}
#footerFollowTwitter{
	background-position: -32px -270px;
}
#footerFollowTwitter:hover{
	background-position: -32px -245px;
	cursor: pointer;
}
#footerFollowYoutube{
	margin-right: 0px;
	background-position: -57px -270px;
}
#footerFollowYoutube:hover{
	background-position: -57px -245px;
	cursor: pointer;
}
ul#footerInternalLinks{
	width: 688px;
	height: 10px;
	padding-left: 0px;
	float: left;
	overflow: visible;
	border-right: 1px solid black;
}
#footerInternalLinks li{
	float: left;
	list-style-type: none;
	margin-top: 1px;
	margin-right: 10px;
	line-height: 10px;
	color: #717174;
}
#footerInternalLinks li:hover{
	color: #542583;
	cursor: pointer;
}
	
/* Sitemap */

#siteMapDemo{
	width: 260px;
	float: left;
}
#siteMapBreakDown{
	width: 400px;
	float: right;
}
#siteMapDemo ul{
	padding-left: 10px;
}
#siteMapDemo ul li{
	list-style-type: none;
	margin-bottom: 10px;
}
#siteMapDemo ul li a {
	/*color: #717174;*/
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
}
#siteMapDemo ul li a:hover{
	color: #542583;
}
#siteMapDemo ul li h4{
	color: #542583;
}

/* Search */

#searchDemo{
	width: 800px;
}
#searchDemo ul{
	padding-left: 0px;
	margin-left: 0px;
}
#searchDemo ul li{
	list-style-type: none;
	padding-bottom: 0px;
	margin-bottom: 20px;
}
#searchDemo ul li h6{
	margin-top: 0px;
	margin-bottom: 5px;
}
#searchDemo ul li h6 a{
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
	font-size: 14px;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
}
#searchDemo ul li h6 a:hover{
	color: #542583;
}
#searchDemo ul li p{
	height: 1.1em;
	overflow: hidden;
	font-size: 12px;
	margin-top: 0px;
	line-height: 1em;
}

/* Press Releases */

#pressReleaseNav{
	width: 310px;
	float: left;
	margin-bottom: 20px;
}
.pressReleaseNavPost{
	position: relative;
	width: 310px;
	height: 49px;
	color: #333;
	background-color: #d6d6d6;
	border: 1px solid #e7e7e7;
	margin-top: 0px;
}
.pressReleaseNavPost:hover{
	border: 1px solid #333;
	color: #542583;
}
.pressReleaseNavPost:hover>.pressReleaseArrow{
	background-position: -50px -139px;
}
.pressReleaseNavPost p{
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-size: 14px;
	float: left;
	margin-left: 20px;
	line-height: 14px;
	margin-top: 10.5px;
	margin-bottom: 0px;
}
.currentPressRelease{
	border: 1px solid #542583;
	color: #542583;
}
.pressReleaseArrow{
	position: absolute;
	width: 10px;
	height: 15px;
	left: 0px;
	margin-left: 5px;
	margin-top: 9px;
	background-image: url("../assets/00_scion.com_globalSpriteSheet.png");
	background-position: -195px -17px;
	overflow: hidden;
}
.currentPressReleaseArrow{
	position: absolute;
	width: 10px;
	height: 15px;
	left: 0px;
	margin-left: 5px;
	margin-top: 9px;
	background-image: url("../assets/00_scion.com_globalSpriteSheet.png");
	background-position: -51px -139px;
	overflow: hidden;
}
p.postHead{
	text-transform: Uppercase;
	color: #542583;
}
p.postBlurb{
	font-family: "Helvetica Neue";
	font-size: 12px;
	margin-top: 0;
}

/* Press Releases */

#loadingIcons{
	background-color: #FFFFFF;
	padding: 10px;
}
#loadingIcons img{
	margin-right: 20px;
}

/* Contact Dealer Modal */

.clear{
	width: 100%;
	clear: both;
}
#contactDealer{
	position: relative;
	float: left;
	width: 630px;
	height: 695px;
	height: auto;
	border: 5px solid #909090;
	background-color: #e7e7e7;
	padding-top: 15px;
	margin-bottom: 20px;
}
#contactDealerHeader{
	position: relative;
	width: 600px;
	overflow: auto;
	margin: 0px auto;
	margin-bottom: 15px;
	border-bottom: 1px solid #333333;
}
#contactDealerHeader h3{
	float: left;
	color: #542583;
	font-family: 'DINWebLight','Helvetica Neue', sans-serif;
	font-weight: normal;
	font-weight: lighter;
	margin: 0px;
	margin-bottom: 0px;
}
#contactDealerHeader p{
	float: left;
	clear: both;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #717174;
}
#contactDealerCols{
	position: relative;
	width: 600px;
	padding-bottom: 15px;
	margin-left: 15px;
	overflow: hidden;
	border-bottom: 1px solid #333333;
}
.contactDealerCol{
	width: 290px;
	float: left;
}
.contactDealerColRight{
	float: left;
	margin-left: 18px;
}
.contactDealerCol label{
	float: left;
	clear: both;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #717174;
	margin-bottom: 0px;
}
.contactDealerCol input{
	width: 286px;
	height: 21px;
	float: left;
	clear: both;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 2px solid #717174;
}
input[type="checkbox"]{
	width: 15px;
	height: 15px;
	float: left;
	clear: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.contactDealerCol textarea{
	width: 284px;
	float: left;
	clear: both;
	resize: none;
	margin-bottom: 10px;
	border: 2px solid #717174;
}
label.checkLabel{
	float: left;
	clear: right;
	margin-top: 3px;
}
.checkModels{
	margin-left: 20px;
	font-weight: lighter;
}
#city{
	width: 202px;
}
#aptSuite{
	width: 66px;
	float: right;
	clear: none;
}
.relativeP{
	position: relative;
	float: left;
	clear: both;
}
label.aptSuite{
	float: left;
	clear: none;
	margin-top: -12px;
	margin-left: 10px;
}
.contactDealerCol select{
	position: relative;
	width: 90px;
	height: 25px;
	float: left;
	clear: both;
	margin-right: 20px;
	margin-bottom: 10px;
}
#zipLabel{
	float: left;
	clear: none;
	margin-top: -12px;
}
#zip{
	width: 66px;
	height: 19px;
	float: left;
	clear: right;
	margin-bottom: 30px;
}
#contactMethod{
	margin-bottom: 20px;
}
#comments{
	height: 91px;	
}
#contactDealerFooter{
	width: 600px;
	margin-left: 15px;
	margin-bottom: 10px;
	overflow: auto;
}
#contactDealerFooter button{
	width: 120px;
	height: 25px;
	float: right;
	clear: both;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-size: 12px;
	text-align: left;
	text-indent: 5px;
	line-height: 25px;
	background-color: #542583;
	margin-top: 10px;
	border: none;
	color: #ffffff;
}
#contactDealerFooter button:hover{
	background-color: #717174;
	cursor: pointer;
}
#contactDealerFooter p{
	float: left;
	clear: both;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 12px;
	color: #717174;
	margin-bottom: 5px;
}

/* Flyout */

#flyoutDemo{
	width: 465px;
	height: 265px;
	float: left;
	font-family: 'DINWebLight','Helvetica Neue', sans-serif;
	color: #515051;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #515051;
	border-left: none;
	background-color: #FFF;
}
h3.flyoutTitle{
	width: 465px;
	font-size: 24px;
	font-weight: lighter;
	padding-bottom: 2px;
	margin-top: -2px;
	margin-bottom: 15px;
	text-align: left;
	color: #1c97c3;
	border-bottom: 1px solid #9d9d9d;
	line-height: 24px;
}
#flyoutDemo img{
	width: 310px;
	height: 225px;
	float: left;
}
#flyoutDetails{
	width: 145px;
	float: left;
	margin-left: 10px;
}
#flyoutDetails h5{
	font-weight: lighter;
	margin: 0px;
	line-height: 0.83em;
}
#flyoutDetails h2{
	width: 100%;
	font-weight: lighter;

	margin: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	border-bottom: 1px solid #9d9d9d;
	line-height: 1.5em;
}
#flyoutDetails ul{
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 9px;
	list-style-type: none;
}
#flyoutDetails ul li{
	font-size: 12px;
	line-height: 15px;
	margin: 0px;
}
#flyoutDetails button{
	width: 145px;
	height: 25px;
	color: #ffffff;
	font-size: 12px;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	line-height: 25px;
	border: none;
}
#flyoutDetails button#buildYourOwn{
	background-color: #717174;
	margin-bottom: 5px;
}
#flyoutDetails button#buildYourOwn:hover{
	background-color: #1c97c3;
	cursor: pointer;
}
#flyoutDetails button#learnMore{
	background-color: #1c97c3;
}
#flyoutDetails button#learnMore:hover{
	cursor: pointer;
}

/* Login Dialog */

#loginDemo{
	width: 360px;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	color: #717174;
	background-color: #e7e7e7;
	overflow: auto;
	margin-bottom: 20px;
	padding: 15px;
	padding-bottom: 7px;
	border: 5px solid #909090;
}
#loginHeader{
	width: 360px;
	overflow: auto;
	color: #542583;
	padding-bottom: 0px;
	border-bottom: 1px solid #333333;
	margin-bottom: 15px;
}
#loginHeader h3{
	float: left;
	font-weight: lighter;
	margin-bottom: 15px;
	margin-top: 0;
}
.closeDialog{
	width: 10px;
	height: 10px;
	background-image: url('../assets/00_scion.com_globalSpriteSheet.png');
	background-position: -320px -135px;
	background-repeat: no-repeat;
	float: right;
}
#loginFields{
	width: 360px;
	float: left;
	overflow: auto;
}
#loginFields input{
	width: 354px;
	height: 18px;
	float: left;
	clear: both;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
	border: 2px solid #909090;
}
input#passwordInput{
	margin-bottom: 5px;
}
#loginFields label{
	float: left;
	clear: both;
	font-size: 12px;
	margin-bottom: 3px;
}
.errorMess{
	height: 15px;
	float:left;
	clear: both;
}
#loginFields span{
	display: none;
	font-size: 12px;
	float: left;
	clear: both;
}
#loginFields button{
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 15px;
	background-color: #717174;
	color: #FFFFFF;
	margin-right: 20px;
	border: none;
	float: left;
	clear: none;
}
#loginFields button:hover{
	cursor: pointer;
}
#formButtons{
	float: left;
	clear: both;
	margin-bottom: 20px;
}
button#loginButton{
	background-color: #542583;
	color: #ffffff;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	line-height: 25px;
	font-size: 12px;
}
button#loginButton:hover{
	background-color: #717174;
	cursor: pointer;
}
button#loginForgot{
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	line-height: 25px;
	font-size: 12px;
}
.loginError{
	color: red;
}
#register{
	float: left;
	overflow: auto;
}
#register h3{
	font-weight: lighter;
	color: #542583;
	margin-top: 0px;
	margin-bottom: 0;
}
#register p{
	font-family: "Helvetica Neue", 'Helvetica', 'Arial', sans-serif;
	margin: 0px;
	font-size: 12px;
	line-height: 14px;
}
#register button{
	height: 25px;
	float: left;
	clear: both;
	line-height: 15px;
	background-color: #717174;
	color: #FFFFFF;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	line-height: 24px;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	border: none;
}
#register button:hover{
	cursor: pointer;
}
#register h4{
	float: left;
	clear: both;
	font-size: 12px;
	font-weight: lighter;
	color: #717174;
	margin-bottom: 0px;
}

/* Accesories Modal */

#AccessoriesModal{
	position: relative;
	width: 540px;
	border: 5px solid #909090;
	background-color: #000000;
	margin-bottom: 20px;
}
.closeAccContainer{
	position: absolute;
	width: 25px;
	height: 25px;
	top: 10px;
	right: 10px;
	background-color: #717174;
	z-index: 50;
}
.closeAccDialog{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 8px;
	left: 8px;
	background-image: url('../assets/00_scion.com_globalSpriteSheet.png');
	background-position: -300px -135px;
	background-repeat: no-repeat;
	z-index: 51;
}
#AccessoriesModal img{
	position: relative;
	width: 540px;
	height: 405px;
	z-index: 45;
}
#accDetails{
	font-family: 'DINWebLight','Helvetica Neue', sans-serif;
	color: #FFFFFF;
	overflow: auto;
	margin: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333333;
}
#accDetails h3{
	width: 380px;
	font-weight: lighter;
	float:left;
	margin: 0px;
	margin-bottom: 15px;
}
#accDetails h5{
	font-weight: lighter;
	float:left;
	clear: both;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0px;
	margin-bottom: 10px;
}
#accDetails p{
	max-height:110px;
	font-family: "Helvetica Neue", 'Helvetica', 'Arial', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #909090;
	float: left;
	clear: both;
	margin: 0px;
	overflow: hidden;
}
#accDetails button{
	width: 130px;
	height: 25px;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	line-height: 25px;
	font-size: 12px;
	color: #FFFFFF;
	float: right;
	background-color: #1c97c3;
	border: none;
}
#accDetails button:hover{
	cursor: pointer;
	background-color: #717174;
}
#accThumbs{
	margin: 10px;
	margin-top: 15px;
	overflow: auto;
}
#accThumbs h4{
	width: 100px;
	float: left;
	font-size: 12px;
	font-weight: lighter;
	color: #909090;
	margin: 0px;
}
#accThumbs img{
	width: 58px;
	height: 58px;
	float: left;
}
.accThumbnails{
	position: relative;
	float: left;
	width: 58px;
	height: 58px;
	margin-right: 5px;
	border: 1px solid #909090;
	z-index: 50;
}
.accThumbnails:hover{
	cursor: pointer;
}
.accThumbBorder{
	display: none;
	position: absolute;
	width: 54px;
	height: 54px;
	top: -1px;
	left: -1px;
	border: 3px solid #0093d0;
	z-index: 60;
}

/* Table */

#standardFeaturesDemo{
	position: relative;
	width: 830px;
	overflow: auto;
	margin-bottom: 20px;
}
.standardFeature{
	position: relative;
	width: 830px;
	float: left;
	overflow: hidden;
	margin-bottom: 1px;
	z-index: 30;
}
.standardFeature:hover{
	cursor: pointer;
}
.standardFeatureName{
	width: 830px;
	height: 25px;
	float: left;
	background-color: #dedede;
	overflow: hidden;
}
.standardFeatureName h4{
	float: left;
	font-size: 12px;
	font-weight: lighter;
	line-height: 26px;
	padding-left: 10px;
	margin: 0px;
	color: #909090;
}
.sFviewDetails{
	position: absolute;
	display: none;
	width: 160px;
	height: 25px;
	right: 0px;
	background-color: #1c97c3;
}
.sFviewDetails h4{
	float: left;
	font-size: 12px;
	font-weight: lighter;
	font-family: 'DINWebLight','Helvetica Neue', sans-serif;
	line-height: 28px;
	font-size: 12px;
	padding-left: 10px;
	margin: 0px;
	color: #FFFFFF;
}
.standardFeatureBorder{
	display: none;
	width: 670px;
	height: 23px;
	position: absolute;
	border: 1px solid #afafb0;
	border-right: none;
	z-index: 40;
}

/* Grid */

#accessoriesAllDemo{
	width: 830px;
	margin-bottom: 20px;
	overflow: auto;
	font-family: 'DINWebLight','Helvetica Neue', sans-serif;
	color: #333333;
	background-color: #e7e7e7;
}
#accSection{
	width: 830px;
	background-color: #e7e7e7;
}
.accSectionTitle{
	width: 830px;
	height: 25px;
	float: left;
	background-color: #cecfd0;
	margin: 0px;
	margin-bottom: 5px;
}
.accSectionTitle h4{
	font-size: 14px;
	font-weight: lighter;
	line-height: 26px;
	margin: 0px;
	margin-left: 10px;
}
.accItem{
	position: relative;
	float: left;
	width: 150px;
	height: 200px;
	padding: 5px;
	margin-left: 5px;
	margin-bottom: 20px;
	background-color: #e7e7e7;
	z-index: 40;
}
.accItem:hover{
	cursor: pointer;
	background-color: #cecfd0;
}
.accItem img{
	width: 150px;
	height: 100px;
	margin-bottom: 10px;
}
.accImgBorder{
	display: none;
	position: absolute;
	width: 144px;
	height: 94px;
	top: 5px;
	left: 5px;
	border: 3px solid #0093d0;
}
.accItem h5{
	font-weight: lighter;
	float: left;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 14px;
}
.accItem h6{
	float: left;
	clear: both;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 0.67em;
}
.accItem>.accDetailsButt{
	display: none;
	width: 150px;
	height: 25px;
	float: left;
	clear: both;
	color: #FFFFFF;
	background-color: #0093d0;
	z-index: 50;
}
.accItem>.accDetailsButt>h5{
	width: 100%;
	line-height: 27px;
	text-align: center;
	font-size: 12px;
}

/* Videos and Downloads */

#videosDownloadsDemo{
	margin-bottom: 20px;
	overflow: auto;
}
#videosDownloadsHead{
	position: relative;
	float: left;
	width: 830px;
	font-family: 'DINWebLight','Helvetica Neue', sans-serif;
}
#videosDownloadsHead h3{
	font-weight: lighter;
	color: #333333;
	font-size: 24px;
	margin: 0px 0px 0;
}
#videosDownloadsHead p{
	font-family: "Helvetica Neue", 'Helvetica', 'Arial', sans-serif;
	margin: 0px;
	font-size: 14px;
	line-height: 18px;
	color: #717174;
	margin-bottom: 25px;
}
#downloadsContainer{
	position: relative;
	width: 830px;
	float: left;
}
.videoDownload{
	width: 260px;
	float: left;
	margin-right: 15px;
	margin-left: 5px;
}
.videoDownloadLastInRow{
	margin-right: 0px;
}
.videoDownload img{
	width: 260px;
	height: 100px;
	border: none;
	margin-bottom: 15px;
}
.videoDownload h4{
	margin: 0px;
	float: left;
	clear: both;
	color: #333333;
	font-weight: lighter;
}
.videoDownload p{
	margin: 0px 0px 20px;
	float: left;
	clear: both;
	color: #717174;
	font-size: 12px;
	line-height: 14px;
}
.videoDownload button{
	height: 25px;
	color: #FFFFFF;
	font-family: 'DINWebMed','Helvetica Neue', sans-serif;
	line-height: 23px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #717174;
	border: none;
	float: left;
	clear: both;
}
.videoDownload button:hover{
	cursor: pointer;
	background-color: #542583;
}