/* Home Flash Banners */ #flash_home { height:350px; position:relative; color:#000; } .patent_text { width:780px; position:relative; margin:0 0 25px; text-align:center; font-size:10px; color:#FFF; } #boc_logo { width:141px; height:60px; margin:0 auto; background:url(/images/je_new/boc_logo.jpg); } #top_left_flash { height:100px; width:200px; float:left; margin:30px 0 0 40px; } #top_right_flash { height:100px; width:200px; float:right; margin:30px 40px 0 0; } /* IE6 Hacks Positioning */ * html #top_left_flash { height:100px; width:200px; float:left; margin:30px 0 0 20px; } * html #top_right_flash { height:100px; width:200px; float:right; margin:30px 20px 0 0; } /* New Callouts ALT Products */ #product_callouts { margin:35px 0; } #product_callouts .table { text-align:center; font-size:12px; margin:0 auto; } #product_callouts .text { font-size:12px; text-align:center; } .table .spacer { width:50px; } #product_callouts .sportbike { width:200px; height:132px; background-image:url(../../../../images/je_new/sportbike.jpg); cursor:pointer; } #product_callouts .atv { width:242px; height:132px; background-image:url(../../../../images/je_new/atv.jpg); cursor:pointer; } #product_callouts .scooter { width:224px; height:132px; background-image:url(../../../../images/je_new/scooter.jpg); cursor:pointer; } #callouts_bottom { position:relative; height:144px; margin:15px 0 0 0; width:100%; } #callouts_bottom .girl_pic { float:right; height:120px; width:100px; margin:0 5% 0 0; background:url(../../../../images/je_new/call_girl.jpg); } #callouts_bottom .phone_text { float:right; text-align:right; font-size:18px; margin: 40px 10px 0 0; line-height:25px; } #callouts_bottom .catalog { float:left; width:143px; height:144px; margin:0 0 0 6%; background:url(../../../../images/cyclesound_bottombanner_8a.jpg); cursor:pointer; } .AddtoCartSuccess { width:100%; height:20px; line-height:1.8em; text-align:center; padding:.2em 0; position:absolute; color:#FFF; background-color:#060; left:0; top:0; } /* IE6 hack width & position */ * html .AddtoCartSuccess { width:100%; height:20px; position:relative; line-height:1.8em; text-align:center; padding:.2em 0; color:#FFF; background-color:#060; margin:auto; } /*#twitter_tag { height:117px; width:29px; position:fixed; top:50px; left:0; background:url(../../../../images/je_new/twitter_tag.gif); margin:0; cursor:pointer; }*/ .social_tabs { margin:0 0 1px; cursor:pointer; color:#000; } #social_feed { width:47px; position:fixed; left:0; top:55px; margin:0; } /* IE6 hack square bg img */ * html #social_feed { width:47px; position:absolute; left:0; top:55px; margin:0; } #social_feed a { color:#000; } #social_feed .icon_twitter { width:24px; height:24px; margin: 0 0 1px 0; background:url(../../../../images/je_new/icons/icon_twitter.png); cursor:pointer; display:block; } #social_feed .icon_twitter:hover { width:97px; height:24px; margin: 0 0 1px 0; background:url(../../../../images/je_new/icons/icon_twitter.png); cursor:pointer; } #social_feed .icon_facebook { width:24px; height:24px; margin: 0 0 1px 0; background:url(../../../../images/je_new/icons/icon_fb.png); cursor:pointer; display:block; } #social_feed .icon_facebook:hover { width:97px; height:24px; margin: 0 0 1px 0; background:url(../../../../images/je_new/icons/icon_fb.png) no-repeat; cursor:pointer; } #social_feed .icon_blog { width:24px; height:24px; margin: 0 0 1px 0; background:url(../../../../images/je_new/icons/icon_blog.png); cursor:pointer; display:block; } #social_feed .icon_blog:hover { width:97px; height:24px; margin: 0 0 1px 0; background:url(../../../../images/je_new/icons/icon_blog.png); cursor:pointer; } #social_feed .icon_yt { width:24px; height:24px; margin: 0 0 1px 0; background:url(../../../../images/je_new/icons/icon_yt.png); cursor:pointer; display:block; } #social_feed .icon_yt:hover { width:97px; height:24px; margin: 0 0 1px 0; background:url(../../../../images/je_new/icons/icon_yt.png); cursor:pointer; } /* IE6 Hacks social icons square */ * html #social_feed .icon_twitter { width:24px; height:24px; margin: 0 0 1px 0; background:url(../../../../images/je_new/icons/alt/icon_twitter.jpg); cursor:pointer; display:block; } * html #social_feed .icon_facebook { width:24px; height:24px; margin: 0 0 1px 0; background:url(../../../../images/je_new/icons/alt/icon_fb.jpg); cursor:pointer; display:block; } * html #social_feed .icon_blog { width:24px; height:24px; margin: 0 0 1px 0; background:url(../../../../images/je_new/icons/alt/icon_blog.jpg); cursor:pointer; display:block; } * html #social_feed .icon_yt { width:24px; height:24px; margin: 0 0 1px 0; background:url(../../../../images/je_new/icons/alt/icon_yt.jpg); cursor:pointer; display:block; } .sport_tag { height:207px; width:31px; position:fixed; right:0; bottom:50px; background-image:url(../../../../images/banners/2010/sport_tag.jpg); cursor:pointer; } * html .sport_tag { height:207px; width:31px; position:absolute; right:0; bottom:50px; background-image:url(../../../../images/banners/2010/sport_tag.jpg); cursor:pointer; } /**** Cycle Select Banner ****/ #cycle_selector { width:700px; height:300px; margin:0 auto 15px; padding:15px 0 0 0; position:relative; /*background:url(../../../../images/banners/sky_bg.jpg) no-repeat;*/ } #cycle_selector_fairing { width:700px; margin:0 auto; padding:15px 0 0 0; position:relative; } #cycle_selector a:hover { color:#666; text-decoration:none; } #cycle_selector_fairing a:hover { color:#666; text-decoration:none; } #selector_content { width:100%; } #selector_content td { padding:1px 5px 1px 10px; height:40px; background:url(../../../../images/banners/trans_row_bg.png); } #cycle_selector .title { height:31px; width:182px; margin: 0 auto 10px; background:url(../../../../images/banners/select_bike_header.png); } #cycle_selector .title_image { float:left; margin:0 10px 0 0; } #cycle_selector .content { font-size:11px; padding:4px 0 0 0; position:relative; } #cycle_selector_fairing .title { height:31px; width:182px; margin: 0 auto 10px; background:url(../../../../images/banners/select_bike_header.png); } #cycle_selector_fairing .title_image { float:left; margin:0 10px 0 0; } #cycle_selector_fairing .content { font-size:11px; padding:4px 0 0 0; position:relative; } .selector_message { width:700px; line-height:14px; padding:0 10px; margin:25px auto; } /* dock rock page */ #dock_wrapper { width:700px; margin:0 auto; background:url(../../../../images/dock_rock/dock_bg.png) no-repeat; } #dock_wrapper .head_wrap { height:180px; } .dock_logo { height:118px; width:192px; background:url(../../../../images/dock_rock/dock_logo.png); float:left; margin:30px 0 0 30px; } .dock_lrg { width:382px; height:160px; float:right; margin:7px 30px 0 0; } /* IE6 position margin */ * html .dock_lrg { width:382px; height:160px; float:right; margin:7px 15px 0 0; } .dock_header { width:577px; height:31px; background:url(../../../../images/dock_rock/dock_header.png); margin:25px auto 15px; } .dock_pics { width:96%; margin:20px auto; } .dock_text { width:90%; margin:0 auto 15px; font-size:12px; text-align:center; } /* iPod Icons */ #ipod_wrapper { position:absolute; width:175px; top:250px; right:40px; } #ipod_wrapper .text { text-align:center; line-height:14px; font-size:11px; margin:15px 0 0; color:#FFF; cursor:pointer; } #ipod_wrapper .iphone { background:url(../../../../images/je_new/icons/ipod/iphone_icon.png) no-repeat; width:39px; height:75px; margin:0 12px 0 0; cursor:pointer; } #ipod_wrapper .ipod { background:url(../../../../images/je_new/icons/ipod/ipod_icon.png) no-repeat; width:40px; height:65px; margin:10px 12px 0 0; cursor:pointer; } #ipod_wrapper .nano { background:url(../../../../images/je_new/icons/ipod/nanolrg_icon.png) no-repeat; width:28px; height:67px; margin:8px 12px 0 0; cursor:pointer; } #ipod_wrapper .nanosm { background:url(../../../../images/je_new/icons/ipod/nanosm_icon.png) no-repeat; width:30px; height:40px; margin:35px 0 0; cursor:pointer; } /* New for 2010 banner */ #new_banner { width:700px; height:150px; margin:50px auto; background:url(../../../../images/banners/2010/perf_fade.jpg) no-repeat; } #new_banner .tag { width:144px; height:79px; float:left; margin:40px 0 0 25px; background:url(../../../../images/banners/2010/2010.png) no-repeat;} #new_banner .rock_box { width:164px; height:110px; float:left; margin:17px 0 0 85px; background:url(../../../../images/banners/2010/rock_box.png) no-repeat; cursor:pointer; } #new_banner .bagger_boom { width:140px; height:133px; float:left; margin:10px 0 0 60px; background:url(../../../../images/banners/2010/bagger_audio.png) no-repeat; cursor:pointer; } #new_banner .flyer_wrapper { float:right; cursor:pointer; } #new_banner .pdf_link { padding:0 0 3px; cursor:pointer; } #new_banner .flyer_img { width:50px; height:64px; margin:0 auto; background:url(../../../../images/banners/2010/flyer.jpg); cursor:pointer; } /* NEW BANNERS */ #bagger_banner { width:700px; margin:25px auto; position:relative; } #bagger_banner .bagger_logo { width:209px; height:101px; margin:0 auto; background:url(../../../../images/banners/2010/bagger_logo2.png) no-repeat; } #reviews_container { width:107px; position:absolute; left:0; top:-5px; } .photos_tag { width:74px; height:78px; margin:0 auto 5px; background:url(../../../../images/banners/2010/photos_icon.jpg); cursor:pointer; } .reviews_tag { width:107px; height:38px; margin:0 auto; background:url(../../../../images/banners/2010/reviews_tag.jpg); cursor:pointer; } #instruct_container { width:150px; position:absolute; top:0; right:0; } #instruct_container .instruct_tn { height:71px; width:56px; background:url(../../../../images/banners/2010/bag_instruct_thumb.jpg); margin:0 auto; cursor:pointer; } #instruct_container .instruct_text { text-align:center; cursor:pointer; color:#fff; } #rockbox_banner { width:700px; margin:25px auto; } #rockbox_banner .rockbox_logo { width:394px; height:95px; margin:0 auto; background:url(../../../../images/banners/2010/rockbox_logo.png) no-repeat; } /*** VICTORY CUSTOM BANNER ***/ #vic_banner { width:700px; height:180px; margin:0 auto; position:relative; } .fairing_pic { width:266px; height:175px; background:url(../../../../images/banners/2010/victory_fairing.png); margin:0 0 0 55px; float:left; position:relative; } *html .fairing_pic { width:266px; height:175px; background:url(../../../../images/banners/2010/victory_fairing.png); margin:0 0 0 25px; float:left; position:relative; } .fairing_text { position:absolute; left:30px; top:20px; } .sign_contain { width:370px; margin:40px 0 0 0; float:right; } .sign { width:201px; height:71px; margin:0 auto; background:url(../../../../images/banners/2010/victory_sign.jpg); } .vic_text { margin:10px 0 0 0; text-align:center; } .movie_icon { width:83px; height:72px; position:absolute; top:95px; left:0px; background:url(../../../../images/banners/2010/movie_icon.png) no-repeat; } /* FLOATING LAYER STYLES */ #pop_box{ width:340px; font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; position:absolute; top:25px; left:55px; z-index:1005; } /*IE6 POSITION HACK */ /* html #pop_box{ margin:20px; width:340px; font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; }*/ #pop_box a:link, a:visited, a:hover{ color:#666; text-decoration:none; } #pop_box .window{ border:#1d1d1d solid 5px; background:url(../../../../images/banners/2010/trans_bg.png) repeat; padding:5px 10px 10px; width:310px; display:block; position:absolute; } /* IE6 LINK/BG HACK */ * html #pop_box .window{ border:#1d1d1d solid 5px; background:#2b2b2b; padding:5px 10px 10px; width:310px; display:block; position:absolute; } #pop_box .window h1{ font-size:30px; text-align:center; font-style:italic; font-weight:normal; color:#ff6e0f; line-height:30px; margin:10px 0 0; } #pop_box .window .sub_head { width:100%; font-size:24px; text-align:center; font-weight:normal; font-style:normal; color:#ff6e0f; line-height:40px; } #pop_box .window .sub_head2 { width:100%; font-size:18px; text-align:center; font-weight:normal; color:#ff6e0f; line-height:14px; } #pop_box .window p{ text-align:justify; color:#FFF; } #pop_box .msg{ font-weight:normal; font-style:normal; font-size:10px; float:left; cursor:pointer; position:relative; } #pop_box #buttons a { color:#333; display:none; } /***FLOATING APP BOX***/ #app_store_box { position:absolute; top:20px; left:50px; background:url(../../../../images/banners/2010/app_box.png); height:192px; width:268px; } #app_store_box .close_btn { position:absolute; top:7px; right:7px; background:url(../../../../images/banners/2010/close_btn.png); width:19px; height:19px; cursor:pointer; } .video { margin:25px 0; width:640px; height:385px; border:1px #666 solid; } /*** TAB BAR ***/ #tab_bar { position:fixed; height:100%; width:30px; right:0; top:0; background:url(../../../../images/je_new/tab_bar/tab_bar.jpg) repeat-y; border-left:1px solid #444; } *html #tab_bar { position:absolute; height:100%; width:30px; right:0; top:0; background:url(../../../../images/je_new/tab_bar/tab_bar.jpg) repeat-y; border-left:1px solid #444; } .tab_div { height:25px; width:30px; background:url(../../../../images/je_new/tab_bar/tab_bar_div.jpg) no-repeat; } #tab_head { margin:5px 0; padding:0 0 0 10px; cursor:pointer; } #tab_head.sport_tab { margin-top:25px; } #iphone_app_banner { width:748px; height:82px; margin:50px auto; cursor:pointer; } #banner_container { position:relative; margin:0 auto 50px; width:650px; height:154px; } .show_banner { float:left; cursor:pointer; margin:25px 0 0; } .app_banner2 { float:right; margin:25px 0 0; cursor:pointer; }