.chrome_top { background-position: 0 570px; }

/* Shorter variant (-109px) */
body.short .container1 { height: 329px; }
body.short .hero-rotator { height: 330px; }
body.short .hero-rotator .frame { height: 322px; }
body.short .hero-rotator .arrow { top: 140px; }
body.short .chrome_top { background-position: 0 487px; }

.hero-rotator h1 { font-family: wf_SegoeUILight, 'Segoe UI Light', 'Segoe UI', Verdana, Arial, Helvetica, Sans-serif; }
.hero-rotator .module.button a span { font-family:wf_SegoeUI, Verdana, Arial, Helvetica, Sans-serif !important;  }


/* heroes */

/* Xbox One Controller Hero */
.hero-rotator #xbox1controller-hero .content { top: 80px; }
.hero-rotator #xbox1controller-hero .content h1 { font-size: 40px; color: #FFF; font-weight: lighter; margin: 0 0 12px -3px; padding: 0; line-height: 1.1em;}
.hero-rotator #xbox1controller-hero .content p { font-size: 15px; color: #FFF; font-weight: 400; width: 320px; }
.hero-rotator #xbox1controller-hero .cta { top: 196px; }
.hero-rotator #xbox1controller-hero .cta .button.circle_arrow_button { float: left; background-color: #FFF; margin-right: 20px; padding-right: 10px; }
.hero-rotator #xbox1controller-hero .cta .button.circle_arrow_button:hover { background-color: #FFF; }
.hero-rotator #xbox1controller-hero .cta .button.circle_arrow_button a span { color: #107C10; padding: 0 31px 0 5px; }
.hero-rotator #xbox1controller-hero .cta .button.circle_arrow_button a { background-image: url(/hardware/_base_v1/modules/button/images/arrow_25px_green.png); }

/* WDA Hero */
.hero-rotator #wda-hero .content { top: 36px; }
.hero-rotator #wda-hero .content h1 { font-size: 46px; color: #333; font-weight: lighter; margin: 0 0 12px; padding: 0; line-height: 1.1em;}
.hero-rotator #wda-hero .content p { font-size: 19px; color: #333; font-weight: 300; }
.hero-rotator #wda-hero .cta { top: 172px; }
.hero-rotator #wda-hero .cta .button.circle_arrow_button { width: 155px; float: left; background-color: #da1f26; margin-right: 20px; }
.hero-rotator #wda-hero .cta .button.circle_arrow_button:hover { background-color: #da1f26; }
.hero-rotator #wda-hero .cta .button.circle_arrow_button a { min-width: 143px; }
.hero-rotator #wda-hero .cta .button.circle_arrow_button a span { color: #FFF; padding: 0 0 0 5px; }

/* Paisley Hero */
.hero-rotator #paisley-hero .content { top: 86px; }
.hero-rotator #paisley-hero .content h1 { font-size: 36px; color: #fff; font-weight: lighter; margin: 0 0 12px; padding: 0; line-height: 1.1em;}
.hero-rotator #paisley-hero .content p { font-size: 14px; color: #fff; font-weight: 600; width: 310px; }
.hero-rotator #paisley-hero .cta { top: 201px; }
.hero-rotator #paisley-hero .cta .button.circle_arrow_button { width: 135px; float: left; background-color: #fff; margin-right: 20px; }
.hero-rotator #paisley-hero .cta .button.circle_arrow_button:hover { background-color: #fff; }
.hero-rotator #paisley-hero .cta .button.circle_arrow_button a { min-width: 123px; background-image: url(/hardware/_base_v1/modules/button/images/arrow_25px_black.png); }
.hero-rotator #paisley-hero .cta .button.circle_arrow_button a span { color: #333; padding: 0 0 0 5px; }


