@charset "utf-8";
/* CSS Document */

html,body {
	margin:0px;
	padding:0px;
	background-color:#000000;
	overflow-x:hidden;
}
img {
	border:none;
}
a {
	outline:none;
}

#DummyScrollContainer {position: absolute; left: 0px; top: 0px; height: 11500px;}
#BgWrapper {
	width:100%;
	height:8000px;
}
#BgWrapper div {
	width:100%;
	height:500px;
	background-position:top center;
}
#bg01 { background:url(../images/bg/bg01.jpg); }
#bg02 { background:url(../images/bg/bg02.jpg); }
#bg03 { background:url(../images/bg/bg03.jpg); }
#bg04 { background:url(../images/bg/bg04.jpg); }
#bg05 { background:url(../images/bg/bg05.jpg); }
#bg06 { background:url(../images/bg/bg06.jpg); }
#bg07 { background:url(../images/bg/bg07.jpg); }
#bg08 { background:url(../images/bg/bg08.jpg); }
#bg09 { background:url(../images/bg/bg09.jpg); }
#bg10 { background:url(../images/bg/bg10.jpg); }
#bg11 { background:url(../images/bg/bg11.jpg); }
#bg12 { background:url(../images/bg/bg12.jpg); }
#bg13 { background:url(../images/bg/bg13.jpg); }
#bg14 { background:url(../images/bg/bg14.jpg); }
#bg15 { background:url(../images/bg/bg15.jpg); }
#bg16 { background:url(../images/bg/bg16.jpg); }
#bg17 { background:url(../images/bg/bg17.jpg); }
#bg18 { background:url(../images/bg/bg18.jpg); }
#bg19 { background:url(../images/bg/bg19.jpg); }
#bg20 { background:url(../images/bg/bg20.jpg); }
#bg21 { background:url(../images/bg/bg21.jpg); }
#bg22 { background:url(../images/bg/bg22.jpg); }

.YasalUyari 
{
    display: block;
    position: absolute;
    right: -36px;
    bottom: 4px;
    color: #FFF;
    text-decoration: none;
    font-size: 13px;
    font-family: 'toyota_displayregular';
}

/* TOP WRAPPER */

#TopWrapper {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:101px;
	background-image:url(../images/topWrapper_bg.png);
	z-index:100;
}
#TopLeft {
	position:absolute;
	left:10px;
	top:5px;
}
#TopRight {
	position:absolute;
	right:10px;
	top:9px;
}

#TopContainer {
	position:relative;
	width:1002px;
	margin:0px auto;
}

#MenuButton {
	position:absolute;
	left:91px;
	top:45px;
}

#TopNav {
	position:absolute;
	left:234px;
	top:58px;
}
#TopNav ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
	width:918px;
}
#TopNav ul li {
	float:left;
}

#TopNav ul li a {
	display:block;
	width:153px;
	height:33px;
	background-image:url(../images/menu_sprite.png);
	background-repeat:no-repeat;
	margin-left:-25px;
}
#TopNav ul li:first-child a { margin-left:0px;}

#TopNav ul #performans a { background-position:0px 0px; }
#TopNav ul #performans a:hover { background-position:0px -33px; }
#TopNav ul #surusdeneyimi a { background-position:-153px 0px; }
#TopNav ul #surusdeneyimi a:hover { background-position:-153px -33px; }
#TopNav ul #disdizayn a { background-position:-306px 0px; }
#TopNav ul #disdizayn a:hover { background-position:-306px -33px; }
#TopNav ul #icdizayn a { background-position:-459px 0px; }
#TopNav ul #icdizayn a:hover { background-position:-459px -33px; }
#TopNav ul #renkler a { background-position:-612px 0px; }
#TopNav ul #renkler a:hover { background-position:-612px -33px; }
#TopNav ul #fiyat a { background-position:-764px 0px; }
#TopNav ul #fiyat a:hover { background-position:-764px -33px; }


/* TOP BAR */

