/* CSS Document */ /* --- Defaults and Common Elements ----------------------------------------- */ * {margin:0px; padding:0px; position:relative;} a img {border:none;} a:hover {color:#ED1B2E;} body {background:#242424 url(../_images/layout/hashpattern.png);} h1 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:30px; color:#FFFFFF;} h2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:23px; color:#FFFFFF; margin-bottom:18px;} h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#ED1B2E; margin-bottom:10px;} h4 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#FFFFFF; margin-bottom:5px;} div#leadimg_ornament {width:626px/*640*/; height:283px/*311*/; padding:7px; margin-bottom:16px; background: url(../_images/layout/leadimg_border.png) no-repeat left top;} div#leadimg_container {width:624px/*628*/; height:283px/*287*/;overflow:hidden;} .lightGray {color:#747474;} /* example: Top border for page footer */ .ghostGray {color:#9C9C9C;} /* example: Text in sign-up form for Dale Forever Club */ .daleRed {color:#ED1B2E;} /* example: Red in logo and anchor:hover */ .backgroundBlack {color:#242424;} /* example: Document body ( tag) background color */ .nightmareBlack {color:#171615} /* example: Related Products background color */ .grayishWhite {color:#C5C5C5;} /* example: Paragraph text */ .offWhite {color:#F3F4F3;} /* example: Text in sub footer */ br.clearit { width: 100%; clear: both; display: block; height: 1px; } /* --- Page Header ----------------------------------------------------------------------------------------------------------- */ #pageheader {width:100%; height:auto; background:url(../_images/layout/docbody_bg.png) no-repeat top center;} #pageheader_wrap {width:950px /*950*/; height:113px /*152*/; padding-top:18px; margin:0px auto; padding-bottom:21px; background: #;} /* --- Logo --- */ div#logo {width:102px; height:113px; margin-right:848px; float:left; background:url(../_images/assets/logo.png) no-repeat;} div#logo h1 a {position:absolute; top:0px; left:0px; text-indent:-9999px; width:102px; height:113px;} /* --- Header Features --- */ div#headerFeatures {width:818px; height:113px; margin-left:-818px; float:left;} div#newsTicker {width:674px /*818*/; height:20px /*26*/; padding-left:142px; padding-top:4px; border:1px solid #555555; background:url(../_images/layout/newsTicker_bg.png) no-repeat; overflow: hidden; position: relative;} #headerFeatures #toolBox {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; color:#F3F4F3; background:transparent; text-align:right; margin-bottom:70px;} #headerFeatures #toolBox a {color:#F3F4F3; text-decoration:none;} #headerFeatures #toolBox a:hover {color:#ED1B2E;} #headerFeatures #toolBox #buttons {border:1px solid #777777; float:right; margin-left:10px; padding:3px 10px; position:relative; top:-3px;} #headerFeatures #toolBox #buttons span.divider {color:#777777;} #newsTicker a {color:#ED1B2E; font-weight:bold; text-decoration:none;} #newsTicker cite {font-weight:bold; font-style:normal; margin-right:5px;} #newsTicker {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFFFFF; font-size:11px;} #newsTicker a {color:#ED1B2E; font-weight:bold; text-decoration:none;} #newsTicker a:hover {color:#FFFFFF;} #newsTicker cite {font-weight:bold; font-style:normal; margin-right:5px;} div#newsTicker div.tickercontainer { width: auto; height: 20px; overflow: hidden; } div#newsTicker ul#ticker01 { position: relative; list-style: none; height: 20px; overflow: hidden;} div#newsTicker ul#ticker01 li { float: left; margin: 0px; padding: 0px; list-style: none; padding-left: 20px; height: 20px; } /* --- Main Menu ----------------------------------------------------------------------------------------------------------- */ div#mainmenu_space {width:100%; /*height:78px;*/ height: 80px; background:url(../_images/layout/docbody_bg.png) no-repeat center -151px;} body.landingpage div#mainmenu_space { height: 58px; } div#mainmenu_wrap {width:950px; height:auto; margin:0px auto;} body.landingpage ul#mainMenu3 {margin-bottom:2px;} ul#mainMenu3 {margin:0px auto; margin-bottom:0px; padding:0px; /*float:left*/ width:950px; height:58px; position:relative;} ul#mainMenu3 li {float:left; padding:0px; margin:0px; list-style:none;} ul#mainMenu3 li a {display:block; height:32px; text-align:center; background:url(../_images/layout/mainMenu3.png) no-repeat;} ul#mainMenu3 li a span {display:none;} ul#mainMenu3 li.current a span {display:none;} /* -- idle -- */ ul#mainMenu3 li#dale a {width:75px; background-position:0px 0px;} ul#mainMenu3 li#corporate a {width:120px; background-position:-75px 0px;} ul#mainMenu3 li#fans a {width:83px; background-position:-195px 0px;} ul#mainMenu3 li#store a {width:81px; background-position:-278px 0px;} ul#mainMenu3 li#events a {width:90px; background-position:-359px 0px;} ul#mainMenu3 li#news a {width:76px; background-position:-449px 0px;} ul#mainMenu3 li#competition a {width:131px; background-position:-525px 0px;} ul#mainMenu3 li#techgroup a {width:195px; background-position:-656px 0px;} ul#mainMenu3 li#experiences a {width:99px; background-position:-851px 0px;} /* -- hover -- */ ul#mainMenu3 li#dale a:hover {background-position:0px -32px;} ul#mainMenu3 li#corporate a:hover {background-position:-75px -32px;} ul#mainMenu3 li#fans a:hover {background-position:-195px -32px;} ul#mainMenu3 li#store a:hover {background-position:-278px -32px;} ul#mainMenu3 li#events a:hover {background-position:-359px -32px;} ul#mainMenu3 li#news a:hover {background-position:-449px -32px;} ul#mainMenu3 li#competition a:hover {background-position:-525px -32px;} ul#mainMenu3 li#techgroup a:hover {background-position:-656px -32px;} ul#mainMenu3 li#experiences a:hover {background-position:-851px -32px;} /* -- current -- */ ul#mainMenu3 li#dale a.current {background-position:0px -64px;} ul#mainMenu3 li#corporate a.current {background-position:-75px -64px;} ul#mainMenu3 li#fans a.current {background-position:-195px -64px;} ul#mainMenu3 li#store a.current {background-position:-278px -64px;} ul#mainMenu3 li#events a.current {background-position:-359px -64px;} ul#mainMenu3 li#news a.current {background-position:-449px -64px;} ul#mainMenu3 li#competition a.current {background-position:-525px -64px;} ul#mainMenu3 li#techgroup a.current {background-position:-656px -64px;} ul#mainMenu3 li#experiences a.current {background-position:-851px -64px;} /* --- Sub Menu -- */ ul#mainMenu3 li span {display:none; height:23px; padding-top:3px; position:absolute; top:32px; background:none;} ul#mainMenu3 li.current span {display:block;} ul#mainMenu3 li#dale span {width:935px; padding-left:15px; position:absolute; left:0px;} /* 950: width of menu space */ ul#mainMenu3 li#corporate span {width:868px; padding-left:15px; position:absolute; left:0px;} /* 883: width of menu space (950) minus width of Dale button (67) */ ul#mainMenu3 li#fans span {width:749px /*764*/; padding-left:15px; left:0px;} ul#mainMenu3 li#store span {width:677px /*692*/; padding-left:15px; left:0px;} ul#mainMenu3 li#events span {width:599px /*614*/; padding-left:15px; left:0px;} ul#mainMenu3 li#news span {width:510px /*525*/; padding-left:15px; left:0px;} ul#mainMenu3 li#competition span {width:614px /*629*/; padding-right:15px; right:0px; text-align:right;} ul#mainMenu3 li#techgroup span {width:806px /*821*/; padding-right:8px; right:0px; text-align:right;} ul#mainMenu3 li#experiences span {width:935px /*950*/; padding-right:15px; right:0px; text-align:right;} ul#mainMenu3 li span a {display:inline /* countermand ul#mainMenu li a {display:block} */; padding-right:10px; background:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#FFFFFF;} ul#mainMenu3 li span a:hover {color:#242424;} ul#mainMenu3 li span a.current {color:#ED1B2E;} div#subMenu {width:950px; height:26px; margin:0px auto; top:32px; position:absolute; background:transparent url(../_images/layout/subMenu_bg.png) repeat-x;} /* --- Page Body ---------------------------------------------------------------------------------------------------------------- */ body #page_body {width:950px; height:auto; margin:0px auto;} body.landingpage #page_body {width: 961px !important;} body.onecolumn #page_body #maincolumn {width:950px /*950*/; padding-bottom:45px;} body.landingpage #page_body #maincolumn {width: 961px !important;} /* ************************************************************************************************************* Using padding-bottom:45px because margin-bottom does not work in IE6 and IE7 */ body.twocolumns #page_body #maincolumn {width:642px /*652*/; margin-right:27px; float:left; padding-bottom:45px;} body.twocolumns #page_body #sidecolumn {width:281px /*281*/; float:left; padding-bottom:45px;} /* ************************************************************************************************************* */ /* ************************************************************************************************************* Difference between .twocolumns and .twocolumns2 is that .twocolumns has the main column on the left and the side column on the right. .twocolumns2 has the main column on the right and the side column on the left*/ body.twocolumns2 #page_body #sidecolumn {width:281px /*642*/; margin-right:27px; float:left; padding-bottom:45px;} body.twocolumns2 #page_body #maincolumn {width:642px /*281*/; float:left; padding-bottom:45px;} /* ************************************************************************************************************* */ #maincolumn {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#C5C5C5; min-height: 400px;} #maincolumn a {color:#ED1B2E; text-decoration:none; font-weight:bold;} #maincolumn a:hover {color:#C5C5C5;} #maincolumn a:visited {color:#ED1B2E;} #maincolumn blockquote {margin-left:20px; margin-bottom:16px; padding-left:20px; border-left:2px #C5C5C5 solid;} #maincolumn hr {color:#191919; background-color:#191919; height:1px; border:none;} #maincolumn ol {margin-left:40px;} #maincolumn ol li {margin-bottom:14px;} #maincolumn p {margin-bottom:16px; line-height:18px;} #maincolumn table {border-collapse:collapse; margin-bottom:16px;} #maincolumn th, #maincolumn td {padding:5px; border:1px #C5C5C5 solid;} #maincolumn ul {margin-left:40px;} #maincolumn ul li {margin-bottom:14px;} /* --- Dale Forever Club - Sign Up Block ------------------------------------------------------------------------------------------------------------- */ div#daleClubSignUp {width:950px; height:auto; padding-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#c5c5c5;} div#daleClubSignUp * {float:left; vertical-align:middle;} div#daleClubSignUp form {margin-left:10px; position:absolute; right:0px; top:28px;} div#daleClubSignUp form input.text {width:212px /*231*/; height:16px /*15*/; padding:2px; padding-left:5px; border:1px #9C9C9C solid; margin-right:1px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#9C9C9C} div#daleClubSignUp img#daleForeverClub_text {margin-right:15px; position:relative; left:0px; top:-15px;} /* --- Dale Foundation Block ------------------------------------------------------------------------------------------------------------- */ div#daleFoundation {width:281px; height:199px; border:1px #FFFFFF solid; background:#000000 url(../_images/layout/dalefoundation.png) no-repeat;} div#daleFoundation a { display: block; position: absolute; top: 0; left: 0; width: 281px; height: 199px; text-indent: -99999px; } /* --- Dale Forever Club - Sign Up Block 2 ------------------------------------------------------------------------------------------------------------- */ div#daleClubSignUp2 {width:239px /*281*/; height:54px /*246*/; padding:20px; padding-top:170px; border:1px #FFFFFF solid; background:#000000 url(../_images/layout/daleclub.png) no-repeat; margin-bottom: 20px;} div#daleClubSignUp2 p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; margin-bottom:10px; line-height:14px;} div#daleClubSignUp2 form * {vertical-align:top;} div#daleClubSignUp2 form input.text {width:169px /*175*/; height:16px /*22*/; padding:2px; border:1px #9C9C9C solid; margin-right:1px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#9C9C9C;} div#daleClubSignUp2 img#daleForeverClub_text {margin-bottom:8px;} /* --- Related Products Block - Horizontal ------------------------------------------------------------------------------------------------------------- */ div#relatedprod_horiz {width:920px/*950*/; height:185px/*215*/; padding:15px; background:#171615;} div#relatedprod_horiz ul {height:150px /*160*/; padding:4px 0px; border-bottom:1px #2E2D2C solid; border-top:1px #2E2D2C solid; margin:0px; list-style:none;} div#relatedprod_horiz ul li {width:276px /*300*/; height:126px /*150*/; padding:12px; float:left; margin-right:10px; background:url(../_images/layout/hashpattern.png) repeat;} div#relatedprod_horiz ul li:last-child {margin-right:0px;} div#relatedprod_horiz .productimg {width:122px /*132*/; height:116px; /*126*/; border:5px #000000 solid; overflow:hidden; float:left; margin-right:10px;} div#relatedprod_horiz .product_title {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold; margin-bottom:18px;} div#relatedprod_horiz .price {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#747474; font-weight:bold; margin-bottom:17px;} /* --- Related Products Block - Vertical ------------------------------------------------------------------------------------------------------------- */ div#relatedprod_vert {width:281px/*281*/; height:341px/*343*/; padding:0px; margin-bottom:20px; background:url(../_images/layout/relatedprod_vert_bg.jpg) no-repeat;} div#productimg_ornament {width:225px/*229*/; height:153px/*157*/; padding:2px; margin:0px auto; margin-bottom:10px; background:url(../_images/layout/productimg_border.png) no-repeat;} div#productimg_container {width:225px; height:153px; overflow:hidden;} div#relatedprod_vert .product_title {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; margin-bottom:5px;} div#relatedprod_vert .price {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; font-weight:normal; margin-bottom:10px;} div#relatedprod_vert .moreinfo {position:absolute; left:26px; bottom:26px;} /* --- Page Footer ------------------------------------------------------------------------------------------------------------- */ #pagefooter{clear:both; width:100%; height:auto; border-top:1px #FFFFFF solid; background:#242424 url(../_images/layout/hashpattern.png);} #pagefooter_wrap{width:950px; height:151px /*151*/; margin:0px auto; background:url(../_images/layout/pagefooter_bg.png) no-repeat center 1px;} #pagefooter_wrap ul {margin:0px;} #footerlinks{width:950px; height:91px /*106*/; padding-top:15px; background:transparent;} div#footerlinks div {float:left;} div#partnerlinks {margin-right:48px;} div#partnerlinks ul {list-style:none;} div#partnerlinks ul li {float:left; margin:0px; padding:0px;} div#partnerlinks a {display:block; height:39px; background:transparent url(../_images/assets/partnerLinksMenu.png) no-repeat;} div#partnerlinks a span {display:none;} div#partnerlinks a#foundation {width:112px; background-position:0px 0px;} div#partnerlinks a#foundation:hover {background-position:0px -39px;} div#partnerlinks a#chevrolet {width:94px; background-position:-112px 0px;} div#partnerlinks a#chevrolet:hover {background-position:-112px -39px;} div#partnerlinks a#ganassi {width:71px; background-position:-206px 0px;} div#partnerlinks a#ganassi:hover {background-position:-206px -39px;} div#partnerlinks #ecr {width:98px; background-position:-277px 0px;} div#partnerlinks #ecr:hover {background-position:-277px -39px;} div#socialnetwork_links ul {list-style:none;} div#socialnetwork_links ul li {float:left; margin-right:5px;} #subfooter{width:950px; height:13px /*46*/; padding:16px 0px; border-top:1px #FFFFFF solid; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#F3F4F3; background:transparent;} #footermenu {color:#FFFFFF; width:475px; margin-left:-475px; float:left;} #footermenu ul {list-style:none; margin:0px; position:absolute; right:0px;} #footermenu li {position:relative; float:left; margin-left:15px;} #footermenu a {color:#FFFFFF; text-decoration:none;} #footermenu a:hover {color:#ED1B2E;} #copyright {color:#FFFFFF; width:475px; margin-right:475px; float:left;}