@charset "utf-8"; /************************************************************************************************************** reset ***************************************************************************************************************/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,.btn{margin: 0pt;padding: 0pt;border: 0pt none;font-style: inherit;font-weight: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} /************************************************************************************************************** base ***************************************************************************************************************/ /* common element *********************************************************************************************/ body { background: none no-repeat scroll 50% 0pt rgb(38, 38, 38); color: #262626; font: 12px/20px Helvetica,Arial,Sans-Serif; min-width: 1081px; } h2, h3, h4, h5 { } h1 { font-size: 2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.5em; } h4 { font-size: 1.35em; } h5 { font-size: 1.15em; } em { font-style: italic; } a img, frameset { border: 0pt none; } a { color: #016BBE; text-decoration: none; } a:hover, a:active { color: #0560A7; } p, ul, ol, table { margin: 0pt 0pt 12px; } ul { list-style: none outside none; } table { border-collapse: collapse; border-spacing: 0pt; } caption, th, td { text-align: left; font-weight: normal; } th, td { padding:6px 10px; } input, textarea, select {color: #8e8d8d; font: inherit} textarea { overflow-x: hidden; overflow-y: auto; } button { cursor: pointer; font: inherit; overflow: visible; width: auto; } blockquote:before, blockquote:after, q:before, q:after {content: ""} blockquote, q {quotes: "" ""} /* common classes *********************************************************************************************/ .clear {clear: both; /*height: 1px; margin-top: -1px; overflow: hidden*/} .row:after,.clearfix:after,#content:after,.section:after,.section-header:after,.section-header-inner:after,.section-content:after,.section-content-inner:after,.contain:after,.header:after,.content:after,.footer:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; } .lte7 .row,.lte7 .clearfix,.lte7 #content,.lte7 .section,.lte7 .section-header,.lte7 .section-header-inner,.lte7 .section-content,.lte7 .section-content-inner,.lte7 .contain,.lte7 .header,.lte7 .content,.lte7 .footer {height: 1%} .lte6 .meta .author {height: 32px} .left { float: left; } .right { float: right; } img.left { margin: 0pt 15px 15px 0pt; } img.right {margin: 0 0 15px 15px} .text-right {text-align: right} .text-center {text-align: center} .add-top, #add-top {margin-top: 15px} .add-bottom, #add-bottom {margin-bottom: 15px} .no-bottom {margin-bottom: 0 !important; padding-bottom: 0 !important} .no-top {margin-top: 0} .no-border {border: 0} .no-outline { outline: medium none; } .screen-reader { display:block; left:-9999px; top:-9999px; position:absolute; } .contain-overflow { overflow: hidden; } .disabled, .hide { display: none; } .hide-overflow { overflow-x: hidden; } .clearing {clear: both} .separate {display: block} .fixed-case {text-transform: none !important} .centered { margin: 0pt auto 19px; } .actions {margin: 0; overflow: hidden; width: 100%} .actions li {float: left} .actions .right {float: right} button.button {border: none} .button {background: #908f8f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; display: inline-block; font-size: 11px; font-weight: bold; padding: 4px 14px; text-transform: uppercase} .button:hover {background-color: #737373; color: #fff} .btn-replace{ background:url('common/images/btn-all.png') no-repeat; border: none; display: block; overflow: hidden; text-indent: -9999px} .btn-sign-in-comment {background-position: 0 0; height: 38px; width: 492px} .btn-sign-in-comment:hover {background-position: 0 -38px} .forms {list-style: none} /************************************************************************************************************** common user interface ***************************************************************************************************************/ /* filter *****************************************************************************************************/ .hdr-filter-products {background-position: 0 -68px; height: 16px; width: 126px} .filter-items .filter label {color: #fff; cursor: pointer; display: block; font-size: 11px; padding: 3px 8px; position: relative} .filter-items .filter .selected label {background: #4f4f4f; color: #f5e100; font-weight: bold} .filter-items .filter .radio-replace {background: url('common/images/hdr-all.png') no-repeat 0 -1836px; display: none; height: 17px; left: 9px; position: absolute; top: 4px; width: 17px} .filter-items .filter .selected .radio-replace, .filter-items .filter .selected ul .selected .radio-replace {background-position: -17px -1836px} .js .filter-items .filter label {padding-left: 34px} .js .filter-items .filter input {display: none} .js .filter-items .filter .radio-replace {display: block} /* cbox *******************************************************************************************************/ #tooltip-display {background: #fff; border-radius: 5px; box-shadow: 0 0 8px rgba(0,0,0,0.4); color: #5a6064; font-size: 10px; line-height: 14px; margin: 3px 0 0; -moz-border-radius: 5px; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.4); padding: 15px; position: absolute; -webkit-border-radius: 5px; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.4); width: 250px; z-index: 200000} #colorbox, #cboxOverlay, #cboxWrapper {position: absolute; top: 0; left: 0; z-index: 100001} #cboxMiddleLeft, #cboxBottomLeft {clear: left} #cboxOverlay{ background: #5f5f5f; position:fixed; width:100%; height:100%;} #cboxTitle, #cboxCurrent {font-size: 11px; line-height: 15px} #cboxTitle {float: left; margin: 0 3px 0 30px} #cboxCurrent {float: left} #cboxTitle strong, #cboxCurrent strong {color: #91b522; font-weight: normal} #cboxContent {background: #363636; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #f4efe2; padding: 15px 0 0; position: relative} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxLoadingOverlay{background: #363636;} #cboxLoadingGraphic{background: url('common/images/loading.gif') center center no-repeat;} #cboxLoadedContent iframe {display: block; width: 100%; height: 100%; border: none} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer} #cboxPrevious, #cboxNext { height: 34px; left: -8px; margin: -19px 0 0; overflow: hidden; position: absolute; text-indent: -9999px; top: 50%; width: 34px} #cboxNext {background-position: 0 -34px; left: auto; right: -8px} #cboxClose {background: url('common/images/ico-all.png') no-repeat 3px -5423px; height: 15px; overflow: hidden; position: absolute; right: 13px; text-indent: -9999px; top: 13px; width: 15px} /* error *******************************************************************************************************/ .errorExplanation {background: #fff; border: 5px solid #c81111; color: #5a6064; margin-bottom: 20px; padding: 20px} .errorExplanation h2 {float: none !important; linw-height: 20px !important; margin-bottom: 5px !important} .errorExplanation ul {list-style: square; margin: 0 0 0 20px} /* medias ******************************************************************************************************/ .gallery-loading {background: url('common/images/gallery-loading.gif')} .related-media ul {margin-bottom: 0; overflow: hidden; width: 100%} .related-media li {float: left; margin: 0 5px 11px 0; width: 74px} .related-media ul a {display: block; height: 63px; overflow: hidden; position: relative; width: 74px} .related-media ul img {display: block} .related-media ul .video, .related-media ul .photo {background: #eee url('common/images/hdr-all.png') no-repeat 3px -1456px; bottom: 0; display: block; height: 12px; overflow: hidden; position: absolute; right: 0; text-indent: -9999px; width: 12px} .related-media ul .photo {background-position: 3px -1515px} .photo-caption-left {float: left; margin: 0 19px 0 0} .photo-caption-right {float: right; margin: 0 0 0 19px} .photo-caption { background: #fff; font-size: 11px; line-height: 16px; padding: 5px} .photo-caption img {display: block} .photo-caption .caption {display: block; font-style: normal; padding-top: 10px} #colorbox #video-player .video-wrapper, #individual-news #colorbox #video-player .video-wrapper {background-position: 584px 360px; height: 360px; width: 640px; padding-bottom: 39px} #colorbox #video-player .video-wrapper .view-youtube {right: 0} #colorbox #video-player .video-wrapper .play-pause {left: -5px} .video .title h3 {font-size: 11px; padding: 5px 18px 4px 12px; text-transform: uppercase} .video h3 strong {color: #909090; font-weight: normal} .video .view-all {color: #97ba23; float: right; font-size: 10px; padding: 5px 0 4px 0; text-decoration: none; text-transform: uppercase} #video {height: 300px; width: 640px} #video-player .video-wrapper {background: url('common/images/video-bg.png') no-repeat -56px 360px; height: 360px; overflow: hidden; padding-bottom: 37px; position: relative; width: 640px} #video-player .video-wrapper .muted, #individual-news #colorbox #video-player .video-wrapper .muted {background-position: 0 -38px} #video-player .video-wrapper .status, #individual-news #colorbox #video-player .video-wrapper .status {bottom: 10px; height: 12px; left: 40px; position: absolute; width: 490px} #video-player .video-wrapper a {background: url('common/images/video-controls-button.png') no-repeat; bottom: 7px; display: block; overflow: hidden; position: absolute; text-indent: -9999px} #video-player .video-wrapper .view-youtube {background: none; bottom: 0; height: 37px; right: 6px; width: 56px} #video-player .video-header, #individual-news #colorbox #video-player .video-header {background: url('common/images/video-bg.png') no-repeat -696px 0; height: 27px; position: relative; width: 640px} #video-player object {position: relative; z-index: 10} #video-player .video-wrapper .play-pause {background-position: 0 -16px; height: 21px; left: 15px; width: 18px} #video-player .video-wrapper .playing {background-position: 0 5px} #video-player .video-wrapper .volume, #individual-news #colorbox #video-player .video-wrapper .volume {background-position: 0 -56px; height: 18px; right: 74px; width: 22px} #video-player .bar {background: #807d7c; height: 4px; left: 0; position: absolute; top: 4px; width: 100%} #video-player .loaded {background: #827f7f; font-size: 4px; height: 4px; left: 0; line-height: 4px; position: absolute; top: 0} #video-player .indicator {background: url('common/images/video-controls-button.png') no-repeat 0 -74px; display: block; height: 6px; left: 0; position: absolute; top: -1px; width: 11px} #video-player .button {background: red; height: 50px; position: absolute; top: 50px; width: 50px; z-index: 100} #video-player .video-header .view-all {display: block; height: 27px; overflow: hidden; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 120px} /* js *******************************************************************************************************/ .js .disabled {display: none} .js .visiblity-hide {visibility: hidden;} .js .infield {color: #8e8d8d; display: block; position: absolute; text-transform: lowercase} /* scroller *************************************************************************************************/ .jScrollPaneContainer {overflow: hidden; position: relative; z-index: 1} .jScrollPaneTrack {background: #343232; cursor: pointer; height: 100%; position: absolute; right: 0; top: 0} .jScrollPaneDrag {background: #969393; cursor: pointer; overflow: hidden; position: absolute} .scroller { position: relative; } .scroller-wrapper { overflow: hidden; position: relative; width: 100%; } .nav-scroller { display: none; margin: 0pt; } .js .nav-scroller { display: block; } .nav-scroller a { background: url('common/images/btn-scroller-nav.png') no-repeat scroll 0% 0% transparent; display: block; overflow: hidden; position: absolute; text-indent: -9999px; top: 50%; z-index: 1000; } /* popup *****************************************************************************************************/ #popup {background: #fff; color: #302d32; display: none; height: 478px; left: 50%; margin-left: -281px; position: absolute; top: 0; width: 562px; z-index: 1000001} #popup-overlay {background: #261c2d; z-index: 1000000} #popup-close {background: url('common/images/ico-all.png') no-repeat 2px -922px; cursor: pointer; display: block; height: 15px; overflow: hidden; position: absolute; right: 10px; text-indent: -9999px; top: 10px; width: 16px; z-index: 1000001} #popup .jScrollPaneContainer {overflow: hidden; position: relative; z-index: 1} #popup .jScrollPaneTrack {background: #b2b2b2; cursor: pointer; position: absolute; right: 0} #popup .jScrollPaneDrag {background: #535353; cursor: pointer; overflow: hidden; position: absolute} #popup .jScrollPaneDragTop, #popup .jScrollPaneDragBottom {background: none} /************************************************************************************************************** common this project classes ***************************************************************************************************************/ body.loaded { background-image: url('common/images/body-bg.jpg'); } .hdr-replace { background: url('common/images/hdr-all.png') no-repeat scroll 0% 0% transparent; display: block; overflow: hidden; text-indent: -9999px; } .fb_reset { background: none repeat scroll 0% 0% transparent; border-spacing: 0pt; border: 0pt none; color: rgb(0, 0, 0); cursor: auto; direction: ltr; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1; margin: 0pt; overflow: visible; padding: 0pt; text-align: left; text-decoration: none; text-indent: 0pt; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; } .fb_iframe_widget { position: relative; display: inline-block; } .fb_iframe_widget iframe { position: relative; vertical-align: text-bottom; } .fb_iframe_widget span { position: relative; } .fb_edge_widget_with_comment { position: relative; } .full-two-col {background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; zoom:1;} .notice {background: #fff; border: 5px solid #6e9116; color: #5a6064; margin-bottom: 20px; padding: 20px} .social .insider-form .notice {background: none; border: none; color: #f0f4e6; margin: 0; padding: 0} .at300bs.at15t_expanded, .at300bs.at15t_compact, .at300bs {background-position: -9999px -9999px !important; position: absolute} /* .basic *****************************************************************************************************/ .basic .section-content-inner {height: 450px; overflow: hidden; padding: 20px} .basic .section-header {background: none} .basic .section-header h1 {border-bottom: 1px dashed #c0c3c4; margin: 0 0 10px; padding-bottom: 10px} /* column set *************************************************************************************************/ .column-main { position: relative; width: 686px; z-index: 10000; } .column-aside { width: 297px; } .triple-columns .word-on-street {background: #5f5f5f url(../../images/motorsport/structure/bg-word-on-street.png) no-repeat; color: #eee; margin-bottom: 0; padding: 57px 0 0; position: relative} .triple-columns .word-on-street .quotes {background: url(../../images/motorsport/structure/bg-word-on-street.png) no-repeat -264px 100%; font-size: 11px; line-height: 18px; padding: 0 14px 34px} .triple-columns .word-on-street .scroller-wrapper {overflow: hidden; position: relative} .triple-columns .word-on-street .scroller {float: left; position: relative} .triple-columns .word-on-street .scroller li {float: left; width: 236px} .triple-columns .word-on-street .author {background: url(../../images/motorsport/structure/bg-word-on-street.png) no-repeat -792px 100%; font-weight: bold; margin-bottom: 0; overflow: hidden; padding: 8px 0 14px 50px; width: 186px} .triple-columns .word-on-street .author img {float: left; margin: -8px 8px 0 0} .triple-columns .word-on-street blockquote {background: #eee url(../../images/motorsport/structure/bg-word-on-street.png) no-repeat -1028px 100%; color: #5f5f5f; padding: 20px 13px 25px 13px} .triple-columns .word-on-street blockquote .last {margin-bottom: 0} .triple-columns .word-on-street .nav-scroller a {background: url(../../images/motorsport/structure/btn-scroller-nav.png) no-repeat -96px -34px; height: 26px; left: -6px; width: 20px} .triple-columns .word-on-street .nav-scroller .next a {background-position: -116px -34px; left: auto; right: -6px} .triple-columns .have-your-say {background: #262626 url(../../images/motorsport/structure/bg-word-on-street.png) no-repeat -528px 100%; color: #fff; font-size: 11px; line-height: 18px; padding: 10px 20px 13px 20px} .triple-columns .have-your-say .hdr-have-your-say {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 0 -2495px; color: #f5e100; font-size: 13px; font-weight: bold; line-height: 16px; margin-bottom: 12px; padding-left: 44px; text-transform: uppercase} .triple-columns .have-your-say p {line-height: 15px} .triple-columns .have-your-say .forms li {clear: both; margin-bottom: 8px; position: relative} .triple-columns .have-your-say .forms .infield {color: #363636; cursor: text; margin: 6px 0 0 9px} .triple-columns .have-your-say .forms .together {clear: none; float: left; width: 109px} .triple-columns .have-your-say .forms .alt {float: right} .triple-columns .have-your-say .forms .text, .triple-columns .have-your-say .forms textarea {background: #eee; border: 1px solid #eee;; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #363636; padding: 4px 7px 3px} .triple-columns .have-your-say .forms .text {height: 18px} .triple-columns .have-your-say .forms a {color: #fff} .triple-columns .have-your-say .forms textarea {height: 76px; width: 208px} .triple-columns .have-your-say .forms .together .text {width: 93px} .triple-columns .have-your-say .forms .buttons {text-align: right} .triple-columns .have-your-say .forms .buttons button {background: #2887d1; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 11px; font-weight: bold; padding: 6px 5px 5px; text-transform: uppercase} /* tags *******************************************************************************************************/ .tags ul {margin: 0; overflow: hidden; padding: 12px 0 17px; width: 100%} .tags li {float: left; margin: 0 5px 5px 0} .tags ul a {background: #2887d1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; display: block; font-size: 11px; font-weight: bold; padding: 2px 8px} .tags ul .category a {background: #0560a7} /* .stripe ****************************************************************************************************/ .stripe .even {background-color: #e9e8e7} .stripe .odd {background-color: #dddddc} /* .related-articles ******************************************************************************************/ .related-articles li {border-bottom: 1px dotted #d0d0d0} .related-articles a {background: url('common/images/ico-all.png') no-repeat 0 -687px; display: block; padding: 9px 10px 9px 25px; width: auto} /* meta *******************************************************************************************************/ .meta {border-top: 1px solid #ccc; color: #0560a7; font-size: 11px; font-weight: bold; line-height: 16px; margin-bottom: 22px; overflow: hidden; text-transform: uppercase; width: 100%} .meta li {float: left; padding: 12px 23px 8px} .meta .label {color: #666; display: block; font-size: 12px; font-weight: normal; text-transform: none} .meta .author {background: url('common/images/ico-all.png') no-repeat 0 -326px; border-right: 1px solid #ccc; min-height: 32px; padding: 12px 36px 8px 51px} .meta .date {border-right: 1px solid #ccc} .meta .comments {background: url('common/images/ico-all.png') no-repeat 18px -1161px; padding-left: 42px} /* nav ********************************************************************************************************/ .nav-tabs {margin: 0; overflow: hidden} .nav-tabs li {float: left} .nav-tabs a {display: block; font-weight: bold; text-transform: uppercase} /* abs ********************************************************************************************************/ .ads {background: #4d4d4d url('common/images/ads/ads-shadow-bg.png') no-repeat 50% 0; overflow: hidden; padding: 12px 47px 25px 46px; width: 988px} .ads .ad {float: left; height: 220px; margin-right: 4px; width: 244px} .ads .last {margin-right: 0} /* .give-shout ************************************************************************************************/ .give-shout {background: #bb0302 url('common/images/giveshout-bg.png') repeat-x 0 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #f7f7f7; font-size: 11px; line-height: 15px; padding: 17px 16px 10px 19px} .give-shout h3 {color: #fff; font-size: 14px; font-weight: bold; line-height: 17px; margin-bottom: 4px; text-transform: uppercase} .give-shout .email {background: url('common/images/ico-all.png') no-repeat 2px -1035px; color: #fff; display: block; font-size: 11px; font-weight: bold; line-height: 17px; padding: 3px 0 0 38px; text-transform: uppercase} .give-shout .email em {background: url('common/images/ico-all.png') no-repeat 2px -1119px; display: block; padding-left: 13px} /* events *****************************************************************************************************/ .events {margin: 0} .events .first {padding-top: 0} .events .last {border-bottom: none; padding-bottom: 0} .events a {color: #666; display: block; height: 42px; overflow: hidden} .events li {border-bottom: 1px solid #ccc; font-size: 11px; line-height: 14px; overflow: hidden; padding: 9px 0 12px} .events .dtstart {background: #0e66aa url('common/images/ico-all.png') no-repeat 0 -129px; color: #eee; display: block; float: left; font-size: 9px; font-style: normal; line-height: 16px; margin-right: 12px; text-align: center; text-transform: uppercase; width: 35px} .events .dtstart .day {border-bottom: 1px dotted #6ea2cc; color: #f5e100; display: block; font-size: 20px; font-weight: bold; line-height: 20px; padding: 3px 0 2px} .past-events .events .dtstart {background: #636363 url('common/images/ico-all.png') no-repeat -35px -129px; color: #ccc} .past-events .events .dtstart .day {border-color: #d1d1d1; color: #eee} .events .summary {color: #262626; display: block; font-weight: bold} .events a:hover .summary {color: #262626} /* pagination *********************************************************************************************/ .pagination {float: right; font-size: 13px; padding-top: 6px} .pagination a, .pagination span {display: block; float: left; padding: 6px 8px 14px} .pagination .next-to, .pagination .first {background-image: none} .pagination .current_page {background: #eee} .pagination .link_before, .pagination .link_next {background: url('common/images/ico-all.png') no-repeat 6px -5475px; height: 40px; overflow: hidden; padding: 0; text-indent: -9999px; width: 17px} .pagination .link_next {background-position: -16px -5475px} .search-results .pagination ol {float: right; font-size: 13px; list-style: none; margin: 0} .search-results .pagination ol li {float: left} .search-results .pagination ol .last, .search-results .pagination ol .continue, .search-results .pagination ol .break {background: none} .search-results .pagination ol li:last-child {background: none} .search-results .pagination ol .current_page, .search-results .pagination ol a {padding: 6px 9px 0 9px} .search-results .pagination ol .current_page {background: #fff; display: block; float: left} .search-results .pagination ol .continue {color: #b1201f; padding-top: 6px} .search-results .pagination ol a {color: #b1201f; display: block; padding-top: 6px} /* modal-content **********************************************************************************************/ .modal-content {background: #363636; border-bottom: 1px solid #2b2a2a; clear: both; color: #eee; line-height: 17px; padding: 15px 30px 15px} .modal-content .item {overflow: hidden; width: 640px} .modal-content .photo {background: #262626} .modal-content .photo img {display: block; margin: 0 auto} .modal-content h3 {font-size: 18px; line-height: 18px; margin: 6px 0} .modal-content h3 a {color: #f5e100} .modal-content p {margin: 0 40px 0 0} .modal-footer {background: #2b2a2a url('common/images/tr-top-shadow-bg.png') repeat-x; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; padding: 15px 30px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px} .modal-footer .actions {float: left; margin: 0; width: auto} .modal-footer .actions li {float: left; margin: 0} .modal-footer .actions a {border-radius: 0; color: #fff; display: block; height: 26px; line-height: 26px; -moz-border-radius: 0; -webkit-border-radius: 0} .modal-footer .actions .btn-continue a {background: #2887d1; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0 10px 0 13px} .modal-footer .actions .btn-continue span {display: block; overflow: hidden} .modal-footer .actions .btn-comments a {background: #0560a7 url('common/images/ico-all.png') no-repeat 10px -5281px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #fff; padding: 0 12px 0 30px} .modal-footer .share-this {float: right; margin: 0; position: relative; width: 371px} .modal-footer .share-this h3 {float: left; height: 26px; position: relative; width: 100%; z-index: 100002} .modal-footer .share-this h3 a {background: #0560a7 url('common/images/ico-all.png') no-repeat 100% -5350px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; display: block; font-size: 11px; font-weight: bold; height: 26px; line-height: 26px; overflow: hidden; padding: 0 281px 0 13px; text-transform: uppercase; width: 77px} .modal-footer .share-this h3 .at300bs {background: none} .modal-footer .share-this ul {left: 90px; margin: 0; position: absolute; top: 0; width: 204px; z-index: 100005} .modal-footer .share-this .copy {background: #2887d1; float: left; height: 22px; padding: 2px 4px 2px 10px; width: 190px} .modal-footer .share-this .copy .short-url {background: none; border: none; color: #fff; float: left; font-size: 11px; height: 11px; padding: 3px 0 8px; width: 180px} /* .bread-crumbs *********************************************************************************************/ .bread-crumbs {color: #0560a7; font-size: 11px; line-height: 28px; font-weight: bold; margin-bottom: 21px; overflow: hidden; text-transform: uppercase; width: 100%} .bread-crumbs a {color: #7b797a; display: block; padding: 0 8px} .bread-crumbs ol {background: rgb(255,255,255); background: rgb(255,255,255,0.9); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; list-style: none; margin: 0; padding: 0 10px 0 2px} .bread-crumbs li {background: url('common/images/ico-all.png') no-repeat 100% -1963px; float: left; padding: 0 9px 0 7px} .bread-crumbs .back {padding-left: 0} .bread-crumbs .back a {background: url('common/images/ico-all.png') no-repeat 0 -2030px; padding-left: 56px} .bread-crumbs .current {background: none; padding-right: 0} .secondary-bread-crumbs {background: #eee url('common/images/tr-top-shadow-bg.png') repeat-x; margin-bottom: 0} .secondary-bread-crumbs a {color: #5f5e5e} .secondary-bread-crumbs ol {background: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; float: none; overflow: hidden; padding: 8px 0 4px 60px} /* social ****************************************************************************************************/ .social .section-header {background: #d0c012; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative} .social .section-header a {background: url('common/images/ico-all.png') no-repeat 0 -761px; color: #fff; display: block; font-size: 14px; font-weight: bold; padding: 14px 10px 14px 20px; text-transform: uppercase} .social .section-header .first a {background: none; padding-left: 10px} .social .section-header .current a {color: #262626} .social .indicator {background: url('common/images/ico-all.png') no-repeat 0 -850px; display: block; height: 6px; margin-left: -6px; position: absolute; top: 43px; width: 12px} .social .section-content {background: #f5e100; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px} .social .section-content .section-intro {font-size: 11px; line-height: 15px; margin-bottom: 0; padding: 14px 10px 5px 20px} .social .section-content a {color: #262626} .social .insider-form {position: relative} .social .insider-form input {background: #fff; border: 1px solid #cec12d; border-right: none; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; float: left; height: 24px; padding: 0 11px; width: 182px} .social .insider-form button {background: #78944f; border: none; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #fff; font-size: 11px; font-weight: bold; height: 26px; line-height: 26px; margin: 0; padding: 0 7px; float: left; text-transform: uppercase} .social .insider-form button:hover {background: #576c38} .social .insider-form .infield {margin: 3px 0 0 13px} .social .share-it .btn-share-this {background: #2887d1 url('common/images/ico-all.png') no-repeat 100% -5350px; color: #fff; padding: 4px 89px 2px 13px} .social .section-content .connect {margin-bottom: 0} .social .section-content .connect li {background: url('bg-social-connect-shadow.png') repeat-x 0 100%; border-bottom: 1px solid #aba809} .social .section-content .connect .last {background: none; border-bottom: none} .social .section-content .connect a {background: url('common/images/ico-all.png') no-repeat 215px -898px; display: block} .social .section-content .connect strong {background: url('common/images/ico-all.png') no-repeat; display: block; font-weight: normal; padding: 7px 35px 7px 51px} .social .section-content .connect .rss strong {background-position: -40px -2877px} .social .get-social ul {float: left; font-size: 13px; margin: 0; width: 100%} .social .get-social li {border-bottom: 1px solid #bab616; float: left; width: 100%} .social .get-social .last {border: none} .social .get-social a {background: url('common/images/ico-all.png') no-repeat; display: block; float: left; padding: 0 5px 5px 38px; width: 67px} .social .get-social .last a {margin-top: 5px} .social .get-social .facebook {background-position: 10px -6184px} .social .get-social .flickr {background-position: 10px -6252px} .social .get-social .twitter {background-position: 10px -6320px} .social .get-social .youtube {background-position: 10px -6388px} .social .share-it .btn-share-this {margin: 0 0 10px 20px} /* product-options *********************************************************************************************/ .product-options {background: url(../../images/motorsport/structure/bg-accordion.png) repeat-y; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0; width: 310px} .product-options li {border: 1px solid #d1d1d1; border-bottom: none; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow: 0 -4px 7px -2px rgba(0,0,0,0.20); -webkit-box-shadow: 0 -4px 7px -2px rgba(0,0,0,0.20); box-shadow: 0 -4px 7px -2px rgba(0,0,0,0.20)} .product-options .first {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none} .product-options .wrapper {padding: 5px 10px} .product-options .option {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 0 -2380px; color: #6d695f; display: block; font-size: 10px; font-weight: bold; position: relative; padding: 0 70px 0 15px; text-decoration: none; text-transform: uppercase} .product-options .option img {display: block; margin-top: -5px; position: absolute; right: 0; top: 50%} .product-options .open .option {background-position: 0 -2435px} .product-options .contents {padding: 10px 0} .product-options .closed .contents {display: none} .product-options .contents .product {display: block; margin: 0 auto} .product-options-section {background: url(../../images/motorsport/structure/bg-accordion.png) no-repeat -310px 100%; padding-bottom: 5px} /************************************************************************************************************** this project common id ***************************************************************************************************************/ #container {background: #5f5f5f url('common/images/container-bg.png') no-repeat 0 100%; margin: 0 auto; padding: 0 0 14px; position: relative; width: 1081px; z-index: 1000} #content {padding: 139px 47px 29px 44px; position: relative; z-index: 10000; zoom:1;} /* header *********************************************************************************************/ #header {background: url('common/images/header-bg.png') no-repeat 100% 0; height: 41px; left: 45px; padding: 0 3px 0 0; position: absolute; top: 68px; width: 987px; z-index: 100001} #logo{ background: url('common/images/logo.png') no-repeat; position:relative; z-index: 106000; } #gnavi #logo a{ width: 207px; height: 65px; display: block; text-indent:-9999px; } #container #gnavi a{ color: #ffffff;} #gnavi{ width:207px; height:auto; position:absolute; top:55px; padding-top:0; left:45px; z-index:105000 !important; } #gnavi ul{ position:relative; top:-11px; display:none; } #gnavi li{ background: url('common/images/gnav-normal.png') 0 0 repeat-y; padding:144px; padding:2px 16px 0 16px; } #gnavi li.header{ background: url('common/images/gnav-header.png') 0 0 no-repeat; padding:9px 16px 4px 16px; } #gnavi li.seperator{ background: url('common/images/gnav-bold.png') 0 0 no-repeat; padding:17px 16px 0 16px; } #gnavi li.footer{ background: url('common/images/gnav-footer.png') 0 0 no-repeat; padding:0px 16px 9px 16px; } /* nav ************************************************************************************************/ #nav {background: #000; height: 41px; left: 207px; list-style: none; margin: 0; position: absolute; top: 0; width: 780px; z-index: 1000} #nav li {position: absolute; top: 0} #nav .nav-news {left: 11px} #nav .nav-teams {left: 66px} #nav .nav-products {left: 127px} #nav .nav-media {left: 210px} #nav .nav-events {left: 269px} #nav .nav-find-stores {right: 12px} #nav a {background: url('common/images/nav.png') no-repeat; display: block; height: 41px; overflow: hidden; text-indent: -9999px} #nav .nav-news a {background-position: 0 0; width: 55px} #nav .nav-teams a {background-position: -55px 0; width: 61px} #nav .nav-products a {background-position: -116px 0; width: 83px} #nav .nav-media a {background-position: -199px 0; width: 59px} #nav .nav-events a {background-position: -258px 0; width: 65px} #nav .nav-find-stores a {background-position: -323px 0; width: 97px} #nav .nav-news a:hover {background-position: 0 -41px} #nav .nav-teams a:hover {background-position: -55px -41px} #nav .nav-products a:hover {background-position: -116px -41px} #nav .nav-media a:hover {background-position: -199px -41px} #nav .nav-events a:hover {background-position: -258px -41px} #nav .nav-find-stores a:hover {background-position: -323px -41px} /* nav ************************************************************************************************/ #nav-sub {background: #2887d1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 0 10px; overflow: hidden; padding: 0 13px 0 17px; position: relative; width: 960px} #nav-sub a {color: #fff; display: block; line-height: 40px; padding: 0 12px 0 11px; text-transform: uppercase} #nav-sub ul {float: right; margin: 0} #nav-sub li {background: url('common/images/content-shadow-bg.png') repeat-y; float: left} #nav-sub .first {background: none} #nav-sub .section-title {float: left} #nav-sub .section-title a {padding: 0} #nav-sub .indicator {background: url('common/images/ico-all.png') no-repeat 0 -280px; display: block; height: 7px; margin: 0 0 0 -7px; position: absolute; top: 34px; width: 14px} /* puma-global-footer **********************************************************************************/ #puma-global-footer { background: url('common/images/bg-footer-logo.png') no-repeat 44px 41px; color:#fff; margin: 0 auto; overflow:hidden; padding-left: 217px; position: relative; width: 864px; z-index: 100; } #puma-global-footer .copyright .reserved { display: block; } #puma-global-footer .copyright, #puma-global-footer .section h3 { color: #2E7AB5; } #puma-global-footer .copyright { border-color: #2E7AB5; } #puma-global-footer .copyright { font-size: 11px; left: 44px; line-height: 16px; padding-top: 10px; position: absolute; top: 128px; width: 157px; } #puma-global-footer .section { float:left; padding:35px 0 50px; width:172px; height:230px; } #puma-global-footer .section:hover { background: #2f2f2f; } #puma-global-footer .section h3 { font-size: 15px; font-weight: bold; margin: 0 0 6px 20px; text-transform: uppercase; } #puma-global-footer a { color: #fff; } #puma-global-footer .section a { display: block; font-size: 10px; font-weight: bold; padding: 4px 10px 4px 20px; text-transform: uppercase; line-height:1.5em; } #puma-global-footer .section a:hover { background: url('common/images/ico-global.png') no-repeat 8px -1946px #2e7ab5; } /* footer **********************************************************************************************/ #footer { background: url('common/images/footer-bg.jpg') no-repeat scroll 50% 0pt transparent; color: rgb(255, 255, 255); padding: 0pt 0pt 32px; position: relative; margin: 0pt auto; width: 100%; z-index: 100; } #footer .container { margin: 0pt auto; overflow: hidden; padding: 32px 0pt 56px 262px; width: 819px; } #footer a { color: rgb(255, 255, 255); text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer .column-main { float: left; margin: 0pt 65px 0pt 0pt; width: 390px; } #footer .column-main p { font-size: 14px; margin-bottom: 15px; } #footer .column-main .tagline { color: rgb(255, 255, 255); font-size: 17px; clear:both; } #footer .column-main a { color: rgb(255, 255, 255); } #footer .more { background: #df0403; border-radius: 5px; color: #fff; display: block; float: left; font-weight: bold; margin-bottom: 25px; -moz-border-radius: 5px; padding: 5px 15px; text-transform: uppercase; -webkit-border-radius: 5px} #footer .column-main .copy { font-size: 12px; line-height: 18px; margin-bottom: 0pt; } #footer h4 { color: #2887D1; font-size: 12px; font-weight: bold; margin-bottom: 12px; text-transform: uppercase; } #footer .column-aside { float: left; line-height: 18px; padding: 0pt 0pt 0pt 28px; width: 158px; } #footer .alt { width: 149px; } #footer .column-aside li { font-size: 10px; } #footer .column-aside li.separate { margin-top:5px; padding-top:5px; border-top:solid 1px #333; } /* add-comment *****************************************************************************************/ #add-comment {overflow: hidden; padding: 23px 24px 0; position: relative; width: 940px} #add-comment h3 {color: #f5e100; font-size: 28px; font-weight: bold; line-height: 32px; margin-bottom: 24px; text-transform: uppercase} #add-comment .forms {margin-bottom: 0} #add-comment .primary {float: left; width: 508px} #add-comment .primary li {float: left; margin: 0 15px 15px 0; width: 239px} #add-comment .primary .sign-in, #add-comment .primary .inline {color: #eee; width: 493px} #add-comment .primary .inline a {color: #fff} #add-comment .text, #add-comment textarea {background: #eee; border: 1px solid #eee; border-radius: 5px; color: #262626; font-size: 11px; -moz-border-radius: 5px; padding: 5px 8px; -webkit-border-radius: 5px; width: 221px} #add-comment textarea {height: 120px; width: 414px} #add-comment .text {height: 20px} #add-comment .infield {color: #262626; font-size: 11px; margin: 6px 0 0 10px} #add-comment .secondary {float: right; width: 432px} #add-comment .secondary .textarea {margin-bottom: 5px} #add-comment .secondary .buttons {clear: both; float: right; margin: 0} #add-comment .buttons button {background: #c81111; display: block} /* nav-global *******************************************************************************************/ #nav-global { background: url('common/images/global-footer-bg.png') repeat-x; bottom: 0; height: 32px; padding: 2px 0 0; position: fixed; width: 100%; z-index: 100000 } .fix-global-nav #nav-global .nav { width: 100%; } .ie6 #nav-global { position: absolute } #nav-global .nav { margin: 0 auto; position: relative; width: 1081px } .fix-global-nav #nav-global .nav { width: 100% } #nav-global .nav .nav-puma{ position: absolute; top: 0 } #nav-global .nav .nav-puma { left: 0 } #nav-global .nav .control { background: url('common/images/global-footer-img.png') no-repeat; display: block; height: 32px; overflow: hidden; text-indent: -9999px; width: 143px } #nav-global .nav .nav-puma .control { height: 53px; position: relative; top: -21px; z-index: 100000 } /************************************************************************************************************** home.html css ***************************************************************************************************************/ #home #container {padding-top: 583px} #home #content {padding: 0 48px 29px 45px} #home #content .section { margin-bottom: 9px; } #home .social .share-it .btn-share-this {margin-left: 0} .hdr-home-upcoming-events {background-position: 0 0; height: 14px; width: 151px} .hdr-home-products {background-position: 0 -14px; height: 14px; width: 85px} .hdr-home-pickup {background-position: -90px -14px; height: 14px; width: 61px} /*??*/ #home #feature-top .frame-stand-sideways {background: url(../../images/motorsport/structure/bg-home-feature-top.png) no-repeat; display: block; height: 41px; position: absolute; top: -38px; z-index: 10000001} #home #feature-top .frame-stand-sideways {background-position: 0 0; right: 160px; width: 145px} /* feature */ #home #feature-container, #home #feature, #home #feature-top {height: 698px; left: 0; overflow: hidden; position: absolute; top: 0; width: 1081px; z-index: 100} #home #feature-container {z-index: auto} #home #feature .feature-wrapper {overflow: hidden; position: absolute; top: 0; width: 99999px} #home #feature .frame, #home #feature-top .frame {background: no-repeat; float: left; height: 698px; position: relative; width: 1081px; z-index: 100} /*items*/ #home #feature .frame a {background: url('common/images/home/feature-btn-hover.jpg') no-repeat -9999px -9999px; display: block; overflow: hidden; position: absolute; text-indent: -9999px} #home #feature #frame-ducati.loaded {background-image: url('common/images/home/feature-bg-ducati.jpg')} #home #feature #frame-ducati .primary {background: url('common/images/home/feature-btn-ducati-hover.png') no-repeat -9999px -9999px; height: 46px; left: 759px; top: 256px; width: 230px} #home #feature #frame-ducati .primary:hover {background-position: 0 0 } #home #feature #frame-dune-time.loaded {background-image: url('common/images/home/feature-bg-dunetime.jpg')} #home #feature #frame-dune-time .primary {height: 46px; right: 252px; top: 423px; width: 260px} #home #feature #frame-dune-time .primary:hover {background-position: 0 -46px} #home #feature #frame-ferrari {background-image: url('common/images/home/feature-bg-ferrari.jpg')} #home #feature #frame-ferrari .primary {background: url('common/images/home/feature-btn-ferrari-hover.jpg') no-repeat -9999px -9999px; height: 46px; left: 102px; top: 235px; width: 220px} #home #feature #frame-ferrari .primary:hover {background-position: 0 0} /* /feature */ #home #feature-top {height: 56px; overflow: visible; top: 106px; z-index: 100002} #home #feature-top .feature-wrapper {height: 56px; position: absolute; top: 0; width: 99999px; z-index: 10000001} #home #feature-top .frame {background: none; display: block; float: left; height: 41px; position: relative; width: 1081px; z-index: 10000001} .js #nav-feature {display: block} #nav-feature {display: none; margin: 0} #nav-feature a {background: url('common/images/btn-scroller-nav.png') no-repeat 0 0; display: block; height: 34px; overflow: hidden; position: absolute; text-indent: -9999px; top: 321px; width: 34px; z-index: 1000} #nav-feature .prev a {left: 47px} #nav-feature .prev a:hover {background-position: -68px 0} #nav-feature .next a {background-position: -34px 0; right: 47px} #nav-feature .next a:hover {background-position: -102px 0} .nav-feature-pager {background: #020202; background: rgba(2,2,2,0.45); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; bottom: 135px; padding: 6px 17px; position: absolute; right: 82px; z-index: 1000} .nav-feature-pager .wrapper {position: relative} .nav-feature-pager ul {float: left; list-style: none; margin: 0} .nav-feature-pager li {float: left; margin-right: 50px} .nav-feature-pager .last {margin-right: 0} .nav-feature-pager a {background: #2887d1; -webkit-background-clip: padding-box; border: 5px solid #242323; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; color: #016bbe; display: block; height: 4px; position: relative; width: 4px; z-index: 100} .nav-feature-pager .current a, .nav-feature-pager .passed a {border-color: #fff} .nav-feature-pager .preview {background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; bottom: 10px; display: none; font-size: 10px; font-weight: bold; left: 50%; line-height: 25px; margin-left: -57px; padding: 3px 4px 0; position: absolute; text-align: center; text-transform: uppercase; width: 107px} .nav-feature-pager .preview img {display: block} .nav-feature-pager .preview .pointer {background: url('common/images/ico-all-trans.png') no-repeat 0 -75px; bottom: -8px; display: block; height: 8px; left: 50%; margin-left: -7px; position: absolute; width: 15px} .nav-feature-pager .progress {background: #242323; display: block; height: 6px; left: 1px; position: absolute; top: 4px; width: 98%; z-index: 10} .nav-feature-pager .progress .status {background: #fff; display: block; height: 6px; width: 0} #home #nav-feature strong {background: #000; color: #016bbe; display: block; font-size: 10px; font-weight: bold; height: 34px; line-height: 34px; overflow: hidden; position: absolute; text-indent: 0; text-transform: uppercase; top: 321px; white-space: nowrap; z-index: 999} #home #nav-feature .prev strong {-moz-border-radius-topright: 17px; -moz-border-radius-bottomright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-right-radius: 17px; border-top-right-radius: 17px; border-bottom-right-radius: 17px; left: 64px; padding: 0 19px 0 26px} #home #nav-feature .next strong {-moz-border-radius-topleft: 17px; -moz-border-radius-bottomleft: 17px; -webkit-border-top-left-radius: 17px; -webkit-border-bottom-left-radius: 17px; border-top-left-radius: 17px; border-bottom-left-radius: 17px; padding: 0 26px 0 19px; right: 64px} #home #content .column-main {width: 633px} #home #content .column-aside {width: 344px} #home #content .section {margin-bottom: 9px} #home #content .section-header {background: #ddd; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px} #home #content .section-content {background: #eee url('common/images/home/content-section-top-shadow-bg.png') repeat-x; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden} #home #content .news .section-header {background: url('common/images/home/content-news-header-bg.jpg') no-repeat; padding: 0 0 29px 12px; position: relative} #home .news h2 {font-size: 28px; font-weight: bold; line-height: 33px; margin-bottom: 20px} #home .news .article {height: auto; margin-bottom: 25px; overflow: hidden; width: 100%} #home .news .indicator {background: url('common/images/ico-all-trans.png') no-repeat; bottom: 6px; display: block; height: 24px; margin-left: -12px; overflow: hidden; position: absolute; text-indent: -9999px; width: 24px} #home .news .section-content {/*height:665px;*/ min-height:840px; padding: 30px 26px 15px} #home .news .nav-tabs {font-size: 14px; line-height: 44px} #home .news .nav-tabs a {color: #a7a7a7; padding: 0 12px} #home .news .nav-tabs .current a {color: #eeeef1} #home .news .listing {margin-bottom: 0} #home .news .listing li {border-top: 1px dotted #ccc} #home .news .listing a {background: url('common/images/ico-all.png') no-repeat 0 -54px; display: block; padding: 7px 70px 7px 23px; position: relative; width: 488px} #home .news .listing .comments {background: url('common/images/ico-all.png') no-repeat 14px 0; border-left: 1px dotted #ccc; font-style: normal; line-height: 14px; padding-left: 36px; position: absolute; right: 4px; top: 10px} #home .events ul {margin: 0; overflow: hidden; width: 100%} #home .events li {border-bottom: none; float: left; padding: 4px 19px 4px 0; width: 266px} #home .events .section-header {height: 33px; padding: 19px 0 0 19px} #home .events .section-content {height: 84px; padding: 29px 13px 0 30px} #home .events .last {border-left: 1px dotted #ccc; float: right; padding-left: 19px} #home .product-listing .section-header {height: 33px; padding: 19px 0 0 19px} #home .product-listing .section-content {/*height:733px;*/ position: relative} #home .product-listing .products li {float:left; width: 172px} #home .product-listing .products .photo {display: block; height: 127px; padding: 29px 0 19px} #home .product-listing .products .photo img {display: block; margin: 0 auto} #home .product-listing .products .details {background: #fff url('common/images/home/product-shadow-bg.png') no-repeat 135px 0; border: 1px solid #d7d7d7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px rgba(0,0,0,0.1); display: none; height: 116px; margin: 26px 0 0 23px; padding: 21px 10px 0 154px; position: absolute; width: 149px} #home .product-listing .products .details h3 {font-size: 17px; font-weight: bold; line-height: 19px; margin-bottom: 10px} #home .product-listing .products .details .photo {height: 136px; left: 0; padding: 10px 0 0; position: absolute; top: 0; width: 146px} #home .product-listing .products .details .close {background: url('common/images/ico-all.png') no-repeat 2px -219px; display: block; height: 13px; overflow: hidden; position: absolute; right: 5px; text-indent: -9999px; top: 5px; width: 13px} #home .product-listing .products .details .button {font-size: 10px; margin-bottom: 5px; padding: 3px 11px 2px 11px} #home .product-listing .products .details li {width:auto;} #home .product-listing .products .details li.btn-find-in-stores { padding-left:4px;} #home .product-listing .products .details .btn-buy-online .button {background: #df0403} #home .product-listing .products .details .btn-buy-online .button:hover {background: #b70000} #home .product-listing .products .alt .details {background-position: 167px -137px; margin: 26px 0 0 172px; padding: 21px 154px 0 10px} #home .product-listing .products .alt .details .photo {left: auto; right: 0} #home .teams {background: #1b1b1b url('common/images/home/teams-bg.jpg') no-repeat; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-top: -5px; position: relative; width: 988px} #home .teams a {background: #2887d1; display: block; font-size: 12px; overflow: hidden; position: absolute; top: 248px} #home .teams a:hover {background: #0560a7} #home .teams .main {height: 373px} #home .teams .primary {left: 32px} #home .teams .secondary {right: 28px} #home .teams .content {color: #ddd; left: 384px; position: absolute; top: 242px; width: 218px} #home .teams .content strong {font-size: 14px} #home .teams .disclaimer {color: #7c7c7c; font-size: 10px; line-height: 14px; overflow: hidden; padding: 20px; width: 948px} #home .teams .disclaimer .left, #home .teams .disclaimer .right {width: 450px} #home .teams .disclaimer .right {text-align: right} /************************************************************************************************************** news.html css ***************************************************************************************************************/ #news-hub #content, #individual-news #content {background: url('common/images/news/bg-content-news-hub.jpg') no-repeat; zoom:1;} #news-hub #nav .nav-news a, #individual-news #nav .nav-news a {background-position: 0 -82px} .hdr-news-section-current {background-position: 0 -28px; height: 40px; width: 44px} .hdr-news-section {background-position: -44px -28px; height: 40px; width: 44px} /* news.html */ #news-hub .meta .date { border-right: medium none; } #news-hub #content .column-main {background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 739px; zoom:1;} #news-hub #content .column-main .primary {float: left; padding: 23px 0 0 26px; width: 429px} #news-hub #content .column-main .secondary {float: right; padding-top: 16px; width: 261px} #news-hub #content .column-main .secondary .section-header {background: none; padding: 6px 2px; width: auto} #news-hub #content .column-main .secondary .section-header h3 {background: url('common/images/ico-all.png') no-repeat 0 -545px; font-size: 14px; font-weight: bold; line-height: 20px; padding-left: 30px; text-transform: uppercase} #news-hub #content .column-main .secondary .section-content {background: url('common/images/secondary-content-shadow-bg.png') no-repeat 100% 0; padding: 0 25px 0 3px} #news-hub #content .column-main .secondary .nav-tabs a {background: url('common/images/ico-all.png') no-repeat 0 -613px; font-size: 11px; font-weight: bold; padding: 8px 16px 5px; text-transform: uppercase} #news-hub #content .column-main .secondary .nav-tabs .first a {background: none; padding-left: 0} #news-hub #content .column-main .secondary .nav-tabs .current a {color: #262626} #news-hub #content .column-main .secondary .tags ul {padding: 15px 0} #news-hub #content .column-main .secondary .articles .section-content {padding-top: 15px} #news-hub #content .column-main .secondary .articles li {border-bottom: 1px dotted #c5c5c5; color: #666; font-size: 11px; line-height: 16px; padding: 0 8px 8px 0} #news-hub #content .column-main .secondary .articles a {background: url('common/images/ico-all.png') no-repeat 0 -688px; display: block; padding: 8px 0 0 25px} #news-hub #content .column-main .secondary .articles .date {padding-left: 25px} #news-hub #content .column-main .section-content {padding-bottom: 44px; zoom:1;} #news-hub #content .column-main .news {border-bottom: 4px solid #ccc; margin-bottom: 30px; overflow: hidden; width: 100%} #news-hub #content .column-main .news h2 {font-size: 26px; font-weight: bold; line-height: 28px; padding-bottom: 10px} #news-hub #content .nav-internal {margin-bottom: 0} #news-hub #content .nav-internal .older a {background: #2887d1 url('common/images/ico-all.png') no-repeat 10px -479px; padding-left: 22px} #news-hub #content .news .tags {border-top: 2px solid #d6d6d6} #news-hub #content .news .actions {padding-bottom: 15px} #news-hub #content .news .actions a {color: #fff; display: block; font-size: 11px} #news-hub #content .news .btn-continue a {background: #2887d1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 3px 12px; text-transform: uppercase} #news-hub #content .news .btn-comments a {background: #0560a7 url('common/images/ico-all.png') no-repeat 10px -418px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; padding: 3px 12px 3px 30px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px} #news-hub #content .column-aside, #event-hub #content .column-aside {width: 244px} #news-hub #content .column-aside .section, #event-hub #content .column-aside .section {margin-bottom: 9px} #news-hub #content .column-aside .no-header, #event-hub #content .column-aside .no-header {background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #262627; padding: 10px 10px 16px} #news-hub #content .column-aside .no-header img, #event-hub #content .column-aside .no-header img {display: block; margin: 0 auto 14px} #news-hub #content .column-aside .no-header h3, #event-hub #content .column-aside .no-header h3 {font-size: 18px; font-weight: bold; line-height: 20px; margin-bottom: 4px} #news-hub #content .column-aside .no-header h3 a, #event-hub #content .column-aside .no-header h3 a {display: block} #news-hub #content .column-aside .no-header .actions a, #event-hub #content .column-aside .no-header .actions a {background: #2887d1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; display: block; padding: 4px 12px; text-transform: uppercase} #individual-news #video-player .video-wrapper {background-position: -370px 168px; height: 170px; width: 314px} #individual-news #video-player .video-wrapper .view-youtube {right: 0; width: 67px} #individual-news #colorbox #video-player .video-wrapper .view-youtube {background: none; width: 56px} #individual-news #video-player .video-wrapper .volume {right: 67px} #individual-news #video-player .video-wrapper .status, #individual-team #content #video-player .video-wrapper .status {left: 36px; width: 180px} #individual-news #video-player {margin-right: 12px} #individual-news #colorbox #video-player {margin-right: 0} #individual-news #video-player .video-header {background-position: -56px 0; width: 314px} #individual-news #colorbox #video-player .video-header .view-all {background: none} /* single.html */ #comments .section-content {background: #eee url('common/images/comments-bg.png') repeat-y 724px 0; border-radius: 5px; margin-bottom: 9px; -moz-border-radius: 5px; -webkit-border-radius: 5px} #content #comments .section-content .column-main {padding: 26px; width: 672px} #content #comments .section-content .column-aside {background: url('common/images/comments-shadows-bg.png') no-repeat -266px 0; padding: 0 0 22px; width: 266px} #content #comments .section-content .column-aside ul {background: url('common/images/comments-shadows-bg.png') no-repeat 0 100%; color: #c1dff7; margin: 0; padding: 19px 25px 57px 31px} #content #comments .section-content .column-aside .author {border-bottom: 1px dotted #65aae0; line-height: 16px; overflow: hidden; padding-bottom: 20px; width: 100%} #content #comments .section-content .column-aside .author img {float: left; margin-right: 10px} #content #comments .section-content .column-aside .author h4, #content #comments .section-content .column-aside .author a {color: #fff; display: block; font-size: 11px; font-weight: bold; text-transform: uppercase} #content #comments .section-content .column-aside .date {background: url('common/images/ico-all.png') no-repeat 0 -1684px; font-size: 10px; line-height: 16px; padding: 14px 0 14px 35px} #content #comments .section-content .column-aside .date h4 {color: #fff; font-size: 12px; font-weight: bold} #content #comments .section-content .column-aside .date em {text-transform: uppercase} #individual-news .intro {padding: 22px 26px 26px} #individual-news .intro h1 {color: #0560a7; font-size: 30px; line-height: 32px; padding: 0 100px 16px 0} #individual-news .meta {margin-bottom: 0} #individual-news #content .column-main {padding: 0 0 28px 26px; width: 669px; zoom:1} #individual-news #content .column-aside {padding-bottom: 20px; width: 266px} #individual-news #content .column-aside .section {margin-bottom: 18px} #individual-news #content .column-aside .section-wrapper {background: url('common/images/secondary-content-shadow-bg.png') no-repeat 100% 0; padding: 18px 25px 0 15px} #individual-news #content .column-aside .section h3 {background: url('common/images/ico-all.png') no-repeat 10px -194px; font-size: 14px; font-weight: bold; line-height: 42px; padding: 0 10px 0 44px; text-transform: uppercase} #individual-news #content .column-aside .section .hdr-tags {background-position: 10px -535px} #individual-news #content .column-aside .section .hdr-media {background-position: 10px -1237px} #individual-news #content .column-aside .section .hdr-related-events {background-position: 10px -1305px} #individual-news #content .column-aside .section .hdr-related-products {background-position: 16px -1378px} #individual-news #content .column-aside .tags ul {padding: 0} #individual-news #content .column-aside .related-media .section-wrapper {padding-right: 10px} #individual-news #content .column-aside .related-products ul {margin-bottom: 0} #individual-news #content .column-aside .related-products li {border-bottom: 1px solid #e1e1e1; color: #898b84; font-size: 11px; line-height: 14px; overflow: hidden; padding-bottom: 5px; width: 100%} #individual-news #content .column-aside .related-products .last {border-bottom: none; padding-bottom: 0} #individual-news #content .column-aside .related-products img {display: block; margin-right: 10px; width: 85px} #individual-news #content .column-aside .related-products h4 {font-size: 14px; line-height: 16px; margin-top: 16px} #individual-news #content .column-aside .related-products p {margin-bottom: 0} #individual-news .social, #individual-event .comment-detail-row .social {color: #fff; float: left; font-weight: bold; line-height: 26px; margin: 0; padding: 22px 26px 20px; text-transform: uppercase} #individual-news .social li, #individual-event .comment-detail-row .social li {border-right: 1px dotted #393939; float: left; margin-right: 13px; padding-right: 14px} #individual-news .social .num-comments, #individual-event .comment-detail-row .social .num-comments {background: url('common/images/ico-all.png') no-repeat 0 -1571px; padding-left: 23px} #individual-news .social .num-comments strong, #individual-event .comment-detail-row .social .num-comments strong {color: #f5e100; font-weight: bold} #individual-news .social .add a, #individual-event .comment-detail-row .social .add a {background: #c81111 url('common/images/ico-all.png') no-repeat 9px -1632px; padding: 0 9px 0 21px} #individual-news .social .share a, #individual-event .comment-detail-row .social .share a {background: #2887d1; padding: 0 14px} #individual-news .social .like, #individual-event .comment-detail-row .social .like {border-right: none} #individual-news .social .like .fb_edge_widget_with_comment, #individual-event .comment-detail-row .social .like .fb_edge_widget_with_comment {background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 28px; padding-left: 7px} #individual-news .social .like .fb_edge_widget_with_comment span, #individual-event .comment-detail-row .social .like .fb_edge_widget_with_comment span {top: 4px} /* archive.html */ #news-hub .news-archive .column-main .section-header, #news-hub .news-archive .column-main .section-footer {background: #ccc; overflow: hidden; padding: 0 25px 0 21px; width: 693px} #news-hub .news-archive .column-main .section-header {-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px} #news-hub .news-archive .column-main .section-header h1 {float: left; font-size: 15px; line-height: 20px; padding: 10px 0} #news-hub .news-archive .column-main .section-footer {-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px} #news-hub .news-archive .column-main .section-footer .pagination {padding: 0 0 6px} /************************************************************************************************************** team.html css ***************************************************************************************************************/ .hdr-team-both-worlds {background: url('common/images/team/hdr-team-both-worlds.png') no-repeat; height: 254px; width: 328px} .hdr-drivers {background-position: -353px -172px; height: 36px; width: 148px} .hdr-team-events {background-position: -259px -172px; height: 12px; width: 45px} .hdr-team-gear {background-position: -259px -184px; height: 16px; width: 94px} .hdr-notable-performances {background-position: -151px 0; height: 24px; width: 186px} #team-hub #nav .nav-teams a, #individual-team #nav .nav-teams a {background-position: -55px -82px} #team-hub #content {background: url('common/images/team/content-team-hub-bg.jpg') no-repeat} #individual-team #feature-container {height: 626px; overflow: hidden; position: relative; width: 1081px} #individual-team #feature img {display: block} #individual-team #content {padding-top: 35px} #individual-team .social .share-it .btn-share-this {background-color: #f5e400; background-position: 100% -5376px; color: #393939} /* team.html */ #team-hub #content .column-aside {background: #262626; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #ddd; position: relative; width: 284px; z-index: 100} #team-hub .column-aside .hdr-team-both-worlds {left: -25px; position: absolute; top: -10px} #team-hub .column-aside .content {font-size: 11px; line-height: 18px; padding: 270px 30px 0} #team-hub .column-aside h2 {font-size: 14px; font-weight: bold; margin-bottom: 8px} #team-hub #content .column-main {background: #262626 url('common/images/team/hdr-leagues.jpg') no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 10px; width: 677px; z-index: 10} #team-hub .league {padding-top: 90px; width: 334px} #team-hub .teams {margin-bottom: 0} #team-hub .teams .team {background: #373737; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; overflow: hidden} #team-hub .team .header {background: -moz-linear-gradient(top, #373737 0%, #212121 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373737), color-stop(100%,#212121)); -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; padding: 18px 20px; width: 294px} #team-hub .team .header h3 {color: #2887d1; float: left; font-size: 20px; font-weight: bold} #team-hub .team .header .date {color: #aaa; display: block; float: right} #team-hub .team .team-photo {display: block; margin: 0 auto} #team-hub .team .content {padding: 10px 20px; height:450px;} #team-hub .athletes {color: #aaa; margin: 0} #team-hub .athletes li {border-bottom: 1px dotted #555; overflow: hidden; padding: 10px 0; width: 100%} #team-hub .athletes .last {border-bottom: none} #team-hub .athletes img {display: block; float: left; margin-right: 16px} #team-hub .athletes h4 {color: #ccc; font-size: 17px; font-weight: bold; margin-top: 6px} #team-hub .athletes h4 a {color: #ccc} #team-hub .athletes h5, #team-hub .athletes h5 a {color: #aaa; font-size: 11px} /* teams.html */ #athlete-updates {background: #282727 url('common/images/content-shadow-bg.png') repeat-y 179px 0; background:rgba(40,39,39,0.93); bottom: 0; color: #aeaeaf; font-size: 11px; left: 0; line-height: 14px; position: absolute; width: 1081px; min-height:32px; z-index: 10000} #athlete-updates a {color: #cd9c17} #athlete-updates .updates {background: url('common/images/content-shadow-bg.png') repeat-y 228px 0; overflow: hidden; padding: 0 60px 0 100px; width: 921px} #athlete-updates .updates h2 {float: left; font-size: 10px; padding: 11px 0; width: 79px} #athlete-updates .all-updates {display: block; float: left; font-size: 12px; font-weight: bold; padding: 11px 14px; width: 21px} #athlete-updates .all-updates-open {background: #fff} #athlete-updates .all-updates span {background: url('common/images/ico-all.png') no-repeat 0 -4443px; padding-left: 14px} #athlete-updates .all-updates-open span {background-position: 0 -4502px} #athlete-updates ul {float: left; margin-bottom: 0; padding: 11px} #athlete-updates ul .date {display: none} #athlete-updates ul a {background: url('common/images/ico-all.png') no-repeat 0 -4563px; display: block; padding-left: 24px} #athlete-updates .rss {background: url('common/images/ico-all.png') no-repeat 100% -4614px; color: #fff; display: block; float: right; padding: 11px 22px 11px 0; text-transform: uppercase} #athlete-news-modal {background: #fff; background: rgba(255,255,255,0.93); border-top-left-radius: 5px; border-top-right-radius: 5px; bottom: 36px; left: 179px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; padding: 8px 24px 11px 25px; position: absolute; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; width: 402px} #athlete-news-modal ul {padding: 0; width: 100%} #athlete-news-modal li {border-bottom: 1px solid #b7b7b7; overflow: hidden; padding: 11px 0 12px; width: 100%} #athlete-news-modal ul .date {color: #918e8e; display: block; float: right; font-size: 11px; margin: 0 4px 0 20px} #athlete-news-modal ul a {background-position: 0 -4687px; margin-left: 4px} #individual-team #nav-feature {margin-bottom: 0} #individual-team #nav-feature a {left: 47px; top: 321px} #individual-team #nav-feature .next a {left: auto; right: 47px} #individual-team #content .column-main {width: 756px} #individual-team #content .column-aside {width: 226px} #individual-team #content .secondary-row .column-main {width: 668px} #individual-team #content .secondary-row .column-aside {width: 314px} #individual-team #content .section {margin-bottom: 9px} #individual-team .bio {background: #eee; border-radius: 5px; -moz-border-radius: 5px; padding: 23px 0 24px 26px; -webkit-border-radius: 5px; zoom:1;} #individual-team .bio .primary {float: left; width: 420px} #individual-team .bio .header {margin-bottom: 14px; overflow: hidden; position: relative; width: 100%} #individual-team .bio .header h2 {color: #0560a7; float: left; font-size: 25px; font-weight: bold; line-height: 27px; margin-right: 100px} #individual-team .bio .header .btn-official-site {background: #2887d1; font-size: 10px; padding: 3px 10px 2px; position: absolute; right: 0; top: 2px} #individual-team .bio .primary img {display: block; margin-bottom: 20px} #individual-team .bio .primary p:last-child {margin-bottom: 0} #individual-team .bio .secondary {float: right; font-size: 11px; width: 289px} #individual-team .bio .secondary h3 {color: #363636; font-size: 14px; font-weight: bold; line-height: 20px; margin: 0 0 8px 10px; text-transform: uppercase} #individual-team .bio .secondary table {color: #363636; margin-bottom: 0; width: 100%} #individual-team .bio .secondary .stripe .odd {background-color: #e4e4e4} #individual-team .bio .secondary .stripe .even {background-color: #eee} #individual-team .bio .secondary th, #individual-team .bio .secondary td {border-bottom: 1px solid #d6d6d6} #individual-team .bio .secondary th {border-right: 1px dotted #bdbcba; color: #0560a7; font-weight: bold; white-space: nowrap} #individual-team .bio .secondary .first th, #individual-team .bio .secondary .first td {background: url('common/images/tr-top-shadow-bg.png') repeat-x} #individual-team .athletes {background: #2c2c2c; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px} #individual-team .athletes .section-header {background: #363636; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0 20px 6px 16px; zoom:1;} #individual-team .athletes .hdr-drivers {float: left} #individual-team .athletes .nav-pager {float: right; font-size: 13px; font-weight: bold; list-style: none; margin: 10px 0 0} #individual-team .athletes .nav-pager li {float: left; margin-left: 10px} #individual-team .athletes .nav-pager a {color: #fff} #individual-team .athletes .nav-pager .current a {color: #2887d1} #individual-team .athletes .section-content {-moz-box-shadow: inset 0px 5px 5px -3px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0px 5px 5px -3px rgba(0,0,0,0.5); box-shadow: inset 0px 5px 5px -3px rgba(0,0,0,0.5); padding: 21px 22px 21px 30px; position: relative} #individual-team .athletes .scroller li {background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; height: 188px; margin-right: 10px; padding-top: 10px; width: 166px} #individual-team .athletes .scroller .figure {background: url('common/images/drivers-shadow-bg.png') repeat-x 0 100%; height: 139px; overflow: hidden; padding: 0 10px} #individual-team .athletes .scroller .content {line-height: 14px; padding: 7px 16px 0} #individual-team .athletes .scroller h3 {font-size:12px; padding-bottom:3px;} #individual-team .athletes .scroller h4 {color: #8c8c8c; font-size: 11px} #individual-team .athletes .nav-scroller a {background-position: -56px -87px; height: 34px; left: -6px; margin-top: -17px; position: absolute; width: 34px} #individual-team .athletes .nav-scroller .next a {background-position: -90px -87px; left: auto; right: -6px} #individual-team .media {background: #363636; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 505px} #individual-team .media-feature {float: left; height: 234px; width: 314px} #individual-team .media .thumbs {background: url('common/images/content-shadow-bg.png') repeat-y; float: right; height: 216px; padding: 13px 0 5px 18px; position: relative; width: 173px} #individual-team .media .thumbs .scroller-wrapper {height: 216px; z-index: 100} #individual-team .media .thumbs .scroller li {background: url('common/images/ico-all.png') no-repeat 0 -4687px; float: left; height: 63px; margin-right: 9px; overflow: hidden; padding-bottom: 9px; width: 74px} #individual-team .media .thumbs .scroller a {background: #363636; display: block; height: 63px; position: relative; width: 74px} #individual-team .media .thumbs .scroller .video, #individual-team .media .thumbs .scroller .photo {background: #363636 url('common/images/ico-all.png') no-repeat 3px -1456px; bottom: 0; display: block; height: 12px; overflow: hidden; position: absolute; right: 0; text-indent: -9999px; width: 12px} #individual-team .media .thumbs .scroller .photo {background-position: 3px -1515px} #individual-team .media .nav-scroller a {background-position: -56px -121px; height: 12px; left: 50%; margin-left: -10px; top: -5px; width: 22px} #individual-team .media .nav-scroller .next a {background-position: -78px -131px; bottom: -5px; top: auto} #individual-team .events-listing {width: 242px} #individual-team .events-listing .section-header {background: #ddd; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 22px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; padding: 14px 0 0 25px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px} #individual-team .events-listing .section-content {background: #eee url('common/images/tr-top-shadow-bg.png') repeat-x; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 181px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; padding: 17px 15px 0; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px} #individual-team .product-listing .section-header {background: #ddd; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 28px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; padding: 16px 0 0 16px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px} #individual-team .product-listing .section-content {background: #eee url('common/images/tr-top-shadow-bg.png') repeat-x; height:1014px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; overflow: hidden; padding: 20px 7px 0; position: relative; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px} #individual-team .products {margin-bottom: 0} #individual-team .products li {height: 135px; margin-bottom: 10px} #individual-team .products .photo {padding-top: 20px; position: relative} #individual-team .products .photo, #individual-team .products img {display: block; margin: 0 auto} #individual-team .products .details {background: #fff url('common/images/product-shadow-vert-bg.png') no-repeat 0 131px; border: 1px solid #d7d7d7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px rgba(0,0,0,0.1); display: none; font-size: 11px; height: 123px; line-height: 16px; margin: -1px 0 0 6px; overflow: hidden; padding: 160px 8px 0 14px; position: absolute; width: 176px; z-index: 1000} #individual-team .products .alt .details {height: 105px; margin-top: 13px; padding: 18px 8px 160px 14px} #individual-team .products .details .photo {display: block; height: 115px; left: 0; padding-top: 0; position: absolute; top: 20px; width: 100%} #individual-team .products .alt .details .photo {bottom: 14px; top: auto} #individual-team .products .details .photo img {margin: 0 auto} #individual-team .products .details h3 {font-size: 18px; font-weight: bold; line-height: 20px; margin-bottom: 3px} #individual-team .products .details .actions li {height: auto; margin-right: 3px} #individual-team .products .details .button {font-size: 10px; line-height: 20px; padding: 3px 8px 2px} #individual-team .products .details .btn-buy-online-small .button {background: #df0403} #individual-team .products .details .btn-buy-online-small .button:hover {background: #b70000} #individual-team .products .details .close {background: url('common/images/ico-all.png') no-repeat 2px -219px; display: block; height: 13px; overflow: hidden; position: absolute; right: 5px; text-indent: -9999px; top: 5px; width: 13px} #individual-team .notable-performances {float: left; width: 514px} #individual-team .notable-performances .section-header {background: #ddd; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 32px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; padding: 8px 0 0 18px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px} #individual-team .notable-performances .section-content {background: #eee url('common/images/tr-top-shadow-bg.png') repeat-x; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 256px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; padding: 16px 18px 0; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px} #individual-team .notable-performances ul {font-size: 11px; line-height: 15px; margin: 0} #individual-team .notable-performances li {margin-bottom: 14px; overflow: hidden; width: 100%} #individual-team .notable-performances h4 {background: #f5e100; color: #363636; float: left; font-size: 12px; font-weight: bold; line-height: 12px; margin-bottom: 6px; padding: 7px 10px; text-transform: uppercase} #individual-team .notable-performances .location {clear: both; color: #0560a7; display: block; font-weight: bold; margin-bottom: 3px} #individual-team .notable-performances p {margin-bottom: 5px} #individual-team .notable-performances .watch {background: #2887d1; border-radius: 5px; color: #fff; display: inline-block; font-size: 11px; font-weight: bold; line-height: 26px; -moz-border-radius: 5px; padding: 0 10px; text-transform: uppercase; -webkit-border-radius: 5px} #individual-team .trophy-case {background: #1f1f1f url('common/images/team/trophy-case-bg.jpg') no-repeat; color: #fff; float: right; font-size: 11px; height: 237px; line-height: 14px; overflow: hidden; padding: 49px 16px 26px 25px; width: 193px} #individual-team .trophy-case .section-content {height: 227px; padding-top: 10px} #individual-team .trophy-case ul {margin-bottom: 0} #individual-team .trophy-case li {background: url('common/images/ico-all-trans.png') no-repeat -42px -248px; margin-bottom: 14px; min-height: 31px; padding-left: 32px} .lte6 #individual-team .trophy-case li {height: 31px} #individual-team .trophy-case h4 {color: #fff; font-size: 11px; line-height: 14px} #individual-team .trophy-case .award {display: block} #individual-team .trophy-case .jScrollPaneTrack {background: #363636; background: rgba(54, 54, 54, 0.6)} #individual-team .trophy-case .jScrollPaneDrag {background: #7c7c7c url(../../images/motorsport/structure/btn-scrollbar.png) no-repeat 0 50%; position: relative} #individual-team .trophy-case .jScrollPaneDragTop, #individual-team .trophy-case .jScrollPaneDragBottom {background: url(../../images/motorsport/structure/btn-scrollbar.png) no-repeat -10px 0; height: 13px; left: 0; overflow: hidden; position: absolute; top: 1px} #individual-team .trophy-case .jScrollPaneDragBottom {background: url(../../images/motorsport/structure/btn-scrollbar.png) no-repeat -20px 100%; bottom: 1px; top: auto} #individual-team .social .section-header {background: #eee} #individual-team .social .section-header a {background-position: 0 -4809px; color: #2b77a7} #individual-team .social .section-header .first a {background: none} #individual-team .social .section-header .current a {color: #666161} #individual-team .social .indicator {background-position: 0 -4898px; height: 7px; margin-left: -7px; width: 14px} #individual-team .social .section-content {background: #0560a7; color: #f0f4e6; height: 274px} #individual-team .social .connect {border-top: 1px solid #5090c2; font-size: 17px; line-height: 17px} #individual-team .social .connect li {background: none; border-bottom-color: #5090c2; -moz-box-shadow: inset 0px -10px 10px -5px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0px -10px 10px -5px rgba(0,0,0,0.1); box-shadow: inset 0px -10px 10px -5px rgba(0,0,0,0.1)} #individual-team .social .connect a {color: #f0f4e6; background-position: 274px -4942px} #individual-team .social .connect strong {padding: 16px 0 13px 63px} #individual-team .social .connect .rss strong {background-position: 34px -5006px} #individual-team .social .connect .twitter strong {background-position: 27px -5069px} #individual-team .social .connect .events strong {background-position: 30px -5137px} #individual-team .social .connect .site strong {background-position: 29px -5205px} #individual-team #content #video-player .video-wrapper {height: 169px; width: 314px} #individual-team #content #video-player .video-wrapper .view-youtube {background: url('common/images/video-bg.png') no-repeat -624px 0; right: 0; width: 59px} #individual-team #colorbox #video-player {margin-top: 0} #individual-team #video-player .video-header {background-position: -701px 0; margin-left: 8px; width: 306px} #individual-team #content #video-player .video-header .view-all {background: url('common/images/video-bg.png') no-repeat -1216px 0; right: 10px; width: 98px} /* others */ #nav-global .global-sub .hdr-dont-have-account, #nav-global .global-sub .hdr-problems-signing-in, #nav-global .global-sub .hdr-show-us-yours { margin-bottom: 14px; } .js #signup-terms-conditions {display: none} .js #signup-terms-conditions .header {padding: 24px 26px 12px} .js #signup-terms-conditions .content {padding: 12px 26px 26px 30px} .js #signup-terms-conditions .wrapper {height: 366px; overflow: auto} #signup-terms-conditions h3 {font-size: 26px; font-weight: bold; line-height: 26px; text-transform: uppercase} .hdr-products-section-current {background-position: -88px -28px; height: 40px; width: 83px} .hdr-products-section {background-position: -171px -28px; height: 40px; width: 83px} .hdr-events-current {background-position: -254px -28px; height: 40px; width: 59px} .hdr-events {background-position: -313px -28px; height: 40px; width: 59px} .hdr-on-the-horizon {background-position: 0 -84px; height: 20px; width: 133px} .hdr-upcoming-events {background-position: -133px -84px; height: 18px; width: 151px} .hdr-past-events {background-position: -284px -84px; height: 20px; width: 121px} .hdr-similar-scenes {background-position: -126px -68px; height: 12px; width: 104px} .hdr-mix-our-media {background-position: -230px -68px; height: 11px; width: 146px} .hdr-what-everyone-saying {background-position: 0 -104px; height: 27px; width: 323px} .hdr-share-thoughts-elsewhere {background-position: 0 -131px; height: 87px; width: 259px} .hdr-store-always-open {background-position: -259px -131px; height: 41px; width: 244px} #product-hub #content, #store-hub #content {background: url(../../images/motorsport/structure/bg-content-product-hub.jpg) no-repeat} #media-hub #content, #individual-media #content {background: url(../../images/motorsport/structure/bg-content-media-hub.jpg) no-repeat} #event-hub #content, #individual-event #content {background: url(../../images/motorsport/structure/bg-content-event-hub.jpg) no-repeat} #product-hub #nav .nav-products a, #individual-product #nav .nav-products a {background-position: -116px -82px} #media-hub #nav .nav-media a, #individual-media #nav .nav-media a {background-position: -199px -82px} #event-hub #nav .nav-events a, #individual-event #nav .nav-events a {background-position: -258px -82px} #store-hub #nav .nav-find-stores a {background-position: -323px -82px} #event-hub .meta .date {padding-left: 0} #individual-media #content #video-player .video-header {background-position: -684px 0} #individual-media #content #video-player .video-wrapper {background-position: -1324px 100%} #media-hub .media-listing {float: left; width: 995px} #media-hub .media-listing li {float: left; margin: 0 7px 7px 0; width: 192px} #media-hub .media-listing .filter-items {background: #363636; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 361px; padding: 20px 0 10px} #media-hub .media-listing .filter-items .hdr-mix-our-media {margin: 0 0 12px 14px} #media-hub .media-listing .filter-items form {background: url(../../images/motorsport/structure/bg-filter-shadow.png) repeat-x; padding-top: 13px} #media-hub .media-listing .filter-items .filter {background: url(../../images/motorsport/structure/bg-filter-shadow.png) repeat-x 0 100%; padding: 8px 0 16px 14px} #media-hub .media-listing .filter-items h2 {border-bottom: 1px dotted #4f4d4c; color: #fff; font-size: 15px; font-weight: bold; padding-bottom: 4px} #media-hub .media-listing .filter-items li {border-bottom: 1px solid #4a4a4a; float: none; margin: 0; padding: 3px 0; width: 178px} #media-hub .media-listing .filter-items .last {margin-bottom: 0} #media-hub #filter-media #filter {margin-left: 16px} .js #media-hub #filter-media #filter {display: none} #media-hub .media-listing .featured {width: 391px} #media-hub .media-listing a {border: 10px solid #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: block; overflow: hidden; position: relative} #media-hub .media-listing img {display: block} #media-hub .media-listing .title {background: url(../../images/motorsport/structure/bg-media-title-hover.png); bottom: 0; color: #fff; display: none; font-size: 10px; font-weight: normal; height: 45px; left: 0; line-height: 15px; overflow: hidden; padding: 16px; position: absolute; text-transform: uppercase; width: 140px; z-index: 101} #media-hub .media-listing .featured .title {height: 85px; width: 339px} #media-hub .media-listing .title span {display: block; height: 45px; overflow: hidden} #media-hub .media-listing .featured .title span {height: 85px} #media-hub .media-listing .video-overlay {background: url(../../images/motorsport/structure/bg-video-overlay.png) no-repeat 50% 50%; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100} #media-hub .media-listing .type {background: #eee; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; bottom: 0; display: block; height: 27px; overflow: hidden; position: absolute; right: 0; text-indent: -9999px; width: 29px; z-index: 1000} #media-hub .media-listing .type span {background: url(../../images/motorsport/structure/ico-all.png) no-repeat; display: block; height: 15px; left: 10px; position: absolute; top: 10px; width: 15px} #media-hub .media-listing .type .video {background-position: 0 -3014px} #media-hub .media-listing .type .photo {background-position: 0 -3079px} #media-hub .section-footer {background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px} #individual-media .bread-crumbs .back a {background-position: 0 -3142px} #individual-media .full-two-col {margin-bottom: 17px} #individual-media .full-two-col .column-main {padding: 26px 0 41px 26px; width: 640px} #individual-media .full-two-col h1 {color: #0560a7; font-size: 24px; font-weight: bold; line-height: 30px; margin-bottom: 15px} #individual-media .full-two-col .media-item {margin-bottom: 20px} #individual-media .full-two-col .media-item img {display: block} #individual-media .full-two-col .column-aside {padding: 47px 0 25px; width: 284px} #individual-media .full-two-col .share-this {margin-bottom: 16px} #individual-media .full-two-col .share-this .btn-share-this {background: #2887d1; padding: 3px 14px} #individual-media .full-two-col .share-this .like {border-left: 1px dotted #bdbcba; display: inline-block; height: 26px; margin-left: 11px; padding-left: 9px} #individual-media .full-two-col .share-this .like .fb_edge_widget_with_comment {background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 28px; padding-left: 7px} #individual-media .full-two-col .share-this .like .fb_edge_widget_with_comment span {top: 4px} #individual-media .full-two-col .description {background: url(../../images/motorsport/structure/bg-secondary-content-shadow.png) no-repeat 0 100%; margin-bottom: 18px; padding: 0 25px 28px 0} #individual-media .multiple-scrollers {width: 259px} #individual-media .multiple-scrollers .section-header {background: #0560a7; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative} #individual-media .multiple-scrollers .nav-tabs a {background: url(../../images/motorsport/structure/bg-content-shadow.png) repeat-y; color: #fff; font-size: 11px; font-weight: bold; line-height: 37px; padding: 0 9px 0 12px; text-transform: uppercase} #individual-media .multiple-scrollers .nav-tabs .first a {background: none} #individual-media .multiple-scrollers .nav-tabs .current a {color: #f5e100} #individual-media .multiple-scrollers .section-content {background: #fff url(../../images/motorsport/structure/bg-first-tr-top-shadow.png) repeat-x; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-bottom: 20px; position: relative} #individual-media .multiple-scrollers .tabs {padding: 8px 15px 15px} .js #individual-media .multiple-scrollers .scroller-wrapper {height: 191px; overflow: hidden; position: relative} #individual-media .multiple-scrollers .indicator {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 0px -3218px; display: block; height: 7px; margin-left: -7px; position: absolute; top: 30px; width: 14px} #individual-media .multiple-scrollers .nav-scroller a {background-position: 0 -61px; bottom: 0; height: 27px; margin: 0 0 -7px; right: 41px; top: auto; width: 27px} #individual-media .multiple-scrollers .nav-scroller .prev a {background-position: -27px -61px; right: 14px} #individual-media .multiple-scrollers .nav-scroller a:hover {background-position: 0px -88px} #individual-media .multiple-scrollers .nav-scroller .prev a:hover {background-position: -27px -88px} #individual-media #comments .section-header {background: #fff; padding: 21px 26px 0} #individual-media #comments .section-header .hdr-what-everyone-saying {margin-bottom: 13px} #individual-media #comments .section-header .nav-tabs a {background: #f0f0f0 url(../../images/motorsport/structure/ico-all.png) no-repeat 15px -3261px; color: #827f7f; display: block; font-size: 11px; font-weight: bold; padding: 12px 20px 6px 35px; text-transform: uppercase} #individual-media #comments .section-content {background: #f0f0f0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: 0; padding: 12px 20px 20px} #individual-media #comments .section-content .section-content {background: #fff url(../../images/motorsport/structure/bg-comments.png) repeat-y 684px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 9px; padding: 0} #individual-media #comments .section-content .last .section-content {margin-bottom: 0} #individual-media #comments .section-content .column-main {width: 632px} #individual-media .share-comment {background: url(../../images/motorsport/structure/bg-media-share-shadow.png) no-repeat 560px 50%} #individual-media #add-comment {padding-top: 32px; width: 508px} #individual-media #add-comment .secondary {float: left; width: 493px} #individual-media #add-comment textarea {width: 475px} #individual-media .share-thoughts {color: #eee; padding: 54px 27px 0 23px; width: 380px} #individual-media .share-thoughts .hdr-share-thoughts-elsewhere {margin: 0 0 20px 7px} #individual-media .share-thoughts .share {margin-bottom: 0} #individual-media .share-thoughts .share li {border-bottom: 1px dotted #8f8f8f} #individual-media .share-thoughts .share a {background: url(../../images/motorsport/structure/ico-all.png) no-repeat; color: #fff; display: block; font-size: 14px; line-height: 32px; padding-left: 40px} #individual-media .share-thoughts .share .twitter a {background-position: 7px -3329px} #individual-media .share-thoughts .share .Youtube a {background-position: 10px -3395px} #individual-media .share-thoughts .share .facebook a {background-position: 10px -3463px} #individual-media .share-thoughts .share .Flickr a {background-position: 10px -3531px} #product-hub #content .column-main {width: 772px} #product-hub .sort, #product-hub .pagination {background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 14px; margin-bottom: 7px; overflow: hidden; padding: 15px 13px 15px 15px; width: 736px} #product-hub .pagination {float: left; padding: 7px 13px 7px 15px} #product-hub .sort .results em, #product-hub .pagination .total {color: #6d695f; display: block; float: left} #product-hub .sort .results em strong, #product-hub .pagination .total strong {color: #0560a7} #product-hub .sort .results .start-over {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 0 -1771px; display: block; float: right; font-size: 12px; padding-left: 16px; position: relative; text-transform: uppercase; top: 2px} #product-hub .product-listing {margin: 0; overflow: hidden; width: 100%} #product-hub .product-listing li {background: #eee url(../../images/motorsport/structure/bg-product-listing-shadow.png) no-repeat 50% 166px; border-radius: 5px; float: left; height: 218px; margin: 0 7px 7px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 186px} #product-hub .product-listing .featured {background-position: 50% 311px; height: 443px; width: 378px} #product-hub .product-listing .photo {display: block; height: 156px; overflow: hidden; padding-top: 10px; position: relative; width: 186px} #product-hub .product-listing .featured .photo {height: 291px; width: 378px} #product-hub .product-listing .photo img {display: block; margin: 0 auto} #product-hub .product-listing h2 {font-weight: normal; height: 52px} #product-hub .product-listing h2 a {display: block; font-size: 12px; height: 35px; line-height: 15px; overflow: hidden; padding: 17px 5px 0; text-align: center; width: 176px} #product-hub .product-listing .featured .product-wrapper {padding: 0 13px 0 26px} #product-hub .product-listing .featured h2 {font-weight: bold; height: auto; margin-bottom: 6px} #product-hub .product-listing .featured h2 a {font-size: 18px; height: auto; line-height: 20px; padding: 22px 0 0; text-align: left; text-transform: uppercase; width: 100%} #product-hub .product-listing .featured p {color: #6d695f; font-size: 11px; line-height: 18px} #product-hub .product-listing .featured .actions {float: right; width: auto} #product-hub .product-listing .featured .actions li {background: none; float: left; height: auto; margin: 0 0 0 3px; width: auto} #product-hub .product-listing .featured .actions a {font-size: 12px} #product-hub .product-listing .featured .actions .btn-buy-online a {background: #df0403} #product-hub .product-listing .featured .actions .btn-buy-online a:hover {background: #b70000} #product-hub #content .column-aside {background: #363636; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 218px} #product-hub .filter-items .section-header {padding: 19px 16px 17px} #product-hub .filter-items .section-content {background: url(../../images/motorsport/structure/bg-filter-shadow.png) repeat-x; padding: 15px 0} #product-hub .filter-items .filter {background: url(../../images/motorsport/structure/bg-filter-shadow.png) repeat-x 0 100%; padding: 5px 0 25px 19px} #product-hub .filter-items .filter h2 {border-bottom: 1px dotted #4f4d4c; color: #fff; font-size: 15px; font-weight: bold; padding-bottom: 4px} #product-hub .filter-items .filter .forms {margin-bottom: 0} #product-hub .filter-items .filter .forms li {border-bottom: 1px solid #4a4a4a; padding: 3px 0} #product-hub .filter-items .filter .forms .last {border-bottom: none} #product-hub .filter-items .buttons {margin: 10px 0 0 19px} #product-hub .filter-items .buttons button {background: #016bbe; border: none; border-radius: 5px; color: #fff; font-size: 11px; font-weight: bold; -moz-border-radius: 5px; padding: 6px 8px 4px; text-transform: uppercase; -webkit-border-radius: 5px} #product-hub .filter-items .buttons button:hover {background: #0560a7} #individual-product #feature-container {position: relative} #individual-product #feature {height: 613px; -moz-user-select: none; overflow: hidden; position: relative; -webkit-user-select: none; width: 100%} #individual-product #feature .feature-image {display: block; left: 0; position: absolute; top: 0} #individual-product #feature .preview {background: rgb(255,255,255); background: rgba(255,255,255,0.6); border-radius: 5px; bottom: 28px; display: block; height: 156px; left: 45px; -moz-border-radius: 5px; overflow: hidden; padding: 8px; position: absolute; -webkit-border-radius: 5px; width: 134px} #individual-product #feature .preview img {display: block; left: 0; position: absolute; top: 0; z-index: 10} #individual-product #feature .preview .indicator {background: #fff; border-radius: 5px; cursor: move; display: block; height: 20px; left: 0; margin: 8px; -moz-border-radius: 5px; position: absolute; top: 0; -webkit-border-radius: 5px; width: 132px; z-index: 100} #individual-product #feature .details {line-height: 18px; position: absolute; right: 71px; top: 238px} #individual-product #feature .details-inner {background: rgb(255,255,255); background: rgba(255,255,255,.85); border-radius: 5px; border-top-right-radius: 0; box-shadow: 0 0 5px rgba(0,0,0,.18); -moz-border-radius: 5px; -moz-border-radius-topright: 0; -moz-box-shadow: 0 0 5px rgba(0,0,0,.18); padding: 25px 21px 20px 21px; position: relative; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 0; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.18); width: 247px; z-index: 10001} #individual-product #feature .details h1 {color: #0560a7; font-size: 20px; font-weight: bold; line-height: 24px; margin-bottom: 4px; text-transform: uppercase} #individual-product #feature .details h2 {background: #fff url(../../images/motorsport/structure/ico-all.png) no-repeat 9px -1897px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #8c8b8b; font-size: 10px; font-weight: bold; line-height: 27px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; padding: 0 13px 0 38px; position: absolute; right: 0; text-transform: uppercase; top: -27px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; z-index: 10000} #individual-product #feature .details p {font-size: 11px; line-height: 16px;} #individual-product #feature .details .actions {margin-bottom: 0} #individual-product #feature .details .actions li {margin-right: 5px} #individual-product #feature .details .actions .btn-buy-online-small a {background: #df0403} #individual-product #feature .details .actions .btn-buy-online-small a:hover {background: #b70000} #individual-product #feature-container .bread-crumbs {left: 44px; position: absolute; top: 127px} #nav-product {background: #363636 url(../../images/motorsport/structure/bg-nav-product.png) repeat-x; padding: 0 45px 7px; position: relative; width: 991px} #nav-product ul {float: left; margin-bottom: 0; width: 100%} #nav-product li {float: left} #nav-product .nav-product-gallery {margin-right: 323px} #nav-product ul a {background: url(../../images/motorsport/structure/nav-product.png) no-repeat; display: block; height: 40px; overflow: hidden; text-indent: -9999px} #nav-product .nav-get-acquainted a {width: 145px} #nav-product .nav-product-gallery a {background-position: -145px 0; width: 140px} #nav-product .nav-get-acquainted .current {background-position: 0 -40px} #nav-product .nav-product-gallery .current {background-position: -145px -40px} #nav-product .indicator {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 0 -2106px; display: block; height: 7px; left: 112px; margin-left: -7px; position: absolute; top: -7px; width: 13px; z-index: 100001} #nav-product ul .feature {background: rgb(239,239,239) url(../../images/motorsport/structure/bg-content-shadow.png) repeat-y 670px 0; background-color: rgba(239,239,239,0.85); border-top: 1px solid #e8e8e8; bottom: 47px; left: 0; margin-bottom: 0; padding: 2px 60px 13px 93px; position: absolute; width: 928px; z-index: 10003} .lte7 #nav-product .feature {background-color: #fff; height: auto} #nav-product ul .feature a {background: none; display: inline; height: auto; overflow: visible; text-indent: 0} #nav-product ul .nav-product-gallery .scroller-wrapper {float: left; overflow: hidden; position: relative; width: 534px} .js #nav-product ul .nav-product-gallery .scroller-wrapper {height: 72px} #nav-product ul .nav-product-gallery .scroller {background: url(../../images/running/structure/bg-product-gallery-no-image.png) repeat-x 3px 8px; float: none; overflow: hidden; position: relative} #nav-product ul .nav-product-gallery .scroller li {background: url(../../images/running/structure/bg-product-gallery-thumb.png) no-repeat -93px 0; height: 56px; padding: 10px 11px 6px 5px; position: relative} #nav-product ul .nav-product-gallery .scroller .current {background-position: 0 0} #nav-product ul .nav-product-gallery .scroller a {display: block; height: 56px; overflow: hidden; position: relative; width: 73px} #nav-product ul .nav-product-gallery .scroller img {display: block; left: -25%; margin: -28px 0 0 -36px; position: absolute; top: -25%} #nav-product ul .nav-product-gallery .scroller .no-product img {margin: 0; position: static} #nav-product ul .nav-product-gallery .scroller .no-product .overlay {left: 5px; top: 4px} #nav-product ul .nav-product-gallery .scroller .loading {background: #ced8ce url(../../images/running/structure/gallery-loading.gif) no-repeat 2px 2px; border-radius: 5px; height: 31px; left: 50%; margin: -14px 0 0 -20px; -moz-border-radius: 5px; overflow: hidden; padding: 2px; position: absolute; text-indent: -9999px; top: 50%; -webkit-border-radius: 5px; width: 31px} #nav-product ul .nav-product-gallery .scroller .overlay {background: url(../../images/running/structure/bg-product-gallery-overlay.png) repeat-y; height: 56px; left: 0; position: absolute; top: 0; width: 73px} #nav-product ul .nav-product-gallery .scroller a:hover .overlay {background-position: -73px 0} #nav-product ul .nav-product-gallery .scroller .current .overlay {display: none} #nav-product ul .nav-product-gallery .nav-scroller {float: none; width: auto} #nav-product ul .nav-product-gallery .nav-scroller a {background: url(../../images/golf/structure/btn-scroller-nav.png) no-repeat 0 -34px; display: block; height: 24px; left: 61px; margin-top: -12px; overflow: hidden; position: absolute; text-indent: -9999px; top: 50%; width: 24px} #nav-product ul .nav-product-gallery .nav-scroller .next a {background-position: -24px -34px; left: 629px} #nav-product ul .nav-product-gallery .description {color: #383535; float: left; font-size: 11px; line-height: 18px; margin: 16px 0 0 63px; width: 200px} #nav-product ul .nav-product-gallery .description h2 {color: #5c6062; font-size: 12px; font-weight: bold; text-transform: uppercase} #nav-product ul .main-feature {background: #bebebe url(../../images/running/structure/bg-product-gallery-backdrop.jpg) no-repeat; border: none; height: 613px; padding: 0; width: 1081px; z-index: 10002} #individual-product #content {background: #eee; padding: 0} #individual-product .triple-columns {background: url(../../images/golf/structure/bg-content-shadow.png) repeat-y 402px 0; padding: 28px 0} #individual-product .triple-columns .column-main {padding: 5px 20px 0 60px; width: 322px} #individual-product .triple-columns .intro h2 {color: #0560a7; font-size: 30px; font-weight: bold; line-height: 32px; margin-bottom: 5px} #individual-product .triple-columns .intro p {margin-right: 15px} #individual-product .intro .actions {margin-bottom: 27px; overflow: visible} #individual-product .intro .actions li {height: auto; margin-right: 5px; width: auto} #individual-product .intro .actions .btn-find-in-stores, #individual-product .intro .actions .btn-buy-online {padding-bottom: 20px} #individual-product .intro .actions .btn-buy-online a {background: #df0403} #individual-product .intro .actions .btn-buy-online a:hover {background: #b70000} #individual-product .intro .actions .btn-share-product {background: url(../../images/motorsport/structure/bg-product-share-shadow.png) no-repeat 50% 0; clear: both; float: none; margin: 0; padding-top: 18px; width: 100%} #individual-product .intro .actions .btn-share-product .like {border-left: 1px dotted #bdbcba; display: inline-block; height: 28px; margin-left: 10px; padding-left: 9px} #individual-product .intro .actions .btn-share-product .like .fb_edge_widget_with_comment {background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 28px; padding-left: 7px} #individual-product .intro .actions .btn-share-product .like .fb_edge_widget_with_comment span {top: 4px} #individual-product .hdr-pick-style, #individual-product .hdr-just-facts, #individual-product .hdr-in-depth, #individual-product .hdr-best-mixed, #individual-product .hdr-winning-races {background: url(../../images/motorsport/structure/ico-all.png) no-repeat; font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 10px; padding: 4px 0 4px 35px; text-transform: uppercase} #individual-product .hdr-pick-style {background-position: 0 -2163px} #individual-product .hdr-just-facts {background-position: 30px -2238px} #individual-product .hdr-in-depth {background-position: 30px -2312px} #individual-product .triple-columns .column-aside {padding: 0 32px 0 0; width: 337px} #individual-product .triple-columns .column-aside .section {margin-bottom: 9px} #individual-product .triple-columns .column-aside h3 {padding-left: 57px} #individual-product .triple-columns table {font-size: 11px; width: 100%} #individual-product .triple-columns .stripe tr {background-image: url(../../images/motorsport/structure/bg-content-shadow.png); background-repeat: repeat-y; border-bottom: none} #individual-product .triple-columns .first th, #individual-product .triple-columns .first td {background-image: url(../../images/motorsport/structure/bg-first-tr-top-shadow.png); background-repeat: repeat-x} #individual-product .triple-columns .stripe .even td {background-color: #e9e8e7} #individual-product .triple-columns .stripe .odd td {background-color: #dddddc} #individual-product .triple-columns th {border-right: 1px dotted #bab8b6; font-weight: bold; padding-left: 26px} #individual-product .triple-columns .more-info {font-size: 10px; text-align: right} #individual-product .triple-columns .price {color: #999; font-size: 15px} #individual-product .triple-columns .price em {color: #0560a7; font-style: normal} #individual-product .triple-columns .details td {border-bottom: 1px solid #d6d6d6; vertical-align: middle} #individual-product .triple-columns .details .ico {border-right: 1px dotted #bdbcba; padding: 10px 18px 7px 26px; text-align: center} #individual-product .triple-columns .column-aside .details .ico img {display: block} #individual-product .triple-columns .column-aside .details .description {width: 100%} #individual-product .triple-columns .column-secondary-aside {padding: 5px 0 0; width: 264px} #event-hub #content .column-main {background: #eee url(../../images/motorsport/structure/bg-content-shadow.png) repeat-y 496px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 739px} #event-hub .column-main .section {background: url(../../images/motorsport/structure/bg-first-tr-top-shadow.png) repeat-x 0 39px} #event-hub .column-main .section-header {background: #eee; height: 39px} #event-hub #content .column-main .primary {float: left; padding: 0 40px 25px 0; width: 456px} #event-hub .column-main .primary .section-header {-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; height: 29px; padding: 10px 0 0 27px} #event-hub .column-main .primary .section-content {padding: 20px 0 0 26px} #event-hub .column-main .primary .event {position: relative; padding-bottom: 26px} #event-hub .column-main .primary .event h3 {font-size: 26px; font-weight: bold; line-height: 28px; margin-bottom: 5px} #event-hub .column-main .primary .event h3 a {display: block} #event-hub .column-main .primary .event .actions li {margin-right: 5px} #event-hub .column-main .primary .event .actions a {background: #2887d1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; display: block; font-size: 11px; padding: 4px 12px; text-transform: uppercase} #event-hub .column-main .primary .event .actions .btn-rsvp-event-facebook a {background: #f32020} #event-hub .column-main .primary .expired {border-top: 4px solid #ccc; padding-top: 34px} #event-hub .column-main .primary .expired h3 {padding-left: 76px} #event-hub .column-main .primary .expired .event-passed {background: url(../../images/motorsport/structure/ico-all-trans.png) no-repeat 0 -133px; display: block; height: 64px; left: 2px; overflow: hidden; position: absolute; text-indent: -9999px; top: 21px; width: 64px} #event-hub .column-main .primary .related {border-bottom: 1px dotted #ccc; margin-bottom: 15px; overflow: hidden; padding-bottom: 8px; width: 100%} #event-hub .column-main .primary .related h3 {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 0 -1245px; border-bottom: 1px dotted #ccc; font-size: 12px; font-weight: bold; line-height: 20px; margin-bottom: 13px; padding: 3px 0 8px 26px; text-transform: uppercase} #event-hub .column-main .primary .related .gallery {float: left; margin: 0; width: 237px} #event-hub .column-main .primary .related .gallery li {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 0 -2507px; float: left; margin-right: 5px; padding-bottom: 11px; width: 74px} #event-hub .column-main .primary .related .gallery a {display: block; position: relative; width: 100%} #event-hub .column-main .primary .related .gallery img {display: block} #event-hub .column-main .primary .related .gallery .photo, #event-hub .column-main .primary .related .gallery .video {background: #eee url(../../images/motorsport/structure/ico-all.png) no-repeat 3px -1515px; bottom: 0; display: block; height: 12px; overflow: hidden; position: absolute; right: 0; text-indent: -9999px; width: 12px} #event-hub .column-main .primary .related .gallery .video {background-position: 3px -1456px} #event-hub .column-main .primary .related .articles {float: right; font-size: 11px; line-height: 13px; margin: 0; width: 179px} #event-hub .column-main .primary .no-media .articles {float: left} #event-hub .column-main .primary .related .articles li {border-bottom: 1px dotted #ccc} #event-hub .column-main .primary .related .articles .last {border-bottom: none} #event-hub .column-main .primary .related .articles a {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 0 -690px; display: block; padding: 9px 10px 9px 25px; width: 156px} #event-hub #content .column-main .secondary {float: right; width: 243px} #event-hub .column-main .secondary .section-header {-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; height: 27px; padding: 12px 0 0 18px} #event-hub .column-main .secondary .section-content {background: url(../../images/motorsport/structure/bg-events-scroller-btm-shadow.png) no-repeat 100% 100%; padding-bottom: 70px} #event-hub #content .column-main .secondary .section {background: none; padding: 10px 19px 0 22px; position: relative} #event-hub #content .column-main .secondary .past-events {background: url(../../images/motorsport/structure/bg-events-scroller-btm-shadow.png) no-repeat 0 0; padding: 23px 19px 0 22px} #event-hub #content .column-main .secondary .scroller-wrapper {width: 202px} #event-hub #content .column-main .secondary .past-events .scroller-wrapper {border-top: 2px solid #ccc; margin-top: 7px} #event-hub #content .column-main .secondary .scroller-wrapper .events .last {padding-bottom: 12px} .js #event-hub #content .column-main .secondary .scroller-wrapper {height: 383px} .js #event-hub #content .column-main .secondary .limited-events .scroller-wrapper {height: auto} #event-hub #content .column-main .secondary .nav-scroller a {background-position: 0 -60px; bottom: -8px; height: 27px; right: 41px; top: auto; width: 27px} #event-hub #content .column-main .secondary .nav-scroller .next a {background-position: -27px -60px; right: 14px} #event-hub #content .column-main .secondary .nav-scroller .prev a:hover {background-position: -54px -60px} #event-hub #content .column-main .secondary .nav-scroller .next a:hover {background-position: -81px -60px} #individual-event .full-two-col {background: #eee url(../../images/motorsport/structure/bg-full-col-dual-shadow.png) repeat-y 666px 0; margin-bottom: 9px} #individual-event .full-two-col .column-main {padding: 28px 0 28px 26px; width: 610px} #individual-event .full-two-col .summary {border-bottom: 1px solid #ccc; color: #0560a7; font-size: 26px; font-weight: bold; line-height: 28px; margin-bottom: 12px; padding: 0px 0px 12px} #individual-event .full-two-col .column-aside {padding-bottom: 13px; width: 324px} #individual-event .full-two-col .column-aside .social {-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; overflow: visible; padding: 29px 0 24px 31px; width: auto} #individual-event .full-two-col .column-aside .social li {margin-right: 5px} #individual-event .full-two-col .column-aside .social .btn-rsvp a {background: #e60100 url(../../images/motorsport/structure/ico-all.png) no-repeat 13px -2624px; padding-left: 43px} #individual-event .full-two-col .column-aside .social .btn-share {border-right: 1px dotted #b4b3b1; padding-right: 5px} #individual-event .full-two-col .column-aside .social .like {background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 24px; padding: 4px 0 0 7px} #individual-event .full-two-col .column-aside .section-header {background: url(../../images/motorsport/structure/bg-first-tr-top-shadow.png) repeat-x; padding: 23px 0 11px 31px} #individual-event .full-two-col .column-aside .hdr-event-details {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 0 -2695px; color: #363636; font-size: 14px; font-weight: bold; line-height: 23px; padding-left: 33px; text-transform: uppercase} #individual-event .full-two-col .column-aside .vevent {font-size: 11px; line-height: 16px; margin: 0} #individual-event .full-two-col .column-aside .vevent li {border-bottom: 1px solid #c8c8c8; overflow: hidden; position: relative} #individual-event .full-two-col .column-aside .vevent .first {background: url(../../images/motorsport/structure/bg-first-tr-top-shadow.png) repeat-x} #individual-event .full-two-col .column-aside .vevent .no-separator, #individual-event .full-two-col .column-aside .vevent .last, #individual-event .full-two-col .column-aside .vevent li li {border-bottom: none} #individual-event .full-two-col .column-aside .vevent .last {border-top: 1px solid #c8c8c8; margin: 0} #individual-event .full-two-col .column-aside .vevent .label {border-right: 1px dotted #b4b3b1; display: block; float: left; font-weight: bold; padding: 8px 5px 7px 31px; width: 89px} #individual-event .full-two-col .column-aside .vevent .detail {display: block; float: right; font-style: normal; padding: 8px 5px 7px 9px; width: 179px} #individual-event .full-two-col .column-aside .vevent .no-separator {padding-bottom: 208px} #individual-event .full-two-col .column-aside .vevent .map {background: url(../../images/motorsport/structure/bg-indiv-event-map.png) no-repeat; bottom: 11px; height: 181px; left: 20px; overflow: hidden; padding: 18px 15px 0; position: absolute; width: 264px} #individual-event .full-two-col .column-aside .vevent .map img {display: block} #individual-event .full-two-col .column-aside .vevent .map ul {float: right; margin: 10px 22px 0 0} #individual-event .full-two-col .column-aside .vevent .map ul li {float: left; margin: 0 0 0 12px} #individual-event .full-two-col .column-aside .vevent .map a {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 0 -2766px; display: block; padding-left: 10px} #individual-event .full-two-col .column-aside .vevent .map .larger a {background-position: 0 -2826px; padding-left: 12px} #individual-event .full-two-col .column-aside .vevent .last .actions li {float: right; margin: 12px 24px 0 0} #individual-event .full-two-col .column-aside .vevent .last .actions .btn-add-calendar a {background: #2887d1 url(../../images/motorsport/structure/ico-all.png) no-repeat 11px -2880px; line-height: 20px; padding-left: 33px} #individual-event .photos-videos {background: #dadada url(../../images/motorsport/structure/bg-first-tr-top-shadow.png) repeat-x; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; clear: both; padding: 9px 28px 8px 24px; position: relative} #individual-event .photos-videos h2 {border-bottom: 1px dotted #b1b0ae; color: #363636; font-size: 15px; font-weight: bold; line-height: 20px; padding-bottom: 7px; text-transform: uppercase} #individual-event .photos-videos .scroller-wrapper {margin: 13px 23px 13px 29px; width: 886px} #individual-event .photos-videos .scroller {float: left; margin: 0; position: relative} #individual-event .photos-videos .scroller li {float: left; margin-right: 9px} #individual-event .photos-videos .scroller a {border: 3px solid #fff; display: block} #individual-event .photos-videos .scroller img {display: block} #individual-event .photos-videos .nav-scroller a {background-position: 0 -87px; bottom: 5px; height: 104px; left: 18px; top: auto; width: 28px} #individual-event .photos-videos .nav-scroller a:hover {background-position: 0 -87px} #individual-event .photos-videos .nav-scroller .next a {background-position: -28px -87px; left: auto; right: 10px} #individual-event .photos-videos .nav-scroller .next a:hover {background-position: -28px -87px} #rsvp {background: #eee url(../../images/motorsport/structure/bg-rsvp.png) repeat-x; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 33px 24px 26px 27px; position: relative; width: 939px} #rsvp h2 {color: #5f5f5f; float: left; font-size: 16px; font-weight: bold; line-height: 43px; margin-bottom: 20px; text-transform: uppercase} #rsvp h2 strong {color: #e60100; font-size: 43px; font-weight: bold} #rsvp .num-rsvp {background: #fff url(../../images/motorsport/structure/ico-all.png) no-repeat 20px -2937px; box-shadow: 0 3px 5px rgba(0,0,0,0.2); font-size: 12px; font-weight: bold; line-height: 40px; -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2); padding: 0 41px 0 53px; position: absolute; right: 53px; top: 12px; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2)} #rsvp .primary-fields {border-right: 1px dotted #bdbcba; width: 507px} #rsvp .primary-fields li {float: left; margin: 0 14px 15px 0; position: relative; width: 239px} #rsvp .primary-fields .last {margin-bottom: 0} #rsvp .primary-fields .birth-date, #rsvp .primary-fields input {background: #ddd; border: none; border-radius: 5px; color: #262626; -moz-border-radius: 5px; padding: 7px 8px; -webkit-border-radius: 5px; width: 223px} #rsvp .primary-fields input {height: 20px} #rsvp .primary-fields .birth-date {padding: 5px 10px; width: 472px} #rsvp .primary-fields .infield {color: #262626; margin: 9px 0 0 9px} #rsvp .primary-fields .birth-date label {color: #565252; float: left; margin: 2px 10px 0 0} #rsvp .primary-fields .birth-date select {padding: 2px 0} #rsvp .secondary-fields {width: 417px} #rsvp .tertiary-fields {border: 1px dotted #bdbcba; border-width: 1px 0; padding: 10px 0; position: relative; width: 100%} #rsvp .tertiary-fields li {float: right; padding-right: 158px} #rsvp .tertiary-fields .buttons {float: none; padding: 0; position: absolute; right: 0; top: 6px} #rsvp .tertiary-fields .buttons button {background: #c60e17; padding: 3px 12px} #rsvp p {margin-bottom: 0} #individual-event .secondary-row .column-aside {width: 357px} #individual-event .secondary-row .give-shout {height: 108px} #individual-event .secondary-row .column-main {width: 624px} #individual-event .secondary-row .similar-scenes .section-header {background: #2887d1; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 23px; padding: 14px 0 0 22px} #individual-event .secondary-row .similar-scenes .section-content {background: #eee url(../../images/motorsport/structure/bg-first-tr-top-shadow.png) repeat-x; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 85px; padding: 13px 0 0 12px} #individual-event .secondary-row .similar-scenes .events {border: none; margin: 0; overflow: hidden; width: 100%} #individual-event .secondary-row .similar-scenes .events li {border-bottom: none; border-right: 1px solid #c2c2c2; float: left; padding: 10px; width: 165px} #individual-event .secondary-row .similar-scenes .events .last {border-right: none} #store-hub #refine-search {margin-bottom: 9px; position: relative} #store-hub .results-bar .section-content {padding-bottom: 11px} #store-hub .results-bar-open .section-content {padding-bottom: 0} #store-hub .btn-refine-search {background: #e70403 url(../../images/motorsport/structure/ico-all.png) no-repeat 100% -3598px; padding: 5px 33px 5px 15px; position: absolute; right: 12px; top: -17px; z-index: 100} #store-hub .btn-refine-search-closed {background-position: 100% -3659px} #store-hub .refine-search {background: #e70403 url(../../images/motorsport/structure/bg-refine-search.png) no-repeat 0 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 94px; padding: 39px 92px 0 26px; position: relative; width: 872px; z-index: 99} #store-hub .refine-search .location {float: left; width: 590px} #store-hub .refine-search .location h2 {color: #820c0b; font-size: 15px; font-weight: bold; text-transform: uppercase} #store-hub .refine-search .location input {background: #fff; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; height: 22px; margin: 2px 7px 0 0; padding: 2px 9px; width: 392px} #store-hub .refine-search .location .btn-search-for-stores {background: #a70706; float: left} #store-hub .refine-search .current-location {float: right; width: 255px} #store-hub .refine-search .current-location .or {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 100% -3774px; color: #8e0a0a; display: block; float: left; font-size: 14px; font-weight: bold; margin-top: 24px; padding-right: 12px; text-transform: uppercase} #store-hub .refine-search .current-location .btn-search-by-current-location {background: #9d0807; color: #ff0201; float: right; font-size: 14px; margin-top: 5px; padding: 8px 16px 6px; text-align: center} #store-hub .refine-search .current-location .btn-search-by-current-location span {background: url(../../images/motorsport/structure/ico-all.png) repeat-x 0 -3724px; color: #fff; display: block; font-size: 10px; line-height: 12px} #store-hub .refine-search .current-location .btn-search-by-current-location span em {background: #9d0807; display: inline; font-style: normal; padding: 0 4px} #store-hub .full-two-col {background: #fff} #store-hub .full-two-col .section-header {padding: 21px 25px 13px 27px} #store-hub .full-two-col .section-header h1 {color: #646363; float: left; font-size: 15px; line-height: 28px; text-transform: uppercase} #store-hub .full-two-col .section-header h1 strong {color: #e70403} #store-hub .full-two-col .section-header .btn-toggle-map {background: #959595 url(../../images/motorsport/structure/ico-all.png) no-repeat 100% -3889px; float: right; padding-right: 32px} #store-hub .full-two-col .section-header .btn-toggle-map-closed {background-position: 100% -3828px} #store-hub .full-two-col .filter {background: url(../../images/motorsport/structure/bg-search-results-filter.png) repeat-x; padding: 11px 25px 12px 26px} #store-hub .full-two-col .filter .hdr-viewing-results {background: #fff; -moz-box-shadow: rgba(0,0,0,0.3) -1px 1px 5px; -webkit-box-shadow: rgba(0,0,0,0.3) -1px 1px 5px; box-shadow: rgba(0,0,0,0.3) -1px 1px 5px; color: #646363; float: left; font-size: 12px; font-weight: bold; line-height: 35px; margin: 0 13px 0 0; padding: 0 12px; text-transform: uppercase} #store-hub .search-results .filter ul {margin: 0; overflow: hidden} #store-hub .search-results .filter li {float: left; margin: 6px 12px 0 0} #store-hub .search-results .filter .start-over {float: right; margin-right: 0} #store-hub .search-results .filter a {background: #e70403 url(../../images/motorsport/structure/ico-all.png) no-repeat 100% -4013px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; display: block; font-size: 11px; font-weight: bold; padding: 2px 33px 2px 9px} #store-hub .search-results .filter .puma a {background: #9d0807 url(../../images/motorsport/structure/ico-all.png) no-repeat 100% -3952px} #store-hub .search-results .filter .start-over a {background: #fff url(../../images/motorsport/structure/ico-all.png) no-repeat 100% -4074px; -moz-box-shadow: rgba(0,0,0,0.25) -1px 1px 5px; -webkit-box-shadow: rgba(0,0,0,0.25) -1px 1px 5px; box-shadow: rgba(0,0,0,0.25) -1px 1px 5px; color: #646363; padding-right: 27px; text-transform: uppercase} #store-hub .store-results-map {height: 0; overflow: hidden; padding: 0 16px; position: relative} #store-hub .store-results-map #map {height: 349px; width: 958px} #store-hub .full-two-col .store-results {color: #646161; padding: 32px 14px 30px 16px} #store-hub .full-two-col .store-results .column-main {width: 649px} #store-hub .full-two-col .store-results .results {list-style: none; margin: 0} #store-hub .full-two-col .store-results .results li {background: #f0f0f0; border-radius: 5px; margin-bottom: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px} #store-hub .full-two-col .store-results .results .location-header {background: url(../../images/motorsport/structure/bg-store-results-shadows.png) no-repeat -827px 100%; overflow: hidden; padding: 13px 18px 20px 24px; width: 607px} #store-hub .full-two-col .store-results .results .has-events .location-header {background-position: -178px 100%} #store-hub .full-two-col .store-results .results .location-header h2 {color: #df0403; float: left; font-size: 18px} #store-hub .full-two-col .store-results .results .location-header h2 a, #store-hub .full-two-col .store-results .results .location-header h2 strong {color: #646161} #store-hub .full-two-col .store-results .results .location-header h2 a {text-decoration: underline } #store-hub .full-two-col .store-results .results .location-header .distance {color: #7e7a7a; display: block; float: right; font-weight: bold} #store-hub .full-two-col .store-results .results .location-content {overflow: hidden; padding: 13px 20px 24px 24px; width: 605px} #store-hub .full-two-col .store-results .results .has-events .location-content {background: url(../../images/motorsport/structure/bg-store-results-shadows.png) repeat-y 471px 0} #store-hub .full-two-col .store-results .results .location-photo {float: left; margin: 0 21px 0 0; position: relative; width: 203px} #store-hub .full-two-col .store-results .results .location-photo .photo {background: #f0f0f0 url(../../images/motorsport/structure/bg-location-photo-shadow.png) no-repeat 50% 100%; display: block; padding: 0 0 26px} #store-hub .full-two-col .store-results .results .location-photo .status {background: #fff; color: #444; font-size: 13px; font-weight: bold; left: 50%; margin-left: -55px; padding: 5px; position: absolute; text-align: center; text-transform: uppercase; top: 105px; width: 100px} #store-hub .full-two-col .store-results .results .location-details {color: #585858; float: left; width: 275px} #store-hub .full-two-col .store-results .results .has-events .location-details {width: 203px} #store-hub .full-two-col .store-results .results .location-details .adr {color: #646161; font-size: 16px; font-weight: bold; line-height: 21px} #store-hub .full-two-col .store-results .results .location-details .street-address {display: block} #store-hub .full-two-col .store-results .results .location-details .view-map {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 0 -4133px; border-bottom: 1px dotted #b2a7a7; color: #585858; display: block; padding: 5px 0 5px 20px} #store-hub .full-two-col .store-results .results .location-details .tel {background: url(../../images/motorsport/structure/bg-location-tel-gradient.png) repeat-y; font-size: 16px; line-height: 16px; margin: 2px 0} #store-hub .full-two-col .store-results .results .has-events .location-details .tel {background-position: -275px 0} #store-hub .full-two-col .store-results .results .location-details .tel span {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 0 -4198px; display: block; padding: 5px 5px 5px 20px} #store-hub .full-two-col .store-results .results .location-details .store-hours {border-top: 1px dotted #b2a7a7; padding: 12px 0 0; font-size: 11px} #store-hub .full-two-col .store-results .results .location-details .store-hours h4 {color: #bb0302; font-size: 12px; font-weight: bold; margin-bottom: 4px; text-transform: uppercase} #store-hub .full-two-col .store-results .results .location-details .store-hours li {background: none; margin: 0} #store-hub .full-two-col .store-results .results .location-details .store-hours li strong {display: block; font-size: 12px} #store-hub .full-two-col .store-results .results .location-footer {border-top: 1px dotted #b9aeae; padding: 13px 25px} #store-hub .full-two-col .store-results .results .location-footer .actions li {margin-bottom: 0} #store-hub .full-two-col .store-results .results .location-footer .actions .right {margin-left: 5px} #store-hub .full-two-col .store-results .results .location-footer .actions a {background: #df0403; border-radius: 5px; color: #fff; display: block; font-size: 11px; font-weight: bold; -moz-border-radius: 5px; padding: 6px 10px 4px; text-transform: uppercase; -webkit-border-radius: 5px} #store-hub .full-two-col .store-results .results .location-footer .actions .right a {background: #908f8f url(../../images/motorsport/structure/ico-all.png) no-repeat} #store-hub .full-two-col .store-results .results .location-footer .actions .btn-get-directions a {background-position: 11px -4255px; padding-left: 34px} #store-hub .full-two-col .store-results .results .location-footer .actions .btn-add-address-book a {background-position: 10px -4314px; padding-left: 27px} #store-hub .full-two-col .store-results .results .location-footer .actions .btn-share-store a {background-image: none} #store-hub .full-two-col .store-results .pagination-inner {background: #f0f0f0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #6c6e67; font-size: 11px; line-height: 22px; overflow: hidden; padding: 0 11px 6px 18px; width: 620px} #store-hub .full-two-col .store-results .pagination .note, #store-hub .full-two-col .store-results .pagination .try-again {display: block; float: left; padding-top: 6px} #store-hub .full-two-col .store-results .pagination .try-again {background: url(../../images/motorsport/structure/ico-all.png) no-repeat 0 -4373px; color: #df0403; margin-left: 16px; padding-bottom: 0; padding-left: 15px} #store-hub .full-two-col .store-results .column-aside {width: 303px} #store-hub .full-two-col .store-results .store-filter {background: #5e5e5e; border-radius: 5px; color: #e6e6e6; margin-bottom: 9px; -moz-border-radius: 5px; -webkit-border-radius: 5px} #store-hub .full-two-col .store-results .store-filter .section-header {background: url(../../images/motorsport/structure/bg-store-filter-arrow.png) no-repeat 0 100%; padding: 14px 16px 30px} #store-hub .full-two-col .store-results .store-filter h3 {color: #d6d3d3; font-weight: bold; font-size: 14px; text-transform: uppercase} #store-hub .full-two-col .store-results .store-filter .section-content {padding-bottom: 31px} #store-hub .full-two-col .store-results .store-filter fieldset {padding: 20px 26px 11px 24px} #store-hub .full-two-col .store-results .store-filter .featured {background: #404040 url(../../images/motorsport/structure/bg-store-filter-arrow.png) no-repeat -304px 100%; padding-top: 8px} #store-hub .full-two-col .store-results .store-filter h4 {border-bottom: 1px dotted #484848; color: #b0afaf; font-size: 15px; font-weight: bold; padding: 0px 0px 6px} #store-hub .full-two-col .store-results .store-filter .featured h4 {border-bottom-color: #555352} #store-hub .full-two-col .store-results .store-filter .forms li {border-bottom: 1px solid #4b4b4b; padding: 6px 9px} #store-hub .full-two-col .store-results .store-filter .forms .last {border-bottom: none} #store-hub .full-two-col .store-results .store-filter button {background: #df0403; border-radius: 5px; border: none; color: #fff; font-size: 11px; font-weight: bold; margin: 0 0 0 24px; padding: 6px 10px 4px; text-transform: uppercase} #store-hub .full-two-col .store-results .store-filter .start-over {border-left: 1px solid #757171; color: #8e8d8d; font-size: 11px; margin-left: 10px; padding: 5px 0 5px 10px} #store-hub .product-listing .section-header {background: #ededed url(../../images/motorsport/structure/bg-store-hub-product-header.png) repeat-x 0 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; padding: 16px 25px 22px 27px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px} #store-hub .product-listing .section-header p {margin: 6px 0 0} #store-hub .product-listing .section-header a {color: #df0403; font-weight: bold} #store-hub .product-listing .section-content {background: #f0f0f0; padding: 0 6px 8px} #store-hub .product-listing .products {float: left; margin: 0; position: relative; width: 100%} #store-hub .product-listing .products li {float: left; height: 143px; width: 50%} #store-hub .product-listing .products a, #store-hub .product-listing .products img {display: block} #store-hub .product-listing .products .photo {height: 115px; margin: 0 auto; overflow: hidden; padding-top: 20px; position: relative; width: 115px} #store-hub .product-listing .products img {margin: 0 auto} #store-hub .product-listing .section-footer {background: #f1f1f1 url(../../images/motorsport/structure/bg-store-hub-product-footer.png) repeat-x; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; padding: 16px 14px 10px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px} #store-hub .product-listing .section-footer .actions li {float: right} #store-hub .product-listing .section-footer .actions .btn-shop-puma a {background: #df0403; font-size: 10px; line-height: 25px; padding: 0 12px}