/* Universal Mobile Keyboard hero */
.hero-rotator #umk-hero .content { top: 50px; width: 375px; text-align: right; }
.hero-rotator #umk-hero .content h1 { font-size: 36px; font-weight: lighter; margin: 0 0 15px; padding: 0; line-height: 1.1em;}
.hero-rotator #umk-hero .content p { font-size: 14px; color: #666; }
.hero-rotator #umk-hero .cta { top: 201px; }
.hero-rotator #umk-hero .cta .button.circle_arrow_button { width: 126px; float: left; background-color: #DA1F26; margin-right: 20px; }
.hero-rotator #umk-hero .cta .button.circle_arrow_button:hover { background-color: #DA1F26; }
.hero-rotator #umk-hero .cta .button.circle_arrow_button a { min-width: 118px; }
.hero-rotator #umk-hero .cta .button.circle_arrow_button a span { color: #fff; padding: 0 0 0 5px; }

/* Halo mouse hero */
.hero-rotator #halo-mouse-hero .content { top: 86px; width:578px; }
.hero-rotator #halo-mouse-hero .content h1 {  font-size: 36px; color: #fff; font-weight: lighter; margin: 0 0 12px; padding: 0; line-height: 1.1em;}
.hero-rotator #halo-mouse-hero .content p {  font-size: 14px; color: #666;  }
.hero-rotator #halo-mouse-hero .cta { top: 201px; }
.hero-rotator #halo-mouse-hero .cta .button.circle_arrow_button { width: 155px; float: left; background-color: #DA1F26; margin-right: 20px; }
.hero-rotator #halo-mouse-hero .cta .button.circle_arrow_button:hover { background-color: #DA1F26; }
.hero-rotator #halo-mouse-hero .cta .button.circle_arrow_button a { min-width: 143px; }
.hero-rotator #halo-mouse-hero .cta .button.circle_arrow_button a span { color: #fff; padding: 0 0 0 5px; }

/* All in One Media Keyboard Hero */
.hero-rotator #media-keyboard-hero .content { top: 35px; width:215px; }
.hero-rotator #media-keyboard-hero .content h1 {  font-size: 36px; color: #DA1F26; font-weight: lighter; margin: 0 0 12px; padding: 0; line-height: 1.1em;}
.hero-rotator #media-keyboard-hero .content p {  font-size: 14px; color: #666;  }
.hero-rotator #media-keyboard-hero .cta { top: 201px; }
.hero-rotator #media-keyboard-hero .cta .button.circle_arrow_button { width: 126px; float: left; background-color: #DA1F26; margin-right: 20px; }
.hero-rotator #media-keyboard-hero .cta .button.circle_arrow_button:hover { background-color: #DA1F26; }
.hero-rotator #media-keyboard-hero .cta .button.circle_arrow_button a { min-width: 118px; }
.hero-rotator #media-keyboard-hero .cta .button.circle_arrow_button a span { color: #fff; padding: 0 0 0 5px; }

/* Wireless Mobile Mouse 1850 Hero */
.hero-rotator #wmm-1850-hero .content { top: 48px; }
.hero-rotator #wmm-1850-hero .content h1 {  font-size: 36px; color: #61547F; font-weight: lighter; margin: 0 0 12px; padding: 0; line-height: 1.1em;}
.hero-rotator #wmm-1850-hero .content p {  font-size: 14px; color: #666; width: 300px; }
.hero-rotator #wmm-1850-hero .cta { top: 201px; }
.hero-rotator #wmm-1850-hero .cta .button.circle_arrow_button { width: 126px; float: left; background-color: #DA1F26; margin-right: 20px; }
.hero-rotator #wmm-1850-hero .cta .button.circle_arrow_button:hover { background-color: #DA1F26; }
.hero-rotator #wmm-1850-hero .cta .button.circle_arrow_button a { min-width: 118px; }
.hero-rotator #wmm-1850-hero .cta .button.circle_arrow_button a span { color: #fff; padding: 0 0 0 5px; }

/* Sculpt Ergonomic Desktop Hero */
.hero-rotator #sculpt-ergonomic-desktop-hero .content { top: 35px; }
.hero-rotator #sculpt-ergonomic-desktop-hero .content h1 {  font-size: 36px; color: #e80c00; font-weight: lighter; margin: 0 0 12px; padding: 0; line-height: 1.1em;}
.hero-rotator #sculpt-ergonomic-desktop-hero .content p {  font-size: 14px; color: #666; width: 300px; }
.hero-rotator #sculpt-ergonomic-desktop-hero .cta { top: 145px; }
.hero-rotator #sculpt-ergonomic-desktop-hero .cta .button.circle_arrow_button { width: 126px; float: left; background-color: #ed1c24; margin-right: 20px; }
.hero-rotator #sculpt-ergonomic-desktop-hero .cta .button.circle_arrow_button:hover { background-color: #ff1f26; }
.hero-rotator #sculpt-ergonomic-desktop-hero .cta .button.circle_arrow_button a { min-width: 118px; }
.hero-rotator #sculpt-ergonomic-desktop-hero .cta .button.circle_arrow_button a span { color: #fff; padding: 0 0 0 5px; }

/* Limited Edition Artist Series - fashion version */
.hero-rotator #sculpt-mice-hero .content { top: 54px; width: 400px; }
.hero-rotator #sculpt-mice-hero h1 { font-weight: 300; color: #ed1c24; line-height: 40px; }
.hero-rotator #sculpt-mice-hero p { font-size: 14px; }
.hero-rotator #sculpt-mice-hero .cta { top: 185px; width: 400px; }
.hero-rotator #sculpt-mice-hero .cta .button.circle_arrow_button { width: auto; float: left; background-color: #ed1c24; margin-right: 11px; }
.hero-rotator #sculpt-mice-hero .cta .button.circle_arrow_button:hover { background-color: #ff1f26; }
.hero-rotator #sculpt-mice-hero .cta .button.circle_arrow_button a span { color: #fff; padding: 0 15px; font-size: 14px; }
.hero-rotator #sculpt-mice-hero .cta .button.circle_arrow_button a { background: none; }
.hero-rotator #sculpt-mice-hero .cta .arrow-link { display: block; clear: both; margin-top: 15px; }

/* Limited Edition Artist Series - fashion version 2 */
.hero-rotator #artist-series-hero-2 .content { top: 57px; width: 290px; }
.hero-rotator #artist-series-hero-2 h1 { font-weight: 300; color: #00a392; line-height: 40px; }
.hero-rotator #artist-series-hero-2 .cta { top: 210px; }
.hero-rotator #artist-series-hero-2 p,
.hero-rotator #artist-series-hero-2 a span { font-size: 14px; }
.hero-rotator #artist-series-hero-2 p { width: 233px; }

/* Limited Edition Artist Series - fashion version 3 */
.hero-rotator #artist-series-hero-3 .content { top: 34px; width: 290px; }
.hero-rotator #artist-series-hero-3 h1 { font-weight: 300; color: #fe4466; line-height: 40px; }
.hero-rotator #artist-series-hero-3 p { font-size: 14px; width: 280px; }
.hero-rotator #artist-series-hero-3 .cta { top: 206px; }
.hero-rotator #artist-series-hero-3 .cta .button.circle_arrow_button { width: 162px; float: left; background-color: #fe4466; margin-right: 20px; }
.hero-rotator #artist-series-hero-3 .cta .button.circle_arrow_button:hover { background-color: #ff1f26; }
.hero-rotator #artist-series-hero-3 .cta .button.circle_arrow_button a span { color: #fff; padding: 0 0 0 5px; }
.hero-rotator #artist-series-hero-3 .cta .button.circle_arrow_button a { background: none; }

/* surface hero */
body.short .hero-rotator #surface-hero .content { top: 36px; width: 388px; }
body.short .hero-rotator #surface-hero .content h1 {  font-size: 36px; color: #000; font-weight: lighter; margin: 0 0 7px; padding: 0; line-height: 1.1em; }
body.short .hero-rotator #surface-hero .content p {  font-size: 14px; color: #666; width: auto; }
body.short .hero-rotator #surface-hero .content .surface_text { margin-bottom: 10px; }
body.short .hero-rotator #surface-hero .content .ms_logo { margin-top: 77px; }
body.short .hero-rotator #surface-hero .cta { top: 182px; width: 312px; }
body.short .hero-rotator #surface-hero .cta .button.circle_arrow_button { width: 126px; float: left; background-color: #ed1c24; margin-right: 20px; }
body.short .hero-rotator #surface-hero .cta .button.circle_arrow_button:hover { background-color: #ff1f26; }
body.short .hero-rotator #surface-hero .cta .button.circle_arrow_button a span { color: #fff; padding: 0 0 0 15px; }
body.short .hero-rotator #surface-hero .cta .button.circle_arrow_button a { background: none; }


/* Windows 8 video hero */
body.short .hero-rotator #windows-8-video-hero .background { background-color: #e51400; }
body.short .hero-rotator #windows-8-video-hero .content { top: 35px; width: 336px; }
body.short.metro .hero-rotator #windows-8-video-hero .content h1 {  font-size: 36px; }
body.short.metro .hero-rotator #windows-8-video-hero .content p {  }
body.short .hero-rotator #windows-8-video-hero .content h1 {  font-size: 42px; color: #fff; font-weight: lighter; margin: 0 0 12px; padding: 0; line-height: 1.1em; }
body.short .hero-rotator #windows-8-video-hero .content p {  font-size: 14px; color: #fff; width: 264px; }
body.short .hero-rotator #windows-8-video-hero .cta { top: 221px; color: #fff; }
body.short .hero-rotator #windows-8-video-hero .cta .button a span { color: #fff; background-image: url("/hardware/_base_v1/modules/button/images/white_dot_arrowicon_metro.png"); }

body.short .hero-rotator #windows-8-video-hero .cta .button.circle_arrow_button { width: 139px; }
body.short .hero-rotator #windows-8-video-hero .cta .button.circle_arrow_button a { background-image: url('/hardware/_base_v1/modules/button/images/arrow_25px_red.png'); }
body.short .hero-rotator #windows-8-video-hero .cta .button.circle_arrow_button a span { color: #e51400; background-image: none; }

body.short .hero-rotator #windows-8-video-hero .cta .button.circle_arrow a span { background-image: none; }

body.short .hero-rotator #windows-8-video-hero a.video_link { position: absolute; left: 328px; top: 0; width: 499px; height: 276px; background-image: url(/hardware/_base_v1/images/thumbnails/composite_sprite.png); display: inline-block; }
body.short .hero-rotator #windows-8-video-hero a.video_link:hover { background-position: -500px 0; }


/**/
body.short .hero-rotator #windows-8-launch-hero .content { top: 35px; width: 336px; }

body.short.metro .hero-rotator #windows-8-launch-hero .content h1 {  font-size: 36px; }
body.short.metro .hero-rotator #windows-8-launch-hero .content p {  }

body.short .hero-rotator #windows-8-launch-hero .content h1 {  font-size: 42px; color: #fff; font-weight: lighter; margin: 0 0 12px; padding: 0; line-height: 1.1em; }
body.short .hero-rotator #windows-8-launch-hero .content p {  font-size: 14px; color: #fff; width: 264px; }
body.short .hero-rotator #windows-8-launch-hero .cta { top: 221px; color: #fff; }
body.short .hero-rotator #windows-8-launch-hero .cta .module.button.button-link.red a span { color: #fff; background-image: url("/hardware/_base_v1/modules/button/images/white_dot_arrowicon_metro.png"); }



/* new windows 8 products*/
body.short .hero-rotator #sculpt-comfort-keyboard-hero .content { top: 35px; width: 375px; }

body.short.metro .hero-rotator #sculpt-comfort-keyboard-hero .content h1 {  font-size: 36px; }
body.short.metro .hero-rotator #sculpt-comfort-keyboard-hero .content p {  }

body.short .hero-rotator #sculpt-comfort-keyboard-hero .content h1 {  font-size: 42px; color: #000; font-weight: lighter; margin: 0 0 12px; padding: 0; line-height: 1.1em; }
body.short .hero-rotator #sculpt-comfort-keyboard-hero .content p {  font-size: 14px; color: #666; width: 327px; }
body.short .hero-rotator #sculpt-comfort-keyboard-hero .cta { top: 186px; }


/* new windows 8 products*/
body.short .hero-rotator #win8-new-hero .content { top: 74px; width: 375px; }

body.short.metro .hero-rotator #win8-new-hero .content h1 {  font-size: 36px; }
body.short.metro .hero-rotator #win8-new-hero .content p {  }

body.short .hero-rotator #win8-new-hero .content h1 {  font-size: 42px; color: #000; font-weight: lighter; margin: 0 0 12px; padding: 0; line-height: 1.1em; }
body.short .hero-rotator #win8-new-hero .content p {  font-size: 14px; color: #666; width: 327px; }
body.short .hero-rotator #win8-new-hero .cta { top: 186px; }

/* moving from windows 7 to windows 8 */
body.short .hero-rotator #win7-win8-hero .content { top: 36px; width: 268px; }

body.short.metro .hero-rotator #win7-win8-hero .content h1 {  font-size: 36px; }
body.short.metro .hero-rotator #win7-win8-hero .content p {  }

body.short .hero-rotator #win7-win8-hero .content h1 {  font-size: 42px; color: #000; font-weight: lighter; margin: 0 0 12px; padding: 0; line-height: 1.1em; }
body.short .hero-rotator #win7-win8-hero .content p {  font-size: 14px; color: #666; width: 220px; }
body.short .hero-rotator #win7-win8-hero .cta { top: 245px; }


/* mice that work wonders */
.hero-rotator #touch-family-hero .content { top: 26px; width: 540px; }

.metro .hero-rotator #touch-family-hero .content h1 {  }
.metro .hero-rotator #touch-family-hero .cta p { width: 200px;  }

.hero-rotator #touch-family-hero .content h1 {  font-size: 48px; color: #000; font-weight: lighter; margin: 0; padding: 0; }
.hero-rotator #touch-family-hero .cta p { width: 200px;  font-size: 14px; margin-bottom: 20px; color: #666; }

.hero-rotator #touch-family-hero .cta { top: 120px; }

body.short .hero-rotator #touch-family-hero .content { width: 266px; }

body.short.metro .hero-rotator #touch-family-hero .content h1 { font-size: 36px; }

body.short .hero-rotator #touch-family-hero .content h1 { font-size: 40px; line-height: 1em; }

/* be more comfortable at work */
.hero-rotator #ergonomics-hero .content { top: 26px; width: 250px; }

.metro .hero-rotator #ergonomics-hero .content h1 {  }
.metro .hero-rotator #ergonomics-hero .content p {  }

.hero-rotator #ergonomics-hero .content h1 {  font-size: 48px; color: #000; font-weight: lighter; margin: 0 0 20px; padding: 0; line-height: 1.1em; }
.hero-rotator #ergonomics-hero .content p {  font-size: 14px; color: #666; }

.hero-rotator #ergonomics-hero .cta { top: 300px; }

body.short .hero-rotator #ergonomics-hero .content { top: 16px; }

body.short.metro .hero-rotator #ergonomics-hero .content h1 { font-size: 36px; }

body.short .hero-rotator #ergonomics-hero .content h1 { font-size: 40px; width: 230px; margin-bottom: 10px; }

body.short .hero-rotator #ergonomics-hero .cta { top: 236px; }

/* designs of the times */
.hero-rotator #artist-series-hero .content { top: 170px; }

.metro .hero-rotator #artist-series-hero .content h1 {  }
.metro .hero-rotator #artist-series-hero .content p {  }

.hero-rotator #artist-series-hero .content h1 {  font-size: 48px; color: #000; font-weight: lighter; margin: 0; padding: 0; }
.hero-rotator #artist-series-hero .content p { width: 250px; font-size: 14px; color: #666; }

.hero-rotator #artist-series-hero .cta { top: 330px; }

body.short .hero-rotator #artist-series-hero .content { top: 27px; }

body.short.metro .hero-rotator #artist-series-hero .content h1 { font-size: 36px; }

body.short .hero-rotator #artist-series-hero .content h1 { font-size: 44px; }
body.short .hero-rotator #artist-series-hero .cta { top: 230px; }

/* aot 2 */
.hero-rotator #aot-hero .content { top: 10px; width: 338px; }

metro .hero-rotator #aot-hero .content h1 {  }
metro .hero-rotator #aot-hero .content p {  }

.hero-rotator #aot-hero .content h1 {  font-size: 42px; color: #da1f26; font-weight: lighter; text-align: right; margin: 0; padding: 0; }
.hero-rotator #aot-hero .content p {  font-size: 12px; color: #666; text-align: right; margin: -8px 0 0; }

.hero-rotator #aot-hero .cta { top: 16px; width: 272px; }

.metro .hero-rotator #aot-hero .cta h2 {  }
.metro .hero-rotator #aot-hero .cta p {  }

.hero-rotator #aot-hero .cta h2 { margin: 0; padding: 0;  font-size: 24px; color: #000; }
.hero-rotator #aot-hero .cta p { margin: 0 0 24px;  font-size: 14px; color: #666; }

.hero-rotator #aot-hero .cta .button { margin-bottom: 17px; }

/* mindblowing artwork */
.hero-rotator #mindblowing-hero .content { top: 10px; width: 272px; }

.metro .hero-rotator #mindblowing-hero .content h1 {  }
.metro .hero-rotator #mindblowing-hero .content p {  }

.hero-rotator #mindblowing-hero .content h1 {  font-size: 48px; color: #000; font-weight: lighter; line-height: 1.1em; margin: 0; padding: 0; }
.hero-rotator #mindblowing-hero .content p { margin: 6px 0 14px;  font-size: 14px; color: #666; }

.hero-rotator #mindblowing-hero .cta { top: 310px; }

body.short.metro .hero-rotator #mindblowing-hero .content h1 { font-size: 36px; }

body.short .hero-rotator #mindblowing-hero .content h1 { font-size: 40px; }

body.short .hero-rotator #mindblowing-hero .content p { width: 320px; }
body.short .hero-rotator #mindblowing-hero .cta { top: 220px; }

/* explorer touch mouse */
.hero-rotator #exptouch-hero .content { top: 26px; }


.hero-rotator #exptouch-hero .content h1 {  font-size: 42px; color: #111; font-weight: lighter; line-height: 1.15em; margin: 0 0 7px; padding: 0; }
.hero-rotator #exptouch-hero .content h2 {  font-size: 18px; color: #666; line-height: 1.15em; margin: 0 0 18px; padding: 0; }
.hero-rotator #exptouch-hero .content p {  font-size: 14px; color: #666; margin: 0 0 20px; width: 344px; }

.hero-rotator #exptouch-hero .cta { top: 235px; }

/* touch mouse artist edition */
.hero-rotator #touchmouseae-hero .content { top: 3px; text-align: center; width: 100%; }



.hero-rotator #touchmouseae-hero .content h1 {  font-size: 42px; color: #e30404; font-weight: lighter; line-height: 1.15em; margin: 0; padding: 0; }
.hero-rotator #touchmouseae-hero .content h2 {  font-size: 18px; color: #666; font-weight: lighter; line-height: 1.15em; margin: 0; padding: 0; }
.hero-rotator #touchmouseae-hero .cta p { font-size: 13px; color: #666; margin: 0 0 20px; width: 274px; }

.hero-rotator #touchmouseae-hero .cta { top: 314px; }

