/* Project: Formula D Date: 02 Oct 2009 */ /* ======================================================== graphics */ * {margin:0;} body {background:url(../images/background.jpg) top left repeat-x #000;overflow-x:hidden;} #container {margin:0 auto;width:920px;} /* ======================================================== base */ *,body {margin:0;padding:0;font-family:Helvetica, Arial, sans-serif;} body {font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#999;} a {text-decoration:none;color:#ffe600;} a:hover {text-decoration:dotted 1px;} img, a img, abbr, acronym {border:0;} .hidden, hr {display:none;} h1,h2,h3,h4,h5,h6 {font-size:14px;line-height:1.3;} input, select, textarea {font-size:11px;} /* ======================================================== header */ #header {margin:0;width:920px;position:relative;} #header .logo {position:absolute;top:15px;} #header .open {position:absolute;top:48px;left:290px;width:300px;} #header .open p {size:10px;} #header .service {position:absolute;top:15px;left:718px;} #header .facebook {position:absolute; top:27px; left:600px;} /* ======================================================== navigation */ #navigation {position:relative;top:78px;width:960px;z-index:1;} ul#nav {position: relative;width:960px;margin:0;height:19px;list-style-type:none;overflow:hidden;} /* ======================================================== navigation art */ body#homepage ul#nav {background:transparent url(../images/navi.png) no-repeat 0 0;} body#eventspage ul#nav {background:transparent url(../images/navi.png) no-repeat 0 -19px;} body#promotionspage ul#nav {background:transparent url(../images/navi.png) no-repeat 0 -38px;} body#teampage ul#nav {background:transparent url(../images/navi.png) no-repeat 0 -57px;} body#partspage ul#nav {background:transparent url(../images/navi.png) no-repeat 0 -77px;} body#gallerypage ul#nav {background:transparent url(../images/navi.png) no-repeat 0 -95px;} body#trophypage ul#nav {background:transparent url(../images/navi.png) no-repeat 0 -114px;} body#findpage ul#nav {background:transparent url(../images/navi.png) no-repeat 0 -133px;} ul#nav li a {position:absolute;top:0;width:200px;text-indent:0px;text-decoration:none;padding:19px 0 0 0;overflow:hidden;height:0px !important;height /**/:19px; /* IE5/Win */background:transparent url(../images/navi.png) no-repeat;} /* ======================================================== navigation matrix */ body#homepage li#home a { background-position: 0 0; width: 77px; left: 0px; } body#homepage li#home a:hover { background-position: 0 0; } body#homepage li#events a { background-position: -77px -152px; left: 77px; } body#homepage li#events a:hover { background-position: -77px 0px; } body#homepage li#promotions a { background-position: -177px -152px; left: 177px; } body#homepage li#promotions a:hover { background-position: -177px 0; } body#homepage li#team a { background-position: -333px -152px; left: 333px; } body#homepage li#team a:hover { background-position: -333px 0; } body#homepage li#parts a { background-position: -457px -152px; left: 457px; } body#homepage li#parts a:hover { background-position: -457px 0px; } body#homepage li#gallery a { background-position: -543px -152px; left: 543px; } body#homepage li#gallery a:hover { background-position: -543px 0; } body#homepage li#trophy a { background-position: -657px -152px; left: 657px; } body#homepage li#trophy a:hover { background-position: -657px 0; } body#homepage li#find a { background-position: -825px -152px; left: 825px; } body#homepage li#find a:hover { background-position: -825px 0; } body#eventspage li#home a { background-position: 0 -152px; width: 77px; left: 0px; } body#eventspage li#home a:hover { background-position: 0 -19px; } body#eventspage li#events a { background-position: -77px -19px; left: 77px; } body#eventspage li#events a:hover { background-position: -77px -19px; } body#eventspage li#promotions a { background-position: -177px -152px; left: 177px; } body#eventspage li#promotions a:hover { background-position: -177px 0; } body#eventspage li#team a { background-position: -333px -152px; left: 333px; } body#eventspage li#team a:hover { background-position: -333px 0; } body#eventspage li#parts a { background-position: -457px -152px; left: 457px; } body#eventspage li#parts a:hover { background-position: -457px 0px; } body#eventspage li#gallery a { background-position: -543px -152px; left: 543px; } body#eventspage li#gallery a:hover { background-position: -543px 0; } body#eventspage li#trophy a { background-position: -657px -152px; left: 657px; } body#eventspage li#trophy a:hover { background-position: -657px 0; } body#eventspage li#find a { background-position: -825px -152px; left: 825px; } body#eventspage li#find a:hover { background-position: -825px 0; } body#promotionspage li#home a { background-position: 0 -152px; width: 77px; left: 0px; } body#promotionspage li#home a:hover { background-position: 0 -19px; } body#promotionspage li#events a { background-position: -77px -152px; left: 77px; } body#promotionspage li#events a:hover { background-position: -77px 0px; } body#promotionspage li#promotions a { background-position: -177px -38px; left: 177px; } body#promotionspage li#promotions a:hover { background-position: -177px -38px; } body#promotionspage li#team a { background-position: -333px -152px; left: 333px; } body#promotionspage li#team a:hover { background-position: -333px 0; } body#promotionspage li#parts a { background-position: -457px -152px; left: 457px; } body#promotionspage li#parts a:hover { background-position: -457px 0px; } body#promotionspage li#gallery a { background-position: -543px -152px; left: 543px; } body#promotionspage li#gallery a:hover { background-position: -543px 0; } body#promotionspage li#trophy a { background-position: -657px -152px; left: 657px; } body#promotionspage li#trophy a:hover { background-position: -657px 0; } body#promotionspage li#find a { background-position: -825px -152px; left: 825px; } body#promotionspage li#find a:hover { background-position: -825px 0; } body#teampage li#home a { background-position: 0 -152px; width: 77px; left: 0px; } body#teampage li#home a:hover { background-position: 0 -19px; } body#teampage li#events a { background-position: -77px -152px; left: 77px; } body#teampage li#events a:hover { background-position: -77px 0px; } body#teampage li#promotions a { background-position: -177px -152px; left: 177px; } body#teampage li#promotions a:hover { background-position: -177px 0; } body#teampage li#team a { background-position: -333px -57px; left: 333px; } body#teampage li#team a:hover { background-position: -333px -57px; } body#teampage li#parts a { background-position: -457px -152px; left: 457px; } body#teampage li#parts a:hover { background-position: -457px 0px; } body#teampage li#gallery a { background-position: -543px -152px; left: 543px; } body#teampage li#gallery a:hover { background-position: -543px 0; } body#teampage li#trophy a { background-position: -657px -152px; left: 657px; } body#teampage li#trophy a:hover { background-position: -657px 0; } body#teampage li#find a { background-position: -825px -152px; left: 825px; } body#teampage li#find a:hover { background-position: -825px 0; } body#partspage li#home a { background-position: 0 -152px; width: 77px; left: 0px; } body#partspage li#home a:hover { background-position: 0 -19px; } body#partspage li#events a { background-position: -77px -152px; left: 77px; } body#partspage li#events a:hover { background-position: -77px 0px; } body#partspage li#promotions a { background-position: -177px -152px; left: 177px; } body#partspage li#promotions a:hover { background-position: -177px 0; } body#partspage li#team a { background-position: -333px -152px; left: 333px; } body#partspage li#team a:hover { background-position: -333px 0; } body#partspage li#parts a { background-position: -457px -76px; left: 457px; } body#partspage li#parts a:hover { background-position: -457px -76px; } body#partspage li#gallery a { background-position: -543px -152px; left: 543px; } body#partspage li#gallery a:hover { background-position: -543px 0; } body#partspage li#trophy a { background-position: -657px -152px; left: 657px; } body#partspage li#trophy a:hover { background-position: -657px 0; } body#partspage li#find a { background-position: -825px -152px; left: 825px; } body#partspage li#find a:hover { background-position: -825px 0; } body#gallerypage li#home a { background-position: 0 -152px; width: 77px; left: 0px; } body#gallerypage li#home a:hover { background-position: 0 -19px; } body#gallerypage li#events a { background-position: -77px -152px; left: 77px; } body#gallerypage li#events a:hover { background-position: -77px 0px; } body#gallerypage li#parts a { background-position: -457px -152px; left: 457px; } body#gallerypage li#parts a:hover { background-position: -457px 0px; } body#gallerypage li#promotions a { background-position: -177px -152px; left: 177px; } body#gallerypage li#promotions a:hover { background-position: -177px 0; } body#gallerypage li#team a { background-position: -333px -152px; left: 333px; } body#gallerypage li#team a:hover { background-position: -333px 0; } body#gallerypage li#gallery a { background-position: -543px -95px; left: 543px; } body#gallerypage li#gallery a:hover { background-position: -543px -95px; } body#gallerypage li#trophy a { background-position: -657px -152px; left: 657px; } body#gallerypage li#trophy a:hover { background-position: -657px 0; } body#gallerypage li#find a { background-position: -825px -152px; left: 825px; } body#gallerypage li#find a:hover { background-position: -825px 0; } body#trophypage li#home a { background-position: 0 -152px; width: 77px; left: 0px; } body#trophypage li#home a:hover { background-position: 0 -19px; } body#trophypage li#events a { background-position: -77px -152px; left: 77px; } body#trophypage li#events a:hover { background-position: -77px 0px; } body#trophypage li#promotions a { background-position: -177px -152px; left: 177px; } body#trophypage li#promotions a:hover { background-position: -177px 0; } body#trophypage li#team a { background-position: -333px -152px; left: 333px; } body#trophypage li#team a:hover { background-position: -333px 0; } body#trophypage li#parts a { background-position: -457px -152px; left: 457px; } body#trophypage li#parts a:hover { background-position: -457px 0px; } body#trophypage li#gallery a { background-position: -543px -152px; left: 543px; } body#trophypage li#gallery a:hover { background-position: -543px 0; } body#trophypage li#trophy a { background-position: -657px -114px; left: 657px; } body#trophypage li#trophy a:hover { background-position: -657px -114px; } body#trophypage li#find a { background-position: -825px -152px; left: 825px; } body#trophypage li#find a:hover { background-position: -825px 0; } body#findpage li#home a { background-position: 0 -152px; width: 77px; left: 0px; } body#findpage li#home a:hover { background-position: 0 -19px; } body#findpage li#events a { background-position: -77px -152px; left: 77px; } body#findpage li#events a:hover { background-position: -77px 0px; } body#findpage li#promotions a { background-position: -177px -152px; left: 177px; } body#findpage li#promotions a:hover { background-position: -177px 0; } body#findpage li#team a { background-position: -333px -152px; left: 333px; } body#findpage li#team a:hover { background-position: -333px 0; } body#findpage li#parts a { background-position: -457px -152px; left: 457px; } body#findpage li#parts a:hover { background-position: -457px 0px; } body#findpage li#gallery a { background-position: -543px -152px; left: 543px; } body#findpage li#gallery a:hover { background-position: -543px 0; } body#findpage li#trophy a { background-position: -657px -152px; left: 657px; } body#findpage li#trophy a:hover { background-position: -657px 0; } body#findpage li#find a { background-position: -825px -133px; left: 825px; } body#findpage li#find a:hover { background-position: -825px -133px; } body#newspage li#home a { background-position: 0 0; width: 77px; left: 0px; } body#newspage li#home a:hover { background-position: 0 0; } body#newspage li#events a { background-position: -77px -152px; left: 77px; } body#newspage li#events a:hover { background-position: -77px 0px; } body#newspage li#promotions a { background-position: -177px -152px; left: 177px; } body#newspage li#promotions a:hover { background-position: -177px 0; } body#newspage li#team a { background-position: -333px -152px; left: 333px; } body#newspage li#team a:hover { background-position: -333px 0; } body#newspage li#parts a { background-position: -457px -152px; left: 457px; } body#newspage li#parts a:hover { background-position: -457px 0px; } body#newspage li#gallery a { background-position: -543px -152px; left: 543px; } body#newspage li#gallery a:hover { background-position: -543px 0; } body#newspage li#trophy a { background-position: -657px -152px; left: 657px; } body#newspage li#trophy a:hover { background-position: -657px 0; } body#newspage li#find a { background-position: -825px -152px; left: 825px; } body#newspage li#find a:hover { background-position: -825px 0; } /* ======================================================== banner */ #banner {position:relative;top:97px;width:920px;height:305px;text-align:left;background-color:#000;} /* ======================================================== concept screen */ #concept_screen {position:relative;top:97px;width:920px;height:285px;text-align:left;background-color:#000;} /* ======================================================== mootabs */ #homeTabs {left:0px;width:920px;z-index:1; min-height:210px; _height:210px; margin-bottom:10px;} ul#nav2 {position: relative;/*width:920px;*/ width:640px; margin:0;height:29px;list-style-type:none;overflow:hidden; margin-left:auto;} .mootabs_title {list-style-image: none;list-style-type:none;margin:0px;padding:0px;/*height:24px;*/} .mootabs_panel {display:none;position:relative;width:860px;font-family:Helvetica, Arial, sans-serif;clear:both;color:#fff;overflow/**/:hidden /*value "auto" for scrollbar*/;text-align:left;height:146px; font-size:11px; line-height:1.3em;border-top:solid 2px #acacac;border-bottom:solid 2px #acacac;padding:20px 30px 10px 30px;top:-1px;} .mootabs_panel.active {background-color: transparent;display: block;} .mootabs_panel.active table h1 {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#ccc;font-weight:normal;} .mootabs_panel.active table h2 {font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;font-weight:normal;} .mootabs_panel.active table h3 {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#fff;font-weight:normal;} .mootabs_panel.active table h3.yellow {color:#ffe600;} .mootabs_panel.active table span {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#fff;} .mootabs_panel.active table span a {font-size:10px;color:#ffe600;} .mootabs_panel.active table span a:hover {text-decoration:none;border-bottom:dotted 1px #ffe600;} .mootabs_panel.active table img {float:right;padding-left:10px;} /*.mootabs_title li {float: left;background-color: transparent;padding: 2px 8px 2px 8px;margin-right: 2px;cursor: pointer;color: #fff;font-family:Helvetica, Arial, sans-serif;font-size: 12px;height: 24px;line-height: 24px;}*/ /*.mootabs_title li.over {border-top: 3px solid #30DA06;}*/ /* ======================================================== mootabs home navigation art */ /*body#home ul#nav2 {background:transparent url(../images/navi_2.png) no-repeat 0 0;}*/ ul#nav2 li a {float:left; margin-left: 5px; */position:absolute;*//*top:0;*/width:100px;text-indent:0px;text-decoration:none;padding:29px 0 0 0;overflow:hidden;height:0px !important;_height:28px !important;background:transparent url(../images/navi_2.png) no-repeat;} ul#nav2 li {display:inline;width:161px;float:right; margin-left:5px;} .mootabs_title li#pitstop.active {background:transparent url(../images/navi_2.png) no-repeat;background-position: -429px 0;} .mootabs_title li#expert.active {background:transparent url(../images/navi_2.png) no-repeat;background-position: -599px -29px;} .mootabs_title li#expertise.active {background:transparent url(../images/navi_2.png) no-repeat;background-position: -769px -57px;} .mootabs_title li#expertise a#expertiseLink.active{background:transparent url(../images/navi_2.png) no-repeat;background-position: -769px -58px; _background-position: -769px -59px;} .mootabs_title li#pitstop a#pitstopLink.active {background:transparent url(../images/navi_2.png) no-repeat;background-position: -429px 0;} .mootabs_title li#expert a#expertLink.active {background:transparent url(../images/navi_2.png) no-repeat;background-position: -599px -29px;} ul#nav2 li#expertise {width:142px;} /* ======================================================== mootabs home navigation matrix */ .mootabs_title li#pitstop a { background-position: -429px -29px; width: 161px; /*left: 429px;*/display: block; } .mootabs_title li#pitstop a:hover { background-position: -429px 0; } .mootabs_title li#expert a { background-position: -599px -87px; width: 161px; /*left:599px;*/ display: block;} .mootabs_title li#expert a:hover { background-position: -599px -29px; } .mootabs_title li#expertise a { background-position: -769px -87px; width: 142px; /*left:769px;*/ display:block;} .mootabs_title li#expertise a:hover { background-position: -769px -58px; } /* ======================================================== contents */ #content {position:relative;top:97px;left:0px;width:830px;border-top:solid 2px #acacac;padding:20px 30px 10px 60px;color:#fff;} #content p {background-color: transparent;display: block;line-height:1.3em;padding-bottom:10px;} body#homepage #homeTabs #whatwedo {width:340px;float:left;} body#homepage #homeTabs #whatwedo h1 {color:#acacac;font-size:14px;padding-bottom:5px;} body#homepage #homeTabs #whatwedo p {font-size:12px;padding-bottom:1px;} body#homepage #homeTabs #whatwedo img {margin-right:1px;} body#homepage #homeTabs #carmods {float:left;width:500px;} body#homepage #homeTabs #carmods h1 {color:#acacac;font-size:14px;padding-bottom:5px;} body#homepage #homeTabs #carmods p {font-size:11px; padding-left:20px;} body#homepage #homeTabs #carmods table {float:left;} body#promotionspage #content {position:relative;top:97px;left:0px;width:830px;;border-top:solid 2px #acacac;padding:20px 30px 30px 60px;color:#fff;} body#promotionspage #content .service {position:relative;top:0px;left:0px;} body#promotionspage #content .box1 {position:relative;float:left;top:15px;width:140px;height:105px;border:solid 2px #f00;margin-right:10px;background:transparent url(../images/black70.png);} body#promotionspage #content .box1 p {padding:8px 5px 0px 8px;} body#promotionspage #content .box1 p.price {color:#ffe600;font-weight:bold;font-size:14px;padding-left:18px;} body#promotionspage #content .box2 {position:relative;float:left;top:15px;width:140px;height:105px;border:solid 2px #f00;margin-right:10px;background:transparent url(../images/black70.png);} body#promotionspage #content .box2 p {padding:8px 5px 0px 8px;} body#promotionspage #content .box2 p.price {color:#ffe600;font-weight:bold;font-size:14px;padding-left:18px;} body#promotionspage #content .box3 {position:relative;float:left;top:15px;width:140px;height:105px;border:solid 2px #f00;margin-right:40px;background:transparent url(../images/black70.png);} body#promotionspage #content .box3 p {padding:8px 5px 0px 8px;} body#promotionspage #content .box3 p.price {color:#ffe600;font-weight:bold;font-size:14px;padding-left:18px;} body#promotionspage #content .arrow {position:relative;float:left;top:15px;margin-right:40px;} body#promotionspage #content .upgrade {position:relative;top:-13px;left:0px;} body#promotionspage #content .box4 {position:relative;float:left;top:2px;width:250px;height:130px;border:solid 2px #ffe600;margin-right:10px;background:transparent url(../images/black70.png);} body#promotionspage #content .box4 p {padding:8px 5px 0px 8px;} body#promotionspage #content .box4 p.price {color:#ffe600;font-weight:bold;font-size:14px;padding-left:18px;} body#promotionspage #content .boxpromo {position:relative;float:left;top:15px;width:448px; padding-bottom:10px; border:solid 2px #f00;margin-right:40px;background:transparent url(../images/black70.png);} body#promotionspage #content .boxpromo p {padding:8px 5px 0px 8px;} body#promotionspage #content .boxpromo p.highlight {padding:8px 5px 0px 8px; color:#ffe600;font-weight:bold;font-size:16px;} body#promotionspage #content .boxpromo h4 {padding:8px 5px 0px 8px; font-weight:bold;font-size:16px;} body#promotionspage #content .boxpromo p.tnc {font-style:italic;font-size:10px;} body#newspage #content {position:relative;top:97px;left:0px;width:830px;min-height:470px;border-top:solid 2px #acacac;padding:20px 30px 10px 60px;color:#fff;} body#newspage #content #archive {width:150px;margin-right:30px;float:left;} body#newspage #content #archive h1 {padding-bottom:10px;} body#newspage #content #archive a {color:#ffe600;} body#newspage #content #archive a:hover {text-decoration:none;border-bottom:dotted 1px #ffe600;} body#newspage #content #article {width:600px;height:420px;float:right;position:relative;top:42px;overflow:auto;overflow-x:hidden;} body#newspage #content #article h1 {padding-bottom:10px;} body#newspage #content #article p {padding-right:10px;} body#newspage #content #article p.small {font-size:11px;color:#ccc;} body#newspage #content #article p.footnotes {font-size:11px;color:#f00;font-style:italic;} body#newspage #content #article a {color:#ffe600;} body#newspage #content #article a:hover {text-decoration:none;border-bottom:dotted 1px #ffe600;} /* ======================================================== footer */ /*body#homepage #footer {position:relative;top:165px; _top:100px; font-size:9px;color:#fff;text-align:right;}*/ body#homepage #footer {font-size:9px;color:#fff;text-align:right;} body#eventspage #footer {position:relative;top:105px;font-size:9px;color:#fff;text-align:right;border-top:solid 2px #acacac;padding-top:10px;} body#promotionspage #footer {position:relative;top:105px;font-size:9px;color:#fff;text-align:right;border-top:solid 2px #acacac;padding-top:10px;} body#teampage #footer {position:relative;top:105px;font-size:9px;color:#fff;text-align:right;border-top:solid 2px #acacac;padding-top:10px;} body#partspage #footer {position:relative;top:105px;font-size:9px;color:#fff;text-align:right;border-top:solid 2px #acacac;padding-top:10px;} body#gallerypage #footer {position:relative;top:105px;font-size:9px;color:#fff;text-align:right;border-top:solid 2px #acacac;padding-top:10px;} body#trophypage #footer {position:relative;top:105px;font-size:9px;color:#fff;text-align:right;border-top:solid 2px #acacac;padding-top:10px;} body#findpage #footer {position:relative;top:105px;font-size:9px;color:#fff;text-align:right;border-top:solid 2px #acacac;padding-top:10px;} body#newspage #footer {position:relative;top:105px;font-size:9px;color:#fff;text-align:right;border-top:solid 2px #acacac;padding-top:10px;} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }