body { background: #f3f1f1 url(/images/interface/bg_body.gif) repeat-x; margin: 0; padding: 0; font-family: arial, helvetica, verdana; font-size: 76%; color: #000; text-align: center; } .container { margin: 0 auto; text-align: left; font-size: 1.0em; width: 990px; } /* HEADER */ .header { margin: 0 0 5px 0; } .header #logo-country-and-search { width: 990px; margin: 0 0 1px 0; } .header #logo-country-and-search #logo { float: left; width: 150px; } .header #logo-country-and-search #logo img { margin: 5px 0 0 0px; } .header #logo-country-and-search #country { float: left; width: 370px; margin: 10px 0 0 0; } .header #logo-country-and-search #country h1 { color: #00579d; font-size: 0.8em; font-weight: normal; text-transform: uppercase; float: left; margin: 2px 4px 0 0; } .header #logo-country-and-search #country h1 a { text-decoration: none; color: #00579d; } .header #logo-country-and-search #country img { float: left; margin: 0 25px 0 0; } .header #logo-country-and-search #country img.flag { margin: 0 2px 0 0; } .header #logo-country-and-search #country a.language { text-transform: uppercase; text-decoration: none; font-size: 0.8em; color: #00579d; } .header #logo-country-and-search #country a#currentlanguage { color: #000; } .header #logo-country-and-search #country a#currentlanguage:hover { text-decoration: none; } .header #logo-country-and-search #country a.language:hover { text-decoration: underline; } .header #logo-country-and-search #country .line { padding: 0 5px 0 5px; color: #aaa; } .header #logo-country-and-search .search { float: left; width: 466px; text-align: right; margin: 2px 0 0 0; } .header #logo-country-and-search .search input.keyword { width: 228px; color: #999; } .header #menu { width: 990px; background: url(/images/interface/bg_menu.gif); border-top: 1px solid #ddd; } /* HEADER MENU */ #menu ul { padding: 0; margin: 0 0 0 0; list-style: none; } #menu ul li { margin: 0; float: left;} #menu ul li a { float: left; display: block; padding: 0 12px 0 12px; text-decoration: none; margin: 0px; line-height: 35px; font-size: 1.1em; color: #0079c2; border-right: 1px solid #ddd; font-weight: bold; background: url(/images/interface/bg_menu.gif) repeat-x;} #menu ul li.first { border-left: 1px sconnect-with-usolid #ddd;} #menu ul li a:hover { background: #00579d url(/images/interface/bg_menu_hover.gif) repeat-x; color: #fff;} #menu ul li#current a { background: #0079c2 url(/images/interface/bg_menu_current_v2.gif) repeat-x; color: #fff;} /* HEADER SEARCH */ .header .search { float: left; width: 150px; } .search form { margin: 3px 0 0 0; } .search #inputfield { float: left; } .search input#keyword { width: 110px; margin: 3px 7px 0 0; color: #aaa; border: 1px solid #ccc; } .search #button { float: left; } .search #button input { margin: 6px 0 0 0; } /* SEARCH AUTOCOMPLETE */ .autocomplete-w1 { background:url(/images/interface/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; } .autocomplete { border: 1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background: #F0F0F0; } .autocomplete div { padding: 2px 5px; white-space: nowrap; } .autocomplete strong { font-weight: normal; color: #3399FF; } /* FOOTER */ #footer { width: 990px; margin: 0 auto; font-size: 0.9em; padding: 0; } #footer .left { float: left; width: 320px; } #footer .right { float: left; width: 670px; text-align: right; } #footer .left #logos { padding: 10px 0 0 0; } #footer .left #logos .item { width: 100px; float: left; margin: 0 5px 5px 0; } #footer #footermenu { padding: 14px 0 0 0; } #footer #footermenu a { color: #666; padding: 0; } #footer #footermenu a.globalwebsite { color: #0079c2; font-weight: bold; } #footer #footermenu .line { padding: 0 8px 0 8px; color: #aaa; } #footer-text { color: #999; text-align: right; padding: 10px 0 0 0; } #footer-text .catalogue-disclaimer { color: #bbb; } /* MAIN ---------------------------------------------------- */ .main { color: #555; background: #fff; border: 1px solid #ddd; } #main-home { border: none; background: none; } .main-wide { background: #fff; border: 1px solid #ddd; } /* BASICS ---------------------------------------------------- */ h1 { font-weight: bold; font-size: 2.2em; color: #000; margin: 0 0 15px 0; } h2 { font-size: 1.5em; } h1.lessmargin { margin-bottom: 2px; } h1 .sub { color: #666; } h2.lessmargin { margin-bottom: 5px; } h2.helveticaneue { font-weight: normal; } img { border: none; } ul { margin: 0 0 0 15px; padding: 0; } p { margin: 0 0 15px 0; } table { font-size: 1em; } .pagetitle { margin: 0 0 15px 0; } .pagetitle-margin { margin: 15px; } .pagetitle h1 { font-size: 2.8em; } .content { padding: 25px 30px 30px 25px; } .left-column { width: 445px; float: left; margin-bottom: 15px; } .right-column { width: 445px; float: left; margin: 0 0 20px 40px; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } /* ------------------------- GLOBAL STYLES ------------------------- */ /* HEADER */ #header-global { } #header-global #menu-and-social { } #header-global #menu-and-social #menu { float: left; width: 790px; } #header-global #menu-and-social #social { float: left; width: 200px; background: url(/images/interface/bg_menu.gif); border-top: 1px solid #ddd; height: 35px; } #header-global #menu-and-social #social .item { float: left; width: 60px; text-align: right; } #header-global #menu-and-social #social #item-facebook { width: 130px; } #header-global #menu-and-social #social .item img { margin: 6px 0 0 0; } /* MAIN */ .main { border-top: 1px solid #f5f5f5; background: #fff;} .main .left { width: 730px; float: left; } .main .right { width: 258px; float: left; padding: 0; } /* MAIN NEWS */ #content-news { padding: 20px; } /* MAP */ /* #worldmap { background: #ddd url(/images/global/bg_map.gif) repeat-x; height: 334px; text-align: center;} */ /* GLOBAL NEWS */ #latest-news-title h2 { background: #0079c2; color: #fff; display: block; margin: 0; padding: 7px 5px 3px 10px; height: 20px; font-size: 1.5em;} *html #latest-news-title h2 { height: 30px; } #latest-news-global .item { width: 258px; height: 60px; background: #f5f5f5 url(../images/global/bg_item.gif) no-repeat; border-bottom: 1px solid #ccc; margin: 0; } #latest-news-global .item-even { } #latest-news-global .item-last { border-bottom: none;} #latest-news-global .item .image { float: left; width: 60px; height: 60px;} #latest-news-global .item .image .photoframe { height: 60px; width: 60px; } #latest-news-global .item .text { float: left; width: 150px; padding: 0; } #latest-news-global .item .text h3 { margin: 0; padding: 0; font-size: 1em;} #latest-news-global .item .text h3 a { width: 175px; height: 45px; padding: 15px 10px 0 15px; display: block; color: #00579d; text-decoration: none;} #latest-news-global .item .text h3 a:hover { background: #fff; text-decoration: underline;} /* COUNTRY SELECT */ #selectyourcountry { border-top: 1px solid #ddd; background: #f5f5f5;} #selectyourcountry #left { float: left; width: 735px;} #selectyourcountry #right { float: left; width: 255px; } #selectyourcountry #right #warning { padding: 8px 10px 0 0; text-align: left; } #selectyourcountry #right #warning a { color: #cc0000; font-weight: bold;} #selectyourcountry h1 { font-size: 1.0em; text-transform: none; color: #555; letter-spacing: 0.2em; margin: 0; padding: 10px 0 10px 20px;} #continents { width: 990px; background: #eee; border-bottom: 1px solid #ddd;} .continent { float: left; width: 150px; height: 180px; margin: 0; background: #eee;} .continent-europe { width: 135px; background: #eae9e9;} #continent-europe-last { width: 110px;} #continent-asia { width: 100px;} #continent-oceania { background: #eae9e9; width: 120px;} #continent-other { width: 120px;} .continent h2 { padding: 10px 0 3px 20px; font-weight: bold; text-transform: uppercase; font-size: 1em; margin: 0;} .continent ul.countries { padding: 0; margin: 0 0 0 20px; list-style: none;} .continent ul.countries li a { color: #00579d; } .continent ul.countries li a:hover { color: #000; text-decoration: none;} #continent-asia ul.countries li { margin: 0 0 1px 0;} #continent-other ul.countries { margin-bottom: 15px;} /* AGENTS SELECT */ #agents-title { color: #999; text-transform: uppercase; font-weight: bold; margin: 0 0 4px 0px;} #agents-select form { margin: 0; padding: 0 0 0 20px;} #agents-select select { font-size: 0.9em;} /* FOOTER */ #global-footer { width: 990px; margin: 10px 0 0 0; font-family: arial, verdana; font-size: 0.9em; color: #888; text-align: right; padding: 0 10px 0 0;} #footer-left { float: left; width: 610px; padding: 2px 10px 0 0;} #footer-right { float: left; width: 380px;} /* AXAPTA */ body.go { background: #fff; text-align: left;} body.go .container { margin: 15px;} #axaptapage { width: 630px; } #axaptapage #product-main-image { width: 630px; border: 1px solid #ddd; } #axaptapage #thumbs-and-links { margin: 0 0 15px 0; } #axaptapage #description { margin: 0 0 15px 0; } #axaptapage #features { margin: 0 0 15px 0; } #axaptapage #sizes { margin: 0 0 15px 0; } #axaptapage h2 { border-bottom: 2px solid #ccc; margin: 0 0 15px 0; text-transform: uppercase; color: #555; font-size: 1.3em;} /* ------------------------- END OF GLOBAL STYLES ------------------------- */ /* ITEMS */ .item { width: 450px; margin: 0 0 10px 0; } .item .image { float: left; width: 120px; } .item .text { float: left; width: 330px; padding: 15px 0 0 0; } /* LINKS */ a { color: #0079c2; } a:hover { color: #333; } a.more:link, a.more:visited, a.more:hover, a.more:active { background: url(/images/interface/icon_readmore.gif) no-repeat; padding: 0 0 0 15px; background-position: left;} a.more-right:link, a.more-right:visited, a.more-right:hover, a.more-right:active { background: url(/images/interface/icon_readmore.gif) no-repeat; padding: 0 15px 0 0; background-position: right;} a.more-big:link, a.more-big:visited, a.more-big:hover, a.more-big:active { font-size: 1.3em; background: url(/images/interface/icon_readmore.gif) no-repeat; padding: 0 0 0 15px; background-position: left;} a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active { background: url(/images/interface/icon_pdf.gif) no-repeat; padding: 0 0 0 20px; background-position: left; display: block; line-height: 25px; } a.pdf-big:link, a.pdf-big:visited, a.pdf-big:hover, a.pdf-big:active { background: url(/images/interface/icon_pdf_big.gif) no-repeat; padding: 0 0 0 38px; background-position: left; display: block; line-height: 30px; font-size: 1.3em;} a.print:link, a.print:visited, a.print:hover, a.print:active { background: url(/images/interface/icon_print.gif) no-repeat; padding: 0 0 0 20px; background-position: left; color: #999; font-size: 0.9em; text-transform: uppercase;} a.showonmap:link, a.showonmap:visited, a.showonmap:hover, a.showonmap:active { background: url(/images/dealers/icon_map.gif) no-repeat; padding: 0 0 0 20px; background-position: left; font-size: 0.9em;} a.video:link, a.video:visited, a.video:hover, a.video:active { background: url(/images/interface/icon_video.gif) no-repeat; padding: 0 0 0 30px; background-position: left; font-size: 1.3em; line-height: 1.3em;} a.video-small:link, a.video-small:visited, a.video-small:hover, a.video-small:active { background: url(/images/interface/icon_videosmall2.gif) no-repeat; padding: 0 0 0 22px; background-position: left; font-weight: bold; color: #999; line-height: 1.7em; } a.video:hover { color: #000;} a.external-link { background: url(/images/interface/icon_externallink.gif) no-repeat; padding: 0 0 0 19px; background-position: left; color: #222; } a.button { padding: 5px 10px 5px 10px; background: #00529e; color: #fff; line-height: 25px; text-decoration: none; font-weight: bold; text-transform: uppercase;} a.button:hover { background: #387ecd;} a.button-bikefinder { background: #0c72b0 url(/images/bikes/bg_button_bikefinder.gif) no-repeat;} a.button-bikefinder:hover { background: #268cc8 url(/images/bikes/bg_button_bikefinder_hover.gif) no-repeat;} a.button-fancy { background: #0c72b0 url(/images/bikes/bg_button_bikefinder.gif) no-repeat;} a.button-fancy:hover { background: #268cc8 url(/images/bikes/bg_button_bikefinder_hover.gif) no-repeat;} /* DIV DIV */ #title-and-button { margin: 0 0 15px 0; } #title-and-button #title { float: left; width: 630px; } #title-and-button #title #title-text { margin: 0 0 5px 0; } #title-and-button #title #share { height: 25px; } #title-and-button #button { float: left; width: 310px; text-align: right; } #title-and-button #button .button-second { margin: 5px 0 0 0; } .breadcrumbs { background: #00579d; padding: 3px 0 3px 10px; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 1.1em; } .breadcrumbs .line { color: #aaa; padding: 0 7px 0 7px; } .breadcrumbs a { color: #fff; text-decoration: none; } .breadcrumbs a:hover { text-decoration: underline; } /* HOME ---------------------------------------------------- */ /* CATALOGUE AND BANNER */ .catalogue-and-banner { } .catalogue-and-banner #catalogue { float: left; width: 261px; background: url(/images/home/bg_findyourbike.gif) repeat-y; } .catalogue-and-banner #findyourbike #noflash { padding: 20px; } .catalogue-and-banner #findyourbike #noflash h2 { margin: 0 0 15px 0; text-transform: uppercase; } .catalogue-and-banner #findyourbike #noflash h3 { text-transform: uppercase; margin: 0 0 15px 0; } .catalogue-and-banner #findyourbike #noflash ul li { font-weight: bold; font-size: 1.2em; margin: 0 0 10px 0; } .catalogue-and-banner #banner { float: left; width: 729px; } #catalogue-and-banner-v2 { } #catalogue-and-banner-v2 #banner { width: 735px; } #catalogue-and-banner-v2 #catalogue { width: 255px; background-image: none; height: 334px;} /* V2 FIND YOUR BIKE */ #find-your-bike { height: 190px; } #find-your-bike .title { background: #0079c2 url(/images/interface/bg_menu_current_v2.gif) bottom repeat-x; height: 35px; overflow: hidden; } #find-your-bike .title h2 { color: #fff; margin: 0; padding: 10px 0 0 10px; text-transform: uppercase; } #find-your-bike .title h2 a { color: #fff; text-decoration: none; } #find-your-bike .targetgroups { margin: 0; } #find-your-bike .targetgroups .item { width: 85px; height: 149px; float: left; margin: 0; } #find-your-bike .targetgroups .item a { display: block; float: left; width: 85px; height: 149px; line-height: 30px; background: #aaa; font-weight: bold; color: #fff; text-transform: uppercase; font-size: 1.1em; text-decoration: none; text-align: center; } #find-your-bike .targetgroups #item-men a { background: #0079c2 url(/images/bikes/introblock_men_small.jpg) no-repeat 0 30px; } #find-your-bike .targetgroups #item-adult a { background: #0079c2 url(/images/bikes/introblock_men_small.jpg) no-repeat 0 30px; } #find-your-bike .targetgroups #item-women a { background: #a379a9 url(/images/bikes/introblock_women_small.jpg) no-repeat 0 30px; } /* livgiant: a379a9 */ #find-your-bike .targetgroups #item-youth a { background: #e0dc0d url(/images/bikes/introblock_youth_small.jpg) no-repeat 0 30px; } #find-your-bike .targetgroups .item-last { margin-right: none; } #find-your-bike .targetgroups #item-men a:hover { background-position: 0 40px; } #find-your-bike .targetgroups #item-adult a:hover { background-position: 0 40px; } #find-your-bike .targetgroups #item-women a:hover { background-position: 0 40px; } #find-your-bike .targetgroups #item-youth a:hover { background-position: 0 40px; } /* CONNECT WITH US */ #connect-with-us { height: 144px; background: #fff;} #connect-with-us .title { background: #0079c2 url(/images/interface/bg_menu_current_v2.gif) bottom repeat-x; height: 35px; margin: 0 0 20px 0; } #connect-with-us .title h2 { color: #fff; margin: 0; padding: 10px 0 0 10px; text-transform: uppercase; } #connect-with-us .icons { margin: 14px 0px 5px 30px; } #connect-with-us .icons .item { float: left; width: 85px; margin: 0 20px 10px 0; } #connect-with-us .icons .item-even { margin-right: 0; } /* HOME BLOCKS */ #homeblocks { width: 990px; margin: 10px 0 0 0; } #homeblocks .block { background: url(/images/home/bg_homeblock.jpg) no-repeat top left; float: left; width: 200px; height: 220px; margin: 0; padding: 0; } #homeblocks .block .image { padding: 15px 0px 10px 15px; } #homeblocks .block .title { padding: 0px 15px 8px 15px; } #homeblocks .block .title h2 { font-size: 1.2em; line-height: 1.1em; margin: 0; font-weight: bold; } #homeblocks .block .title h2 a { text-decoration: none; color: #222; } #homeblocks .block .summary { float: left; width: 140px; font-size: 0.9em; color: #666; padding: 0 15px 15px 15px; } #homeblocks .block .summary a { color: #666; text-decoration: none; } #homeblocks .block .summary a:hover { text-decoration: underline; color: #444; } #homeblocks .block-last { width: 190px; background: url(/images/home/bg_homeblock.jpg) no-repeat top right; } #homeblocks .block-last .image { padding-left: 18px; } #homeblocks .block-last .title { padding-left: 18px; } #homeblocks .block-last .summary { padding-left: 18px; } .photoframe { width: 155px; height: 90px; border: 1px solid #aaa; } /* BIKES ---------------------------------------------------- */ /* BIKE INDEX */ #title-and-banner { margin: 0 0 15px 0; } #title-and-banner #title { float: left; width: 388px; } #title-and-banner #banner { float: left; width: 542px; text-align: left; } #title-and-banner #banner .needhelp { font-size: 1.2em; font-weight: bold; color: #00529e; } table#bike-index { background: url('/images/bikes/bg_bikeindex.gif') repeat-y; margin: 15px 0 15px 0; font-size: 1em; } table#bike-index tr td { width: 167px; padding: 0 25px 0 0; vertical-align: top; } table#bike-index tr.whoareyou-title td h2 { font-size: 0.9em; margin: 0; } table#bike-index tr.whoareyou-title td h2.arial { font-weight: normal; } table#bike-index tr.whoareyou-title td h2.color-purple { color: #7a2b81; } /* IE6 ONLY */ *html table#bike-index tr td { padding: 0 12px 0 0; } table#bike-index tr td.women .category .title, table#bike-index tr td.women .category .subcategory h2, table#bike-index tr td.women .category .segment { border-left: 8px solid #a379a9; } table#bike-index tr td.youth .category .title, table#bike-index tr td.youth .category .subcategory h2, table#bike-index tr td.youth .category .segment { border-left: 8px solid #e0dc0d; } table#bike-index tr.whoareyou-title td { padding: 0 0 10px 0; color: #5b6f7b; font-size: 2.6em; font-weight: bold; text-transform: uppercase; } .category { width: 167px; color: #fff; margin: 0 0 15px 0; } .category .title { padding: 10px 0 5px 7px; } .category .title h3 { color: #fff; font-size: 1.5em; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; } .category .subcategory { border-bottom: 2px solid #fff; } .category .subcategory h2 { color: #fff; padding: 3px 0 2px 7px; margin: 0; font-weight: bold; text-transform: uppercase; font-size: 1.1em; } .category .subcategory .segment h3 { color: #fff; margin: 0 0 4px 7px; text-transform: uppercase; font-size: 0.9em; } .category .subcategory ul.series { list-style: none; margin: 0; padding: 0 0 10px 0; } /* IE6 ONLY */ *html .category .subcategory ul.series li { height: 12px; } .category .subcategory ul.series li a { color: #fff; display: block; padding: 0 0 0 15px; } .category .subcategory ul.series li a:hover { text-decoration: none; background: #eee; color: #0099cc; font-weight: bold; } /* UITZONDERINGEN */ #category-youth-bmx-street .segment, #category-youth-bmx-neighbourhood .segment { padding-top: 10px; } .segment-hybrid { background: #63af5e; padding: 10px 0 0 0; border-top: 2px solid #fff; } .segment-dirt { background: #372225; padding: 10px 0 0 0; } .segment-street { background: #74382d; padding: 10px 0 0 0; border-top: 2px solid #fff; } .segment-neighbourhood { background: #881635; padding: 10px 0 0 0; border-top: 2px solid #fff; } /* ARCHIVE */ #archives { margin: 0 0 15px 0; } #archives a { display: block; float: left; border: 1px solid #ccc; padding: 5px; margin: 0 10px 0 0; width: 100px; text-align: center; } #archives a:hover { background: #f5f5f5; color: #485c82; } /* BIKEFINDER 2010 */ #main-productfinder { background: #fff url('/images/bikes/bg_sidebar.gif') repeat-y top left; } #main-productfinder #sidebar { float: left; width: 225px; margin: 0; padding: 20px 0 0 20px; } #main-productfinder #results { float: left; width: 721px; padding: 20px 0 0 20px; margin: 0; } #main-productfinder #sidebar #view-all-bikes { background: #779bb6; width: 195px; padding: 5px 0px 5px 10px; margin: 0 0 10px 0; } *html #main-productfinder #sidebar #view-all-bikes { width: 195px; } #main-productfinder #sidebar #view-all-bikes a { text-transform: uppercase; font-size: 1.1em; font-weight: bold; color: #fff; background: url(/images/bikes/icon_bike-index.gif) no-repeat 1px 2px; padding: 0 0 0 20px; } #main-productfinder #sidebar #view-all-bikes a:hover { text-decoration: underline; } #main-productfinder #sidebar #bike-finder-title { background: #5d6f7d; width: 205px; margin: 0 0 10px 0; } #main-productfinder #sidebar #bike-finder-title h2 { text-transform: uppercase; font-size: 1.8em; color: #fff; padding: 5px 5px 1px 5px; margin: 0; } #main-productfinder #sidebar #bike-finder-title h2 a { color: #fff; text-decoration: none; } #main-productfinder #sidebar #bike-finder-title h4 { color: #fff; padding: 0 5px 5px 5px; font-size: 0.9em; font-weight: normal; margin: 0; } /* NAVIGATION BLOCKS - bikes AND gear */ #sidebar .navigationblock { margin: 0 0 15px 0; width: 205px; } #sidebar #navigationblock-last { margin-bottom: 30px; } #sidebar .navigationblock h3 { color: #5d6f7d; font-weight: bold; font-size: 1.4em; margin: 0 0 10px 0; text-transform: uppercase; } #sidebar .navigationblock h3 a { color: #5d6f7d; } #sidebar .navigationblock ul { margin: 0px 0 20px 0px; list-style: none; padding: 0; } #sidebar .navigationblock ul li { font-size: 1.1em; font-weight: bold; color: #5D6F7D; margin: 0 0 5px 0; } #sidebar .navigationblock ul li.active a { text-decoration: none; color: #000; } /* FILTRERING */ #sidebar .navigationblock ul.filtered { margin: 0px 0 15px 0px; } #sidebar .navigationblock ul.filtered li { margin: 0 0 8px 0; } #sidebar .navigationblock ul.filtered li a { color: #0079c0; background: url(/images/bikes/li_empty.gif) no-repeat top left; padding: 0 0 0 20px; } #sidebar .navigationblock ul.filtered a:hover { color: #000; background: url(/images/bikes/li_hover.gif) no-repeat top left;} #sidebar .navigationblock ul.filtered .one-selected a { } #sidebar .navigationblock ul.filtered li.one-selected a:hover { color: #0079c0; } #sidebar .navigationblock ul.filtered li.active a { background: url(/images/bikes/li_checked.gif) no-repeat top left; padding: 0 0 0 20px; color: #000; } #sidebar .navigationblock ul.filtered li.active a:hover { background: url(/images/bikes/li_uncheck.gif) no-repeat top left; color: #cc0000; } #sidebar .navigationblock ul.filtered li .number_of_hits { color: #999; padding: 0 0 0 5px; font-weight: normal; } #sidebar .navigationblock ul.filtered li.nohits { color: #ccc; background: url(/images/bikes/li_empty.gif) no-repeat top left; padding: 0 0 0 20px; } #sidebar .navigationblock ul.filtered li.nohits .number_of_hits { color: #ccc; } #sidebar .navigationblock ul.filtered li.nohits .payoff { color: #ccc; } /* with payoff */ #sidebar .navigationblock ul.withpayoff li { margin-bottom: 8px; } #sidebar .navigationblock ul.filtered li span.payoff { color: #5689a7; text-transform: none; font-size: 0.8em; font-weight: normal; } #sidebar .navigationblock ul.filtered li.active span.payoff { color: #777; } /* with child filtering */ #sidebar .navigationblock ul li ul.filtered { margin: 5px 0 15px 15px; } #sidebar .navigationblock ul li ul.filtered li { font-size: 1em; font-weight: normal; } /* BIKEFINDER RESULTS */ body.bike-finder #results #banner { margin: 0 0 15px 0; width: 701px; border: 1px solid #fff; } body.bike-finder #results h2 { margin: 0 0 10px 0; font-style: italic; font-size: 1.4em; font-weight: normal; } /* BIKEFINDER RESULTS column */ .column { float: left; width: 238px; } #column-third { margin-right: 0; } /* COLUMN HEADINGS */ #results .column .heading-text { height: 29px; width: 223px; margin: 0; } #results .column .heading-text .left { float: left; width: 112px; height: 29px; border-right: 1px solid #ddd; } * html #results .column .heading-text .left { width: 113px; } #results .column .heading-text .right { float: left; width: 110px; height: 29px; text-align: right; } #results .column .heading-text h2 { font-style: normal; font-weight: bold; color: #fff; margin: 0; padding: 6px 0 0 10px; text-transform: uppercase;} #results .column .heading-text h3 { margin: 0; color: #fff; padding: 8px 10px 0 0; font-size: 1.1em; text-transform: uppercase; } #results .column .heading-image { width: 223px; height: 59px; margin: 0 0 10px 0; } /* BIKEFINDER RESULTS header */ #photoheader { width: 701px; height: 152px; margin: 0; padding: 0; } .header-and-number-of-results { width: 701px; margin: 0 0 10px 0; } .header-and-number-of-results #filterselection { float: left; width: 476px; } .header-and-number-of-results #number-of-results { float: left; width: 224px; text-align: right; } .header-and-number-of-results #filterselection h1 { margin: 8px 0 0 10px; text-transform: uppercase; font-size: 1.8em; color: #ddd; height: 25px; } .header-and-number-of-results #filterselection h1 a { text-decoration: none; color: #fff; } .header-and-number-of-results #filterselection h1 a:hover { color: #000; } .header-and-number-of-results #number-of-results h4 { color: #fff; margin: 10px 10px 7px 10px; font-weight: normal; font-style: italic; font-size: 1.1em; } .main-without-cufon .header-and-number-of-results #filterselection h1 { font-size: 1.3em; margin: 6px 0 0 10px; } /* BIKEFINDER RESULTS items */ #results .item { float: left; width: 223px; height: 202px; margin: 0 15px 15px 0; background: url(/images/bikes/bg_bike_result.gif) no-repeat; } #results .column .item { margin-right: 0; } #results .item-hover { background: url(/images/bikes/bg_bike_result_hover.gif) no-repeat; } #results .item-third { margin-right: 0; margin-left: 2px } #results .item .header { width: 219px; margin: 2px 0 0 2px; text-align: center; color: #fff; padding: 5px 0 5px 0; height: auto; } #results .item .image { width: 221px; height: 150px; } #results .item .text { text-align: center; width: 221px; padding-top: 2px; } #results .item .text h3 { font-size: 1.1em; margin: 0; } #results .item .text h3 a:hover { color: #028CD6; } #results .item .text h4 { margin: 0; font-size: 1.2em; font-weight: bold; } #results .item .text h4 a { display: block; text-decoration: none; color: #444; } #results .item .text h4 a:hover { color: #0079c0; } #results .item .text h5 { font-size: 0.9em; font-weight: normal; } #results .item .text h5 a { text-decoration: none; display: block; color: #555; } #results .item .text h5 a span.type { color: #999; padding: 0 0 0 5px; } #results .item .text h6 { font-size: 1.1em; } #results .item .text h6 a { display: block; } #results .item .text h6 a:hover { color: #0079c0; } /* GEAR */ .item-gear-subcategory { } .item-gear-subcategory .image { } .item-gear-subcategory .image .photoframe { border: none; width: 220px; height: 160px; } #results .item-gear-product { } #results .item-gear-product .image { margin: 2px 0 0 0; height: 160px; } #results .item-gear-product .text h4 { font-size: 1em; } #results .item-gear-product .text .line { padding: 0 5px 0 5px; color: #aaa; font-weight: normal; } #results .item-gear-product .text .price { font-size: 0.9em; } #results .item .text .price-smaller { font-size: 0.7em; color: #999; } #results .item-gear-with-level .image { height: 135px; } #results .item-extra-info-hover { background: url('/images/gear/bg_result_item-extra-info.gif') no-repeat; } #results .item-extra-info-hover .extra-info { position: absolute; width: 223px; background: #fff url('/images/gear/bg_extra-info.gif') repeat-y; text-align: left; border-bottom: 2px solid #0079c0; } #results .item-extra-info-hover .extra-info ul { padding: 0px; margin: 5px 10px 10px 30px; } #product-variations h2 { border-bottom: 2px solid #ccc; margin: 0 0 15px 0; } #product-variations .item { width: 100px; float: left; margin: 0 10px 0 0; border: none; } #product-variations .item .image { width: 100px; margin: 0; } #product-variations .item .image .photoframe { width: 100px; height: 100px; border: none; } #product-variations .item .text { width: 100px; padding: 5px 0 0 0; text-align: center; } #product-variations .item .text a { color: #999; } #sizes { margin: 0 0 15px 0; } #sizes table { width: 355px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-collapse: collapse; } #sizes table tr th { background: #eee; text-transform: uppercase; padding: 3px 5px 3px 5px; } #sizes table tr td { background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 3px 5px 3px 5px; } /* BIKEWIZARD */ body.bikewizard #sidebar { float: left; width: 240px; padding: 20px 5px 0 10px; } body.bikewizard #results { float: left; width: 683px; padding: 15px 0 15px 10px; background: #fff; } /* IE */ *html body.bikewizard #sidebar { width: 255px; } *html body.bikewizard #results { width: 693px; } /* BIKEWIZARD v1 SIDEBAR */ #bikefindertool-intro { margin: 0 0 15px 5px; } #bikefindertool-intro #bikefindertool-header { color: #5D6F7D; font-size: 1.3em; font-weight: bold; text-transform: uppercase; } #bikefindertool-intro #bikefindertool-subheader { color: #5D6F7D; font-size: 0.9em; font-weight: bold; } #sidebar .questionblock { margin: 0 0px 15px 0; } #sidebar .questionblock .question { color: #5d6f7d; font-size: 1.3em; font-weight: bold; text-transform: uppercase; padding: 0 0 0 13px; } #sidebar .questionblock ul { list-style: none; margin: 0; padding: 0; } #sidebar .questionblock ul li { margin: 0 0 2px 7px; } #sidebar .questionblock ul li a { background: #5d6f7d; font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #fff; display: block; width: 218px; line-height: 30px; text-decoration: none; padding: 0 0 0 20px; } #sidebar .questionblock ul.withpayoff li a { line-height: 15px; padding: 5px 0 5px 20px; } #sidebar .questionblock ul li a span.payoff { font-size: 0.7em; font-weight: normal; } #sidebar .questionblock ul li a:hover { background: #0079c0; } #sidebar .questionblock ul li.men a:hover, #sidebar .questionblock ul li#active-men a { background: #0079c0; } #sidebar .questionblock ul li.women a:hover, #sidebar .questionblock ul li#active-women a { background: #abc5c8; } #sidebar .questionblock ul li.youth a:hover, #sidebar .questionblock ul li#active-youth a { background: #e0dc0d; } #sidebar .questionblock ul li.onroad a:hover, #sidebar .questionblock ul li#active-onroad a { background: #585747; } #sidebar .questionblock ul li.xroad a:hover, #sidebar .questionblock ul li#active-xroad a { background: #bd1b20; } #sidebar .questionblock ul li.offroad a:hover, #sidebar .questionblock ul li#active-offroad a { background: #0076a3; } #sidebar .questionblock ul li.onroad-performance a:hover { background: #585747; } #sidebar .questionblock ul li.onroad-sport a:hover { background: #94948a; } #sidebar .questionblock ul li.onroad-lifestyle a:hover { background: #bcbead; } #sidebar .questionblock ul li.xroad-performance a:hover { background: #bd1b20; } #sidebar .questionblock ul li.xroad-sport a:hover { background: #F58220; } #sidebar .questionblock ul li.xroad-lifestyle a:hover { background: #fcaf17; } #sidebar .questionblock ul li.offroad-performance a:hover { background: #0076a3; } #sidebar .questionblock ul li.offroad-sport a:hover { background: #00accd; } #sidebar .questionblock ul li.offroad-lifestyle a:hover { background: #65b4c6; } /* BIKEWIZARD V1 - RESULTS */ .bikefinder-results { background: url(/images/bikes/bike_result_clean.jpg) no-repeat; width: 695px; height: 450px; } #bikefinder-results-empty { text-align: center; padding-top: 20px; } #bikefinder-results-men-onroad { background: url(/images/bikes/bike_result_men_onroad.jpg) no-repeat; } #bikefinder-results-men-xroad { background: url(/images/bikes/bike_result_men_xroad.jpg) no-repeat; } #bikefinder-results-men-offroad { background: url(/images/bikes/bike_result_men_offroad.jpg) no-repeat; } #bikefinder-results-adult-onroad { background: url(/images/bikes/bike_result_men_onroad.jpg) no-repeat; } #bikefinder-results-adult-xroad { background: url(/images/bikes/bike_result_men_xroad.jpg) no-repeat; } #bikefinder-results-adult-offroad { background: url(/images/bikes/bike_result_men_offroad.jpg) no-repeat; } #bikefinder-results-women-onroad { background: url(/images/bikes/bike_result_women_onroad.jpg) no-repeat; } #bikefinder-results-women-xroad { background: url(/images/bikes/bike_result_women_xroad.jpg) no-repeat; } #bikefinder-results-women-offroad { background: url(/images/bikes/bike_result_women_offroad.jpg) no-repeat; } #ball-welcome .ball-noflash { margin: 0 auto; width: 400px; height: 400px; background: url(/images/bikes/ball_welcome.png) no-repeat; } #ball-welcome .ball-noflash table { border: none; } #ball-welcome .ball-noflash table tr td { width: 400px; height: 400px; text-align: center; vertical-align: middle; } #ball-welcome .ball-noflash table tr td h2 { margin: 0 auto; text-transform: uppercase; width: 250px; padding: 0 0 10px 0; line-height: 18px; } #ball-welcome .ball-noflash table tr td p { margin: 0 auto; width: 240px; font-size: 0.9em; } #ball-welcome .ball-noflash table tr td p.instruction { margin: 0 auto; width: 210px; font-weight: bold; font-size: 1em; padding: 10px 0 0 0; } .bikefinder-results .ball { width: 115px; padding: 15px 0px 15px 18px; float: left; } .bikefinder-results .ball .ball-noflash { color: #fff; text-transform: uppercase; width: 115px; height: 115px; text-align: center; font-weight: bold; font-size: 1.3em; display: table-cell; vertical-align: middle; } .bikefinder-results .ball-noflash-men { background: url(/images/bikes/ball_men.png) no-repeat 50% 50%; } .bikefinder-results .ball-noflash-women { background: url(/images/bikes/ball_women.png) no-repeat 50% 50%; } .bikefinder-results .ball-noflash-youth { background: url(/images/bikes/ball_youth.png) no-repeat 50% 50%; } .bikefinder-results .ball-noflash-onroad { background: url(/images/bikes/ball_onroad.png) no-repeat 50% 50%; } .bikefinder-results .ball-noflash-xroad { background: url(/images/bikes/ball_xroad.png) no-repeat 50% 50%; } .bikefinder-results .ball-noflash-offroad { background: url(/images/bikes/ball_offroad.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash { width: 85px; color: #fff; text-transform: uppercase; height: 80px; text-align: center; font-weight: bold; font-size: 0.9em; background: #aaa; } .breadcrumb-balls table tr td.ball-noflash-men { background: url(/images/bikes/ball_men_80.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-women { background: url(/images/bikes/ball_women_80.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-youth { background: url(/images/bikes/ball_youth_80.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-onroad { background: url(/images/bikes/ball_onroad_80.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-xroad { background: url(/images/bikes/ball_xroad_80.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-offroad { background: url(/images/bikes/ball_offroad_80.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-onroad-performance { background: url(/images/bikes/ball_onroad_performance.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-onroad-sport { background: url(/images/bikes/ball_onroad_sport.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-onroad-lifestyle { background: url(/images/bikes/ball_onroad_lifestyle.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-xroad-performance { background: url(/images/bikes/ball_xroad_performance.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-xroad-sport { background: url(/images/bikes/ball_xroad_sport.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-xroad-lifestyle { background: url(/images/bikes/ball_xroad_lifestyle.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-offroad-performance { background: url(/images/bikes/ball_offroad_performance.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-offroad-sport { background: url(/images/bikes/ball_offroad_sport.png) no-repeat 50% 50%; } .breadcrumb-balls table tr td.ball-noflash-offroad-lifestyle { background: url(/images/bikes/ball_offroad_lifestyle.png) no-repeat 50% 50%; } /* BIKEWIZARD BALLS */ .breadcrumb-balls { background: #444; width: 695px; height: 100px; } .breadcrumb-balls .ball { width: 85px; float: left; margin: 10px 0 0 10px; } /* BIKEWIZARD - BACKGROUND IMAGES OF BREADCRUMB BALLS */ /* MEN */ #breadcrumb-balls-men-onroad-performance { background: #444 url(/images/bikes/bg_balls_men_onroad_performance.jpg) no-repeat top right; } #breadcrumb-balls-men-onroad-sport { background: #444 url(/images/bikes/bg_balls_men_onroad_sport.jpg) no-repeat top right; } #breadcrumb-balls-men-onroad-lifestyle { background: #444 url(/images/bikes/bg_balls_men_onroad_lifestyle.jpg) no-repeat top right; } #breadcrumb-balls-men-xroad-performance { background: #444 url(/images/bikes/bg_balls_men_xroad_performance.jpg) no-repeat top right; } #breadcrumb-balls-men-xroad-sport { background: #444 url(/images/bikes/bg_balls_men_xroad_sport.jpg) no-repeat top right; } #breadcrumb-balls-men-xroad-lifestyle { background: #444 url(/images/bikes/bg_balls_men_xroad_lifestyle.jpg) no-repeat top right; } #breadcrumb-balls-men-offroad-performance { background: #444 url(/images/bikes/bg_balls_men_offroad_performance.jpg) no-repeat top right; } #breadcrumb-balls-men-offroad-sport { background: #444 url(/images/bikes/bg_balls_men_offroad_sport.jpg) no-repeat top right; } #breadcrumb-balls-men-offroad-lifestyle { background: #444 url(/images/bikes/bg_balls_men_offroad_lifestyle.jpg) no-repeat top right; } /* WOMEN */ #breadcrumb-balls-women-onroad-performance { background: #444 url(/images/bikes/bg_balls_women_onroad_performance.jpg) no-repeat top right; } #breadcrumb-balls-women-onroad-sport { background: #444 url(/images/bikes/bg_balls_women_onroad_sport.jpg) no-repeat top right; } #breadcrumb-balls-women-onroad-lifestyle { background: #444 url(/images/bikes/bg_balls_women_onroad_lifestyle.jpg) no-repeat top right; } #breadcrumb-balls-women-xroad-performance { background: #444 url(/images/bikes/bg_balls_men_xroad_performance.jpg) no-repeat top right; } #breadcrumb-balls-women-xroad-sport { background: #444 url(/images/bikes/bg_balls_men_xroad_sport.jpg) no-repeat top right; } #breadcrumb-balls-women-xroad-lifestyle { background: #444 url(/images/bikes/bg_balls_men_xroad_lifestyle.jpg) no-repeat top right; } #breadcrumb-balls-women-offroad-performance { background: #444 url(/images/bikes/bg_balls_women_offroad_performance.jpg) no-repeat top right; } #breadcrumb-balls-women-offroad-sport { background: #444 url(/images/bikes/bg_balls_women_offroad_sport.jpg) no-repeat top right; } #breadcrumb-balls-women-offroad-lifestyle { background: #444 url(/images/bikes/bg_balls_men_offroad_lifestyle.jpg) no-repeat top right; } /* YOUTH */ #breadcrumb-balls-youth-onroad-lifestyle { background: #444 url(/images/bikes/bg_balls_youth_onroad_lifestyle.jpg) no-repeat top right; } #breadcrumb-balls-youth-bmx-performance { background: #444 url(/images/bikes/bg_balls_youth_bmx_performance.jpg) no-repeat top right; } #breadcrumb-balls-youth-bmx-sport { background: #444 url(/images/bikes/bg_balls_youth_bmx_sport.jpg) no-repeat top right; } #breadcrumb-balls-youth-bmx-lifestyle { background: #444 url(/images/bikes/bg_balls_youth_bmx_lifestyle.jpg) no-repeat top right; } #breadcrumb-balls-youth-offroad-sport { background: #444 url(/images/bikes/bg_balls_youth_offroad_sport.jpg) no-repeat top right; } /* BIKEWIZARD v1 SEGMENTS */ table#segments { margin: 16px 0 0 0; width: auto; border-right: 1px solid #5c6f7b; } table#segments tr td { border-left: 1px solid #5c6f7b; padding: 0px 3px 5px 3px; vertical-align: top; width: 100px; } table#segments tr td.last { } table#segments tr td h2 { color: #fff; font-size: 1.0em; font-weight: bold; padding: 5px; } table#segments tr td .series { height: 95px; text-align: center; margin: 10px 0 0 0; } table#segments tr td .series a { text-decoration: none; color: #0076a3; font-size: 0.9em; } /* BIKE DETAILS */ .details { padding: 20px; } .details #left { float: left; width: 660px; } #bike-main-image-print { display: none; } .details #left #tools { width: 630px; margin: 0 0 10px 0; } .details #left #tools #extra-images { float: right; width: 400px; text-align: right; } .details #left #tools #extra-images .item { float: right; padding: 0; height: 20px; width: 30px; } .details #left #tools #zoom { float: right; width: 30px; text-align: right; } .details #left #tools #print { float: right; width: 30px; text-align: right; } .details #left #tools #share { float: right; width: 170px; text-align: right; } .details #left .photoframe { width: 630px; height: 430px; border: none; margin: 0 0 5px 0; background: url(../images/overlay_630x430.gif) no-repeat; } .details #left .photoframe-archive { background: none; border: 1px solid #ccc; } .details #left .photoframe img { } .details #description { margin: 0 0 15px 0; } .details #features { margin: 0 0 15px 0; } .details #features p { margin: 0 0 15px 0; } .details #video { margin: 0 0 30px 0; } .details #video h2 { margin: 0 0 10px 0; } .details #video .item { margin: 0 0 10px 0; } .details #technologies { margin: 0 0 15px 0; } #technologies img { border: 1px solid #ddd; margin: 0 5px 10px 0; } #price { margin: 0 0 20px 0; } #price h2 { margin: 0; } #price a { color: #0099cc; font-weight: bold; } #buythisbike { margin: 0 0 20px 0; } #buythisbike #link { margin: 5px 0 0 0; } #buythisbike #link a { font-size: 1.2em; color: #0099cc; font-weight: bold; } .details #fullspecbox table { } .details #fullspecbox table tr th { padding: 0 25px 0 0; } .details #fullspecbox table tr td { padding: 3px 0 3px 0; border-bottom: 1px solid #ddd; } .details .tab-content h2 { margin: 0 0 10px 0; } .details #press h1 { margin: 0 0 10px 0; } .details #press img { margin: 0 15px 15px 0; } .details #right { float: left; width: 280px; } .details #right #positioning-statement { margin: 10px 0 30px 0; font-size: 1.8em; line-height: 1.1em; text-transform: uppercase; font-weight: bold; } /* TARGETGROUP CATEGORY SUBCATEGORY DEPENDANT COLORS */ /* MEN */ #header-men-onroad-performance { background: #585747; } #header-men-onroad-sport { background: #94948a; } #header-men-onroad-lifestyle { background: #bcbead; } #header-men-onroad-lifestyle-hybrid { background: #63af5e; } #header-men-xroad-performance { background: #bd1b20; } #header-men-xroad-sport { background: #F58220; } #header-men-xroad-lifestyle { background: #fcaf17; } #header-men-offroad-performance { background: #0076a3; } #header-men-offroad-sport { background: #00accd; } #header-men-offroad-lifestyle { background: #65b4c6; } /* WOMEN */ #header-women-onroad-performance { background: #585747; } #header-women-onroad-sport { background: #94948a; } #header-women-onroad-lifestyle { background: #bcbead; } #header-women-onroad-lifestyle-hybrid { background: #63af5e; } #header-women-xroad-performance { background: #bd1b20; } #header-women-xroad-sport { background: #F58220; } #header-women-xroad-lifestyle { background: #fcaf17; } #header-women-offroad-performance { background: #0076a3; } #header-women-offroad-sport { background: #00accd; } #header-women-offroad-lifestyle { background: #65b4c6; } /* YOUTH */ #header-youth-onroad-lifestyle { background: #bcbead; } #header-youth-bmx-sport { background: #372225; } #header-youth-bmx-sport-dirt { background: #372225; } #header-youth-bmx-sport-street { background: #74382d; } #header-youth-bmx-sport-neighbourhood { background: #881635; } #header-youth-offroad-sport { background: #00accd; } #header-youth-offroad-lifestyle { background: #65b4c6; } /* ALL BIKES/PRODUCFS IN SERIES */ .all-items-in-series { margin: 0 0 15px 0; } .all-items-in-series #title { margin: 0 0 7px 0; text-transform: uppercase; font-size: 1.4em; font-weight: bold; } .all-items-in-series .item { width: 125px; height: 165px; float: left; margin: 0 10px 10px 0; } .all-items-in-series .item .image { width: 125px; height: 125px; margin: 0 0 3px 0; } .all-items-in-series .item .image a { display: block; } .all-items-in-series .item .name { width: 125px; text-align: center; } .all-items-in-series .item .name a { font-size: 0.9em; text-decoration: none; color: #999; } .all-items-in-series .item-active .name a { color: #333; font-weight: bold; } .all-items-in-series .item .name a.item-hover { color: #0268ba; } /* BIKE and GEAR DETAIL v2 */ #details-v2 { padding-top: 0; } #details-v2 #left { width: 560px; margin: 0 30px 0 0; padding-top: 20px; } #details-v2 #right { width: 355px; } #details-v2 #left #back-buttons { height: 25px; } #details-v2 #left #back-buttons a { color: #aaa; text-transform: uppercase; } #details-v2 #left #back-buttons a.view-all-bikes { text-transform: uppercase; font-size: 1em; color: #aaa; background: url(/images/bikes/icon_bike-index_transparent.gif) no-repeat 1px 2px; padding: 0 0 0 20px; } #details-v2 #left #back-buttons a.back-to-bikefinder { text-transform: uppercase; font-size: 1em; color: #aaa; background: url(/images/bikes/icon_back.gif) no-repeat 1px 2px; padding: 0 0 0 20px; } #details-v2 #left .breadcrumbs-and-sectionlogo { color: #ddd; text-transform: uppercase; font-weight: bold; font-size: 1em; } #details-v2 #left .breadcrumbs-and-sectionlogo #breadcrumbs { float: left; width: 555px; overflow: hidden; } #details-v2 #left .breadcrumbs-and-sectionlogo #sectionlogo { float: left; width: 5px; height: 25px; text-align: center; } #details-v2 #left #breadcrumbs-women #breadcrumbs { width: 470px; } #details-v2 #left #breadcrumbs-women #sectionlogo { width: 90px; } #details-v2 #left #breadcrumbs { color: #ddd; } #details-v2 #left #breadcrumbs a { line-height: 25px; color: #fff; text-decoration: none; } #details-v2 #left #breadcrumbs a:hover { text-decoration: underline; } #details-v2 #left #other-items-dropdown { background: #eee; border: 1px solid #ccc; position: absolute; } #details-v2 #left #other-items-dropdown ul { list-style: none; margin: 5px; padding: 0; } #details-v2 #left #other-items-dropdown ul li { line-height: 1.5em; } #details-v2 #left #product-main-image { padding: 10px 0 10px 0; } #details-v2 #left #product-main-image img { } #details-v2 #left .product-main-image-mininum-height img { margin: 80px 0 80px 0; } #details-v2 #left #product-extra-image { display: none; margin: 0 0 10px 0; } #details-v2 #left #thumbs-and-links { margin: 0 0 15px 0; } #details-v2 #left #thumbs-and-links #thumbs { width: 300px; float: left; margin: 0; } #details-v2 #left #thumbs-and-links #thumbs .item { width: 50px; height: 30px; float: left; margin: 0 10px 10px 0; border: 1px solid #ccc; } #details-v2 #left #thumbs-and-links #thumbs .item-video { line-height: 30px; text-align: center; } #details-v2 #left #thumbs-and-links #thumbs .item-video a { display: block; color: #fff; font-weight: bold; text-decoration: none; } #details-v2 #left #thumbs-and-links #links { width: 250px; float: left; text-align: right; } #details-v2 #left #thumbs-and-links #links #print { float: right; } #details-v2 #left #thumbs-and-links #links #print a { line-height: 18px; } #details-v2 #left #thumbs-and-links #links #zoom { float: right; } #details-v2 #left #thumbs-and-links #links #zoom a { line-height: 18px; } #details-v2 #left #thumbs-and-links #links #share { float: right; } #details-v2 #left #thumbs-and-links #links #print a.print { text-transform: none; color: #028CD6; background: none; padding: 0; font-size: 1em; } #details-v2 #left #thumbs-and-links #links .line { color: #aaa; padding: 0 7px 0 7px; } html div#fancy_div { background: #fff; color: #333; } #details-v2 #left h2, #details-v2 #right h2 { font-size: 1.3em; margin: 0 0 5px 0; } #details-v2 #left .tabs { width: 550px; } #details-v2 #left .tab-content { width: 550px; border: none; background: none; padding: 10px 0 0 0; } /* specs */ p.disclaimer { font-size: 0.9em; margin: 5px 0 10px 0; } table.bike-specifications { border-collapse: collapse; border-left: 1px solid #ddd; width: 550px; font-size: 0.9em; margin: 0 0 10px 0; } table.bike-specifications tr th { width: 150px; } table.bike-specifications tr th, table.bike-specifications tr td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 2px 5px 2px 5px; text-align: left; vertical-align: top; } table.bike-specifications tr th.heading { background: #444; color: #fff; } table.bike-specifications tr th.heading h3 { font-size: 0.9em; text-transform: uppercase; margin: 0; } body.go table.bike-specifications { width: 575px; } /* geometry */ table.geometry { border-collapse: collapse; border-top: 1px solid #ddd; border-left: 1px solid #ddd; width: 550px; margin: 0 0 15px 0; font-size: 0.9em; } table.geometry tr th { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 2px 5px 2px 5px; text-align: left; background: #444; color: #fff; vertical-align: top; text-transform: uppercase; } table.geometry tr td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 2px 5px 2px 5px; text-align: left; vertical-align: top; } table.geometry tr.units td { color: #999; } table.geometry tr td.size { width: 90px; } /* detail v2 right side */ #details-v2 #right h1 { margin: 25px 0 15px 0; text-transform: uppercase; padding-top: 20px; } #details-v2 #right h1.arial { font-weight: normal; margin-top: 20px; } #details-v2 #right #price { font-size: 1.1em; font-weight: bold; margin: 0 0 10px 0; } #details-v2 #right #price a { text-decoration: none; font-weight: bold; margin: 0;} #details-v2 #right #findshop { margin: 3px 0 20px 0; } #details-v2 #right #findshop a { font-size: 1.4em; } #details-v2 #right .positioning-statement { font-size: 1.1em; margin: 0 0 10px 0; font-weight: normal; color: #999; } #details-v2 #right #findshop-and-positioning-statement { width: 235px; float: left; } #details-v2 #right #uk-icon { width: 120px; float: left; text-align: right; } #details-v2 #right h2 { margin: 0px 0 10px 0; padding: 0; text-transform: uppercase; border-bottom: 2px solid #ccc; } #details-v2 #right h2.gcw-color-livgiant { border-bottom: 2px solid #a379a9; } #details-v2 #right #frame-technology { margin: 0 0 15px 0;} #details-v2 #right #frame-technology p { margin: 0; } #details-v2 #right #technologies { margin: 10px 0 15px 0; } #details-v2 #technologies img { border: none; margin: 0; } #details-v2 #technologies a { width: 70px; height: 55px; text-align: center; border: 1px solid #ccc; display: block; float: left; margin: 0 10px 0 0; } #details-v2 #technologies a:hover { border: 1px solid #0099cc; } #details-v2 #key-upgrades { margin: 0 0 15px 0; } #details-v2 #key-upgrades p { margin: 0; } #details-v2 #left #features h2 { margin: 0px 0 10px 0; padding: 0; text-transform: uppercase; border-bottom: 2px solid #ccc; } #details-v2 #left #features { margin: 0 0 15px 0; } #details-v2 #left #features p { margin: 0; } #details-v2 #left #features table { border-collapse: collapse; width: 350px; border: 1px solid #ddd; } #details-v2 #left #features table tr td { padding: 5px; border: 1px solid #ddd; background: #f5f5f5; } #details-v2 #right .item-rightside { width: 350px; height: 60px; border: 1px solid #ccc; } #details-v2 #right .item-rightside .image { float: left; width: 90px;} #details-v2 #right .item-rightside .image .photoframe { width: 80px; height: 60px; border: none; border-right: 1px solid #ccc; } #details-v2 #right .item-rightside .text { float: left; width: 230px; } #details-v2 #right .item-rightside .text h3 { font-size: 1em; margin: 0; } #details-v2 #right .item-rightside .text a { font-size: 1.1em; font-weight: bold; } #details-v2 #right #other-xx-models { margin: 0 0 5px 0; } #details-v2 #right #other-xx-models span.price a { text-decoration: none; } #details-v2 #right #related-teams-riders { margin: 0 0 5px 0; } #details-v2 #right #opposite-sex-models { margin: 0 0 5px 0; } #details-v2 #right #linked-accessories { margin: 0 0 5px 0; } #details-v2 #right #related-news { margin: 0 0 5px 0; } #details-v2 #right #related-news .item .text { padding-top: 20px; width: 250px; } /* GEAR BIKES SHARED ------------------------------------------------------------------- */ #results .product-introblocks .item { width: 225px; height: 430px; border: none; margin: 0 10px 0 0; background: none; } #results .product-introblocks .item-last { margin-right: none; } #results .product-introblocks .item .text h2 { margin: 0; padding: 0; font-style: normal; text-transform: uppercase; } #results .product-introblocks .item .text h2 a { width: 225px; font-size: 1.4em; height: 30px; padding-top: 5px; background: #aaa; display: block; color: #fff; text-decoration: none; } #results .product-introblocks .item .text h2.smaller a { font-size: 0.8em; padding-top: 10px; height: 25px; } #results .product-introblocks #item-men .text h2 a { background: #0079c0; } #results .product-introblocks #item-women .text h2 a { background: #a379a9; } /* a379a9 */ #results .product-introblocks #item-youth .text h2 a { background: #e0dc0d; } #results .product-introblocks #item-ridergear .text h2 a { background: #0079c0; } #results .product-introblocks #item-bikegear .text h2 a { background: #0079c0; } #results .product-introblocks #item-service .text h2 a { background: #0079c0; } /* PARTS and ACCESSORIES ---------------------------------------------------------------- */ body.partsaccessories #subcategories .item { background: #fff url(/images/gear/bg_subcategory_row.gif) 100px 0px no-repeat; border: 1px solid #ddd; width: 445px; margin: 0 0 15px 0; height: 102px; } body.partsaccessories #subcategories .item .image { float: left; width: 100px; } body.partsaccessories #subcategories .item .image img { } body.partsaccessories #subcategories .item .text { width: 270px; float: left; padding: 25px 20px 20px 0px; } /* IE6 */ *html body.partsaccessories #subcategories .item .text { padding-right: 0; } body.partsaccessories #subcategories .item .text .category { color: #999; font-weight: bold; } body.partsaccessories #subcategories .item .text .title { padding: 0 0 0 15px; width: 330px; margin: 0; } body.partsaccessories #subcategories .item .text .title a { font-size: 1.7em; font-weight: bold; color: #00579d; text-decoration: none; } body.partsaccessories #subcategories .item .text .title a:hover { text-decoration: underline; } body.partsaccessories #subcategories .item .text .payoff a { text-decoration: none; color: #333; } body.partsaccessories .all-items-in-series .item .image { width: 100px; height: 100px; } /* SERIES OVERVIEW */ #button-right { width: 970px; text-align: right; margin: 15px 15px 0 0; } #gear-series-overview { margin: 15px; } #gear-series-overview .left-column { } #gear-series-overview .right-column { width: 460px; } #gear-series-overview .group { margin: 0 0 10px 0; } #gear-series-overview .title h2 { font-size: 2.1em; color: #5c6f7b; text-transform: uppercase; margin: 0 0 5px 0; } #gear-series-overview .item { width: 100px; height: 130px; float: left; margin: 0 10px 15px 0; } #gear-series-overview .item .image { width: 100px; height: 100px; } #gear-series-overview .item .name { margin: 0; width: 100px; height: 30px; text-align: center; overflow: hidden; } #gear-series-overview .item .name a { font-size: 0.9em; text-decoration: none; color: #999; } #gear-series-overview .item-active .name a { color: #333; font-weight: bold; } /* GEAR DETAIL */ body.partsaccessories .details #left { width: 460px; } body.partsaccessories .details #right { float: left; width: 480px; } body.partsaccessories .details #left .photoframe { width: 430px; } body.partsaccessories .details #title-and-button #title .breadcrumbs { width: 420px; } body.partsaccessories .details #right .all-items-in-series .item { width: 100px; height: 124px; } body.partsaccessories .details #right .all-items-in-series .item .name { width: 100px; } body.partsaccessories .details #right .all-items-in-series .item { display: block; } body.partsaccessories .details #left .tabs { width: 430px; } body.partsaccessories .details #left .tab-content { width: 428px; } /* NEWS ----------------------------------------------------------------- */ body.news .main { background: #fff url('/images/interface/bg_main_news.gif') repeat-y top right; } #content-news { } #content-news .left-column { float: left; width: 600px; } #content-news .right-column { float: left; width: 280px; margin: 0 0 0 40px; } #content-news .right-column h3 { text-transform: uppercase; color: #000; font-weight: bold; margin: 0 0 5px 0; } #content-news .right-column h3 a { text-decoration: none; color: #000; } #content-news .right-column ul { margin: 0 0 10px 15px; padding: 0; color: #aaa; text-transform: uppercase; font-size: 0.9em; } #content-news .right-column ul li { margin: 0 0 5px 0; } #content-news .right-column ul li a { color: #333; text-decoration: none; } #content-news .right-column ul li a:hover { color: #000; text-decoration: underline; } #content-news .right-column li.more { margin: 0 0 15px 0; } #content-news .right-column li.more a { color: #999; } #content-news .right-column li#active { color: #000; list-style: square; } #content-news .right-column li#active a { text-decoration: none; font-weight: bold; color: #000; } .publishdate { margin: 0 0 10px 0; font-style: italic; color: #999; } #content-news .right-column #news-categories { border-bottom: 1px dotted #aaa; padding: 0 0 2px 0; margin: 0 0 15px 0; } #content-news .right-column #related-items { border-bottom: 1px dotted #aaa; padding: 0 0 2px 0; margin: 0 0 15px 0; } #content-news .right-column .item-related { width: 125px; height: 180px; border: 1px solid #ddd; background: #eee; float: left; margin: 0 10px 10px 0; } #content-news .right-column .item-related .related { text-transform: uppercase; color: #888; text-align: center; font-size: 0.9em; } #content-news .right-column .item-related .image { width: 125px; height: 120px; margin: 0 0 5px 0; } #content-news .right-column .item-related .text { width: 125px; padding: 0 0 5px 0; text-align: center; } #content-news .right-column .item-related .text a { color: #0079c2; font-weight: bold; text-align: center; font-size: 1.1em; } /* NEWS IMAGES */ table#main-image-box { border: none; border-collapse: collapse; } table#main-image-box tr td { width: 595px; height: 330px; background: #eee; text-align: center; vertical-align: middle; padding: 0; } table#main-image-box-nofixedheight { width: 440px; background: #eee; text-align: center; border: none; border-collapse: collapse; } table#main-image-box-nofixedheight tr td { padding: 0; } #article-extra-images { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0; } #article-extra-images .image { float: left; width: 52px; height: 35px; border: 1px solid #ccc; margin: 10px 6px 10px 0; overflow: hidden; background: #aaa; } #article-extra-images #lastimage { margin-right: 0; } #caption { text-align: center; font-size: 11px; color: #555; padding: 10px 20px 10px 20px; } #add-this-share { margin: 10px 0 10px 0; } #article-text { padding: 15px 0 0 0; } #articles-by-type .row { margin: 0 0 10px 0; } #articles-by-type .row .date { float: left; width: 90px; } #articles-by-type .row .title { float: left; width: 500px; text-transform: uppercase; } /* TECHNOLOGY 2011 ----------------------------------------------------- */ body.technology2011 .main { background: #eee url('/images/technology/2011/bg_body_technology_single_v2.jpg') repeat-y; } /* body.technology2011 #main-technology2011-home { background: #eee url('/images/technology/2011/bg_body_technology_home.jpg') no-repeat; } */ body.technology2011 #main-technology2011-home h1 { font-size: 3.2em; } body.technology2011 #main-technology2011-home h3 { font-size: 1.8em; margin: 0 0 10px 0; } body.technology2011 #main-technology2011-home .two-images .image { float: left; width: 320px; padding: 0; } body.technology2011 #main-technology2011-home .two-images .image img { border: 1px solid #5590b9; } body.technology2011 .main h1 { font-size: 2.7em; color: #fff; text-transform: uppercase; } body.technology2011 .main .left { width: 683px; float: left; padding: 15px 20px 0 15px; } body.technology2011 .main .right { width: 270px; float: left; margin: 0; } /* IE */ *html body.technology2011 .main .left { } *html body.technology2011 .main .right { } body.technology2011 #technologies { } body.technology2011 #technologies .item { float: left; width: 300px; height: 100px; border: 1px solid #ccc; margin: 0 15px 15px 0; background: #fff; } body.technology2011 #technologies .item .image { } body.technology2011 #technologies .item .text { text-align: center; width: 280px; } body.technology2011 #technologies .item .text h3 { font-size: 1.9em; } body.technology2011 #technologies .item .text h3 a { color: #aaa; } body.technology2011 .main .left h2 { margin-top: 0; } body.technology2011 .main .left h3 { color: #5590b9; text-transform: uppercase; font-size: 1.3em;} body.technology2011 .main .left { font-size: 0.9em; color: #fff; } body.technology2011 .main .left img { margin: 0 0 20px 0; } body.technology2011 .main .left img.logo { margin: 0 0 15px 15px; float: right; } body.technology2011 .main .left table { border-top: 2px solid #fff; border-collapse: collapse; font-size: 1em; margin: 0 0 10px 0; } body.technology2011 .main table tr th { border-right: 1px solid #5590b9; border-bottom: 2px solid #fff; color: #fff; padding: 5px; text-align: left; vertical-align: top; } body.technology2011 .main table tr td { border-right: 1px solid #5590b9; border-bottom: 1px solid #5590b9; color: #fff; padding: 5px; text-align: left; vertical-align: top;} body.technology2011 .main table tr th.last { border-right: none; } body.technology2011 .main table tr td.last { border-right: none; } body.technology2011 .main table.image-and-text { border-top: none; } body.technology2011 .main table.image-and-text tr th { border-right: none; border-bottom: 1px dotted #fff; padding: 10px 20px 0 0; text-align: right; } body.technology2011 .main table.image-and-text tr td { border-right: none; border-bottom: 1px dotted #fff; padding: 10px 0 0 0; } body.technology2011 .main table.image-and-text-3f tr th { border-bottom: none; padding: 0; } body.technology2011 .main table.image-and-text-3f tr td { border-bottom: none; padding: 35px 0 0 15px; } body.technology2011 .main table.data tr td { text-align: center; vertical-align: middle; } body.technology2011 .main div.inset { background: #fff; color: #041d50; padding: 10px; margin: 0 0 15px 0; } body.technology2011 .main div.inset-with-image img { float: right; margin: 0 0 10px 15px; } body.technology2011 .main p.lessmargin { margin: 0 0 5px 0; } /* TECHNOLOGY 2011 MENU */ body.technology2011 #technologies-menu { } body.technology2011 #technologies-menu ul { list-style: none; margin: 0; padding: 0; } body.technology2011 #technologies-menu ul li a { display: block; width: 220px; color: #637682; font-size: 1em; font-weight: bold; padding: 0 0 0 49px; text-transform: uppercase; text-decoration: none; line-height: 35px; border-bottom: 1px solid #ddd; background: #fff; } *html body.technology2011 #technologies-menu ul li a { } body.technology2011 #technologies-menu ul li a.home { background: #eee; padding: 0 0 0 15px; width: 253px } body.technology2011 #technologies-menu ul li a.advanced_sl { background: #fff url(/images/technology/2011/icon_advanced.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.advanced { background: #fff url(/images/technology/2011/icon_advanced.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.trinity_advanced_sl { background: #fff url(/images/technology/2011/icon_trinity_advanced_sl.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.composite_technology { background: #fff url(/images/technology/2011/icon_composite_technology.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.aluxx { background: #fff url(/images/technology/2011/icon_aluxx.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.compactroad { background: #fff url(/images/technology/2011/icon_compactroad.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.maestro { background: #fff url(/images/technology/2011/icon_maestro.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.hybrid { background: #fff url(/images/technology/2011/icon_hybrid.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.fivepoint { background: #fff url(/images/technology/2011/icon_fivepoint.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.overdrive { background: #fff url(/images/technology/2011/icon_overdrive.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.ridesense { background: #fff url(/images/technology/2011/icon_ridesense.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.giant3f { background: #fff url(/images/technology/2011/icon_3f.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.wheelsystems { background: #fff url(/images/technology/2011/icon_wheelsystems.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.components { background: #fff url(/images/technology/2011/icon_components.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.backtothebike { background: #ddd url(/images/technology/2011/icon_fivepoint.gif) 10px 4px no-repeat; } body.technology2011 #technologies-menu ul li a.advanced_sl:hover { background: #5590b9 url(/images/technology/2011/icon_advanced_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li a.advanced:hover { background: #5590b9 url(/images/technology/2011/icon_advanced_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li a.trinity_advanced_sl:hover { background: #5590b9 url(/images/technology/2011/icon_trinity_advanced_sl_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li a.composite_technology:hover { background: #5590b9 url(/images/technology/2011/icon_composite_technology_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li a.aluxx:hover { background: #5590b9 url(/images/technology/2011/icon_aluxx_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li a.compactroad:hover { background: #5590b9 url(/images/technology/2011/icon_compactroad_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li a.maestro:hover { background: #5590b9 url(/images/technology/2011/icon_maestro_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li a.hybrid:hover { background: #5590b9 url(/images/technology/2011/icon_hybrid_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li a.fivepoint:hover { background: #5590b9 url(/images/technology/2011/icon_fivepoint_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li a.overdrive:hover { background: #5590b9 url(/images/technology/2011/icon_overdrive_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li a.ridesense:hover { background: #5590b9 url(/images/technology/2011/icon_ridesense_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li a.giant3f:hover { background: #5590b9 url(/images/technology/2011/icon_3f_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li a.wheelsystems:hover { background: #5590b9 url(/images/technology/2011/icon_wheelsystems_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li a.components:hover { background: #5590b9 url(/images/technology/2011/icon_components_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li#currentmenu a.advanced_sl { background: #03244f url(/images/technology/2011/icon_advanced_hover.gif) 10px 4px no-repeat; color: #fff;} body.technology2011 #technologies-menu ul li#currentmenu a.advanced { background: #03244f url(/images/technology/2011/icon_advanced_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li#currentmenu a.trinity_advanced_sl { background: #03244f url(/images/technology/2011/icon_trinity_advanced_sl_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li#currentmenu a.composite_technology { background: #03244f url(/images/technology/2011/icon_composite_technology_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li#currentmenu a.aluxx { background: #03244f url(/images/technology/2011/icon_aluxx_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li#currentmenu a.compactroad { background: #03244f url(/images/technology/2011/icon_compactroad_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li#currentmenu a.maestro { background: #03244f url(/images/technology/2011/icon_maestro_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li#currentmenu a.hybrid { background: #03244f url(/images/technology/2011/icon_hybrid_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li#currentmenu a.fivepoint { background: #03244f url(/images/technology/2011/icon_fivepoint_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li#currentmenu a.overdrive { background: #03244f url(/images/technology/2011/icon_overdrive_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li#currentmenu a.ridesense { background: #03244f url(/images/technology/2011/icon_ridesense_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li#currentmenu a.giant3f { background: #03244f url(/images/technology/2011/icon_3f_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li#currentmenu a.wheelsystems { background: #5590b9 url(/images/technology/2011/icon_wheelsystems_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #technologies-menu ul li#currentmenu a.components { background: #5590b9 url(/images/technology/2011/icon_components_hover.gif) 10px 4px no-repeat; color: #fff; } body.technology2011 #add-this-share a { color: #ddd; } body.technology2011 #add-this-share span.addthis_separator { color: #5590b9; } #featured-items { padding: 15px 0 0 15px; } #featured-items h2 { margin: 0 0 5px 0; } #featured-items .all-items-in-series { } #featured-items .all-items-in-series .item { width: 102px; height: 130px; } #featured-items .all-items-in-series .item .image { width: 100px; height: 100px; } #featured-items .all-items-in-series .item .name { width: 100px; } div#backtothebike { padding: 20px 0 20px 20px; } /* TECHNOLOGY 2010 ----------------------------------------------------- */ /* TECHNOLOGY BACKGROUNDS */ #content-technology-technology_home { height: 650px; background: #bebebe url(/images/technology/bg_introduction.jpg) no-repeat; } #content-technology-advanced_introduction { height: 650px; background: #bebebe url(/images/technology/bg_advanced_intro.jpg) no-repeat; } #content-technology-advanced_sl { height: 650px; background: #bebebe url(/images/technology/bg_advanced_sl.jpg) no-repeat; } #content-technology-advanced { height: 650px; background: #bebebe url(/images/technology/bg_advanced.jpg) no-repeat; } #content-technology-alliance { height: 650px; background: #bebebe url(/images/technology/bg_alliance.jpg) no-repeat; } #content-technology-aluxx { height: 650px; background: #bebebe url(/images/technology/bg_aluxx.jpg) no-repeat; } #content-technology-compactroad { height: 650px; background: #bebebe url(/images/technology/bg_compactroad.jpg) no-repeat; } #content-technology-maestro { height: 650px; background: #bebebe url(/images/technology/bg_maestro.jpg) no-repeat; } #content-technology-maestro2 { height: 650px; background: #bebebe url(/images/technology/bg_maestro2.jpg) no-repeat; } #content-technology-hybrid { height: 650px; background: #bebebe url(/images/technology/bg_hybrid.jpg) no-repeat; } #content-technology-fivepoint { height: 650px; background: #bebebe url(/images/technology/bg_fivepoint.jpg) no-repeat; } #content-technology-fivepoint2 { height: 650px; background: #bebebe url(/images/technology/bg_fivepoint2.jpg) no-repeat; } #content-technology-trinity_advanced_sl { height: 650px; background: #bebebe url(/images/technology/bg_trinity_advanced_sl.jpg) no-repeat; } #pleaseselect { width: 988px; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; color: #999; } .content-technology .left-column { width: 666px; height: 490px; float: left; } .content-technology .right-column { width: 320px; height: 490px; float: left; font-size: 0.9em; margin: 0; padding: 0; } .content-technology .right-column { font-size: 1.1em; line-height: 1.5em; color: #222; } .content-technology .right-column .margin { padding: 90px 30px 0 20px; } .content-technology .right-column #content p { margin: 0 0 10px 0; } /* TECHNOLOGY INTRODUCTION */ #introduction, #introduction-advanced { height: 510px; width: 988px; background: none; } #introduction #factory-image { height: 285px; } #introduction-advanced #factory-image { height: 200px; } #introduction #factory-image img { margin: 70px 0 0 0; } #introduction #technology_introduction { margin: 0 0 15px 0; } #threecolumns { color: #465b67; font-size: 0.9em; line-height: 1.3em; } #introduction-advanced #threecolumns { color: #fff; font-size: 0.9em; } #threecolumns p { margin: 0 0 15px 0; } #threecolumns .column { float: left; width: 280px; padding: 0 0 0 30px; } #threecolumns #column-left { width: 230px; padding: 0 0 0 40px; } #introduction-advanced #threecolumns #column-left { width: 280px; } /* TECHNOLOGY MAIN RIGHT */ #technology-title { margin: 20px 0 0 30px; } #frame { margin: 35px 0 0 70px; } #fivepointimages { margin: 38px 0 0 70px; } #flashmenu { position: absolute; top: 480px; margin: 0 0 0 -8px; } #flashmenu #menuplaceholder { color: #ddd; } #flashmenu ul { margin: 120px 0 0 100px; padding: 0; list-style: none; } #flashmenu ul li { float: left; } #flashmenu ul li a { width: 100px; height: 40px; border: 1px solid #fff; display: block; text-align: center; padding: 10px 0 0 0; background: #aaa; color: #fff; font-size: 1.1em; font-weight: bold; margin: 0 0 0 10px; text-decoration: none; } #flashmenu ul li a:hover { background: #444; } #clickthecircles { text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.1em; color: #555; margin: 15px 0 0 0; } #clickthecircles #icon { float: left; width: 25px; margin: 1px 0 0 0; } #clickthecircles #text { float: left; margin: 0; } /* TABS */ .tabs { height: 30px; width: 630px; background: url(/images/interface/bg_tabs.gif) repeat-x; } .tabs ul { list-style: none; margin: 0; } .tabs ul li { float: left; } .tabs ul li a { display: block; float: left; width: 110px; line-height: 30px; text-align: center; background: orange; margin: 0 5px 0 0; background: url(/images/interface/bg_tab.gif) top left no-repeat; color: #333; } .tabs ul li a.small { width: 80px; background: url(/images/interface/bg_tab_80.gif) top left no-repeat; } .tabs ul li.active a { background: url(/images/interface/bg_tab_active.gif) no-repeat; text-decoration: none; color: #333; font-weight: bold; } .tabs ul li.active a.small { width: 80px; background: url(/images/interface/bg_tab_80_active.gif) top left no-repeat; } .tabs ul li a:hover { background: #ddd; } .tab-content { width: 628px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .tab-content .margin { padding: 20px; } /* DEALERS ------------------------------------------------------------ */ body.dealers .tabs { width: 900px; } body.dealers .tab-content { width: 898px; } body.dealers .tabs ul li a { width: 200px; background: url(/images/interface/bg_tab_200.gif) top left no-repeat; } body.dealers .tabs ul li#active a { background: url(/images/interface/bg_tab_200_active.gif) no-repeat; } body.dealers .tabs ul li a:hover { background: #ddd; } #dealerform { border-bottom: 1px dotted #ddd; padding-bottom: 15px; } #dealerform #columns { width: 600px; text-transform: uppercase; font-size: 0.9em; font-weight: bold; } #dealerform #columns .column-dealername { float: left; width: 200px; } #dealerform #columns .column-city { float: left; width: 160px; } #dealerform #columns .column-zipcode { float: left; width: 100px; } #dealerform #columns .column-submit { float: left; width: 100px; } #dealerform-proximity { background: #eee; border: 1px solid #ddd; padding: 10px; } #dealerform-proximity .input-text { float: left; width: 310px; height: 25px; border: 1px solid #abadb3; border-right: 0; background: #fff; } #dealerform-proximity .input-text input#keyword { width: 300px; margin: 3px; border: none; background: none; } #dealerform-proximity .input-mylocation { float: left; width: 25px; height: 25px; border: 1px solid #abadb3; border-left: 0; background: #fff; } #dealerform-proximity .input-mylocation img { margin-top: 3px; } #dealerform-proximity .input-submit { float: left; width: 150px; } #dealerform-proximity .input-submit input { margin-left: 5px; padding: 2px 15px 2px 15px; } #dealerform-proximity #searchfields { width: 510px; float: left; } #dealerform-proximity #campaigns { float: left; width: 390px; } #dealerform-proximity #campaigns h3 { margin: 0 0 8px 0; font-size: 1em; } #dealerform-proximity #campaigns .campaign { width: 180px; float: left; margin: 0 10px 10px 0; } #giant-brand-stores { background: #DFEEFF; border: 1px solid #99B9DF; padding: 10px; margin-bottom:10px; } .column-googledealer-search input { width: 300px; } .column-dealername input { width: 180px; } .column-zipcode input { width: 80px; } .column-submit input { width: 120px; } .powermap { margin: 15px 0 0 0; } .noresultsfound { color: #cc0000; margin: 10px 0 0 0; } .numberofdealersfound { margin: 15px 0 15px 0; font-weight: bold; font-size: 1.4em; color: #000; } .numberofdealersfound a { color: #000; } .numberofdealersfound a.showmore { color: #888; font-size: 0.7em; text-transform:lowercase; margin-left:20px; font-weight:normal; } #second-filter-row { margin: 10px 0 0 0; } #two-maps { margin: 0 0 20px 0; } #two-maps .item { float: left; width: 300px; margin: 0 10px 0 0; text-align: center; } #two-maps .item a { font-size: 1.2em; } /* CAMPAIGNS */ div.campaigns {height:20px;margin:10px 0 0px 0;} /* DEALERS FILTERS */ .dealer-filters { width: 860px; } .dealer-filters .filter { float: left; width: 200px; padding: 10px 10px 0 0; } .dealer-filters .filter .checkbox { float: left; width: 20px; margin: 0; padding: 0; } .dealer-filters .filter .icon { float: left; width: 170px; } /* DEALERS BIKESHOPS */ #bikeshop-premium { margin: 15px 0 0 0; } #bikeshops { margin: 15px 0 0 0; } #bikeshops a { } #bikeshops .line { padding: 0 3px 0 3px; color: #ccc; } #bikeshops #logo { width: 185px; } #bikeshops #logo img { margin: 5px 0 5px 5px; } #bikeshops #shops { margin: 5px 0 0 0; font-weight: bold; color: #aaa; } /* DEALER RESULTS */ .dealer-box { margin: 0 0 0px 0; border-bottom: 1px dotted #ccc; padding: 10px 10px 10px 0; } .dealer-box-hover { background: #DFEEFF; padding: 10px 0px 10px 10px;} fieldset .dealer-box-hover { background: #fff; } #dealer-search-results .last { margin: 0 0 0px 0; border-bottom: 0px dotted #ddd; padding-bottom: 5px; } .dealer-box .image { float: left; width: 100px; } .dealer-box .text { float: left; } .dealer-box .name, .dealername { font-size: 1.1em; font-weight: bold; } .dealer-box .name a { background: url('/images/dealers/icon_google_pin.png') no-repeat; padding: 0 0 0 18px; line-height: 20px; } .dealer-box .phonefax { font-size: 0.9em; color: #666; text-transform: lowercase; } .dealer-box .distance { font-size: 0.9em; color: #cc0000; text-transform: lowercase; } .dealer-box .emailsite { font-size: 0.9em; color: #888; text-transform: lowercase; } .dealer-box .emailsite a:link, .dealer-box .emailsite a:visited, .dealer-box .emailsite a:hover, .dealer-box .emailsite a:active { color: #666; } .dealer-box .logos { margin: 7px 0 4px 0; } .dealer-box .logos img { margin: 0 5px 5px 0; } .dealer-box .state, .dealerstate { text-transform:uppercase;} table#dealerresults { width: 670px; border-collapse: collapse; margin: 0; padding: 0; } table#dealerresults tr th { background: #ddd; text-transform: uppercase; font-size: 0.9em; padding: 2px 0 2px 5px; } table#dealerresults tr td { padding: 2px 0 2px 5px; background: #f5f5f5; } table#dealerresults tr.uneven td { background: #eee; } table#dealerresults tr th.icon { width: 40px; } table#dealerresults tr th.phone { width: 100px; } .column1 { float: left; width: 175px; } .column2 { float: left; width: 175px; margin: 0 0 0 20px; } .column3 { float: left; width: 175px; margin: 0 0 0 20px; } table.simple { margin: 15px 0 0 0; border-collapse: collapse; } table.simple tr th { background: #555; color: #fff; } table.simple tr th, table.simple tr td { padding: 2px 20px 2px 0; } #dealer-search-results {} /* #dealer-search-results .left { float: left; width: 150px; } */ #dealer-search-results .center { float: left; width: 303px; } #dealer-search-results .right { float: left; width: 400px; padding: 0 0 0 30px; } #dealer-search-results .center .dealer-box { width: 280px; } #events-in-this-area #title { background: #eee; width: 600px; } #events-in-this-area #title h2 { color: #666; padding: 10px; margin: 0; } #events-in-this-area .item { background: none; border-bottom: 1px solid #ddd; padding: 8px 0 15px 0; width: 600px; } #events-in-this-area .item h3 { margin: 0; } #events-in-this-area .item .line { color: #aaa; padding: 0 5px 0 5px; } /* SEARCH */ body.search table { margin: 0 0 15px 0; border-collapse: collapse; width: 100%; } body.search table tr th { text-align: left; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 15px 5px 5px; background: #eee; } body.search table tr td { padding: 5px 15px 5px 5px; border-bottom: 1px solid #eee; } body.search table tr.even td { background: #f5f5f5; } body.search table tr td.date, body.search table tr td.year, body.search table tr td.category { width: 120px; color: #222; } body.search table tr td.category { width: 250px; } body.search table tr td.gender { width: 80px; } body.search table tr td.city { width: 400px; } body.search #biggerSearchForm { margin: 0 0 15px 0; background: #eee; padding: 3px; } body.search #biggerSearchForm input#keyword { width: 250px; border: 1px solid #3f5a85; color: #000; } /* TEAMS RIDERS */ body.teamsriders .main { background: #f4f3f3; padding: 15px; } body.teamsriders #main1 { background: url(/images/teamsriders/bg_main_1.jpg) no-repeat; padding: 0; } body.teamsriders #main2 { background: url(/images/teamsriders/bg_main_2.jpg) no-repeat; padding: 0; } body.teamsriders #main3 { background: url(/images/teamsriders/bg_main_3.jpg) no-repeat; padding: 0; } body.teamsriders #main4 { background: url(/images/teamsriders/bg_main_4.jpg) no-repeat; padding: 0; } body.teamsriders #main1 .left, body.teamsriders #main2 .left, body.teamsriders #main3 .left, body.teamsriders #main4 .left { padding: 15px 0 0 15px; } body.teamsriders #main1 .right, body.teamsriders #main2 .right, body.teamsriders #main3 .right, body.teamsriders #main4 .right { padding: 15px 0 15px 0; } body.teamsriders .main .left { float: left; width: 475px; } body.teamsriders .main .right { float: left; width: 475px; padding-top: 55px;} body.teamsriders .bottom-rideliferidegiant { text-align: right;} body.teamsriders .main .item { width: 450px; height: 90px; margin: 0 0 10px 0; background: url(/images/teamsriders/bg_item_transparent.png) repeat-x; } body.teamsriders .main .item .image { float: left; width: 150px; } body.teamsriders .main .item .image .photoframe { width: 150px; height: 90px; border: none; } body.teamsriders .main .item .text { float: left; width: 285px; padding: 0; } body.teamsriders .main .item .text h2 { margin: 0; } body.teamsriders .main .item .text h2 a { text-decoration: none; color: #000; display: block; padding: 15px 0 0px 15px; width: 270px; } body.teamsriders .main .item .text p { font-size: 1.1em; } body.teamsriders .main .item .text p.link a { padding: 10px 0 0px 15px; width: 270px; display: block; } body.teamsriders .main .item-hover { background: #444; } body.teamsriders .main .item-hover .text h2 a { color: #fff; } body.teamsriders .main .item-hover .text p a { color: #ddd; } body.teamsriders-detail .photovideo, body.teamsriders-rider-detail .photovideo { background: #fff; margin: 0 0 15px 0; text-align: center; border: 1px solid #ccc; } body.teamsriders-detail .photovideo p, body.teamsriders-rider-detail .photovideo p { padding: 10px 0 0 0; font-weight: bold; } body.teamsriders-detail .photovideo p.video, body.teamsriders-rider-detail .photovideo p.video { padding: 0; } /* teamsriders DETAIL */ body.teamsriders-detail .main { background: #f4f3f3; padding: 15px; } body.teamsriders-detail .main .left { float: left; width: 450px; } body.teamsriders-detail .main .right { float: left; width: 450px; padding: 0 0 0 30px; } body.teamsriders-detail .main .left #monoSlideshow { margin: 0 0 15px 0 } body.teamsriders-detail .main h2 { color: #777; text-transform: uppercase; font-size: 1.7em; margin: 0 0 10px 0; } body.teamsriders-detail #title-and-button, body.teamsriders-rider-detail #title-and-button { margin: 0; } body.teamsriders-detail #title-and-button h1 { font-size: 3.1em; text-transform: uppercase; } body.teamsriders-rider-detail #title-and-button h1 { font-size: 3.1em; text-transform: uppercase; } #intro-and-logos { width: 930px; border-bottom: 1px dotted #ddd; padding: 0 0 10px 0; margin: 0 0 10px 0; } #intro-and-logos #logos { float: right; padding: 0 0 0 15px; } #intro-and-logos #logos .logoframe { width: 80px; height: 80px; float: right; border: 1px solid #ccc; margin: 0 0 10px 10px; text-align: center; } #intro-and-logos #logos .logoframe-sixth { margin-left: 0; } /* ROSTER FEATURED and NEWS */ body.teamsriders-detail .main .left #two-columns { } body.teamsriders-detail .main .left #two-columns .left { float: left; width: 210px; padding: 0; margin: 0; } body.teamsriders-detail .main .left #two-columns .right { float: left; width: 240px; padding: 0; margin: 0; } body.teamsriders-detail .main .left .item-roster { background: #f5f5f5; width: 180px; height: 30px; border: 1px solid #ccc; } body.teamsriders-detail .main .left .item-roster .image { width: 30px; background: #aaa; } body.teamsriders-detail .main .left .item-roster .image .photoframe { width: 30px; height: 30px; overflow: hidden; border: none; } body.teamsriders-detail .main .left .item-roster .text { width: 150px; padding: 0; } body.teamsriders-detail .main .left .item-roster .text h3 { font-size: 1em; margin: 0; } body.teamsriders-detail .main .left .item-roster .text h3 a { display: block; line-height: 30px; padding-left: 10px; } body.teamsriders-detail .main .left .item-roster .text h3 a:hover { background: #0099cc; color: #fff; } body.teamsriders-detail .main .left .item-featured { width: 240px; height: 70px; background: #333; border: 1px solid #ccc; } body.teamsriders-detail .main .left .item-featured .image { width: 70px; height: 70px; background: #fff; } body.teamsriders-detail .main .left .item-featured .image .photoframe { width: 70px; height: 70px; overflow: hidden; border: none; } body.teamsriders-detail .main .left .item-featured .text { width: 140px; color: #ccc; padding: 8px 0 0 10px; } body.teamsriders-detail .main .left .item-featured .text h3 { font-size: 1.1em; margin: 0; } body.teamsriders-detail .main .left .item-featured .text h3 a { color: #fff; } body.teamsriders-detail .main .left .item-featured .text a { color: #03b1eb; } body.teamsriders-detail .main .left .item-featured .text a:hover { color: #fff; } body.teamsriders-detail .main .left .item-featured .text p { margin: 0 0 5px 0; font-size: 0.9em; } /* TEAM NEWS */ .item-news { width: 295px; height: 65px; background: #fff; margin: 0 0 10px 0; border: 1px solid #ccc; } .item-news .image { float: left; width: 70px; background: #aaa; } .item-news .image .photoframe { border: none; width: 70px; height: 65px; } .item-news .text { float: left; width: 200px; padding: 5px 0 0 10px;} .item-news .text h3 { margin: 0 0 5px 0; font-size: 1.1em; padding: 0;} .item-news .text p em { font-size: 0.9em; } .item-video { width: 445px; height: 55px; background: #fff; margin: 0 0 10px 0; border: 1px solid #ccc; } .item-video .image { float: left; width: 70px; background: #aaa; } .item-video .text { float: left; width: 340px; padding: 10px 0 0 15px;} .item-video .text h3 { font-size: 1.1em; margin-top: 0; } body.teamsriders-detail .item-news { width: 240px; } body.teamsriders-detail .item-news .text { width: 150px; padding: 10px 10px 0 10px; } body.teamsriders-rider-detail .item-news { width: 445px; } body.teamsriders-rider-detail .item-news .text { width: 355px; } /* RIDER DETAIL */ body.teamsriders-rider-detail .main { background: #f4f3f3; padding: 15px; } body.teamsriders-rider-detail .main .left { float: left; width: 450px; } body.teamsriders-rider-detail .main .right { float: left; width: 450px; padding: 0 0 0 30px; } body.teamsriders-rider-detail .main .left table { background: #fff; } body.teamsriders-rider-detail .main .left table tr th { padding: 3px; } body.teamsriders-rider-detail .main .left table tr td { padding: 3px; } body.teamsriders-rider-detail .main .left .item-businesscard { background: #fff; } body.teamsriders-rider-detail .main .left .item-businesscard .image { width: 150px; } body.teamsriders-rider-detail .main .left .item-businesscard .image .photoframe { width: 150px; height: 150px; border: none; } body.teamsriders-rider-detail .main .left .item-businesscard .text { width: 250px; padding: 25px 0 0 10px; } body.teamsriders-rider-detail .main .left .item-businesscard .text h3 { font-size: 1.3em; margin: 0 0 10px 0; } body.teamsriders-rider-detail .main .left .item-businesscard .text h4 { font-size: 1.2em; margin: 0 0 10px 0; font-style: italic; font-weight: normal; } body.teamsriders-rider-detail .main .left .item-businesscard .text h5 { font-size: 1.1em; color: #999; } body.teamsriders-rider-detail .main .left table { width: 450px; border-collapse: collapse; } body.teamsriders-rider-detail .main .left table tr th { background: #333; color: #fff; width: 135px; padding: 3px 5px 3px 10px; border-bottom: 1px solid #666; } body.teamsriders-rider-detail .main .left table tr td { padding: 3px 5px 3px 10px; border-bottom: 1px solid #ccc; } /* TEAMS RIDERS NEWS */ body.teamsriders-news .main { background: #fff; padding: 15px; } body.teamsriders-news .main .left { float: left; width: 600px; } body.teamsriders-news .main .right { float: left; width: 300px; padding: 0 0 0 30px; } body.teamsriders-news .back-button { width: 450px; float: right; text-align: right; margin: 0 0 25px 0; } /* PHOTO GFALLERY */ #main-teamsriders-photo-gallery .left { width: 600px; } #main-teamsriders-photo-gallery .right { width: 345px; padding-left: 10px; } #main-teamsriders-photo-gallery .thumbs .item { float: left; width: 100px; height: 75px; margin: 0 10px 10px 0; } #main-teamsriders-photo-gallery .thumbs .item-third { margin-right: 0; } #main-teamsriders-photo-gallery #caption { background: #222; color: #fff; text-align: center; padding: 10px; font-size: 1.1em; font-weight: bold; } #main-teamsriders-photo-gallery .thumbs-scroller { height: 500px; overflow-y: scroll; overflow-x: hidden; } /* ABOUT GIANT */ body.aboutgiant .main { border-top: none; } body.aboutgiant .main h1 { font-size: 2.7em; text-transform: uppercase; } body.aboutgiant .main .left { width: 683px; float: left; height: 526px; } body.aboutgiant .main .right { width: 250px; float: left; margin: 0 0 0 20px; } body.aboutgiant .main .left-expandible { height: auto; } body.aboutgiant .main .left .margin { padding: 20px; line-height: 1.7em; } body.aboutgiant .main .right .margin { padding: 20px; } body.aboutgiant .year-box h1 { color: #fff; font-size: 7.3em; margin: 10px; height: 380px; } body.aboutgiant .title-box { height: 380px; } body.aboutgiant .title-box h1 { color: #fff; font-size: 4.3em; margin: 0 0 0 20px; } body.aboutgiant .title-box h1.first { margin-top: 20px; } body.aboutgiant .text-box { margin: 0; height: 100px; color: #222; font-size: 110%; line-height: 1.2em; padding: 15px; font-weight: bold; } body.aboutgiant .text-box-brandvalues { font-size: 1.9em; color: #555; font-weight: normal; } body.aboutgiant #detail-1 .text-box { margin: 0px 0 0 10px; font-size: 1.6em; line-height: 1.4em; } body.aboutgiant #detail-1 .title-box h1 { color: #0077c3; height: auto } body.aboutgiant #rightside-menu { margin-bottom: 20px; } body.aboutgiant #rightside-menu h3 { margin: 0; font-size: 1.2em; } body.aboutgiant #rightside-menu h3 a { display: block; width: 250px; background: #0077c3; color: #fff; font-size: 1em; padding: 0 0 0 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 30px; border-bottom: 1px solid #aaa; } body.aboutgiant #rightside-menu h3 a:hover { background: #178bd6; } body.aboutgiant #rightside-menu ul { list-style: none; margin: 0 0 15px 0; padding: 0; } body.aboutgiant #rightside-menu ul li a { display: block; width: 250px; color: #637682; font-size: 1em; padding: 0 0 0 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 30px; border-bottom: 1px solid #ddd; background: #fff; } body.aboutgiant #rightside-menu ul li a:hover { background: #f5f5f5; color: #0077c3; } body.aboutgiant #rightside-menu ul li#currentmenu a { background: #eee; } body.aboutgiant #rightside-menu ul li a span.year { font-weight: bold; color: #000; } body.aboutgiant #rightside-menu #agents-select { background: #eee; width: 260px; } body.aboutgiant #rightside-menu #agents-select select { margin: 10px; } body.aboutgiant .main .right h2 { color: #0077c3; margin: 15px 0 10px 0; } body.aboutgiant .main .right h2 a { text-decoration: none; } /* LOCAL EVENTS */ body.localevents .pagetitle-events { height: 60px; background: #111 url('/images/events/bg_eventsearch_title.jpg') no-repeat; } body.localevents .pagetitle-events h1 { margin: 0; padding: 17px 0 0 20px; font-size: 2.5em; color: #fff; } #eventsearch { height: 31px; background: #fff url('/images/interface/bg_eventsearch.gif') repeat-x; padding: 11px 10px 10px 20px; } #eventsearch input.keyword { color: #999; width: 200px; margin-right: 5px; } body.localevents .main .left { width: 653px; } body.localevents .main .right { width: 335px; } body.localevents .main .left .margin { padding: 10px 20px 20px 20px; line-height: 1.7em; } body.localevents .main .right .margin { padding: 20px 20px 20px 20px; } body.localevents h2 { color: #000; font-weight: bold; font-size: 1.6em; } .item-event { width: 630px; margin: 0 0 15px 0; background: #f5f5f5; } .item-event .image { width: 200px; } .item-event .text { width: 410px; padding: 15px 0 15px 15px; } .item-event .image .photoframe { width: 200px; height: 140px; } .item-event .text h2 { margin: 0 0 8px 0; font-weight: normal; font-size: 1.8em; } .item-event .text h2 a { text-decoration: none; } .item-event-livgiant .text h2 a { color: #7a2b81; } .item-event .text h2.smaller { font-size: 1.6em; } .item-event .text h3 { margin: 0 0 5px 0; font-size: 1.4em; } .item-event .text h3.location { color: #888; font-size: 1.2em; } .item-event .text p.url { margin: 0; } .item-event .text .event-summary { line-height: 1.2em; margin: 0 0 7px 0; } .item-event .text .event-summary p { margin: 0 0 5px 0; } .item-event .text .event-info { line-height: 1.4em; margin: 0 0 7px 0; } body.localevents .line { padding: 0 5px 0 5px; color: #aaa; } body.localevents #date-and-location { border: 1px solid #cce0f4; background: #eef4fd; padding: 5px; margin: 0 0 15px 0; } body.localevents #date-and-location h3 { margin: 10px; } body.localevents #date-and-location h3 .sub { color: #000; padding-right: 10px; } #more-events { display: none; } /* LIV GIANT */ body.livgiant .main { border-top: none; background: #fff url('/images/interface/bg_main_livgiant.gif') top right repeat-y; } body.livgiant .main h1 { font-size: 2.7em; font-weight: normal; } body.livgiant .main .left { width: 683px; float: left; } body.livgiant .main .right { width: 305px; float: left; margin: 0 0 0 0px; background: url('/images/interface/bg_main_right_livgiant.gif') top right no-repeat; } body.livgiant .main .left .margin { padding: 20px; line-height: 1.7em; } body.livgiant .main .right .margin { padding: 20px; } body.livgiant #rightside-menu ul { list-style: none; margin: 15px 0 25px 0; padding: 0; } body.livgiant #rightside-menu ul li a { display: block; width: 250px; color: #637682; font-size: 1em; padding: 0 0 0 10px; font-weight: bold; text-decoration: none; line-height: 30px; border-bottom: 1px solid #ddd; background: #fff; } body.livgiant #rightside-menu ul li.first a { text-transform: none; } body.livgiant #rightside-menu ul li a:hover { background: #f5f5f5; color: #bba1cb; } body.livgiant #rightside-menu ul li#currentmenu a { background: #bba1cb; color: #fff; } #livgiant-button { margin: 0 0 25px 0; } #livgiant-on-facebook { width: 260px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 0 25px 0; } #livgiant-on-facebook a { background: #fff url('/images/interface/icon_facebook.png') no-repeat 2% 50%; padding: 0 0 0 30px; line-height: 30px; display: block; color: #7a2b81; } /* -- LIV GIANT HOME */ #homebanner-livgiant { width: 683px; height: 365px; padding:0; margin: 0 0 20px 0; overflow: hidden; } #introduction-livgiant { margin: 15px; } /* -- LIVE GIANT AMBASSADORS */ #ambassadors { } #ambassadors .item { width: 200px; height: 230px; float: left; margin: 0 15px 15px 0; border: 1px solid #ddd; } #ambassadors .item-third { margin-right: 0; } #ambassadors .item .image { width: 200px; height: 140px; background: #eee; } #ambassadors .item .image .photoframe { width: 200px; height: 140px; border: none; } #ambassadors .item .text { padding: 15px; } #ambassadors .item .text h2 { margin: 0 0 10px 0; font-weight: normal; } #ambassadors .item .text h2 a { text-decoration: none; } /* -- LIVE GIANT EVENTS */ body.livgiant .item-event .text h2 { color: #7a2b81; } /* FORMS */ .form-box { width: 600px; background: #f8f8f8 url(/images/bg_form.gif) no-repeat; border: 1px solid #ccc; } .form-box form { padding: 15px; } .form-row { margin: 0 0 15px 0; } .form-row .form-row-left { width: 140px; float: left; margin: 3px 0 0 0; text-transform: uppercase; font-size: 0.9em; color: #666; letter-spacing: 0.2em; } .form-row .form-row-right { float: left; width: 230px; } input.zipcode { width: 80px; } input.city { width: 140px; } input.firstname { width: 80px; } input.age { width: 20px; } input.emailaddress { width: 200px; } input.bikemodel { width: 180px; } form textarea { width: 300px; height: 100px; } span.required { font-size: 1.2em; font-weight: bold; color: #cc0000; } .message { font-weight: bold; } .message-success { color: green; padding: 0 0 0 23px; background: url(/images/interface/icon_ok.gif) no-repeat; line-height: 20px; } /* OTHER */ .hidden { display: none; } /* PAGINATOR */ .paginator-wrapper { clear: both; font-size: 1em; margin: 0 0 1em 0; } .paginator-wrapper .info { float: left; padding: 0 2em 0 0; font-style: italic; color: #666; } .paginator-wrapper .rpp { float: left; padding: 0em; } ul.paginator { list-style-type: none; margin: 0; padding: 0; } ul.paginator li { color: #000; display: inline; float: left; list-style-type: none; margin: 0; padding: 0em 1em 0 0; } ul.paginator li a.next { background:url(/common/images/famfamfam_silk_icons_v013/resultset_next.png) no-repeat 100% 50%; margin: 0; padding: 2px 16px 2px 0; } ul.paginator li a.previous { background: url(/common/images/famfamfam_silk_icons_v013/resultset_previous.png) no-repeat 0 50%; margin: 0 2px 0 0; padding: 2px 2px 2px 16px; } ul.paginator li a.previous-ghosted { background: url(/images/interface/resultset_previous_ghosted.png) no-repeat 0 50%; color: #ccc; cursor: default; } ul.paginator li a.next-ghosted { background: url(/images/interface/resultset_next_ghosted.png) no-repeat 100% 50%; color: #ccc; cursor: default; } ul.paginator li a.previous-ghosted:hover, ul.paginator li a.next-ghosted:hover { text-decoration: none; } ul.paginator li a:link, ul.paginator li a:visited { } ul.paginator li a:hover, ul.paginator li a:active { text-decoration: underline; } ul.paginator li.page a { padding: 0 5px 0 5px; } ul.paginator li#currentpage a { text-decoration: none; font-weight: bold; color: #000; border: 1px solid #ddd; padding: 2px 5px 2px 5px; } /* MODAL */ body div#fancy_div { background: #FFF; color: #000;} /* Fancybox override */ body div#fancy_inner { position: relative; width:100%; height:100%; background: #fff; } body div#fancybox-loading { top: 30%; left: 40%; } /* SLIDEBOX */ #slidebox { position:relative; margin:0; } #slidebox, #slidebox .content { width: 448px; padding: 0; } #slidebox, #slidebox .container, #slidebox .content { height: 325px;} #slidebox { overflow: hidden;} #slidebox .container { position:relative; left:0;} #slidebox .content { background:#eee; float:left;} #slidebox .content div { padding:0; height:100%; font-family:Verdana, Geneva, sans-serif; font-size:13px;} #slidebox .next, #slidebox .previous { position:absolute; z-index:2; display:block; width:21px; height:21px;} #slidebox .next { right:0; margin-right:0px; background:url('/js/jquery-slidebox/slidebox_next_hover.png') no-repeat left top;} #slidebox .next:hover { background:url('/js/jquery-slidebox/slidebox_next.png') no-repeat left top;} #slidebox .previous { margin-left:0px; background:url('/js/jquery-slidebox/slidebox_previous_hover.png') no-repeat left top;} #slidebox .previous:hover { background:url('/js/jquery-slidebox/slidebox_previous.png') no-repeat left top;} #slidebox .thumbs { position:absolute; z-index:2; bottom:10px; right:10px;} #slidebox .thumbs .thumb { display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px; background:url('/js/jquery-slidebox/slidebox_thumb.png'); color:#fff;} #slidebox .thumbs .thumb:hover { background:#fff; color:#000;} #slidebox .selected_thumb { background:#fff; color:#000; display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px;} /* SPECIAL */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* mac hide \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide */