/* Theme Name: SteelSeries Author: Rune Berendtsen Description: Custom theme for the SteelSeries website. Tags: steelseries, dark, website Version: 1.0 . General comments/License Statement if any. Do no use without consent of the author. */ body { color: #000; background: #000; } h1, h2, h3 { color: #000; padding: 0; margin: 0; } h1.underline { color: #333; border-bottom: 1px solid #333; margin-bottom: 5px; padding-top: 20px; } h2 { font-size: 16px; text-transform: uppercase; } h3 { font-size: 14px; } a, a:focus { color: #000; text-decoration: none; outline: none; } a:hover { text-decoration: none; } p { margin-bottom: 5px; font-size: 11px; } hr { color: #333; margin-top: 20px; margin-bottom: 10px; } li { font-size: 11px; } #exhibition { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bg_pattern.gif') repeat; height: 100%; } .button_small > * { float: left; height: 26px; } .button_small { cursor: pointer; } .button_small .left { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/button_small_left.png'); width: 7px; } .button_small .center { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/button_small_center.png') repeat-x; padding: 7px 3px 0; } .button_small .right { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/button_small_right.png'); width: 8px; } .button_small h3 { color: #fff; margin: 0; padding: 0; text-transform: uppercase; font-size: 12px; } /* Font face */ #product_menu a { font-weight: normal; font-style: normal; line-height:normal; font-family: 'HelveticaNeueLTPro65MdRegular', sans-serif; } h1, h2, h3, .balloon, .w2b li a { font-weight: normal; font-style: normal; line-height:normal; font-family: 'HelveticaNeueLTPro57CnBold', sans-serif; font-stretch: condensed; } .wrapper_submenu li:first-child, .buy_now_small h3 { font-weight: normal; font-style: normal; line-height:normal; font-family: 'HelveticaNeueLTPro65MdBold', sans-serif; } /* Search */ #searchform { padding-top: 25px; position: relative; } #searchform input[type=text] { width: 450px; height: 22px; padding: 4px; font-size: 15px; border: 1px solid #666; margin-right: 5px; color: #333; font-weight: bold; line-height: 22px; } #searchform input[type=submit] { font-size:15px; height:2.1em; } .searchresult_content { font-size: 11px; } .searchresult_content h2 { font-size: 12px; text-transform: normal;} #searchresult li { list-style: none; float: left; margin: 0 6px 0 0; } #searchresult li h2 { padding-top: 2px; } #searchresult li p { padding-top: 0; margin-bottom: 0;} #searchresult li a:hover { text-decoration: underline; } #searchresult li h2 a:hover { text-decoration: none; } #searchresult li img { border: none; } /* Content */ .wrapper { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bg_shadow.png') repeat-y 50% 0; height: 100%;} .wrapper_content { background: #e6e6e6; min-height: 350px; padding: 15px 0 15px 0; font-size: 11px; overflow: hidden; } .wrapper_content h2 { text-transform: uppercase; font-size: 15px; color: #000; padding: 0; } .wrapper_bottom { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bg_bottom.png') no-repeat 50% 0; height: 15px; } .wrapper_top { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bg_top.png') no-repeat 50% 0; height: 15px; } .wrapper_submenu { position: relative; } .wrapper_submenu ul { margin: 8px 0 8px 0; position: relative; float: right; } .wrapper_submenu li { list-style: none; float: left; font-size: 15px; line-height: 24px; margin: 2px 0 0 20px; } .wrapper_submenu li:first-child { text-transform: uppercase; font-size: 10px; color: #444; line-height: 28px !important; text-shadow: 0px 1px 0px #000; } .wrapper_submenu li a { color: #bbb; } .wrapper_submenu li a:hover { text-decoration: none; } .wrapper_submenu img { padding-top: 2px; } .wrapper_submenu ul.left { position: relative; float: left; } .about_submenu li { font-size: 14px; } .content { min-height: 500px; } .content_bg { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/content_bg.jpg') no-repeat #e6e6e6; min-height: 600px; padding-bottom: 20px; } /* Carousel */ #carousel-front li, #carousel li { margin: 0; } #carousel-next, #carousel-prev { cursor: pointer; } .carousel-hide { position: absolute; z-index: -99; top: 0; left: 0; } .carousel-show { position: absolute; z-index: 10; top: 0; left: 0; } .carousel ul li { margin: 0; } #color-chooser { margin: 0 0 0 6px; } #color-chooser li { list-style: none; float: left; margin: 0 5px 0 0; } .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } /* Category */ .category h2 { padding-top: 2px; } .category h2 span { color: #666; } .box { width: 229px; height: 121px; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/box.png') bottom left; margin-bottom: 4px; } .box.tall { height: 164px; background-image: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/box_tall.png') } #category_aion .wrapper { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/aion_border.jpg") repeat-y scroll 50% 0 transparent; } #category_aion .content_bg { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/aion_content_bg.png") no-repeat 50% 0 transparent; } #category_ruse .wrapper { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/ruse_border.png") repeat-y scroll 50% 0 transparent; } #category_starcraft-ii{ background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/scII_border.jpg") repeat-y scroll 50% 0 #000; } #category_starcraft-ii .wrapper { background: none; } #category_starcraft-ii .content_bg { position: relative; } #category_starcraft-ii-heart-of-the-swarm { background: black url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/starcraft/back-bg.jpg') no-repeat top center; } #category_starcraft-ii-heart-of-the-swarm .wrapper { background: transparent; } #category_starcraft-ii-heart-of-the-swarm .content_bg { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/starcraft/main-bg.png'); } #category_sudden-attack .wrapper { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/sa_border.png") repeat-y scroll 50% 0 transparent; } #category_sudden-attack .content_bg { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/sa_bg.jpg") no-repeat 50% 0; padding: 0 18px 0 18px; } #category_world-of-warcraft .wrapper { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/wow_category_bg.png") repeat-y scroll 50% 0 transparent; } #category_world-of-warcraft .content_bg { background: transparent; padding: 10px 9px 0 8px; position: relative; } #category_cataclysm .content_bg { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/cataclysm_content_bg.png') no-repeat; padding: 20px 30px 0 30px; position: relative; } #category_cataclysm { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/cataclysm_border.jpg") repeat-y scroll 50% 0 transparent; } #category_medal-of-honor .content_bg { background: none; } #category_medal-of-honor { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/moh_background.jpg') #000 50% -50px no-repeat; } #category_medal-of-honor .wrapper_content { background: none; } #category_medal-of-honor .wrapper { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/moh_border.png') repeat-y scroll 50% 0 transparent; } #category_diablo-iii { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/diabloIII_background.png') #000 50% 0 no-repeat; } #category_diablo-iii .wrapper { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/diabloIII_border.jpg") repeat-y scroll 50% 0 transparent; } #category_diablo-iii .content_bg { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/diabloIII_content_bg.jpg") no-repeat 50% 0; padding: 35px 20px 0 20px; position: relative; } #category_diablo-iii #top { position: absolute; background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/diabloIII_top.png") 50% 0 no-repeat; width: 100%; height: 35px; z-index: 99;} #category_diablo-iii h1.underline, #category_diablo-iii h2, #category_diablo-iii #legal { color: #A37840; } #category_dota2 { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dota2_bg_art.jpg') #000 50% 0 no-repeat; } #category_dota2 .wrapper { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dota2_platform_middle.png") repeat-y 50% 0; } #category_dota2 .content_bg { position:relative; background: none; } #category_dota2 .category h2, #category_dota2 h1.underline { color: #901822; } #category_guild-wars-2 .wrapper { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/gw2_bg.jpg') white; } #category_guild-wars-2 .content_bg { padding-right: 20px; padding-left: 20px; border: 1px solid silver; border-top: 0px; border-bottom: 0px; background: white; box-shadow: 0px 5px 15px 5px #d0d0d0; } #category_portal2 { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/portal2_bg.jpg') #000000 50% no-repeat; position: relative; z-index: 5; } #category_portal2 .wrapper { background: none; } #category_portal2 .content_bg { z-index: 10; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(34, 34, 34); /* RGBa with 0.6 opacity */ background: rgba(34, 34, 34, 0.85); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222)"; padding: 20px; border-left: solid 1px #333; border-right: solid 1px #333; -moz-box-shadow: 0px 0px 25px 5px #000; -webkit-box-shadow: 0px 0px 25px 5px #000; box-shadow: 0px 0px 25px 5px #000; } #category_portal2 h1.underline, #category_portal2 h2 { color: #47A8CE; } #category_heroes-of-newerth .content_bg { background: transparent; padding: 10px 9px 0 8px; position: relative; } #category_heroes-of-newerth { background:url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/hon_background.jpg') black 50% 0 no-repeat } #category_heroes-of-newerth .wrapper { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/hon_border.jpg") repeat-y scroll 50% 0 transparent; } #category_runes-of-magic #top { background:url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rom_bg_center.jpg") no-repeat scroll 50% 0 transparent; height:600px; position:absolute; width:100%; } #category_runes-of-magic { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rom_background.png') #000 50% 0 no-repeat; } #category_runes-of-magic .wrapper { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rom_border.jpg") repeat-y 50% 0; } #category_runes-of-magic .content_bg { position:relative; background: none; } #category_runes-of-magic h1.underline, #category_runes-of-magic h2, #category_runes-of-magic span { color: #AD2414; } #category_starcraft-ii #legal, #category_wow #legal, #category_cataclysm #legal, #category_diablo-iii #legal { color: #fff; position: absolute; bottom: 10px; } #category_starcraft-ii #legal { left: 0; } #category_ruse .content_bg, #category_starcraft-ii .content_bg, #category_moh .content_bg, #category_hon .content_bg { background: none; } #category_ruse h1.underline, #category_ruse h2, #category_starcraft-ii h1.underline, #category_starcraft-ii h2, #category_sudden-attack h1.underline, #category_sudden-attack h2, #category_world-of-warcraft h1.underline, #category_world-of-warcraft h2, #category_cataclysm h1.underline, #category_cataclysm h2, #category_medal-of-honor h1.underline, #category_medal-of-honor h2, #category_heroes-of-newerth h1.underline, #category_heroes-of-newerth h2 { color: #fff; } #category_starcraft-ii span, #category_diablo-iii span, #category_world-of-warcraft span, #category_portal2 span, #category_dota2 span, #category_ruse span, #category_sudden-attack span { color: inherit; } /* Home */ #home_content .grid_1 { height: 460px; text-align: center; } #home_content .grid_1 img { margin-top: 225px; } #home_content #carousel { width: 880px; height: 460px; } #carousel .jcarousel-list li, #carousel .jcarousel-item { height: 460px; width: 880px; float: left; list-style: none; } #home_content .grid_6 p { margin-bottom: 10px; } #news { border-top: 2px solid #aaa; border-bottom: 2px solid #aaa; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/logo_news.png') no-repeat 5px 2px; height: 40px; } #news h1 { color: #333; line-height: 30px; padding-top: 10px; padding-left: 50px;} /* Product */ #product_menu ul { width: 180px; border: 2px solid #b3b1b2; font-size: 15px; background: #efefef; margin: 5px 0 0 2px; list-style: inside !important; } #product_menu li { line-height: 35px; margin: 0; padding-left: 10px; color: #F57D31; font-size: 14px; } #product_menu li a { color: #424242; } #product_menu li a:hover { text-decoration: none; color: #999; } #product_menu li:last-child { border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; -khtml-border-radius: 0 0 7px 7px; } #product_menu div.button { width: 100%; } #product_menu div.button div.inner div.text { width: 100%; text-align: center; } .balloon { padding: 6px 6px 0px 6px; border: 2px solid #b3b1b2; background: #fff; color: #333; text-transform: uppercase; font-size: 14px; display: inline-block; } .back_to_top a { font-size: 12px; color: #000; float: right; text-decoration: underline; } #summary_content { min-height: 500px; /* background: #e6e6e6; */ } #summary_content .highlight, #firstWrapperBottom .highlight { border-left: 4px solid #000; padding-left: 6px; width: 220px !important; min-height: 45px; line-height: 15px; } #summary_content .highlight h2, #firstWrapperBottom .highlight h2 { margin-top: -1px; } #firstWrapperBottom { width: 100%; } #features_container h1 { font-size: 50px; color: #000; margin-top: 15px; } #features_container ol, ul { margin: 0; } #features_container li { margin: 0 0 0 25px; } #features_container p { margin: 0 0 5px 0; } #features_container .verticalalign { height: 45px; position: relative; } #features_container .aligncenter { margin: 10px 0 10px 0; } #features_container .verticalalign h2 { position:absolute; bottom:0; left: 47px; } #more_features_content img { margin: 10px 0 10px 0; } #reviews_container img { display: block; margin: 0 auto 15px; } #reviews_container a { text-decoration: underline; } #reviews_container a:hover { text-decoration: none; } #affiliated-products_container h1 { font-size: 30px; color: #000; } #videos_container span { font-size: 11px; display: block; } #videos_container #video_position { margin-left: 5px; } #videos_container .grid_6 img { margin-bottom: 10px; } .video_thumb { padding: 6px 5px 5px 95px; width: 128px; height: 66px; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/video_thumb.png'); margin-bottom: 10px; cursor: pointer; } .video_thumb p { line-height: 16px; margin: 0; padding: 0; } #pictures_content { height: 634px; } .pictures-view .grid_2 { height: 554px; text-align: center; } .pictures-view .grid_2 img { margin-top: 230px; } .pictures-view ul { margin: 15px 0 15px 0;} .pictures-view { height: 554px; background: #fff; } .pictures-view .carousel-control { margin-bottom: 10px; text-align: center; } .pictures-view .carousel-control a { text-decoration: none; } .pictures-view .carousel-control img { border: 1px solid #aaa; filter:alpha(opacity=60); opacity:0.6; } .pictures-view .jcarousel-list li, #gallery-view .jcarousel-item { height: 454px; width: 790px; float: left; list-style: none; } #faqs_container h3 { color: #555; padding-top: 4px; } #faqs_container li { margin: 0 0 20px 0; list-style: none; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/ico_faq.png') no-repeat top left; padding-left: 28px; } #faqs_container li a { text-decoration: none; } #colors_container img { margin: 0 0 5px 0; } #profiles_container p a { text-decoration: underline; } #profiles_container img { margin: 0 0 5px 0; } .more_info { float: right; cursor: pointer; } .more_info .left { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/more_info_left.png'); width: 8px; } .more_info .center { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/more_info_bg.png') repeat-x; padding: 7px 3px 0 3px; } .more_info .right { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/more_info_right.png'); width: 31px; } .more_info .right-up { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/more_info_right_up_down.png') top left; width: 24px; } .more_info .right-down { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/more_info_right_up_down.png') bottom left; width: 24px; } .more_info > * { float: left; height: 32px; } .more_info h2 { color: #fff; margin: 0; padding: 2px 0 0 0; } .buy_now_small > *, .coming_soon_small > * { float: left; height: 18px; } .buy_now_small { padding-top: 2px; cursor: pointer; } .buy_now_small .left { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/shop_now_small_left.png'); width: 3px; } .buy_now_small .center { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/shop_now_small_bg.png') repeat-x; padding: 3px 3px 0; } .buy_now_small .right { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/shop_now_small_right.png'); width: 18px; } .buy_now_small_g > * { float: left; height: 26px; } .buy_now_small_g { padding-top: 2px; cursor: pointer; } .buy_now_small_g .left { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/shop_now_small_g_left.png'); width: 7px; } .buy_now_small_g .center { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/shop_now_small_g_bg.png') repeat-x; padding: 7px 3px 0; } .buy_now_small_g .right { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/shop_now_small_g_right.png'); width: 24px; } .buy_now_small h3, .coming_soon_small h3, .buy_now_small_g h3 { color: #fff; margin: 0; padding: 0; text-transform: uppercase; font-size: 12px; } .coming_soon_small { padding-top: 2px; } .coming_soon_small .left { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/coming_soon_small_left.png'); width: 4px; } .coming_soon_small .center { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/coming_soon_small_center.png') repeat-x; padding: 3px 3px 0; } .coming_soon_small .right { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/coming_soon_small_right.png'); width: 4px; } .buy_now_large > * { float: left; height: 45px; } .buy_now_large { float: right; cursor: pointer; } .buy_now_large .left { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/shop_now_large_left.png'); width: 41px; } .buy_now_large .center { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/shop_now_large_bg.png') repeat-x; padding: 12px 0 0 6px; width: 100px; } .buy_now_large .right { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/shop_now_large_right.png'); width: 43px; } .buy_now_large h2, .coming_soon_large h2 { color: #fff; margin: 0; padding: 0; text-transform: uppercase; font-size: 22px; text-shadow: 0px 1px 0px #993300; } .end_of_life_large { margin-bottom: 18px; position: relative; } .end_of_life_large h2 { color: #fff; margin: 0; padding: 0; text-transform: uppercase; font-size: 17px; text-shadow: 0px 1px 0px #555; } /* .end_of_life_large > * { float: left; height: 43px; } */ .end_of_life_large { padding-top: 2px; } .end_of_life_large .left { width: 41px; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/end_of_life_large_left.png'); } .end_of_life_large .center { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/end_of_life_large_center.png') repeat-x; padding: 15px 0 0 0; width: 107px; text-align: center; } .end_of_life_large .right { width: 42px; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/end_of_life_large_right.png'); } #endOfLifeHover1 { display: block; position: absolute; top: 60px; left: 15px; width: 66px; height: 65px; cursor: pointer; background-image: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/transparent.png'); } #endOfLifeHover2 { display: block; position: absolute; top: 60px; left: 105px; width: 66px; height: 65px; cursor: pointer; background-image: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/transparent.png'); } #endOfLifeHover3 { display: block; position: absolute; top: 3px; left: 0; width: 186px; height: 44px; cursor: pointer; background-image: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/transparent.png'); } #endOfLifeHover1:hover, #endOfLifeHover2:hover { background-image: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/box-hover.png'); } #endOfLifeHover3:hover { background-image: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bg-btn-hover.png'); } .endOfLifeRelatedProducts { margin-top: 32px; overflow: auto; } .endOfLifeRelatedProducts h2 { margin-bottom: 17px; font-size: 18px; text-transform: uppercase; } .endOfLifeRelatedProduct { float: left; margin-right: 14px; } .endOfLifeRelatedProduct:last-of-type { margin-right: 0; } .coming_soon_large > * { float: left; height: 43px; } .coming_soon_large { padding-top: 2px; } .coming_soon_large .left { width: 9px; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/coming_soon_large_left.png'); } .coming_soon_large .center { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/coming_soon_large_center.png') repeat-x; padding: 13px 0 0 0; width: 170px; text-align: center; } .coming_soon_large .right { width: 9px; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/coming_soon_large_right.png'); } /* New buy buttons with sprite */ .buy_large, .buy_small { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/button_buy.png') no-repeat top left; } .buy_large { background-position: 0 0; width: 186px; height: 44px; float: left; cursor: pointer; margin-left: 2px; margin-bottom: 10px; } .buy_large.hover{ background-position: 0 -49px; width: 186px; height: 44px; } .buy_large.pressed{ background-position: 0 -98px; width: 184px; height: 42px; } .buy_small { background-position: 0 -145px; width: 96px; height: 22px; float: left; cursor: pointer; } .buy_small.hover{ background-position: 0 -172px; width: 96px; height: 22px; } .buy_small.pressed{ background-position: 0 -199px; width: 94px; height: 21px; } .buy_large h2 { font-size: 23px; line-height: 50px; text-align: center; text-transform: uppercase; } .buy_large h2.text { float: left; width: 105px; color: #fff; text-shadow: 0px 1px 0px #e07e00; } .buy_large h2.price { float: left; width: 81px; color: #945102; text-shadow: 0px 1px 0px #fdd48e; } .buy_small h3 { font-size: 12px; line-height: 27px; text-align: center; text-transform: uppercase; } .buy_small h3.text { float: left; width: 54px; color: #fff; text-shadow: 0px 1px 0px #e07e00; } .buy_small h3.price { float: left; width: 40px; color: #945102; text-shadow: 0px 1px 0px #fdd48e; } /* Where to buy */ path { cursor: pointer; } svg { margin-left: 15px; } .w2b li { list-style: none; margin: 0 0 5px 2px; } .w2b li a { font-size: 15px; line-height: 24px; color: #555; } .w2b li a:hover { color: #777; text-decoration: none; } #w2b_menu { min-height: 400px; } #w2b_menu h2 { margin-top: 6px; } #map_display { width:945px; height: 450px; margin-bottom: 20px; border: 3px solid #aaa; } #map_display a { text-decoration: underline; } #map_display a:hover { text-decoration: none; } #locater { width: 300px; height: 20px; padding: 2px; font-size: 12px; border: 1px solid #999; margin-right: 5px; } #locater_search { margin-right: 5px; } #offline-retailers_content h3 { margin-bottom: 4px; } /* Press */ #press-list li { list-style: none; margin: 0 0 20px 2px; } #press-list h2 { text-transform: none; } #press-list h2 a:hover { text-decoration: none; } #press p { font-size: 12px; margin-bottom: 14px; } #press h2 { margin: 10px 0 5px 0; } #press a { text-decoration: underline; } #press a:hover { text-decoration: none; } #press p.date { font-style: italic; } #press em { font-weight: bold; font-size: 14px; } #press .entry-content, #press .header-press { overflow: auto; } #press .main-press { margin-top: 13px; } /* Pager */ #paging { margin: 0 auto; } #press-list .paginator { margin: 0 auto; height: 40px; width: 235px; } #press-list .active { color:#000; border: solid 1px #000; padding:3px 5px; margin: 3px; text-decoration:none; } #press-list .inactive { color:#000; cursor:default; text-decoration:none; border: solid 1px #000; background-color:#aaa; padding:3px 5px; margin: 3px; } /* About */ .wpcf7 { margin-top: 15px; } .wpcf7-form input[type=text], .wpcf7-form textarea { background: #ccc; border:1px solid #aaa; } .wpcf7-form input[type=text] { height:20px; } .wpcf7-not-valid-tip-no-ajax { color: red; margin-left: 5px; } .wpcf7-mail-sent-ok { background-color: #fff; padding: 10px; border: 2px solid #666; margin: 10px 0 10px 0; font-weight: bold; color: green; } .wpcf7-validation-errors { background-color: #fff; padding: 10px; border: 2px solid #666; margin: 10px 0 10px 0; font-weight: bold; color: red; } /* Downloads */ .downloads h2 { margin-top: 5px; } /* old .box_download { width: 150px; height: 99px; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/box_download.png') bottom left; margin-bottom: 4px; cursor: pointer; } */ .box_download { width: 229px; height: 121px; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/box.png') bottom left; margin-bottom: 4px; cursor: pointer; } .downloads .info { display: none; } .downloads .grid_8 { margin-bottom: 15px; } .downloads { min-height: 200px; } .downloads .release_toggle { cursor: pointer; } .downloads .release_notes { display: none; padding: 5px; border-radius: 5px; background: #DDD; margin-bottom: 5px; } #downloads_container .button_small { float: right; } /* Teams */ #team-overview { padding-left: 20px; padding-right: 20px; height: 600px; position: relative; } #team-overview .grid_7 { padding-top: 40px; } #team-overview .grid_7 li { list-style: none; font-size: 11px; margin: 0; } #team-overview .grid_7 a { text-decoration: underline; } #team-overview .grid_7 a:hover { text-decoration: none; } #recent-achievements_content, #main-achievements_content { height: 700px; padding: 19px; } #recent-achievements_content h1, #main-achievements_content h1 { font-size: 26px; text-transform: uppercase; } #team-evil-geniuses #team-overview { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/eg_logo_bg.png') no-repeat; padding-left: 20px; padding-right: 20px; height: 600px; position: relative; } #team-evil-geniuses #team-overview .grid_7 img { margin-left: -142px; margin-bottom: 15px; } #team-evil-geniuses #team { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/eg_all.png') no-repeat; width: 622px; height: 400px; z-index: 99; bottom:-9px; left: 20px; position: absolute; } #team-evil-geniuses #main-achievements_content { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/eg_main_achievements.jpg') no-repeat 0 100%; } #team-fnatic #team-overview { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/fnatic_logo_bg.png') no-repeat; } #team-fnatic #team-overview .grid_7 img { margin-left: -35px; margin-bottom: 25px; } #team-fnatic #team { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/fnatic_all.png') no-repeat; width: 645px; height: 320px; z-index: 99; bottom:-9px; position: absolute; left: 0px; } #team-fnatic #main-achievements_content .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/fnatic_main_achievements.png') no-repeat 0; width: 546px; height: 646px; z-index: 0; bottom: -8px; margin-left: -20px; position: absolute; } #team-tsquared #team-overview { height: 550px; } #team-tsquared #team-overview .grid_7 img { margin-bottom: 15px; } #team-tsquared #team { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/tsquare_all.png') no-repeat; width: 700px; height: 531px; z-index: 99; bottom:-8px; left: 0px; position: absolute; } #team-tsquared #main-achievements_content, #team-tsquared #recent-achievements_content, #team-tsquared #achievements_content { height: 475px; } #team-tsquared #main-achievements_content .image, #team-tsquared #recent-achievements_content .image, #team-tsquared #achievements_content .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/tsquare_main_achievements.png') no-repeat 0; width: 337px; height: 434px; z-index: 0; bottom: -8px; margin-left: 50px; position: absolute; } #team-sk-gaming #team-overview { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/sk_logo_bg.png') no-repeat; } #team-sk-gaming #team-overview .grid_7 img { margin-left: -135px; } #team-sk-gaming #team { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/sk_all.png') no-repeat; width: 606px; height: 446px; z-index: 99; bottom:-9px; left: 20px; position: absolute; } #team-sk-gaming #main-achievements_content { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/sk_main_achievements.jpg') no-repeat 0 100%; } #team-tyloo #team-overview { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/tyloo_logo_bg.png') no-repeat; padding-left: 20px; padding-right: 20px; height: 600px; position: relative; } #team-tyloo #team-overview .grid_7 img { margin-left: -127px; margin-bottom: 15px; } #team-tyloo #team { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/tyloo_all.png') no-repeat; width: 618px; height: 409px; z-index: 99; bottom:-9px; left: 20px; position: absolute; } #team-tyloo #main-achievements_content { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/tyloo_main_achievements.jpg') no-repeat 0 100%; } #team-grubby #team-overview { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/grubby_logo_bg.png') no-repeat; padding-left: 20px; padding-right: 20px; height: 600px; position: relative; } #team-grubby #team-overview .grid_7 { z-index: 100; } #team-grubby #team-overview .grid_7 img { margin-bottom: 15px; } #team-grubby #team { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/grubby_all.png') no-repeat -50px; width: 700px; height: 531px; z-index: 99; bottom:-9px; left: 0px; position: absolute; } #team-grubby #main-achievements_content { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/grubby_main_achievements.png') no-repeat 100px 100%; height: 500px; } #team-grubby #recent-achievements_content { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/grubby_main_achievements.png') no-repeat 100px 100%; height: 500px; } #team-natus-vincere #team-overview { height: 530px; } #team-natus-vincere #team-overview .grid_7 img { margin-left: 0px; margin-bottom: 15px; } #team-natus-vincere #team { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/navi_all.png') no-repeat; width: 561px; height: 509px; position: absolute; z-index: 99; left: 20px; bottom:-9px; } #team-natus-vincere #main-achievements_content, #team-natus-vincere #recent-achievements_content { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/navi_main_achievements.png') no-repeat 0 100%; height: 600px;} #team-vvv #team-overview { min-height: 600px; } #team-vvv #team-overview .grid_7 img { margin-left: 0px; margin-bottom: 15px; } #team-vvv #team { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/vvv_all.png') no-repeat; width: 700px; height: 531px; z-index: 99; bottom: -8px; left: 0px; position: absolute; } #team-vvv #main-achievements_content, #team-vvv #recent-achievements_content { height: 500px; } #team-vvv #main-achievements_content .image, #team-vvv #recent-achievements_content .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/vvv_logo.png') no-repeat 0; z-index: 0; height: 422px; width: 369px; top: 70px; position:absolute; margin-left: 50px; } #team-fear #team-overview { height: 600px; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/fear_logo_bg.png') no-repeat; } #team-fear #team-overview .grid_7 img { margin-left: 0px; margin-bottom: 15px; } #team-fear #team { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/fear_all.png') no-repeat; width: 655px; height: 475px; z-index: 99; position: absolute; bottom: -8px; left: 0px; } #team-fear #main-achievements_content, #team-fear #recent-achievements_content { min-height: 600px; } #team-fear #main-achievements_content .image, #team-fear #recent-achievements_content .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/fear_main_achievements.png') no-repeat 0; z-index: 0; height: 571px; width: 415px; bottom: -8px; position:absolute; } #team-status-quo #team-overview { height: 550px; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/statusquo_logo_bg.png') no-repeat; } #team-status-quo #team-overview .grid_7 img { margin-left: -180px; margin-bottom: 15px; } #team-status-quo #team { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/statusquo_all.png') no-repeat; width: 581px; height: 497px; z-index: 99; bottom: -8px; left: 0px; position: absolute; } #team-status-quo #main-achievements_content, #team-status-quo #recent-achievements_content { min-height: 585px; } #team-status-quo #main-achievements_content .image, #team-status-quo #recent-achievements_content .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/statusquo_main_achievements.png') no-repeat 0; z-index: 0; height: 553px; width: 366px; bottom: -8px; position:absolute; } #team-incredible-miracle #team-overview { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/incredibleMiracleBackground.png') no-repeat; padding-left: 20px; padding-right: 20px; height: 600px; position: relative; } #team-incredible-miracle #team-overview .grid_7 { z-index: 100; } #team-incredible-miracle #team-overview .grid_7 img { margin-bottom: 15px; } #team-incredible-miracle #team { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/incredibleMiracleAll.png') no-repeat -50px; width: 700px; height: 531px; z-index: 99; bottom:-73px; left: 0px; position: absolute; } #team-incredible-miracle #main-achievements_content { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/incredibleMiracleAll2.png') no-repeat 100px 100%; height: 500px; } #team-incredible-miracle #recent-achievements_content { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/incredibleMiracleSingle.png') no-repeat 38px 0px; height: 500px; } #team-gambit #team-overview { min-height: 500px; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/gambit_logo_bg.png') no-repeat; } #team-gambit #team-overview .grid_7 img { margin-left: 0px; margin-bottom: 15px; } #team-gambit #team { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/gambit_all.png') no-repeat; width: 646px; height: 305px; z-index: 99; bottom: -8px; left: 0px; position: absolute; } #team-gambit #main-achievements_content, #team-gambit #recent-achievements_content { min-height: 500px; } #team-gambit #main-achievements_content .image, #team-gambit #recent-achievements_content .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/teams/gambit_main_achievements.png') no-repeat 0; z-index: 0; height: 489px; width: 580px; bottom: -8px; position:absolute; } /* Interview lists - on team sites */ .interview_list_sprite { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/team_player_interview_sprite.png') repeat-x; } .interview_list_item { border-bottom: 3px solid #777777; margin-bottom: 25px; min-height: 390px; } .interview_list_item span.edit_wpbe { position: absolute; z-index: 10; } .interview_list_item .player_image { position: absolute; bottom: 0px; z-index: 5; } .interview_list_item .player_quote { position: absolute; bottom: 200px; left: 405px; height: 130px; width: 520px; } .interview_list_item .player_quote span { color: #363638; font-family: 'HelveticaNeueLTPro57CnBold'; font-size: 38px; text-transform: uppercase; line-height: 38px; } .interview_list_item .read_interview_button { position: absolute; bottom: 22px; right: 40px; } .interview_list_item .read_interview_button > * { float: left; height: 84px; } .interview_list_item .read_interview_button .left { background-position: 0 -258px; width: 10px; height: 84px; } .interview_list_item .read_interview_button .center { background-position: 0 0; min-width: 250px; height: 64px; padding: 10px; } .interview_list_item .read_interview_button .right { background-position: 0 -516px; width: 10px; height: 84px; } .interview_list_item .read_interview_button.hovered .left { background-position: 0 -344px; width: 10px; height: 84px; } .interview_list_item .read_interview_button.hovered .center { background-position: 0 -86px; min-width: 250px; height: 64px; padding: 10px; } .interview_list_item .read_interview_button.hovered .right { background-position: 0 -602px; width: 10px; height: 84px; } .interview_list_item .read_interview_button span.title { position: absolute; left: 20px; top: 10px; color: #ffffff; font-family: 'HelveticaNeueLTPro57CnBold'; font-size: 28px; line-height: 32px; text-shadow: rgba(203, 86, 4, 1.0) 0px -1px, rgba(0, 0, 0, 0) 0px 0px, rgba(255, 255, 255, 1.0) 0px 1px, rgba(0, 0, 0, 0) 0px 0px; } .interview_list_item .read_interview_button span.title { color: #ffffff; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); } .interview_list_item .read_interview_button.hovered span.title { color: #F5D5AC; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); } .interview_list_item .read_interview_button span.title_2 { color: #F5D5AC; font-family: 'HelveticaNeueLTPro57CnBold'; font-size: 28px; line-height: 32px; } .interview_list_item .read_interview_button span.read_more { color: #fff5ea; font-family: 'HelveticaNeueLTPro65MdRegular', sans-serif; font-size: 14px; } .interview_list_item .read_interview_button span.read_more a { color: #fff5ea; font-family: 'HelveticaNeueLTPro65MdRegular', sans-serif; border-bottom:dotted 1px; } .interview_list_item .read_interview_button.hovered span.read_more { color: #fbd5ac; border-bottom: none; } .lang-sel .interview h3 { text-transform: none; font-size: 30px; } .lang-sel .interview h4 { margin: -10px 0 0 15px; text-transform: none; font-size: 18px; color: #767676; font-weight: normal; font-style: normal; line-height: normal; font-family: 'HelveticaNeueLTPro67MediumCon', sans-serif; } .lang-sel .interview .flag_hover { width: 116px; height: 85px; position: absolute; margin: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .lang-sel .interview a:hover h4 { color: #444; } .lang-sel .interview a:hover .flag_hover { width: 116px; height: 85px; position: absolute; border: 3px solid #444; margin: 15px; } .lang-rus .interview h3 { font-family: sans-serif; } .lang-rus .interview p { font-family: sans-serif; } /* Interviews */ .interview { padding: 0 19px 0 19px; position: relative; } .interview .grid_5 { text-align: justify; } .interview h1 { font-size: 57px; color: #333; line-height: 53px; } .interview h2 { font-size: 50px; color: #333; line-height: 45px; } .interview h3 { font-size: 36px; color: #333; text-transform: uppercase; line-height: 33px; } .interview p { font-size: 14px; color: #333; } .interview p { font-weight: normal; font-style: normal; line-height:normal; font-family: 'HelveticaNeueLTPro67MediumCon', sans-serif; } .interview p.quote { color: #999; font-size: 15px; font-style: italic; } .interview .box_top { width: 190px; height: 11px; float: left; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/interview_box_top.png') no-repeat; } .interview .box_center { width: 160px; padding: 0 15px; float: left; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/interview_box_center.png'); text-align: left; } .interview .box_center p { font-size: 12px; color: #000; } .interview .box_center p span { color: #666; } .interview .box_bottom { width: 190px; height: 17px; float: left; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/interview_box_bottom.png') no-repeat; } .lang-sel .interview h3 { text-transform: none; font-size: 30px; } .lang-sel .interview h4 { margin: -10px 0 0 15px; text-transform: none; font-size: 18px; color: #767676; font-weight: normal; font-style: normal; line-height: normal; font-family: 'HelveticaNeueLTPro67MediumCon', sans-serif; } .lang-sel .interview .flag_hover { width: 116px; height: 85px; position: absolute; margin: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .lang-sel .interview a:hover h4 { color: #444; } .lang-sel .interview a:hover .flag_hover { width: 116px; height: 85px; position: absolute; border: 3px solid #444; margin: 15px; } .wrapper_submenu ul.lang-options { left: 10px; } .wrapper_submenu ul.lang-options li img { padding-top: 0px; } .lang-rus .interview h1 { font-family: 'Arial Black', sans-serif; text-transform: uppercase; font-size: 50px; } .lang-rus .interview h3 { font-family: 'Arial Black', sans-serif; } .lang-rus .interview p { font-family: sans-serif, arial; } /* Interviews - Ocelote */ .ocelote-interview p { text-align: left; margin-bottom: 14px; } .lang-sel #ocelote1 .image { bottom: 0px; } #ocelote1 { padding-top: 30px; min-height: 570px; text-align: none; } #ocelote1 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/ocelote_p1.jpg') no-repeat; width: 600px; height: 552px; z-index: 0; bottom:-8px; right: 0px; position: absolute; } #ocelote2 { padding-top: 22px; min-height: 290px;} #ocelote2 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/ocelote_p2.jpg') no-repeat; width: 269px; height: 260px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #ocelote3 { padding-top: 20px; min-height: 550px; } #ocelote3 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/ocelote_p3.jpg') no-repeat; width: 370px; height: 524px; z-index: 0; bottom:-8px; right: 0px; position: absolute; } #ocelote4 { padding-top: 30px; min-height: 700px; } #ocelote4 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/ocelote_p4.jpg') no-repeat; width: 297px; height: 661px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #ocelote5 { padding-top: 12px; min-height: 385px; } #ocelote5 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/ocelote_p5.jpg') no-repeat; width: 289px; height: 406px; z-index: 0; bottom:-8px; left: 0; position: absolute; } #ocelote6 { padding-top: 20px; min-height: 525px; } #ocelote6 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/ocelote_p6.jpg') no-repeat; width: 259px; height: 492px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #ocelote7 { padding-top: 20px; min-height: 555px; } #ocelote7 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/ocelote_p7.jpg') no-repeat; width: 517px; height: 509px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #ocelote8 { padding-top: 20px; min-height: 365px; } #ocelote8 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/ocelote_p8.jpg') no-repeat; width: 257px; height: 394px; z-index: 0; bottom:-8px; right: 0px; position: absolute; } #ocelote9 { padding-top: 40px; min-height: 610px; } #ocelote9 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/ocelote_p9.jpg') no-repeat; width: 280px; height: 538px; z-index: 0; bottom:-8px; right: 0; position: absolute;} /* Interviews - huk */ .huk-interview p { text-align: left; margin-bottom: 14px; } .lang-sel #huk1 .image { bottom: 0px; } #huk1 { padding-top: 30px; min-height: 560px; text-align: none; } #huk1 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/huk_p1.jpg') no-repeat; width: 601px; height: 542px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #huk2 { padding-top: 22px; min-height: 290px;} #huk3 { padding-top: 20px; min-height: 415px; } #huk3 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/huk_p3.jpg') no-repeat; width: 286px; height: 442px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #huk4 { padding-top: 30px; min-height: 700px; } #huk4 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/huk_p4.jpg') no-repeat; width: 534px; height: 697px; z-index: 0; bottom:-8px; right: 0px; position: absolute; } #huk5 { padding-top: 12px; min-height: 480px; } #huk5 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/huk_p5.jpg') no-repeat; width: 295px; height: 484px; z-index: 0; bottom:-8px; left: 0; position: absolute; } #huk6 { padding-top: 20px; min-height: 300px; } #huk7 { padding-top: 20px; min-height: 655px; } #huk7 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/huk_p7.jpg') no-repeat; width: 284px; height: 537px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #huk8 { padding-top: 20px; min-height: 335px; } #huk9 { padding-top: 40px; min-height: 710px; } #huk9 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/huk_p9.jpg') no-repeat; width: 458px; height: 695px; z-index: 0; bottom:-8px; left: 0; position: absolute;} #huk10 { padding-top: 50px; min-height: 610px; } #huk10 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/huk_p10.jpg') no-repeat; width: 421px; height: 593px; z-index: 0; bottom: -8px; right: 0px; position: absolute; } #huk11 { padding-top: 30px; min-height: 660px; } #huk11 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/huk_p11.jpg') no-repeat; width: 423px; height: 627px; z-index: 0; bottom: -8px; left: 0px; position: absolute; } #huk12 { padding-top: 20px; min-height: 530px; } #huk12 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/huk_p12.jpg') no-repeat; width: 445px; height: 558px; z-index: 0; bottom: -8px; right: 0px; position: absolute; } #huk13 { padding-top: 20px; min-height: 310px; } #huk14 { padding-top: 20px; min-height: 510px; } #huk14 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/huk_p14.jpg') no-repeat; width: 689px; height: 472px; z-index: 0; bottom: -8px; right: 0px; position: absolute; } #huk15 { padding-top: 20px; min-height: 675px; } #huk15 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/huk_p15.jpg') no-repeat; width: 563px; height: 513px; z-index: 0; bottom: 0px; right: 0px; position: absolute; } /* Interviews - dendi */ .dendi-interview p { text-align: left; margin-bottom: 14px; } .dendi-interview .wrapper_bottom, .dendi-interview .wrapper_top { width: 1000px; } .lang-sel #dendi1 .image { bottom: 0px; } #dendi1 { padding-top: 30px; min-height: 525px; text-align: none; background: #e6e6e6; } #dendi1 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dendi_p1.jpg') no-repeat; width: 435px; height: 526px; z-index: 0; bottom:-8px; right: 0px; position: absolute; } #dendi2 { padding-top: 22px; min-height: 502px; background: #e6e6e6; } #dendi2 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dendi_p2.jpg') no-repeat; width: 475px; height: 513px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #dendi3 { padding-top: 20px; min-height: 510px; background: #e6e6e6; } #dendi3 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dendi_p3.jpg') no-repeat; width: 498px; height: 535px; z-index: 0; bottom:-8px; right: 0px; position: absolute; } #dendi4 { padding-top: 30px; min-height: 620px; background: #e6e6e6; } #dendi4 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dendi_p4.jpg') no-repeat; width: 493px; height: 659px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #dendi5 { padding-top: 12px; min-height: 385px; background: #e6e6e6; } #dendi5 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dendi_p5.jpg') no-repeat; width: 465px; height: 391px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #dendi6 { padding-top: 20px; min-height: 485px; background: #e6e6e6; } #dendi6 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dendi_p6.jpg') no-repeat; width: 464px; height: 425px; z-index: 0; bottom:-8px; right: 0px; position: absolute; } #dendi7 { padding-top: 20px; min-height: 485px; background: #e6e6e6; } #dendi7 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dendi_p7.jpg') no-repeat; width: 522px; height: 486px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #dendi8 { padding-top: 75px; min-height: 335px; background: #e6e6e6; } #dendi8 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dendi_p8.jpg') no-repeat; width: 497px; height: 390px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #dendi9 { padding-top: 40px; min-height: 570px; background: #e6e6e6; } #dendi9 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dendi_p9.jpg') no-repeat; width: 558px; height: 496px; z-index: 0; bottom:-8px; right: 0; position: absolute;} #dendi10 { padding-top: 50px; min-height: 530px; background: #e6e6e6; } #dendi10 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dendi_p10.jpg') no-repeat; width: 434px; height: 442px; z-index: 0; bottom: -8px; right: 0px; position: absolute; } #dendi11 { padding-top: 30px; min-height: 505px; background: #e6e6e6; } #dendi11 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dendi_p11.jpg') no-repeat; width: 439px; height: 545px; z-index: 0; bottom: -8px; left: 0px; position: absolute; } #dendi12 { padding-top: 20px; min-height: 535px; background: #e6e6e6; } #dendi12 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/dendi_p12.jpg') no-repeat; width: 302px; height: 547px; z-index: 0; bottom: 0px; left: 0px; position: absolute; } /* Interviews - NaDa */ .nada-interview p { text-align: left; margin-bottom: 14px; } #nada1 { padding-top: 30px; min-height: 525px; text-align: none; } #nada1 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/nada_p1.jpg') no-repeat; width: 369px; height: 550px; z-index: 0; bottom:-8px; right: 0px; position: absolute; } #nada2 { padding-top: 40px; min-height: 502x;} #nada2 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/nada_p2.jpg') no-repeat; width: 495px; height: 522px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #nada3 { padding-top: 120px; min-height: 400px; } #nada3 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/nada_p3.jpg') no-repeat; width: 331px; height: 529px; z-index: 0; bottom:-8px; right: 0px; position: absolute; } #nada4 { padding-top: 30px; min-height: 430px; } #nada4 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/nada_p4.jpg') no-repeat; width: 295px; height: 544px; z-index: 0; bottom:-8px; right: 0px; position: absolute; } #nada5 { padding-top: 50px; min-height: 400px; } #nada5 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/nada_p5.jpg') no-repeat; width: 368px; height: 508px; z-index: 0; bottom:-8px; left: 0; position: absolute; } #nada6 { padding-top: 20px; min-height: 360px; } #nada6 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/nada_p6.jpg') no-repeat; width: 513px; height: 506px; z-index: 0; bottom:-8px; right: 0px; position: absolute; } #nada7 { padding-top: 20px; min-height: 380px; } #nada7 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/nada_p7.jpg') no-repeat; width: 278px; height: 404px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #nada8 { padding-top: 20px; } #nada8 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/nada_p8.jpg') no-repeat; width: 460px; height: 503px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #nada9 { padding-top: 20px; min-height: 580px; } #nada9 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/nada_p9.jpg') no-repeat; width: 269px; height: 288px; z-index: 0; bottom:-8px; right: 0; position: absolute;} #nada10 { padding-top: 20px; min-height: 550px; } #nada10 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/nada_p10.jpg') no-repeat; width: 500px; height: 590px; z-index: 0; bottom: -8px; right: 0px; position: absolute; } #nada11 { padding-top: 20px; min-height: 453px; } #nada11 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/nada_p11.jpg') no-repeat; width: 291px; height: 473px; z-index: 0; bottom: 0px; left: 0px; position: absolute; } /* Interviews - f0rest */ .f0rest-interview p { text-align: left; margin-bottom: 14px; } #f0rest1 { padding-top: 30px; min-height: 550px; text-align: none; } #f0rest1 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/f0rest_p1.jpg') no-repeat; width: 515px; height: 548px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #f0rest2 { padding-top: 20px; min-height: 450px;} #f0rest2 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/f0rest_p2.jpg') no-repeat; width: 218px; height: 462px; z-index: 0; bottom:-8px; right: 5px; position: absolute; } #f0rest3 { padding-top: 40px; min-height: 545px; } #f0rest3 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/f0rest_p3.jpg') no-repeat; width: 292px; height: 584px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #f0rest4 { padding-top: 30px; min-height: 430px; } #f0rest4 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/f0rest_p4.jpg') no-repeat; width: 323px; height: 456px; z-index: 0; bottom:-8px; left: 50%; position: absolute; } #f0rest5 { padding-top: 20px; min-height: 500px; } #f0rest5 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/f0rest_p5.jpg') no-repeat; width: 374px; height: 492px; z-index: 0; bottom:-8px; left: 0; position: absolute; } #f0rest6 { padding-top: 20px; min-height: 360px; } #f0rest6 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/f0rest_p6.jpg') no-repeat; width: 488px; height: 387px; z-index: 0; bottom:-8px; right: 25px; position: absolute; } #f0rest7 { padding-top: 35px; min-height: 500px; } #f0rest7 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/f0rest_p7.jpg') no-repeat; width: 406px; height: 537px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #f0rest8 { padding-top: 35px; } #f0rest8 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/f0rest_p8.jpg') no-repeat; width: 275px; height: 436px; z-index: 0; bottom:-8px; right: 0; position: absolute; margin-right: 40px; margin-bottom: 20px;} #f0rest9 { padding-top: 40px; min-height: 561px; } #f0rest9 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/f0rest_p9.jpg') no-repeat; width: 272px; height: 601px; z-index: 0; bottom:-8px; left: 0; position: absolute;} #f0rest10 { padding-top: 20px; min-height: 550px; } #f0rest10 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/f0rest_p10.jpg') no-repeat; width: 424px; height: 559px; z-index: 0; bottom: 0px; right: 0px; position: absolute; } /* Interviews - Grubby */ .grubby-interview p { text-align: left; margin-bottom: 14px; } #grubby1 { padding-top: 20px; min-height: 500px; text-align: none; } #grubby1 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/grubby_p1.jpg') no-repeat; width: 473px; height: 546px; z-index: 0; bottom:-8px; left: 0px; position: absolute; margin-left: 10px;} #grubby2 { padding-top: 20px; min-height: 450px;} #grubby2 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/grubby_p2.jpg') no-repeat; width: 411px; height: 454px; z-index: 0; bottom:-8px; right: 0; margin-left: -441px; position: absolute; } #grubby3 { padding-top: 40px; min-height: 445px; } #grubby3 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/grubby_p3.jpg') no-repeat; width: 490px; height: 486px; z-index: 0; bottom:-8px; left: 50%; position: absolute; margin-left: -205px;} #grubby4 { padding-top: 50px; min-height: 400px; } #grubby4 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/grubby_p4.jpg') no-repeat; width: 397px; height: 445px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #grubby5 { padding-top: 50px; min-height: 580px; } #grubby5 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/grubby_p5.jpg') no-repeat; width: 362px; height: 527px; z-index: 0; bottom:-8px; left: 50%; position: absolute; margin-left: -170px; margin-bottom: 35px;} #grubby6 { padding-top: 50px; min-height: 400px; } #grubby6 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/grubby_p6.jpg') no-repeat; width: 494px; height: 398px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #grubby7 { padding-top: 35px; min-height: 480px; } #grubby7 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/grubby_p7.jpg') no-repeat; width: 515px; height: 527px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #grubby8 { padding-top: 35px; min-height: 440px; } #grubby8 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/grubby_p8.jpg') no-repeat; width: 275px; height: 436px; z-index: 0; bottom:-8px; right: 0; position: absolute; margin-right: 40px; margin-bottom: 20px;} #grubby9 { padding-top: 40px; min-height: 500px; } #grubby9 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/grubby_p9.jpg') no-repeat; width: 323px; height: 540px; z-index: 0; bottom:-8px; right: 0; position: absolute; margin-right: 10px;} #grubby10 { padding-top: 100px; min-height: 350px; } #grubby10 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/grubby_p10.jpg') no-repeat; width: 273px; height: 455px; z-index: 0; bottom: 0px; left: 0px; position: absolute; margin-left: 15px; } #grubby11 { padding-top: 50px; min-height: 622px; } #grubby11 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/grubby_p11.jpg') no-repeat; width: 496px; height: 672px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #grubby12 { padding-top: 35px; min-height: 350px; } #grubby12 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/grubby_p12.jpg') no-repeat; width: 225px; height: 313px; z-index: 0; bottom: 0px; left: 0px; position: absolute; margin-left: 35px; margin-bottom: 30px;} /* Interviews - idrA */ .idra-interview p { text-align: left; margin-bottom: 14px; } #idra1 { padding-top: 20px; min-height: 500px; text-align: none; } #idra1 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/idra_p1.jpg') no-repeat; width: 220px; height: 490px; z-index: 0; bottom:-8px; left: 1px; position: absolute; } #idra2 { padding-top: 40px; min-height: 410px;} #idra2 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/idra_p2.jpg') no-repeat; width: 371px; height: 411px; z-index: 0; bottom:-8px; right: 0; margin-left: -441px; position: absolute; } #idra3 { padding-top: 40px; min-height: 480px; } #idra3 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/idra_p3.jpg') no-repeat; width: 253px; height: 409px; z-index: 0; bottom:-8px; left: 1px; position: absolute; } #idra4 { padding-top: 50px; min-height: 475px; } #idra4 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/idra_p4.png') no-repeat; width: 353px; height: 477px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #idra5 { padding-top: 50px; min-height: 610px; } #idra5 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/idra_p5.png') no-repeat; width: 210px; height: 468px; z-index: 0; bottom:-8px; left: 1px; position: absolute; } #idra6 { padding-top: 50px; min-height: 435px; } #idra6 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/idra_p6.png') no-repeat; width: 191px; height: 293px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #idra7 { padding-top: 50px; min-height: 645px; } #idra7 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/idra_p7.jpg') no-repeat; width: 350px; height: 384px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #idra8 { padding-top: 50px; min-height: 660px; } #idra8 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/idra_p8.png') no-repeat; width: 250px; height: 582px; z-index: 0; bottom:-8px; left: 1px; position: absolute; } #idra9 { padding-top: 50px; min-height: 750px; } #idra9 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/idra_p9.png') no-repeat; width: 439px; height: 651px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #idra10 { padding-top: 50px; min-height: 650px; } #idra10 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/idra_p10.jpg') no-repeat; width: 439px; height: 592px; z-index: 0; bottom: 0px; left: 1px; position: absolute; } /* Interviews - cArn */ #carn1 { padding-top: 20px; min-height: 450px; } #carn1 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/carn_p1.jpg') no-repeat; width: 333px; height: 471px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #carn1 .grid_7 p { font-size: 16px; } #carn2 { padding-top: 25px; height: 550px;} #carn2 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/carn_p2.jpg') no-repeat; width: 398px; height: 501px; z-index: 0; bottom:-8px; left: 50%; margin-left: -199px; position: absolute; } #carn3 { padding-top: 50px; } #carn3 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/carn_p3.jpg') no-repeat; width: 521px; height: 436px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #carn4 { padding-top: 50px; height: 750px; } #carn4 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/carn_p4.jpg') no-repeat; width: 472px; height: 656px; z-index: 0; bottom:-8px; left: 0; position: absolute; } #carn5 { padding-top: 50px; } #carn5 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/carn_p5.jpg') no-repeat; width: 464px; height: 504px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #carn6 { padding-top: 50px; height: 780px; } #carn6 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/carn_p6.jpg') no-repeat; width: 786px; height: 453px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #carn7 { padding-top: 50px; } #carn7 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/carn_p7.jpg') no-repeat; width: 504px; height: 561px; z-index: 0; bottom:-8px; left: 0; position: absolute; } #carn7 .grid_5 { padding-top: 100px; } #carn8 { padding-top: 50px; height: 750px; } #carn8 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/carn_p8.jpg') no-repeat; width: 536px; height: 584px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #carn9 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/carn_p9.jpg') no-repeat; width: 597px; height: 624px; z-index: 0; bottom:-8px; left: 50%; margin-left: -299px; position: absolute; } #carn10 { height: 900px; } #carn10 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/carn_p10.jpg') no-repeat; width: 531px; height: 880px; z-index: 0; bottom: 0px; right: 0; position: absolute; } /* Interviews - rapha */ #rapha1 { padding-top: 20px; min-height: 400px; } #rapha1 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rapha_i1.jpg') no-repeat; width: 305px; height: 496px; z-index: 0; bottom:-8px; left: 0px; position: absolute; } #rapha1 h3 { font-size: 15px; line-height: 20px; margin-bottom: 10px; text-transform: none; } #rapha2 { padding-top: 25px; height: 525px; min-height: 525px; } #rapha2 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rapha_i2.jpg') no-repeat; width: 394px; height: 509px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #rapha3 { padding-top: 50px; height: 450px; min-height: 450px; } #rapha3 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rapha_i3.jpg') no-repeat; width: 585px; height: 411px; z-index: 0; bottom:-8px; left: 0; position: absolute; } #rapha4 { padding-top: 50px; height: 600px; min-height: 600px;} #rapha4 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rapha_i4.jpg') no-repeat; width: 648px; height: 380px; z-index: 0; bottom:-8px; left: 0; position: absolute; } #rapha5 { padding-top: 50px; min-height: 460px; height: 460px; } #rapha5 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rapha_i5.jpg') no-repeat; width: 338px; height: 446px; z-index: 0; bottom:-8px; left: 0; position: absolute; } #rapha6 { padding-top: 50px; height: 750px; min-height: 750px; } #rapha6 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rapha_i6.jpg') no-repeat; width: 326px; height: 712px; z-index: 0; bottom:-8px; left: 0; position: absolute; } #rapha6 img { margin-bottom: 10px; } #rapha7 { padding-top: 50px; min-height: 650px; height: 650px; } #rapha7 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rapha_i7.jpg') no-repeat; width: 498px; height: 541px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #rapha7 img { margin-bottom: 10px; } #rapha8 { padding-top: 50px; min-height: 900px; height: 900px; } #rapha8 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rapha_i8.jpg') no-repeat; width: 567px; height: 516px; z-index: 0; bottom:-8px; right: 0; position: absolute; } #rapha8 img { margin-bottom: 20px; } #rapha9 { padding-top: 50px; height: 650px; min-height: 650px; } #rapha9 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rapha_i9.jpg') no-repeat; width: 435px; height: 679px; z-index: 0; bottom:-8px; left: 0; position: absolute; } #rapha9 img { margin-bottom: 20px; } #rapha10 { padding-top: 50px; height: 550px; min-height: 550px; } #rapha10 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rapha_i10.jpg') no-repeat; width: 513px; height: 458px; z-index: 0; bottom: -8px; right: 0; position: absolute; } #rapha11 { padding-top: 50px; height: 700px; min-height: 700px; } #rapha11 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rapha_i11.jpg') no-repeat; width: 440px; height: 699px; z-index: 0; bottom: -8px; left: 0; position: absolute; } #rapha11 img { margin-bottom: 20px; } #rapha12 { padding-top: 20px; height: 498px; min-height: 498px; } #rapha12 .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/rapha_i12.jpg') no-repeat; width: 381px; height: 526px; z-index: 0; bottom: 0px; top: -8px; right: 0; position: absolute; } /* Tournaments */ #tournaments_content .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/tournaments_medal.png') no-repeat 50% 0; height: 376px; } #tournaments_content .content { padding-top: 60px; min-height: 300px; } #steelseries-iron-lady_content .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/tournaments_ironlady.png') no-repeat 50% 0; height: 218px; } #steelseries-iron-lady_content .content { padding-top: 30px; min-height: 300px; } #steelseries-king-of-the-hill_content .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/tournaments_koth.png') no-repeat 50% 0; height: 267px; } #steelseries-king-of-the-hill_content .content { padding-top: 30px; min-height: 300px; } #ultimate-gaming-tour_content .image { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/tournaments_ugt.png') no-repeat 50% 0; height: 182px; } #ultimate-gaming-tour_content .content { padding-top: 30px; min-height: 200px; } /* eSports */ #esports_container #esports_bg { position: absolute; background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/esports_bg.png') no-repeat; left: 0; bottom: 0; width: 229px; height: 490px; } #esports_container { position: relative; padding: 20px 20px 0 20px; min-height: 500px; } /* Events */ .events .jcarousel-clip { margin: 20px 20px 15px 20px; } .events .pictures-view ul { margin: 0; } .events .jcarousel-skin-tango .jcarousel-container-horizontal { width: 830px; padding: 0 35px; margin: 0 auto; } .events .jcarousel-skin-tango .jcarousel-item-horizontal { margin: 0; } .events .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 200px; right: 5px; width: 23px; height: 40px; cursor: pointer; background: #fff url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/arrow_right.png') no-repeat 0 0; } .events .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 200px; left: 5px; width: 23px; height: 40px; cursor: pointer; background: #fff url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/arrow_left.png') no-repeat 0 0; } /* Language selector index */ #language_index { background: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/index_bg.jpg'); } #language_index h1 { color: #fff; font-size: 80px; padding: 0; margin: 100px 0 -15px 0; } #language_index h2 { text-transform: none; font-size: 40px; color: #ED7315; margin: 0; padding: 0; } #language_index h3 { color: #fff; } #language_index h1, #language_index h2 { font-weight: normal; font-style: normal; line-height:normal; font-family: 'HelveticaNeueLTPro57CnBold', sans-serif; } #language_index ul { margin-left: 0; clear: both;} #language_index li { margin-left: 0px; float: left; list-style: none; padding: 8px 0 0 8px; margin: 0 0 10px 0;} #language_index ul li:first-child { width: 32px; height: 32px; padding: 0; } #language_index #container { width: 750px; height: 550px; position: absolute; left: 50%; top: 50%; margin: -275px auto 0 -375px; } .rounded { border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius:7px; -khtml-border-radius:7px; } /* Social Media Container */ #social_media_container { margin-left: 2px; display: inline-block; } #social_media_container.light_bg { background: #f6f6f6; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; padding: 6px; } /* Xai calculators */ .calculators_sprites { background-image: url(http://site.steelseriescdn.com/wp-content/themes/steelseries/images/xai_calculator_sprite.png); background-color: transparent; background-repeat: no-repeat; } .math_symbol { display: inline-block; } .equal_png { height: 7px; width: 5px; background-position : -0px -0px; } .multiply_png { height: 9px; width: 7px; background-position: -333px -0px; } .inputfield {height: 15px; width: 53px; background-position : -5px -0px; border: 0px; padding: 3px; font-size: 11px; color: #636363; text-transform:capitalize } .inputfield_ao { height: 17px; width: 53px; background-position: -64px -0px; padding: 3px; border:0px; font-size: 11px; color: #444444; margin-bottom: 5px; text-transform:capitalize } .calculate { background-position : -263px -0px; height: 25px; width: 70px; padding: 4px 0px 7px 0px; } .btn_calculate_style { color: #FFFFFF; border: 0; font-size: 12px; text-shadow: 1px 1px 1px #930; font-family: 'HelveticaNeueLTPro57CnBold', sans-serif; padding: 0px; background-color: transparent; background-repeat: no-repeat; line-height: 25px; height: 25px; width: 70px; display: inline-block; text-align: center;} a.calculate:link { background-position : -263px -0px; } a.calculate:hover { background-position : -193px -0px; } a.calculate:active { background-position : -123px -0px; } .cal_warning { margin: 5px 0px 0px 0px; color: RED;} /* Edit buttons for WP back-end */ .edit_wpbe { margin: 2px;} #product_menu .edit_wpbe a { font-family: 'HelveticaNeueLTPro57CnBold', sans-serif; } /* Mouse BMP editor */ .bmp_ppixel { float:left; width:1px; height:1px; background-color: #111a36; } .bmp_downloadButton { background-image: url(http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png); } .bmp_downloadButton > * { float: left; height: 45px; cursor:pointer; margin: 31px 0 15px 0; color: white; font-size: 22px; line-height: 22px !important; text-shadow: 0 1px 0 #993300; text-transform: uppercase; font-weight: normal; font-style: normal; line-height:normal; font-family: 'HelveticaNeueLTPro57CnBold', sans-serif; } .bmp_downloadButton .left { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png") repeat scroll 0 0 transparent; background-position: 0 -150px; width: 47px; height: 45px; } .bmp_downloadButton .center { background-image: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png"); background-position: 0 0; height: 31px; background-repeat:repeat-x; padding: 14px 0 0 6px; width: 115px; } .bmp_downloadButton .right { background: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png") repeat scroll 0 0 transparent; background-position: 0 -300px; width: 9px; height: 45px; } .bmp_downloadButton .left.over { background-position: 0 -250px; } .bmp_downloadButton .center.over { background-position: 0 -100px; } .bmp_downloadButton .right.over { background-position: 0 -400px; } .bmp_text { margin-top:-2px; color: #444444; font-size: 12px; font-family: 'HelveticaNeueLTPro65MdBold',sans-serif; font-style: normal; font-weight: normal; } .bmp_pixel { float:left; background-image: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png"); background-position: 0 -630px; width: 5px; height: 5px; padding-left:1px; padding-top:1px; } .bmp_pixel.active { float:left; background-image: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png"); background-position: 0 -640px; width: 5px; height: 5px; padding-left:1px; padding-top:1px; } .bmp_editorBox { float:left; width:770px; } .bmp_ptBox { float:left; margin-left:3px; width:177px; } .bmp_brush1 { background-image: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png"); background-position: 0 -650px; width: 30px; height: 31px; } .bmp_brush2 { background-image: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png"); background-position: 0 -722px; width: 30px; height: 31px; } .bmp_brush3 { background-image: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png"); background-position: 0 -794px; width: 30px; height: 31px; } .bmp_eraser1 { background-image: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png"); background-position: 0 -866px; width: 30px; height: 31px; } .bmp_eraser2 { background-image: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png"); background-position: 0 -938px; width: 30px; height: 31px; } .bmp_eraser3 { background-image: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png"); background-position: 0 -1010px; width: 30px; height: 31px; } .bmp_reset { background-image: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png"); background-position: 0 -450px; width: 30px; height: 31px; } .bmp_brush1.active { background-position: 0 -686px; width: 30px; height: 31px; } .bmp_brush2.active { background-position: 0 -758px; width: 30px; height: 31px; } .bmp_brush3.active { background-position: 0 -830px; width: 30px; height: 31px; } .bmp_eraser1.active { background-position: 0 -902px; width: 30px; height: 31px; } .bmp_eraser2.active { background-position: 0 -974px; width: 30px; height: 31px; } .bmp_eraser3.active { background-position: 0 -1046px; width: 30px; height: 31px; } .bmp_reset:active { background-position: 0 -486px; width: 30px; height: 31px; } .bmp_tool { cursor:pointer; margin-left:2px; float: left; background-image: url("http://site.steelseriescdn.com/wp-content/themes/steelseries/images/bmp_sprite.png"); background-position: 0 -522px; width: 30px; height: 31px; } .bmp_tool.active { background-position: 0 -558px; width: 30px; height: 31px; } .bmp_tool.over { background-position: 0 -594px; width: 30px; height: 31px; } #download_premades div { display: inline-block; padding: 3px 3px 10px 3px; } #download_premades span { color: #111a36; text-decoration: none; border-bottom: 1px dotted; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: initial; } #download_premades img { height: 32px; width: 128px; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{margin-top:20px;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:5px solid #000; background:#fff;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(http://site.steelseriescdn.com/wp-content/themes/steelseries/images/colorbox_controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px; z-index: 99;} #cboxPrevious.hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(http://site.steelseriescdn.com/wp-content/themes/steelseries/images/colorbox_controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px; z-index: 99; } #cboxNext.hover{background-position:bottom right;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(http://site.steelseriescdn.com/wp-content/themes/steelseries/images/colorbox_loading.gif) no-repeat center center;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:none; width: 100%; height: 100%; text-indent:-9999px;} #cboxClose.hover{background-position:bottom center;} #chain-stores_content h2 { text-transform: none; } .balloon { padding: 4px !important!; /*IE hack*/ } #features_container .verticalalign h2 { bottom: 2px !important!; /*IE hack*/ } #faqs_container li { min-height: 20px !important!; /*IE hack*/ } .more_info .center { padding-top: 5px !important!; /*IE hack*/ } .buy_now_small .center { padding-top: 3px !important!; /*IE hack*/ } .buy_now_small_g .center { padding-top: 3px !important!; /*IE hack*/ } .buy_now_large .center { padding-top: 10px !important!; /*IE hack*/ } .coming_soon_small .center { padding-top: 3px !important!; /*IE hack*/ } .coming_soon_large .center { padding-top: 10px !important!; /*IE hack*/ } .button_small .center { padding-top: 5px !important!; /*IE hack*/ } .buy_large h2 { line-height: 45px !important!; /*IE hack*/ } .buy_small h3 { line-height: 23px !important!; /*IE hack*/ } #news h1 { line-height: 22px !important!; /*IE hack*/ } .interview { padding-left: 18px !important!; /*IE hack*/ } .mobile { display: none; } #firstDownloadsSubpage { margin-bottom: 20px; } #lastDownloadsSubpage { margin-top: 20px; } .pinterestButton { position: absolute; top: 23px; right: 23px; } .comparisonTable { border-collapse: separate; border-spacing: 1px; background: white; color: white; font: 11px 'HelveticaNeueLTPro67MediumCon', sans-serif; text-align: center; } .comparisonTable th, .comparisonTable td { min-width: 120px; padding: 10px; background: #404042; } .comparisonTable th { border-bottom: 1px solid white; font: 15px 'HelveticaNeueLTPro57CnBold', sans-serif; text-transform: uppercase; } .comparisonTable tr th:first-of-type, .comparisonTable tr td:first-of-type { text-align: left; background: #949599; } .comparisonTable tr td:first-of-type { font: 11px 'HelveticaNeueLTPro57CnBold', sans-serif; } .comparisonTable tr th:last-of-type, .comparisonTable tr td:last-of-type { background: #58585a; } .comparisonTable .check, .comparisonTable .dash { font-weight: bold; font-size: 16px; } #press-release h1 { text-transform: uppercase; } #press-release h2 { text-transform: none; font-style: italic; font-family: 'HelveticaNeueLTPro67MediumCon', sans-serif; } .end_of_life_small .left { background-image: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/EOL_small_left.png'); } .end_of_life_small .center { background-image: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/EOL_small_middle.png'); } .end_of_life_small .right { background-image: url('http://site.steelseriescdn.com/wp-content/themes/steelseries/images/EOL_small_right.png'); } /* Extra button stuff: */ #product_menu .action_button_2, #product_menu .action_button_2 * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #product_menu .action_button_2 { min-width: 184px; } #product_menu .action_button_2_inner .ornament_2_inner { margin-top: 5px; } #product_menu .action_button_2.notify_me .action_button_2_inner .ornament_2_inner { margin-top: 10px; margin-left: 10px; } #product_menu .action_button_2_inner .text_2 { padding-top: 8px; font-size: 2.1em; } .action_button_2.action_button_2_medium { border-color: #CDA184 #CFA386 #C36831 #D1A686; border-style: solid; border-width: 1px 1px 3px; } /****************************************************************** COMP BAR ******************************************************************/ .comp-bar { height: 62px; padding: 0 55px; background: #2c2c2c; } .comp-bar ul { list-style: none; } .comp-bar li { width: 50px; height: 55px; } .comp-bar ul.icons-left { float: left; } .comp-bar ul.icons-left li { float: left; margin-left: 15px; } .comp-bar ul.icons-left li:first-child { float: left; margin-left: 0; } .comp-bar ul.icons-right { float: right; } .comp-bar ul.icons-right li { float: right; margin-left: 15px; } .comp-bar ul li.mac { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_macosx.png); } .comp-bar ul li.android { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_android.png); } .comp-bar ul li.ios { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_ios.png); } .comp-bar ul li.playstation { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_playstation.png); } .comp-bar ul li.xbox { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_xbox.png); } .comp-bar ul li.dolby_audio { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_dolby.png) no-repeat center center; width: 273px; } .comp-bar ul li.windows { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_windows.png); } .comp-bar ul li.nintendo { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_nintendo.png); } .comp-bar ul li.bluetooth { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_bluetooth.png) no-repeat center center; width: 106px; margin-top: 3px; } .comp-bar ul li.ios-mfi { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_mfi.png) no-repeat center 75%; width: 190px; } .comp-bar ul li.ios7 { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_ios7.png); } .comp-bar ul li.engine { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_engine.png); width: 68px; margin-top: 5px; } .comp-bar ul li.dolby_digital { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_dolbydigital.png); height: 27px; width: 101px; } .comp-bar ul li.dolby_pro { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_dolbypro.png); height: 28px; width: 75px; } .comp-bar ul li.dolby_headset { background: url(/wp-content/themes/steelseries/images/comp_bar_icons/compability_bar_icon_dolbyheadset.png); width: 41px; height: 27px; } .comp-bar ul li[class*='dolby_'] { margin-top: 16px; } .comp-bar ul li.dolby_audio { margin-top: 3px; } .comp-bar ul li.comp-text { width: 410px; } .comp-bar ul li.comp-text > div { border-left: 3px solid #f25b00; padding: 3px 0 0 10px; height: 40px; margin-top: 12px; color: white; } .comp-bar ul li.comp-text p { font-size: 12px; line-height: 16px; } #buy { /* padding: 100px 40px 175px; overflow: hidden; width: 880px; margin: auto; background: #ebebeb;*/ } #buy .left { float: left; width: 475px; height: 475px; background: white; border: 1px solid #dddddd; margin-right: 30px; text-align: center; } #buy .left .helper { height: 100%; display: inline-block; vertical-align: middle; } #buy .left img { margin-top: 0; vertical-align: middle; max-width: 475px; max-height: 475px; } #buy .right { width: 42%; float: left; } #buy .right .product-name-header { font-size: 16px; text-transform: uppercase; font-family: 'HelveticaNeueLTPro57CnBold', sans-serif; } #buy .right .product-name { font-size: 28px; text-transform: uppercase; margin-top: 20px; } #buy .right .availability { display: inline-block; padding: 2px 10px; background: #333333; color: white; font-family: 'HelveticaNeueLTPro67MediumCon', sans-serif; font-size: 16px; } #buy .right .option-text { font-size: 24px; margin-bottom: 8px; margin-top: 50px; font-family: 'HelveticaNeueLTPro67MediumCon', sans-serif; } #buy .right .option-item { display: inline-block; margin: 0 5px 6px 0; padding: 2px 5px; background: white; border: 2px solid #dddddd; color: #373737; font-weight: bold; text-transform: uppercase; } #buy .right .options-selector.rounded .option-item { padding: 3px 3px; border-radius: 25px; } #buy .right .options-selector.rounded .option-item .inner { border-radius: 25px; } #buy .right .option-item:hover { cursor: pointer; color: black; border: 2px solid #ACACAC; } #buy .right .option-item.selected { border: 2px solid #f25b00; color: black; } #buy .right .option-item.disabled { cursor: not-allowed; color: #ccc; } #buy .right .option-item.disabled:hover { cursor: not-allowed; border-color: #ddd; } #buy .right .option-item.disabled.selected, #buy .right .option-item.disabled.selected:hover { border-color: #f25b00 !important; } #buy .right .options-selector.rounded .option-item.disabled { display: none; } #buy .right .options-selector.rounded .option-item.disabled .inner { opacity: 0.1; } #buy .right .option-item.black .inner { background: #2b2b2b; width: 30px; height: 30px; text-indent: -9999px; } #buy .right .option-item.black-gold-plated .inner { background: #ddc682; /* Old browsers */ background: -moz-linear-gradient(top, #ddc682 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddc682), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ddc682 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ddc682 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ddc682 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #ddc682 0%,#000000 100%); /* W3C */ width: 30px; height: 30px; text-indent: -9999px; } #buy .right .option-item.blue .inner { background: #003dbf; width: 30px; height: 30px; text-indent: -9999px; } #buy .right .option-item.red .inner { background: #ed2727; width: 30px; height: 30px; text-indent: -9999px; } #buy .right .option-item.green .inner { background: #58b742; width: 30px; height: 30px; text-indent: -9999px; } #buy .right .option-item.orange .inner { background: #e97505; width: 30px; height: 30px; text-indent: -9999px; } #buy .right .option-item.pink .inner { background: #FFC0C3; width: 30px; height: 30px; text-indent: -9999px; } #buy .right .option-item.purple .inner { background: #936CD0; width: 30px; height: 30px; text-indent: -9999px; } #buy .right .option-item.white .inner { background: #f5f5f5; width: 30px; height: 30px; text-indent: -9999px; } #buy .right .option-item.yellow .inner { background: #F8CD23; width: 30px; height: 30px; text-indent: -9999px; } #buy .right .option-item.glossy-black .inner { background: black; background: -moz-linear-gradient(top, #c9c9c9 0%, #494949 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(50%,#494949), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c9c9c9 0%,#494949 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c9c9c9 0%,#494949 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c9c9c9 0%,#494949 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */ background: linear-gradient(to bottom, #c9c9c9 0%,#494949 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */ width: 30px; height: 30px; text-indent: -9999px; } #buy .right .option-item.rubberized-black .inner { background: #40403E; width: 30px; height: 30px; text-indent: -9999px; } #buy .right .price-container { margin-top: 45px; overflow: hidden; } #buy .right .product-price { color: #f15a00; font-size: 32px; float: left; background: white; border-radius: 3px; padding: 3px 8px 0; height: 33px; } #buy .right .product-vat { font-size: 12px; color: #373737; font-style: italic; margin: 3px 0 20px 2px; display: block; float: left; } #buy .right .msrp-price { color: gray; font-size: 16px; text-decoration: line-through; float: left; margin-top: 12px; margin-left: 10px; display: none; } #buy .right hr { color: #333; margin-top: 20px; margin-bottom: 8px; } #buy .right .add-to-cart-form { clear: left; position: relative; width: 170px; padding-top: 10px; } .add-to-cart-button.in-header { width: 100%; } /* Orange button */ #buy .add-to-cart-button, .add-to-cart-button, .buy-now-small, #goToOptionsButton, .new-button, #mc_embed_signup .button { cursor: pointer; border: none; color: white; border-radius: 3px; text-transform: uppercase; font-family: 'HelveticaNeueLTPro67MediumCon', sans-serif; font-size: 22px; padding: 4px 25px; text-shadow: 0px 1px 1px #992E00; margin-top: 3px; min-height: 38px; width: 180px; /* Gradient */ background-color: #f25b00; background-image: -webkit-gradient(linear, from(#f25b00), to(#cd3f00)); background-image: -webkit-linear-gradient(#f25b00, #cd3f00); background-image: -moz-linear-gradient(#f25b00, #cd3f00); background-image: -o-linear-gradient(#f25b00, #cd3f00); background-image: linear-gradient(#f25b00, #cd3f00); } #buyButtonWithPrice { display: none; } #buy .add-to-cart-button:hover, .buy-now-small:hover, .add-to-cart-button:hover, #goToOptionsButton:hover, .new-button:hover, #mc_embed_signup .button:hover { /* Gradient */ background-color: #ff680c; background-image: -webkit-gradient(linear, from(#ff680c), to(#e74700)); background-image: -webkit-linear-gradient(#ff680c, #e74700); background-image: -moz-linear-gradient(#ff680c, #e74700); background-image: -o-linear-gradient(#ff680c, #e74700); background-image: linear-gradient(#ff680c, #e74700); } #buy .add-to-cart-button:active, .add-to-cart-button:active, .buy-now-small:hover, #goToOptionsButton:active, .new-button:active, #mc_embed_signup .button:active { /* Gradient */ background-color: #e74700; background-image: -webkit-gradient(linear, from(#e74700), to(#ff680c)); background-image: -webkit-linear-gradient(#e74700, #ff680c); background-image: -moz-linear-gradient(#e74700, #ff680c); background-image: -o-linear-gradient(#e74700, #ff680c); background-image: linear-gradient(#e74700, #ff680c); } /* Blue button */ #buy .add-to-cart-button.blue, .add-to-cart-button.blue, .buy-now-small.blue, #goToOptionsButton.blue, .new-button.blue, #mc_embed_signup .button.blue { cursor: pointer; border: none; color: white; border-radius: 3px; text-transform: uppercase; font-family: 'HelveticaNeueLTPro67MediumCon', sans-serif; font-size: 22px; padding: 4px 25px; text-shadow: 0px 1px 1px #992E00; margin-top: 3px; min-height: 38px; width: 180px; /* Gradient */ background-color: #00aeef; background-image: -webkit-gradient(linear, from(#00aeef), to(#0072bc)); background-image: -webkit-linear-gradient(#00aeef, #0072bc); background-image: -moz-linear-gradient(#00aeef, #0072bc); background-image: -o-linear-gradient(#00aeef, #0072bc); background-image: linear-gradient(#00aeef, #0072bc); } #buy .add-to-cart-button.blue:hover, .buy-now-small.blue:hover, .add-to-cart-button.blue:hover, #goToOptionsButton.blue:hover, .new-button.blue:hover, #mc_embed_signup .button.blue:hover { /* Gradient */ background-color: #00aeef; background-image: -webkit-gradient(linear, from(#00aeef), to(#0072bc)); background-image: -webkit-linear-gradient(#00aeef, #0072bc); background-image: -moz-linear-gradient(#00aeef, #0072bc); background-image: -o-linear-gradient(#00aeef, #0072bc); background-image: linear-gradient(#00aeef, #0072bc); } #buy .add-to-cart-button.blue:active, .add-to-cart-button.blue:active, .buy-now-small.blue:hover, #goToOptionsButton.blue:active, .new-button.blue:active, #mc_embed_signup .button.blue:active { /* Gradient */ background-color: #0072bc; background-image: -webkit-gradient(linear, from(#0072bc), to(#00aeef)); background-image: -webkit-linear-gradient(#0072bc, #00aeef); background-image: -moz-linear-gradient(#0072bc, #00aeef); background-image: -o-linear-gradient(#0072bc, #00aeef); background-image: linear-gradient(#0072bc, #00aeef); } .buy-now-small, .buy-now-small.blue { display: none; font-size: 12px; min-height: 25px; width: 120px; } #mc_embed_signup .button { font-size: 16px!important; height: 25px!important; } #buyButtonWithPrice .add-to-cart-button { width: 100%; } .buyWithoutOption, #goToOptionsButton .add-to-cart-button{ position: absolute; top: 200px; left: 500px; } #buyWithoutOption { padding: 4px 25px; marign-top: 3px; } #buy .right ul li { font-size: 14px; margin-left: 17px; } #buyButtonWithPrice .add-to-cart-button.disabled, #buy .add-to-cart-button.disabled { background-image: none; cursor: default; background: #CACACA; text-shadow: none; width: 185px; } #exhibition .shop-cart { background: green; width: 190px; height: 200px; position: fixed; right: 0; top: 20%; text-align: center; z-index: 100; cursor: pointer; } #exhibition .shop-cart h1 { color: white; margin-top: 70px; font-size: 60px; } #exhibition .shop-cart h3 { color: white; } #toolTipId { display: none; } /*#goToOptionsButton { position: absolute; top: 140px; left: 350px; cursor: pointer; }*/ .product-name-header { margin-bottom: 0; font-size: 16px; } #buyWithoutOption { } #buy .out-of-stock-text { } #buy .notify-me-form #newsletter-signup_id { display: block; float: left; clear: left; } #buy .notify-me-form input, #buy .notify-me-form button { float: left; } #buy .notify-me-form label { float: left; } #buy .out-of-stock-text p { font-size: 14px; line-height: 1.4em; width: 300px; margin-top: 60px; margin-bottom: 30px; } #buy .notify-me-button { margin: 0; padding: 7px 15px; font-size: 12px; } #buy .email-input { padding: 7px; margin: 0 10px 10px 0; width: 200px; } #buy #newsletter-signup_id { margin-bottom: 40px; } #buy .email-notify-header { font-size: 18px; margin-bottom: 5px; } #buy .button-tooltip { position: absolute; background: #1D1D1D; padding: 10px; width: 175px; text-align: center; top: -3px; left: 200px; display: none; } #buy .button-tooltip p { font-size: 14px; margin: 0; color: white; } #buy .button-tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid #1D1D1D; border-top: 10px solid transparent; border-bottom: 10px solid transparent; content: ''; position: absolute; left: -4%; bottom: 24px; margin-left: -10px; } #select_shipping_country, #select_shipping_country * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #select_shipping_country { position: relative; width: 1000px; margin-right: auto; margin-left: auto; background: #cccccc; color: #8f8f8f; } #select_shipping_country .std { overflow: hidden; background: #E6E6E6; padding: 20px 20px 40px; min-height: 600px; } #select_shipping_country .std .header-text { font-size: 14px; line-height: 18px; color: #373737; font-family: Arial, Helvetica, Verdana,sans-serif; } #select_shipping_country .std #choose_country_filter { padding: 10px; border-radius: 3px; border: 1px solid #D3D3D3; margin-top: 10px; width: 230px; font-size: 16px; color: #929292; padding-left: 40px; margin-bottom: 40px; } #select_shipping_country .country-search-field .fa-search { font-size: 20px; color: #D3D3D3; position: relative; left: 30px; top: 1px; } #select_shipping_country .country-search-field .fa-times { font-size: 20px; padding: 10px; cursor: pointer; } #select_shipping_country .std .center { text-align: center; } #select_shipping_country .std .center h1 { text-transform: uppercase; font-size: 32px; line-height: 35px; font-family: 'HelveticaNeueLTPro67MediumCon',Helvetica,Arial,Verdana,sans-serif; } #select_shipping_country .std.no-headings h2 { display: none; } #select_shipping_country h1 { margin-bottom: 20px; color: #373737; } #select_shipping_country h2 { margin: 40px 0 8px; } #select_shipping_country h2:first-child { margin: 0px 0 8px; } #select_shipping_country ul { list-style: none; } #select_shipping_country ul li { margin-left: 0; margin-bottom: 6px; display: inline-block; width: 312px; } #select_shipping_country ul li img { vertical-align: middle; margin-right: 6px; margin-top: -2px; } #select_shipping_country .shipping_destinations { overflow: hidden; margin-bottom: 30px; } #select_shipping_country .shipping_destinations a { font-size: 14px; } #category_dota2 .box, #category_dota2 img { background: none; } #specifications ul { margin: 11px 10px 6px 0; } #specifications ul .shop-now-container { position: relative; top: -3px; } /* Product notify-me mailchimp signups /* MailChimp Form Embed Code - Classic - 08/17/2011 */ #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } #mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%} #mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;} #mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;} #mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;} #mc_embed_signup input[type=radio]{-webkit-appearance:radio;} #mc_embed_signup input:focus {border-color:#333;} /*#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;} #mc_embed_signup .button:hover {background-color:#777;}*/ #mc_embed_signup .button { cursor: pointer; border: none; color: white; border-radius: 3px; text-transform: uppercase; font-family: 'HelveticaNeueLTPro67MediumCon', sans-serif; font-size: 22px; padding: 4px 25px; text-shadow: 0px 1px 1px #992E00; margin-top: 3px; min-height: 38px; /* Gradient */ background-color: #f25b00; background-image: -webkit-gradient(linear, from(#f25b00), to(#cd3f00)); background-image: -webkit-linear-gradient(#f25b00, #cd3f00); background-image: -moz-linear-gradient(#f25b00, #cd3f00); background-image: -o-linear-gradient(#f25b00, #cd3f00); background-image: linear-gradient(#f25b00, #cd3f00); } #mc_embed_signup .small-meta {font-size: 11px;} #mc_embed_signup .nowrap {white-space:nowrap;} #mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;} #mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;} * html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */} #mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;} #mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;} #mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;} #mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;} #mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;} #mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;} #mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;} #mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;} #mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;} #mc_embed_signup .asterisk {color:#c60; font-size:200%;} #mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;} #mc_embed_signup .clear {clear:both;} #mc_embed_signup .mc-field-group.input-group { margin: 5px 0; } #mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;} #mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;} #mc_embed_signup .mc-field-group.input-group label {display:inline;} #mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;} #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;} #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;} #mc_embed_signup #mce-error-response {display:none;} #mc_embed_signup #mce-success-response {color:#529214; display:none;} #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;} /*#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}*/ #mc_embed_signup #num-subscribers {font-size:1.1em;} #mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}