#TopBar {
	position:absolute;
	left:0px;
	top:548px;
	z-index:99;
	width:100%;
	height:48px;
	background-image:url(../images/topbar_bg.png);
	color:red;
	font-size:16px;
}
#TopBarContainer {
	width:1000px;
	height:42px;
	margin:0px auto;
	padding-top:3px;
}
#TopBarContainer > .Left {
	float:left;
	position:relative;
	width:300px;
	margin-top:5px;
}
#TopBarContainer > .Left a {
	display:block;
	position:absolute;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
}
#TopBarContainer > .Left a:hover {
	background-position:left bottom;
}
#TopBarContainer > .Left #TwitterLink {
	background-image:url(../images/twitter_icon.png);
	left:12px;
	top:4px;
}
#TopBarContainer > .Left #FacebookLink {
	background-image:url(../images/facebook_icon.png);
	left:45px;
	top:4px;
}
#TopBarContainer > .Left .GooglePlusWrapper {
	position:absolute;
	left:78px;
	top:5px;
}
#TopBarContainer > .Left .FaceContainer {
	position:absolute;
	left:124px;
	top:8px;
}

#TopBarContainer .Right {
	float:right;
	width:386px;
	height:35px;
	background:url(../images/topbar_right.png) no-repeat;
	margin-top:5px;
}
#FormLink {
	float:right;
	display:block;
	width:152px;
	height:35px;
}

#RootContainer {
	width:1000px;
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-500px;
}
#RootContainer div.AnimeElement {
	position:absolute;
}

#Home {width:926px; height:488px; background:url(../images/topContent.png) no-repeat;}

#performansContent {width:504px; height:500px; background:url(../images/performansContent.png) no-repeat;}
#performansContent .ScrollUp {position:absolute; left:247px; top:188px;}
#performansContent .ScrollDown {position:absolute; left:247px; top:415px;}
#performansContent .ShareIcons {
	position:absolute;
	left:172px;
	bottom:60px;
}
#performansContent .ShareIcons #TwitterLink {
	display:block;
	position:absolute;
	left:12px;
	top:4px;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/twitter_icon.png);
}
#performansContent .ShareIcons #FacebookLink {
	display:block;
	position:absolute;
	left:45px;
	top:4px;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/facebook_icon.png);
}
#performansContent .ShareIcons .FaceContainer {
	position:absolute;
	left:80px;
	top:8px;
}
#performansText { width:504px; height:202px; position:absolute; top:200px;}
#performansText .scroll-pane {width: 100%; height: 202px; overflow: visible; outline:none;}
#performansVideo { display:block; width:132px; height:32px; position:absolute;left:184px;top:141px;}

#spinContent {width:1646px; height:835px; background:url(../images/360Content.png) no-repeat;} 
#spinContent #ShareContainer {
	position:relative;
	top:625px;
	left:-215px;
	width:250px;
	height:40px;
	margin:0px auto;
}
#spinContent .ShareIcons {
	position:absolute;
	left:0px;
	bottom:40px;
}
#spinContent .ShareIcons #TwitterLink {
	display:block;
	position:absolute;
	left:12px;
	top:27px;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/twitter_icon_black.png);
}
#spinContent .ShareIcons #TwitterLink:hover {
	background-position:left bottom;
}
#spinContent .ShareIcons #FacebookLink {
	display:block;
	position:absolute;
	left:45px;
	top:27px;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/facebook_icon_black.png);
}
#spinContent .ShareIcons #FacebookLink:hover {
	background-position:left bottom;
}
#spinContent .ShareIcons .FaceContainer {
	position:absolute;
	left:80px;
	top:31px;
}

#surusdeneyimiContent {width:555px; height:416px; background:url(../images/surusdeneyimiContent.png) no-repeat;}
#surusdeneyimiText { width:555px; height:126px; position:absolute; top:200px;}
#surusdeneyimiText .scroll-pane {width: 100%; height: 126px; overflow: visible; outline:none;}
#surusdeneyimiContent .ScrollUp {position:absolute; left:238px; top:175px;}
#surusdeneyimiContent .ScrollDown {position:absolute; left:238px; top:344px;}
#surusdeneyimiVideo {display:block; width:132px; height:32px; position:absolute;left:17px;top:120px;}
#surusdeneyimiContent .ShareIcons {
	position:absolute;
	left:0px;
	bottom:40px;
}
#surusdeneyimiContent .ShareIcons #TwitterLink {
	display:block;
	position:absolute;
	left:12px;
	top:4px;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/twitter_icon.png);
}
#surusdeneyimiContent .ShareIcons #FacebookLink {
	display:block;
	position:absolute;
	left:45px;
	top:4px;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/facebook_icon.png);
}
#surusdeneyimiContent .ShareIcons .FaceContainer {
	position:absolute;
	left:80px;
	top:8px;
}

