/* 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#mainMenu2 {margin-bottom:2px;} ul#mainMenu2 {margin:0px auto; margin-bottom:0px; padding:0px; /*float:left*/ width:950px; height:58px; position:relative;} ul#mainMenu2 li {float:left; padding:0px; margin:0px; list-style:none;} ul#mainMenu2 li a {display:block; height:32px; text-align:center; background:url(../_images/layout/mainMenu2.png) no-repeat;} ul#mainMenu2 li a span {display:none;} ul#mainMenu2 li.current a span {display:none;} /* -- idle -- */ ul#mainMenu2 li#dale a {width:68px; background-position:0px 0px;} ul#mainMenu2 li#corporate a {width:117px; background-position:-68px 0px;} ul#mainMenu2 li#fans a {width:80px; background-position:-185px 0px;} ul#mainMenu2 li#store a {width:77px; background-position:-265px 0px;} ul#mainMenu2 li#events a {width:86px; background-position:-342px 0px;} ul#mainMenu2 li#news a {width:73px; background-position:-428px 0px;} ul#mainMenu2 li#competition a {width:128px; background-position:-501px 0px;} ul#mainMenu2 li#techgroup a {width:192px; background-position:-629px 0px;} ul#mainMenu2 li#experiences a {width:129px; background-position:-821px 0px;} /* -- hover -- */ ul#mainMenu2 li#dale a:hover {background-position:0px -32px;} ul#mainMenu2 li#corporate a:hover {background-position:-68px -32px;} ul#mainMenu2 li#fans a:hover {background-position:-185px -32px;} ul#mainMenu2 li#store a:hover {background-position:-265px -32px;} ul#mainMenu2 li#events a:hover {background-position:-342px -32px;} ul#mainMenu2 li#news a:hover {background-position:-428px -32px;} ul#mainMenu2 li#competition a:hover {background-position:-501px -32px;} ul#mainMenu2 li#techgroup a:hover {background-position:-629px -32px;} ul#mainMenu2 li#experiences a:hover {background-position:-821px -32px;} /* -- current -- */ ul#mainMenu2 li#dale a.current {background-position:0px -64px;} ul#mainMenu2 li#corporate a.current {background-position:-68px -64px;} ul#mainMenu2 li#fans a.current {background-position:-185px -64px;} ul#mainMenu2 li#store a.current {background-position:-265px -64px;} ul#mainMenu2 li#events a.current {background-position:-342px -64px;} ul#mainMenu2 li#news a.current {background-position:-428px -64px;} ul#mainMenu2 li#competition a.current {background-position:-501px -64px;} ul#mainMenu2 li#techgroup a.current {background-position:-629px -64px;} ul#mainMenu2 li#experiences a.current {background-position:-821px -64px;} /* --- Sub Menu -- */ ul#mainMenu2 li span {display:none; height:23px; padding-top:3px; position:absolute; top:32px; background:none;} ul#mainMenu2 li.current span {display:block;} ul#mainMenu2 li#dale span {width:935px; padding-left:15px; position:absolute; left:0px;} /* 950: width of menu space */ ul#mainMenu2 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#mainMenu2 li#fans span {width:749px /*764*/; padding-left:15px; left:0px;} ul#mainMenu2 li#store span {width:677px /*692*/; padding-left:15px; left:0px;} ul#mainMenu2 li#events span {width:599px /*614*/; padding-left:15px; left:0px;} ul#mainMenu2 li#news span {width:510px /*525*/; padding-left:15px; left:0px;} ul#mainMenu2 li#competition span {width:614px /*629*/; padding-right:15px; right:0px; text-align:right;} ul#mainMenu2 li#techgroup span {width:806px /*821*/; padding-right:8px; right:0px; text-align:right;} ul#mainMenu2 li#experiences span {width:935px /*950*/; padding-right:15px; right:0px; text-align:right;} ul#mainMenu2 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#mainMenu2 li span a:hover {color:#242424;} ul#mainMenu2 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;}