body.short .hero-rotator #touchmouseae-hero .content { width: 866px; }
body.short .hero-rotator #touchmouseae-hero .cta { top: 206px; }
body.short .hero-rotator #touchmouseae-hero .cta p { width: 240px; margin-bottom: 6px; }

/* art of touch */
.metro .hero-rotator #art-of-touch-hero .content {  top: 20px; width: 750px; }
.metro .hero-rotator #art-of-touch-hero .content h1 {  font-size: 38px; color: #DE250C; font-weight: normal; margin-bottom: 0; padding-bottom: 0; }
.metro .hero-rotator #art-of-touch-hero .content h2 {  font-size: 22px; color: #333; font-weight: normal; margin: 0; width: 100%; }
.metro .hero-rotator #art-of-touch-hero .content p {  font-size: 14px; color: #666; width: 340px; margin: 0 0 10px; }



.hero-rotator #art-of-touch-hero .content .subhead { font-size: 12px; color: #666; margin: 0 0 20px; }
.hero-rotator #art-of-touch-hero .cta { top: 260px; width: auto; }

body.short .hero-rotator #art-of-touch-hero .cta { top: 200px; }

/* arc touch mouse IDEA award */
.hero-rotator #arc-touch-mouse-hero .content { top: 45px; }



.hero-rotator #arc-touch-mouse-hero .content h2 {  font-size: 32px; color: #fff; font-weight: bold; margin-bottom: 5px; }
.hero-rotator #arc-touch-mouse-hero .content p {  font-size: 17px; color: #fff; }

.hero-rotator #arc-touch-mouse-hero .cta { top: 130px; }

/* artist edition */
.hero-rotator #artist-edition-hero .content { top: 20px; width: 750px; }

.metro .hero-rotator #artist-edition-hero .content h2 {  }
.metro .hero-rotator #artist-edition-hero .content p {  }

.hero-rotator #artist-edition-hero .content h2 {  font-size: 32px; color: #000; font-weight: bold; margin-bottom: 5px; width: 100%; }
.hero-rotator #artist-edition-hero .content p {  font-size: 17px; color: #666; width: 100%; margin: 0; }

.hero-rotator #artist-edition-hero .cta { top: 100px; }

/* arc keyboard */
.hero-rotator #arc-keyboard-hero .content { top: 45px; }



.hero-rotator #arc-keyboard-hero .content h2 {  font-size: 32px; color: #000; font-weight: bold; margin-bottom: 5px; }
.hero-rotator #arc-keyboard-hero .content p {  font-size: 17px; color: #666; }

.hero-rotator #arc-keyboard-hero .cta { top: 130px; }

/* touch mouse */
.hero-rotator #touch-mouse-hero .content { top: 45px; }
.hero-rotator #touch-mouse-hero .content p { font-size: 28px; color: #fff; margin-top: 15px; font-weight: bold; }
.hero-rotator #touch-mouse-hero .cta { top: 170px; }

body.short .hero-rotator #touch-mouse-hero .content p { font-size: 24px; }

/* lifecam studio */
.hero-rotator #lifecam-hero .content { top: 45px; width: 410px; }

.metro .hero-rotator #lifecam-hero .content h2 { font-size: 26px; }

.hero-rotator #lifecam-hero .content h2 { font-size: 32px; color: #000; font-weight: bold; margin-bottom: 5px; }

.hero-rotator #lifecam-hero .content p { font-size: 17px; color: #666; }
.hero-rotator #lifecam-hero .cta { top: 130px; }

/* Keyboard animation hero */
.hero-rotator #keyboard-animation-hero .content,
.hero-rotator #keyboard-animation-hero-1 .content,
.hero-rotator #keyboard-animation-hero-2 .content { top: 30px; width: 305px; }
.hero-rotator #keyboard-animation-hero .content h1,
.hero-rotator #keyboard-animation-hero-1 .content h1,
.hero-rotator #keyboard-animation-hero-2 .content h1 { color: #e30404; font-weight: 300; line-height: 40px; font-size: 33px; }
.hero-rotator #keyboard-animation-hero .cta { top: 235px; }
.hero-rotator #keyboard-animation-hero-1 .cta { top: 195px; }
.hero-rotator #keyboard-animation-hero-2 .cta { top: 215px; }