#disdizaynContent {width:485px; height:376px;background:url(../images/disdizaynContent.png) no-repeat;}
#disdizaynContent .ScrollUp {position:absolute; left:216px; top:134px; z-index:99;}
#disdizaynContent .ScrollDown {position:absolute; left:216px; top:306px; z-index:99;}
#disdizaynText { width:485px; height:131px; position:absolute; top:160px;}
#disdizaynText .scroll-pane {width: 100%; height: 131px; overflow: visible; outline:none;}
#disdizaynContent .ShareIcons {
	position:absolute;
	left:0px;
	bottom:30px;
}
#disdizaynContent .ShareIcons #TwitterLink {
	display:block;
	position:absolute;
	left:12px;
	top:4px;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/twitter_icon.png);
}
#disdizaynContent .ShareIcons #TwitterLink:hover {
	background-position:left bottom;
}
#disdizaynContent .ShareIcons #FacebookLink {
	display:block;
	position:absolute;
	left:45px;
	top:4px;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/facebook_icon.png);
}
#disdizaynContent .ShareIcons #FacebookLink:hover {
	background-position:left bottom;
}
#disdizaynContent .ShareIcons .FaceContainer {
	position:absolute;
	left:80px;
	top:8px;
}
#disdizaynEgzoz {width:616px; height:306px; background:url(../images/disdizaynEgzoz.png) no-repeat;}
#disdizaynFarlar { width:621px; height:306px; background:url(../images/disdizaynFarlar.png) no-repeat;}
#disdizaynOnIzgara {width:620px; height:306px; background:url(../images/disdizaynOnIzgara.png) no-repeat;}


#icdizaynContent {width:512px; height:416px; background:url(../images/icdizaynContent.png) no-repeat;}
#icdizaynContent .ScrollUp {position:absolute; left:216px; top:134px; z-index:99;}
#icdizaynContent .ScrollDown {position:absolute; left:216px; top:306px; z-index:99;}
#icdizaynText { width:485px; height:131px; position:absolute; top:160px;}
#icdizaynText .scroll-pane {width: 100%; height: 131px; overflow: visible; outline:none;}
#icdizaynContent .ShareIcons {
	position:absolute;
	left:0px;
	bottom:75px;
}
#icdizaynContent .ShareIcons #TwitterLink {
	display:block;
	position:absolute;
	left:12px;
	top:4px;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/twitter_icon.png);
}
#icdizaynContent .ShareIcons #TwitterLink:hover {
	background-position:left bottom;
}
#icdizaynContent .ShareIcons #FacebookLink {
	display:block;
	position:absolute;
	left:45px;
	top:4px;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/facebook_icon.png);
}
#icdizaynContent .ShareIcons #FacebookLink:hover {
	background-position:left bottom;
}
#icdizaynContent .ShareIcons .FaceContainer {
	position:absolute;
	left:80px;
	top:8px;
}

#icdizaynDireksiyon {width:621px; height:306px; background:url(../images/icdizaynDireksiyon.png) no-repeat;}
#icdizaynPedallar {width:620px; height:306px; background:url(../images/icdizaynPedallar.png) no-repeat;}
#icdizaynKoltuk {width:617px; height:322px; background:url(../images/icdizaynKoltuk.png) no-repeat;}
#icdizaynDikizAynasi {width:617px; height:306px; background:url(../images/icdizaynDikizAynasi.png) no-repeat;}

#renklerContent {width:1615px; height:754px; background:url(../images/renklerContent.png) no-repeat; position: absolute;} 
#renklerContent #ScrollIcon {width: 87px; height: 26px; background:url(../images/scroll_icon.png) no-repeat; position: absolute; left: 805px; top: 226px; z-index:100;}

#renklerContent #RenkTitle {width: 130px; height: 18px; position: absolute; left: 639px; top: 226px; z-index:100;}
#renklerContent #RenkTitle.Title0 {background: url(../images/renkler_sprite.png) 0px -32px no-repeat; }
#renklerContent #RenkTitle.Title1 {background: url(../images/renkler_sprite.png) 0px -72px no-repeat; }
#renklerContent #RenkTitle.Title2 {background: url(../images/renkler_sprite.png) 0px -52px no-repeat; }
#renklerContent #RenkTitle.Title3 {background: url(../images/renkler_sprite.png) 0px -92px no-repeat; }

#renklerContent #ShareContainer {
	position:relative;
	top:545px;
	left:-111px;
	width:250px;
	height:40px;
	margin:0px auto;
}
#renklerContent .ShareIcons {
	position:absolute;
	left:0px;
	bottom:40px;
}
#renklerContent .ShareIcons #TwitterLink {
	display:block;
	position:absolute;
	left:12px;
	top:27px;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/twitter_icon_black.png);
}
#renklerContent .ShareIcons #TwitterLink:hover {
	background-position:left bottom;
}
#renklerContent .ShareIcons #FacebookLink {
	display:block;
	position:absolute;
	left:45px;
	top:27px;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/facebook_icon_black.png);
}
#renklerContent .ShareIcons #FacebookLink:hover {
	background-position:left bottom;
}
#renklerContent .ShareIcons .FaceContainer {
	position:absolute;
	left:80px;
	top:31px;
}

#RenkContainer {position: absolute; top: 6800px; left: 240px; }
#RenkContainer div {position: absolute; left: 0px; top: 0px; overflow: hidden;}
#RenkLine {position: absolute; left: 200px; top: 3000px; width: 1200px; height: 1px; background-color: #000; z-index: 1000;}
#SpinContainer {top: 352px; left: 436px; position: absolute;}
#SpinContainer:hover {
	cursor:all-scroll;
}
#Icon360 {
	position:absolute;
	right:789px;
	top:448px;
}

#footerContent {
	width:925px; 
	height:150px; 
	position: absolute;
}

#Sotka {
	display:block;
	position:absolute;
	right:10px;
	bottom:6px;
}

#footerContent > .Left {
	position:relative;
	width:300px;
	margin-top:5px;
	margin-left:13px;
}
#footerContent > .Left a {
	display:block;
	position:absolute;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
}
#footerContent > .Left a:hover {
	background-position:left bottom;
}
#footerContent > .Left #TwitterLink {
	background-image:url(../images/twitter_icon.png);
	left:12px;
	top:4px;
}
#footerContent > .Left #FacebookLink {
	background-image:url(../images/facebook_icon.png);
	left:45px;
	top:4px;
}
#footerContent > .Left .GooglePlusWrapper {
	position:absolute;
	left:78px;
	top:5px;
}
#footerContent > .Left .FaceContainer {
	position:absolute;
	left:124px;
	top:8px;
}

#Footer {
	position:absolute;
	left:0px;
	top:65px;
	width:581px;
	height:53px;
	background:url(../images/footer.jpg) no-repeat;
}

#Footer #performans {
	position:absolute;
	left:96px;
	top:10px;
	display:block;
	width:86px;
	height:12px;
}
#Footer #surusdeneyimi {
	position:absolute;
	left:195px;
	top:10px;
	display:block;
	width:106px;
	height:12px;
}
#Footer #disdizayn {
	position:absolute;
	left:316px;
	top:10px;
	display:block;
	width:70px;
	height:12px;
}
#Footer #icdizayn {
	position:absolute;
	left:398px;
	top:10px;
	display:block;
	width:62px;
	height:12px;
}
#Footer #renkler {
	position:absolute;
	left:474px;
	top:10px;
	display:block;
	width:58px;
	height:12px;
}
#Footer #fiyat {
	position:absolute;
	right:0px;
	top:10px;
	display:block;
	width:36px;
	height:12px;
}
#Footer #LogoLink {
	position:absolute;
	left:23px;
	top:4px;
	display:block;
	width:51px;
	height:42px;
}
#Footer #ToyotaSiteLink {
	position:absolute;
	left:95px;
	top:34px;
	display:block;
	width:127px;
	height:13px;
}
#Footer #kullanim {
	position:absolute;
	left:246px;
	top:34px;
	display:block;
	width:115px;
	height:13px;
}
#Footer #BilgiToplumu {
	position:absolute;
	left:386px;
	top:34px;
	display:block;
	width:150px;
	height:13px;
}