/* Product selector hero */

.hero-rotator #product-selector-hero .content { top: 35px; width: 700px; }
.hero-rotator #product-selector-hero .cta { top: 130px; }
.hero-rotator #product-selector-hero .cta .button.circle_arrow_button { width: 126px; float: left; background-color: #ed1c24; margin-right: 20px; }
.hero-rotator #product-selector-hero .cta .button.circle_arrow_button:hover { background-color: #ff1f26; }
.hero-rotator #product-selector-hero .cta .button.circle_arrow_button a { min-width: 118px; }
.hero-rotator #product-selector-hero .cta .button.circle_arrow_button a span { color: #fff; padding: 0 0 0 5px; }
.hero-rotator #product-selector-hero .content h1 {  font-size: 36px; color: #e80c00; font-weight: lighter; margin: 0 0 12px; padding: 0; line-height: 1.1em;}


/* surface hero 2 */
.hero-rotator #surface-hero-2 .content { top: 36px; width: 160px; }
.hero-rotator #surface-hero-2 .content h1 {  font-size: 36px; color: #17ACF6; font-weight: lighter; margin: 0 0 7px; padding: 0; line-height: 1.1em; }
.hero-rotator #surface-hero-2 .content p { color: #FFF; font-size: 14px; }
.hero-rotator #surface-hero-2 .cta { top: 182px; width: 312px; }
.hero-rotator #surface-hero-2 .cta .button.circle_arrow_button { width: auto; float: left; color: #FFF; background-color: #17ACF6; margin-right: 20px; }
.hero-rotator #surface-hero-2 .cta .button.circle_arrow_button:hover { background-color: #17ACF6; }
.hero-rotator #surface-hero-2 .cta .button.circle_arrow_button a span { color: #FFF; }


/* surface hero 2  buy test*/
.hero-rotator #surface-hero-2-buy .content { top: 36px; width: 398px; }
.hero-rotator #surface-hero-2-buy .content h1 {  font-size: 36px; color: #17ACF6; font-weight: lighter; margin: 0 0 7px; padding: 0; line-height: 1.1em; }
.hero-rotator #surface-hero-2-buy .content p { color: #FFF; font-size: 14px; margin-top:17px; width:370px; margin-left:1px; }
.hero-rotator #surface-hero-2-buy .cta { top: 198px; width: 312px; }
.hero-rotator #surface-hero-2-buy .cta .button.circle_arrow_button { width: auto; float: left; color: #FFF; background-color: #17ACF6; margin-right: 20px; }
.hero-rotator #surface-hero-2-buy .cta .button.circle_arrow_button:hover { background-color: #17ACF6; }
.hero-rotator #surface-hero-2-buy .cta .button.circle_arrow_button a span { color: #FFF; }

/* 30% off hero */
.hero-rotator #thirty-off-hero .content { top: 14px; }
.hero-rotator #thirty-off-hero .cta { top: 220px; }
.hero-rotator #thirty-off-hero h1 { color: #fff; font-size: 30px; line-height: 35px; width: 390px; margin-bottom: 5px; }
.hero-rotator #thirty-off-hero p { color: #fff; font-size: 18px; line-height: 20px; }
.hero-rotator #thirty-off-hero .cta .button.circle_arrow_button { background: none; padding: 0; }
.hero-rotator #thirty-off-hero .cta .button.circle_arrow_button a {
    background-color: #F9F9F9;
    background-image: none;
    border: 1px solid #CCCCCC;
}
.hero-rotator #thirty-off-hero .cta .button.circle_arrow_button a span {
    background-image: none;
    color: #7E7E7E;
    font-size: 14px;
    margin-right: 6px;
	padding-right: 5px;
}