#right .divider {height:1px; width:219px; background:#CCC; margin:3px 0 8px 0} /******************************** YouTube Player *****************************/ .controls-wrapper {position:absolute; left:0; bottom:0} .controls {height:24px; position:relative; width:0px; margin-top:-24px; cursor:pointer} .bg-main {background:#000; opacity:0.7; height:24px; width:100%} .progressbar {height:8px; width:0px; background:#FFF; opacity:0.3; position:absolute; display:block; left:39px; top:8px} .progress-wrapper {height:8px; width:0px; position:absolute; left:39px; top:8px; overflow:hidden} .progress {height:8px; background:#F00; width:0px; position:absolute; left:0; top:0} .loaded {height:8px; background:#FFF; opacity:0.1; width:0px; position:absolute; left:0; top:0} .volumebar {height:8px; width:50px; background:#FFF; opacity:0.3; position:absolute; display:block; right:8px; top:8px} .volume-wrapper {height:8px; width:50px; position:absolute; right:8px; top:8px} .volume {height:8px; background:#F00; width:50%} .mute {position:absolute; right:66px; top:0; background:url(http://fluenz.com/images/player_mute.gif) no-repeat 0px 8px; width:10px; height:9px; padding:8px 0 7px 0} .mute-red {position:absolute; right:66px; top:0; background:url(http://fluenz.com/images/player_mute_red.gif) no-repeat 0px 8px; width:10px; height:9px; display:none; padding:8px 0 7px 0} .unmute {position:absolute; right:65px; top:0; background:url(http://fluenz.com/images/player_unmute.gif) no-repeat 0px 8px; width:11px; height:9px; display:none; padding:8px 0 7px 0} .unmute-red {position:absolute; right:65px; top:0; background:url(http://fluenz.com/images/player_unmute_red.gif) no-repeat 0px 8px; width:11px; height:9px; display:none; padding:8px 0 7px 0} .play {position:absolute; left:11px; top:0; background:url(http://fluenz.com/images/player_play.gif) no-repeat 0px 8px; width:5px; height:9px; padding:8px 0 7px 0} .play-red {position:absolute; left:11px; top:0; background:url(http://fluenz.com/images/player_play_red.gif) no-repeat 0px 8px; width:5px; height:9px; padding:8px 0 7px 0; display:none} .pause {position:absolute; left:9px; top:0; background:url(http://fluenz.com/images/player_pause.gif) no-repeat 0px 8px; width:7px; height:9px; padding:8px 0 7px 0; display:none} .pause-red {position:absolute; left:9px; top:0; background:url(http://fluenz.com/images/player_pause_red.gif) no-repeat 0px 8px; width:7px; height:9px; padding:8px 0 7px 0; display:none} .stop {position:absolute; left:24px; top:0; background:url(http://fluenz.com/images/player_stop.gif) no-repeat 0px 9px; width:7px; height:7px; padding:9px 0 7px 0} .stop-red {position:absolute; left:24px; top:0; background:url(http://fluenz.com/images/player_stop_red.gif) no-repeat 0px 9px; width:7px; height:7px; padding:9px 0 7px 0; display:none} .time {color:#FFF; font-size:11px; font-family:Arial, Helvetica, sans-serif; position:absolute; right:85px; top:6px} .handle-wrapper {height:8px; width:0; position:relative; padding:0 4px 0 4px} .handle-wrapper .ui-slider-handle {height:8px; width:2px; background:#FFF; position:absolute; top:0; right:6px; display:block; outline:none} .handle-wrapper .ui-state-active {width:16px; background-color:#C00; right:-100px} .video-crop {overflow:hidden; position:relative} #video-ids {display:none} #player-info {display:none} /**/ #video-stage{width:970px; height:400px; margin-left:-5px; text-align:center} /**/ #test_d_users #menu-launch{ float:left; width:125px; height:39px; background: url(../images/btn_launch.png) no-repeat; margin:58px 0 0 15px; position:relative; text-align:left} #test_d_users #menu-launchg{ float:left; width:146px; height:39px; background: url(../images/btn_launch_g.png) no-repeat; margin:58px 0 0 15px; position:relative; text-align:left} #test_d_users{ float:left; width:945px; height:233px; padding-left:15px } #test_d_users #test_screenshot{ float:left; width:300px; height:257px; margin:-22px 15px 0 50px; z-index:100 } #test_screenshot.spanishspain{background-image:url(../images/free-demo-2/screen_spanishspain.png)} #test_d_users .spanish{ background-image:url(../images/free-demo-2/screen_spanish.png)} #test_d_users .spanishspain{ background-image:url(../images/free-demo-2/screen_spanishspain.png)} #test_d_users .spanish_users{ background-image:url(../images/free-demo-2/screen_mandarin_users.jpg); width:255px} #test_d_users h1{ float:left; width:363px; height:43px; background:url(../images/free-demo-2/tit_test_drive.gif) no-repeat; border-right:#F00 solid 1px; margin-top:30px} #test_d_users .test2{ float:left; width:290px; height:31px; background:url(../images/free-demo-2/tit_test_drive2.gif) no-repeat; border-right:#F00 solid 1px; margin-top:60px} #test_d_users h2{ float:left; color:#cf1111; width:463px; font-weight:bold; font-size:16px; line-height:11px; margin-top:15px} #test_d_users p{ float:left; width:600px; line-height:16px} #drop-down-p {background:url(http://fluenz.com/images/menu-dropdown-ss.png) 4px 30px no-repeat; width:146px; height:30px; left:0; position:absolute; top:0; left:1px; z-index:100; cursor:pointer; overflow:hidden} #drop-down-p a {display:block} #drop-down-p a:hover {background:url(http://fluenz.com/images/menu-dropdown-highlight.png); display:block} #user-videos #video-js-replace1 {position:absolute; top:0px; left:211px} #drop-down-p .one {height:29px} #drop-down-p .two, #drop-down-p .three {height:30px; margin-top:-1px} #drop-down-p .four {height:29px; margin-top:-1px} /**/ .users_preview {position:absolute; top:0; margin-left:-1px; z-index:10; cursor:pointer} /************************************/ .f2boxContainer{margin:5px 0 0 -5px; position:relative} .f2box {display:inline-block} .clear {clear:both} /*********** OLD DEMO PAGE - DELETE SOON ************/ #demo iframe {margin:25px 16px} #demo #sample-session-container {padding:6px 20px 0 20px} /*************************************************************************************************************************************************************************************************************************************************************************************************************************/ a {text-decoration:none; color:#000} a:hover {color:#999} ul {padding-left:0} li {list-style:none} h1 span, h2 span, h3 span, h4 span {display:none} /**/ body {width:960px; margin:5px auto 0 auto; font-family:Arial, Helvetica, San-serif; font-size:13px; color:#000000; overflow-y:scroll} p {margin-top:6px; line-height:19px} #header {width:960px} .menu_shadow {background:url(../images/menu-shadow.gif) bottom repeat-x; height:7px; width:959px} #header .emailq_btn{ float:left; width:145px; height:16px; background: url(../images/quickemail-logo.png) no-repeat 5px 0px ; margin-bottom:17px; border-left:1px solid #333; margin-left:9px; cursor:pointer;} #header .emailq_btn span{ display:none} .center-div {margin:0 auto 0 auto} .filmG, .filmS, .filmF, .filmI, .filmM {cursor:pointer} /****************** MAIN MENU *****************/ #main-menu {width:960px; height:30px; position:relative; cursor:pointer; z-index:99} #menu-languages {background:url(http://fluenz.com/images/main-menu2.png); width:137px; height:30px; display:block; float:left} #menu-works {background:url(http://fluenz.com/images/main-menu2.png) 822px 0px; width:137px; height:30px; display:block; float:left} #menu-compare {background:url(http://fluenz.com/images/main-menu2.png) 685px 0px; width:137px; height:30px; display:block; float:left} #menu-demo {background:url(http://fluenz.com/images/main-menu2.png) 548px 0px; width:137px; height:30px; display:block; float:left} #menu-story {background:url(http://fluenz.com/images/main-menu2.png) 411px 0px; width:137px; height:30px; display:block; float:left} #menu-support {background:url(http://fluenz.com/images/main-menu2.png) 274px 0px; width:137px; height:30px; display:block; float:left} #menu-store {background:url(http://fluenz.com/images/main-menu2.png) 137px 0px; width:137px; height:30px; display:block; float:left} #drop-down-1 {background:url(http://fluenz.com/images/menu-dropdown.png) 0px 30px no-repeat; width:136px; height:30px; left:0; position:absolute; top:0; z-index:100; cursor:pointer; overflow:hidden} #drop-down-2 {background:url(http://fluenz.com/images/menu-dropdown.png) 0px 30px no-repeat; width:136px; height:30px; left:274px; position:absolute; top:0; z-index:100; cursor:pointer; overflow:hidden} #drop-down-3 {background:url(http://fluenz.com/images/menu-dropdown.png) 0px 30px no-repeat; width:136px; height:30px; left:411px; position:absolute; top:0; z-index:100; cursor:pointer; overflow:hidden} #drop-down-4 {background:url(http://fluenz.com/images/menu-dropdown.png) 0px 30px no-repeat; width:137px; height:30px; right:1px; position:absolute; top:0; z-index:100; cursor:pointer; overflow:hidden} #drop-down-1 .one, #drop-down-2 .one, #drop-down-3 .one, #drop-down-4 .one {height:29px} #drop-down-1 .two, #drop-down-2 .two, #drop-down-3 .two, #drop-down-4 .two, #drop-down-1 .three, #drop-down-2 .three, #drop-down-3 .three, #drop-down-4 .three {height:30px; margin-top:-1px} #drop-down-1 .four, #drop-down-2 .four, #drop-down-3 .four, #drop-down-4 .four {height:29px; margin-top:-1px} .one {margin-top:30px} #drop-down-1 a, #drop-down-2 a, #drop-down-3 a, #drop-down-4 a {display:block} #drop-down-1 a:hover, #drop-down-2 a:hover, #drop-down-3 a:hover, #drop-down-4 a:hover {background:url(http://fluenz.com/images/menu-dropdown-highlight.png); display:block} /****************** Submenu *****************/ .page_title li a.order-now {display:inline-block; margin:0 -3px -10px 0; background:url(http://fluenz.com/images/btn-order-now.png); width:97px; height:29px} .page_title li a:hover{background-position:bottom} .page_title {position:relative; height:30px; width:960px} .page_title h1 img {position:absolute; left:2px; bottom:0px} .page_title ul {position:absolute; bottom:6px; right:0; margin:0 0 0 0} .page_title h2 a {font-weight:normal; font-size:14px; color:#000} .page_title h2 a:hover {font-weight:normal; font-size:14px; color:#F00} .page_title ul li {display:inline; margin-left:10px;} .page_title .active a {color:#999} .page_title .active a:hover {color:#999} #subnav-demo {visibility: visible!important} /****************** MAIN PAGE HEADERS *****************/ .banner {width:959px; position:relative} #homepage .banner {background:url(../images/banner_homeap.jpg); height:368px} #red-card .banner {background:url(../images/banner-red-card.jpg); height:452px} #spanish #learn-spanish .banner {background:url(../images/banner-overview-spanish-ap-nbc-new.jpg) no-repeat bottom; width:959px; height:491px; position:relative; cursor:pointer} #spanishspain #learn-spanish .banner {background:url(../images/banner-overview-spanishspain-ap-nbc-new.jpg) no-repeat; width:959px; height:491px; position:relative; cursor:pointer} #french #learn-french .banner {background:url(../images/banner-overview-french-ap-nbc-new.jpg) no-repeat bottom; width:959px; height:491px; position:relative; cursor:pointer} #italian #learn-italian .banner {background:url(../images/banner-overview-italian-ap-nbc-new.jpg) no-repeat bottom; width:959px; height:491px; position:relative; cursor:pointer} #mandarin #learn-mandarin .banner {background:url(../images/banner-overview-mandarin-ap-nbc-new.jpg) no-repeat bottom; width:959px; height:491px; position:relative; cursor:pointer} #german #learn-german .banner {background:url(../images/banner-overview-german-ap-nbc-new.jpg) no-repeat bottom; width:959px; height:491px; position:relative; cursor:pointer} #spanish #what-you-learn .banner {background:url(../images/banner-what-you-learn-spanish-new.jpg); width:959px; height:466px; position:relative;} #spanishspain #what-you-learn .banner {background:url(../images/banner-wyl-spanishspain-ap-nbc-new.jpg) no-repeat top!important; width:959px; height:500px; position:relative;} #french #what-you-learn .banner {background:url(../images/banner-what-you-learn-french-new.jpg); width:959px; height:466px; position:relative;} #italian #what-you-learn .banner {background:url(../images/banner-what-you-learn-italian-new.jpg); width:959px; height:466px; position:relative;} #mandarin #what-you-learn .banner {background:url(../images/banner-what-you-learn-mandarin-new.jpg); width:959px; height:466px; position:relative;} #german #what-you-learn .banner {background:url(../images/banner-what-you-learn-german-new.jpg) no-repeat; width:959px; height:466px; position:relative;} #seven-reasons .banner {background:url(../images/banner-7reasons.jpg); width:960px; height:505px; margin-top:4px; position:relative} #store #homepage .banner {background:url(http://fluenz.com/images/banner-store-home.png) 14px 48px no-repeat; width:960px; height:370px} #store #spanish .banner {background:url(http://fluenz.com/images/banner-store-home.png) 14px 48px no-repeat; width:960px; height:370px} #store #mandarin .banner {width:928px; height:340px; background:url(../images/stores/banner_mandarin.jpg) no-repeat} #store #italian .banner {width:928px; height:340px; background:url(../images/stores/banner_italian.jpg) no-repeat} #store #french .banner {width:928px; height:340px; background:url(../images/stores/banner_french.jpg) no-repeat} #store #french .banner-shadow, #store #italian .banner-shadow, #store #mandarin .banner-shadow {padding:30px 0 0 8px} /**/ .banner .works {background:url(../images/banner-works-new.jpg); width:959px; height:466px; position:relative} .banner .shadow {background:url(../images/border_shadow_top.gif) no-repeat center top; position:relative; clear:both; padding-top:54px; text-align:center; z-index:-1; width:960px;} .banner .seven-reasons {background:url(../images/banner-7reasons.jpg); width:960px; height:505px; margin-top:4px; position:relative} .banner .compare-us {background:url(../images/banner-compare-us.jpg); width:960px; height:556px; margin-top:4px; position:relative} .banner .compare-us-AP {background:url(../images/banner-compare-us-ap.png) no-repeat; width:875px; height:470px; position:relative} .banner .support {background:url(../images/support-animation-bg.jpg) no-repeat; width:932px; height:354px; position:relative; border-bottom:1px solid #CCC} #spanish .banner .what-you-learn-bottom {background:url(../images/banner-what-you-learn-bottom.jpg); width:970px; height:370px; margin:0 0 -39px -5px; position:relative; z-index:-1} .banner img.f2 {position:absolute; top:20px; right:11px; z-index:10} #how-it-works .f2 {z-index:1} .banner .compare-us-AP .from-review {font-size:13px} .banner-shadow {background:url(http://fluenz.com/images/bg_carrusel.gif) no-repeat} #compare-us .banner-shadow {padding:50px 0 0 40px; margin-bottom:80px} #support .banner-shadow {padding:13px 0 0 14px; margin-bottom:30px} /****************** CONTENT **************************/ #content {width:960px; background:url(http://fluenz.com/images/divider-ccc.gif) 695px 0px repeat-y; height:100%; clear:both; margin:0 0 25px 0} #left {width:695px; float:left} #right {width:205px; float:right; margin-right:45px; display:block} /****************** How it Works **************************/ #how-it-works #content #left .left {width:376px; float:left} #how-it-works #content #left .left h1 {padding-left:52px; margin-bottom:-7px} #how-it-works #content #left .left p {padding:0 22px 0 52px; margin-bottom:6px} #how-it-works #content #left .left img {margin-left:0px} #how-it-works #content #left .right {width:319px; float:left} #how-it-works #content #left .right p {width:295px} #how-it-works #content #left .right h1 {margin-bottom:-7px} /****************** Overview **************************/ #content #left .left {width:360px; float:left} #content #left .left h1 {padding-left:52px; margin-bottom:-7px} #content #left .left h2 {padding-left:52px; margin-bottom:-2px; font-size:15px; font-weight:bold} #content #left .left p {padding:0 22px 0 52px; margin-bottom:6px} #content #left .left img {margin-left:50px} #content #left .right {width:290px; float:left} #content #left .right p {width:295px} #content #left .right h1 {margin-bottom:-7px} #content #left .right h2 {font-size:15px; margin-bottom:-2px; font-weight:bold} .quote {font-size:30px; font-weight:bold; line-height:30px; letter-spacing:-1px} /********************* Our Story *********************/ #our-story {background:url(http://fluenz.com/images/bg_carrusel.gif) no-repeat; padding:14px 0 0 14px; margin:0} #our-story #content {background:#000; width:931px} #our-story #content p {color:#FFF; margin:0 0 16px 0; line-height:16px} #our-story #content .big-image {background:url(../images/bg_big_image.jpg); width:928px; height:1453px; position:relative} #our-story #content .col1 {width:300px; position:absolute; left:285px; top:248px} #our-story #content .col2 {width:300px; position:absolute; left:605px; top:248px} #our-story a {color:#F00} #our-story a:hover {color:#999} /********************* Our Linguistics & Opportunities *********************/ #our-story #our-linguistics #content .big-image, #our-story #opportunities #content .big-image {background:url(../images/big_image.jpg) left bottom no-repeat; width:927px; height:1000px} #our-story #our-linguistics #content .big-image img, #our-story #opportunities #content .big-image img {position:absolute; top:80px; left:80px} #our-story #our-linguistics #content .col1, #our-story #opportunities #content .col1 {width:355px; position:absolute; left:86px; top:126px} #our-story #our-linguistics #content .col2, #our-story #opportunities #content .col2 {width:355px; position:absolute; left:495px; top:126px} #our-story #opportunities #content .big-image {height:800px} #our-story #opportunities a.oport_sup_lnk{ float:left; width:208px; height:17px; background:url(http://www.fluenz.com/images/our_op_lnk.gif) no-repeat} #our-story #opportunities a.oport_sup_lnk:hover{ background-position:bottom;} #our-story #opportunities span{ display:none} #our-story #opportunities .oport_links{ float:left; margin:5px 0px; border:1px #999 solid; border-left:0; border-right:0; padding:5px 0; width:inherit; cursor:pointer} #our-story #opportunities a.oport_back{ float:left; width:96px; height:16px; background:url(http://www.fluenz.com/images/our_back_lnk.gif) no-repeat} #our-story #opportunities a.oport_back:hover{ background-position:bottom;} #our-story #opportunities h2{ float:left; width: inherit; height:23px; background:url(../images/ti_join_reds2.gif) no-repeat; margin:0 0 5px 0 !important} #our-story #opportunities h2 span{ display:none} #our-story #opportunities h2.the_companny{ background-position:0 0} #our-story #opportunities h2.the_user{ background-position:0 -22px} #our-story #opportunities h2.the_logistics{ background-position:0 -45px} #our-story #opportunities h2.the_ideal{ background-position:0 -69px} #our-story #opportunities #op_support{} #our-story #opportunities #work_with_us{} /********************* SPANISH OVERVIEW *********************/ #overview #content {margin-top:20px} #overview #content #left .left {width:286px;padding-left:44px;float:left;} #overview #content #left .left p {padding:0 0px 0 0px; margin-bottom:0px} #overview #content #left .right {width:286px;margin-left:28px;float:left} #overview h2 {font-size:15px; font-weight:bold; font-family:Arial, Helvetica, San-serif; margin:19px 0 -4px 0} #overview h3 {font-size:13px; font-weight:bold; font-family:Arial, Helvetica, San-serif; margin-top:8px; color:#c00} /******************************** COMPARE US ************************************/ #compare-us #left {margin:0 0 0 44px; width:601px} #compare-us .section {clear:both; padding-bottom:20px} #compare-us .section img {clear:both; margin-bottom:17px} #compare-us .fluenz {background:url(../images/compare-us/tip_fluenz.gif) left top no-repeat; width:286px; float:left; margin-right:25px; padding-top:47px} #compare-us .rosetta {background:url(../images/compare-us/tip_rosetta.gif) left top no-repeat; width:286px; float:left; padding-top:47px} #compare-us #left .disclaimer {font-size:9px; border-top: solid 1px #999; width:100%; color:#999} #compare-us #left .disclaimer p {line-height:normal} /******************************** SUPPORT *********************************/ /* #support #left {margin-top:30px} #support #right {font-size:12px} #support input, #support select, #support textarea {background:#f5f5f5; border:2px solid #CCC; padding-left:5px; margin-bottom:13px; width:314px; font-family:Arial, Helvetica, san-serif; font-size:13px; height:13px; outline:none} #support textarea {padding:4px 6px 4px 6px; height:180px; margin-left:20px} #support select {width:323px; height:28px} #submit-form {background:url(http://fluenz.com/images/button-send.png); width:98px; height:30px; float:right; margin-right:27px; cursor:pointer} #mail-wrapper {width:100%; height:205px} .email-sent-message {display:none; text-align:center; font-size:15px; font-weight:bold; color:#F00} .banner .support p {text-align:center; margin:0 0 0 0; display:none; padding-top:205px} .banner .support img {display:none; position:absolute; left:426px; top:230px; cursor:pointer} .call-us {float:left; background:url(http://fluenz.com/images/call-us.png) no-repeat; width:324px; padding-top:25px} .write-us {float:left; background:url(http://fluenz.com/images/write-us.png) no-repeat; width:224px; padding-top:25px} #support .disclaimer {font-size:10px; color:#666} #support .key {position:absolute; opacity:0; filter:alpha(opacity=0); top:192px} #support .key-O{left:205px; background:url(http://fluenz.com/images/key-O.png); width:61px; height:61px} #support .key-N{left:254px; background:url(http://fluenz.com/images/key-N.png); width:61px; height:61px} #support .key-L{left:303px; background:url(http://fluenz.com/images/key-L.png); width:61px; height:61px} #support .key-I{left:352px; background:url(http://fluenz.com/images/key-I.png); width:61px; height:61px} #support .key-N-2{left:401px; background:url(http://fluenz.com/images/key-N.png); width:61px; height:61px} #support .key-E{left:450px; background:url(http://fluenz.com/images/key-E.png); width:61px; height:61px} #support .key-H{left:523px; background:url(http://fluenz.com/images/key-H.png); width:61px; height:61px} #support .key-E-2{left:572px; background:url(http://fluenz.com/images/key-E.png); width:61px; height:61px} #support .key-L-2{left:621px; background:url(http://fluenz.com/images/key-L.png); width:61px; height:61px} #support .key-P{left:670px; background:url(http://fluenz.com/images/key-P.png); width:61px; height:61px} */ /*Requirements #support #system-requirements #content #left ul {padding-left:3px} #support #system-requirements #content #left ul li {list-style:none; background:url(../images/bullet_redFF.gif) no-repeat 0px 50%; padding-left:12px; margin-top:4px} */ /******************************** SUPPORT 2 *********************************/ #support #content {width:960px; background:url(http://fluenz.com/images/divider-ccc.gif) 695px 0px repeat-y; height: auto; clear:both; margin:0 0 25px 0; float:left} #support span{ display:none} #support #support-contact { font-size:10px; color:#666} #support #left{ float:left; width:670px;} #support #support-contact p { margin-top:0; line-height:12px} #support a.chat-btn { float:left; width:125px; height:33px; background:url(../images/support-chat-btn.png); cursor:pointer; margin:10px 0 0 -2px} #support a.chat-btn:hover { background-position:bottom} #support #support-contact #right {font-size:12px} #support #support-contact #right h1 { float:left; width:230px; height:17px; background:url(../images/support-how-we.png) no-repeat} #support input, #support select, #support textarea {background:#f5f5f5; border:2px solid #CCC; padding-left:5px; margin-bottom:13px; width:280px; font-family:Arial, Helvetica, san-serif; font-size:13px; height:13px; outline:none} #support textarea {padding:4px 6px 4px 6px; height:180px; width:290px; margin-left:0px} #support select {width:290px; height:28px} #support #submit-form { float:right; background:url(http://fluenz.com/images/support-btn-send.png); width:125px; height:30px; margin-right:0px; cursor:pointer; margin-top:-30px} #mail-wrapper {width:100%; height:205px} #support .email-sent-message {display:none; margin:30px 170px -58px 170px; float:left; width:285px; height:130px; padding-top:120px; text-align:center; font-size:15px; font-weight:bold; color:#F00; background:url(../images/support-text-contrast.png) no-repeat} .call-us {float:left; background:url(http://fluenz.com/images/call-us.png) no-repeat; width:324px; padding-top:25px} .write-us {float:left; background:url(http://fluenz.com/images/write-us.png) no-repeat; width:224px; padding-top:25px} /*Requirements*/ #support #system-requirements #content #left ul {padding-left:3px} #support #system-requirements #content #left ul li {list-style:none; background:url(../images/bullet_redFF.gif) no-repeat 0px 50%; padding-left:12px; margin-top:4px} /*FAQ*/ .faq-question {background:url(http://fluenz.com/images/icon-question.gif) no-repeat 2px 5px; width:676px; position:relative; border-bottom:1px solid #CCC;} .faq-question p {position:absolute; top:3px; left:30px} .faq-answer-button {float:right; height:35px; width:114px; background:url(http://fluenz.com/images/faq-answer-bg.gif); position:relative;cursor:pointer} .faq-open {background-position:0px 35px} .faq-answer-button p {position:absolute; top:3px; left:9px; font-weight:bold; font-size:15px} .faq-answer {background:url(http://fluenz.com/images/faq-gradient.gif) repeat-x; width:676px; height:100%; border-bottom:1px solid #CCC; display:none; overflow:hidden} .faq-answer p:first-child {padding-top:19px} .faq-answer p:last-child {padding-bottom:15px} .faq-answer p {padding-left:30px; padding-right:30px} .faq-answer a {color:#F00} .faq-answer a:hover {color:#C80000} /***********************What you Learn -- Based off FAQ************************/ #what-you-learn #left {margin-top:-36px} #what-you-learn .faq-question {background:none; width:695px; position:relative; border-bottom:1px solid #CCC;} #what-you-learn .faq-question img{margin:36px 0 0 31px} #what-you-learn .faq-question p {margin:10px 0 -10px 30px; position:relative; top:0; left:0} #what-you-learn .faq-question h2 {margin:10px 0 0 30px; color:#C00; font-size:15px} #what-you-learn .faq-answer-button {width:124px; background:url(http://fluenz.com/images/learn-more-bg.gif); position:relative; cursor:pointer} #what-you-learn .faq-answer-button p {position:absolute; top:8px; left:11px; font-weight:bold; font-size:15px; margin:0 0 0 0} #what-you-learn .faq-answer {background:url(http://fluenz.com/images/what-you-learn-gradient.jpg) repeat-x; width:695px; height:100%; border-bottom:1px solid #CCC; display:none; overflow:hidden} #what-you-learn .bullets {padding-left:30px; width:695px; background:url(http://fluenz.com/images/community/1px-ccc.gif) repeat-y 347px 0px; margin-bottom:10px} #what-you-learn .bullets td {width:301px; vertical-align:top} #what-you-learn .bullets h3 {font-size:13px; margin:5px 0 0 0} #what-you-learn #left .bullets td.second-list {padding-left:20px} #what-you-learn #left .bullets ul {margin:7px 0 0 0; padding:0 0 0 0} #what-you-learn #left .bullets ul li {list-style:none; background:url(http://fluenz.com/images/bullet_red.gif) no-repeat 0px 4px; padding-left:13px; margin:0 0 4px 0px} /************************** TABS ***********************/ /* IDs contain the content of each tab. Classes are the tab images themselves */ #tabs {z-index:10; background:url(../images/tab-gradient-full.png); width:936px; height:55px; margin:0 auto 40px auto;} #tabs .tab-12345, #tabs .tab-123, #tabs .tab-1, #tabs .tab-2, #tabs .tab-12, #tabs .tab-345 {background:url(../images/tab-background.png) no-repeat; width:156px; height:46px; float:left; cursor:pointer; margin-top:5px} #tabs .tab-active {background-position:bottom; cursor:default} #tab-container .tab-12345, #tab-container .tab-123, #tab-container .tab-1, #tab-container .tab-2, #tab-container .tab-12, #tab-container .tab-345 {display:none;} #tab-container .tab-active {display:block} #tabs img {margin:19px 0 0 15px} /****************** BUY BOXES *****************/ .buy_change {background:url(../images/buy-change.png) no-repeat; width:229px; height:127px; margin-bottom:-3px; position:relative} .buy_change .button {position:absolute; width:117px; height:31px; top:39px; left:105px; cursor:pointer; } .first {display:none} /* Changed by javascript counter cookie check */ .second {width:205px; float:left; display:none} .buy_boxes img {margin-bottom:10px; border:none} hr.right {width:219px; margin:0px 0px 11px 5px} .guarantee {margin:0 0 18px 15px} /****************** TESTIMONIALS *************/ .testimonial {margin-bottom:15px} .name {font-weight:bold; color:#000} .organization {color:#666} /****************** VIDEOS *************/ .video-internal {width:602px; margin:0 auto 0 auto} .video-btn {width:128px; float:left} div.where-we-stand {width:136px; height:101px; background:url(../images/video-btn-where-we-stand.jpg) no-repeat top} div.why-fluenz {width:136px; height:101px; background:url(../images/video-btn-why-fluenz.jpg) no-repeat top} div.users {width:136px; height:101px; background:url(../images/video-btn-users.jpg) no-repeat top} .video-divider {float:left; width:1px; height:260px; background:#cccccc; margin:0 23px 0 24px} .video-player {margin-left:151px; width:528px; height:370px; position:relative} .video-lef {margin-left:151px; width:528px; height:370px; position:relative} .video-player .wrapper {position:absolute; top:0; padding-left:20px} .video-left .wrapper {position:absolute; top:0; padding-left:0px} .video-preview{ position:relative; /*fix explorer*/*top:247px; z-index:11; cursor:pointer; opacity:0.6} .video-prev, #video-stage .video-prev {position:absolute; top:0; margin-left:0px; z-index:10; background-color:#000; width:420px; height:238px} #video-stage .video-prev{width:558px; height:338px;} #demo .video-preview {background:#000} .video-preview .wrapper-preview {position:relative; height:260px; width:428px;} .video-preview .wrapper-preview img {z-index:1; position:absolute; left:21px} iframe#video-analytics {display:none} /****************** qTip *************/ .qtip-wrapper { /* must use for IE */ -webkit-box-shadow: 0px 0px 15px #222; -moz-box-shadow: 0px 0px 15px #222; box-shadow: 0px 0px 15px #222;} .qtip-f2 .qtip-img-tip {position:absolute; left:0; top:0; margin:-42px 0 0 -1px; z-index:100} .qtip-filmTop .qtip-img-tip {position:absolute; right:0; top:0; z-index:100} .qtip-tip-right-top {background:url(http://fluenz.com/images/tip3.png); width:43px; height:43px; position:absolute; right:0; top:0; margin:-8px -34px 0 0} .qtip-tip-right-middle {background:url(http://fluenz.com/images/tip.png); width:37px; height:72px; position:absolute; right:0; top:0; margin:201px -36px 0 0} .qtip-tip-f2-right-middle {background:url(http://fluenz.com/images/tip.png); width:37px; height:72px; position:absolute; right:0; top:0; margin:77px -36px 0 0} .qtip-tip-guarantee-right-middle {background:url(http://fluenz.com/images/tip.png); width:37px; height:72px; position:absolute; right:0; top:0; margin:12px -36px 0 0} .qtip-tip-left-top {background:url(http://fluenz.com/images/tip3.png); width:43px; height:43px; position:absolute; right:0; top:0; margin:-8px -34px 0 0;} .qtip-tip-middle-top {background:url(http://fluenz.com/images/tip-top.png); width:72px; height:37px; position:absolute; top:-36px; left:250px} .qtip-tip-newsletter-homepage {background:url(http://fluenz.com/images/tip.png); width:37px; height:72px; position:absolute; right:0; top:0; margin:180px -36px 0 0} .qtip-quick_reply_email{ top:50px!important; left:left: 260px!important;} /*different qtips*/ .tip-film {margin:20px 20px 20px 20px} .tip-film p {line-height:16px} .tip-f2 {margin:15px 15px 15px 15px} .tip-f2 p {line-height:16px} .tip-guarantee {margin:15px 15px 15px 15px} .tip-guarantee p {line-height:16px} .qtip-tip-middle-mom{background:url(http://fluenz.com/images/tip-top.png); width:72px; height:37px; position:absolute; top:-36px; left:195px} .qtip-mom{ margin:25px 20px; } .qtip-mom p{ line-height:normal!important} /***************AP****************/ .nbc-click{cursor:pointer} .homeAP .ap-click {width:373px; height:236px; position:absolute; top:44px; left:35px; cursor:pointer} /*.homeAP p.read-review {color:#F00; font-size:15px; position:absolute; bottom:20px; left:72px; cursor:pointer}*/ .homeAP a.read-review { color:#F00; font-size:15px; position:absolute; bottom:33px; left:51px; cursor:pointer; width:351px; height:19px; background:url(../images/read_nbc.png) no-repeat bottom; } .homeAP a.read-review:hover{ background-position:top} .homeAP a.read-review span{ display:none} .worksAP .ap-click {width:772px; height:137px; position:absolute; top:46px; left:95px; cursor:pointer} .worksAP p.read-review {color:#F00; font-size:15px; position:absolute; top:152px; right:94px; cursor:pointer} .worksAP p.from-review {color:#F00; font-size:15px; position:absolute; top:95px; left:94px; cursor:pointer} .compare-us-AP span.from-review {font-size:15px; position:absolute; top:112px; left:31px} .compare-us-AP .ap-click {width:875px; height:408px; position:absolute; top:0; left:0; cursor:pointer} .compare-us-AP p {width:370px; margin-bottom:17px} .compare-us-AP p.read-review {color:#F00; font-size:16px; font-weight:bold; cursor:pointer; z-index:10; cursor:pointer} .compare-us-AP .first-quote {position:absolute; top:118px; left:18px; font-size:24px; font-weight:bold} p.read-review:hover {color:#CCC} p.read-review {z-index:10} .home_moneyback{ width:960px; height:37px; float:left; background-image:url(http://fluenz.com/images/snowflakes2.gif); margin:10px 0px} .home_moneyback span{ display:none} /*************** NBC ****************/ .homeNBC p.read-review { color:#F00; font-size:15px; position:absolute; bottom:28px; left:81px; cursor:pointer } .homeNBC .nbc img {position:absolute; right:322px; bottom:17px; cursor:pointer} .homeAP .nbc-click {width:315px; height:100px; position:absolute; left:369px; bottom:0px; cursor:pointer} a.nbc-click { background: url(http://fluenz.com/images/nbc_compareus.jpg) no-repeat; width:425px; height:97px; float:left} a:hover.nbc-click{ background-position:bottom;} .nbc-click .compare-us-AP .nbc-click {width:367px; height:95px; position:absolute; left:0px; bottom:0px; cursor:pointer} p.watch-fluenz {font-weight:bold; color:#F00; z-index:10; cursor:pointer} p.watch-fluenz:hover {font-weight:bold; color:#CCC} /************ Footer *************/ #footer {width:960px; height:66px; clear:both; background:url(../images/shadow-footer.png) no-repeat;} #footer .copyright {font-size:11px; padding:0px 0 0 4px; color:#333333} #footer .links {padding-top:18px} #footer .links a {border-right:1px solid #333; padding:0 9px 0 4px; font-size:13px} #footer .links a.last {border:none; padding:0 0 0 4px} #footer table {padding:0px 18px 0 18px} #footer td.share-buttons{padding:13px 89px 0 0} #footer .call {font-size:11px; padding:0px 0px 0 0; color:#333333} #footer div{ float:right; list-style:none; margin: 15px 0 3px 0} /*#footer div a{ display: inline; float: right; width:83px; height:27px; background:url(../images/share-buttons.png) no-repeat; margin-left:5px; cursor:pointer; list-style:none}*/ #footer div a{ display: inline; float: right; height:27px; margin-left:5px; cursor:pointer; list-style:none; margin-left:1px} #footer a.tt{ background-position:0 -27px} #footer a.bu{ background-position:0 -54px} #close_video span{display:none} #close_video a{width:24px; height:24px; display:block; position:relative; top:10px; left:605px; background:url(../images/cerrarvid_btn.png) ; margin-bottom:-25px; text-decoration:none; border:0} #close_video a:hover{ background-position:bottom; cursor:pointer} /**/ /************ Home's Testimonials *************/ #contenedorCarruselHomeHTML {width:960px; height:auto; clear:both;background:url(../images/bg_carrusel.gif) no-repeat} #contenedorCarruselHomeHTML h1{width:331px; height:21px; padding-top:20px; margin-left:20px; background:url(../images/testimonials/tit_testimonials.gif) no-repeat bottom;} #contenedorCarruselHomeHTML iframe{ background:transparent; padding:40px 0 0 20px} /**/ /************ FREE DEMO *************/ #demo_player{width:970px; height:440px; background:url(../images/free-demo-2/player-background-small.png) no-repeat; margin-left:-5px; position:relative} #demo_player span, #test_drive span{ display:none} #demo_player .thumbs{ float:left; width:341px; } /**/ #video_cont{ width:558px; height:338px; } #video_cont.where_we{ background: url(../images/free-demo-2/play_prov.gif)} #video_cont.video_tour{ background: url(../images/free-demo-2/play_tour.gif)} /**/ #demo_player .thumbs ul{ width:250px; height:auto; margin: 49px 15px 0 49px} #demo_player .thumbs ul li{ float:left; width:250px; height:71px; margin-bottom:19px; background:no-repeat bottom; cursor: pointer} #demo_player .thumbs ul li.where_we{ background-image:url(../images/free-demo-2/btn_where_ws.png)} #demo_player .thumbs ul li.video_tour{ background-image:url(../images/free-demo-2/btn_video_t.png)} #demo_player .thumbs ul li.the_value{ background-image:url(../images/free-demo-2/btn_the_v.png)} #demo_player .thumbs ul li.why_fluenz{ background-image:url(../images/free-demo-2/btn_why_f.png)} #demo_player .thumbs ul li.activo{ background-position:top} #demo_player .video_area{ float:left; margin-top:50px} #demo_player .thumbs ul li.overed, #demo_player .thumbs ul li.activo{ background-position:top} .videos-tit{height:41px; background:url(../images/free-demo-2/vieos-tit.png) no-repeat transparent; z-index:2; position: absolute; top:193px; left:0px; width:100%} /**/ /*WORKING*/ #test_drive{ float:left; width:945px; height:280px; padding-left:15px } #test_drive #test_screenshot{ float:left; width:300px; height:267px; margin:-22px 15px 0 0; position:relative; z-index:1; clear:both } #test_drive .spanish{ background-image:url(../images/free-demo-2/screen_spanish.png)} #test_drive .french{ background-image:url(../images/free-demo-2/screen_french.png)} #test_drive .mandarin{ background-image:url(../images/free-demo-2/screen_mandarin.png)} #test_drive .italian{ background-image:url(../images/free-demo-2/screen_italian.png)} #test_drive h1{ float:left; width:500px; height:40px; background:url(../images/free-demo-2/tit_test_drive_soft.gif) no-repeat; margin-top:30px} #test_drive h2{ float:left; color:#cf1111; width: inherit; height:19px; font-weight:bold; font-size:16px; line-height:11px; margin:15px 0 5px 3px; background:url(../images/free-demo-2/h2s1.gif) no-repeat; } #test_drive h2.do_french, #test_drive h2.do_italian, #test_drive h2.do_mandarin, #test_drive h2.do_spanish, #test_drive h2.do_spanishspain{background:url(../images/free-demo-2/h2s2.gif) no-repeat;} #test_drive h2.ss_french, #test_drive h2.do_french{background-position:0px -19px} #test_drive h2.ss_italian, #test_drive h2.do_italian{background-position:0px -38px} #test_drive h2.ss_mandarin, #test_drive h2.do_mandarin{background-position:0px -57px} #test_drive h2.do { background-image:url(../images/free-demo-2/h2s2.gif)} #test_drive p{ float:left; width:600px; line-height:16px; margin:-20px 0 0 3px} #test_drive .hold{ float:left; width:290px; height:140px; margin:10px 15px 0 0; padding-bottom:10px; position:relative; clear: none; display:inline; padding-right:5px} #test_drive .hold p{ width:inherit; margin-top:0px} #test_drive .launch_btn{ float:left; width:123px; height:37px; background: url(../images/free-demo-2/launch_btn.gif) no-repeat; margin:33px 0 0 15px; position:absolute; top: 58px; left:-15px} #test_drive .launch_btn:hover{ background-position:bottom; cursor:pointer} #test_drive span{ display:none} /*W*/ #demo_player .wrapper{ position: absolute; top:0} #contenedorCarruselHomeHTML{ float:left!important} /**/ /************ USERS VIDEOS *************/ /*#user-videos{width:970px; height:400px; background:url(../images/free-demo-2/player-background-plain.png) no-repeat; margin-left:-5px; text-align:center; padding-top:45px }*/ #user-videos{width:960px; height:400px; background:/*url(../images/free-demo-2/player-background-plain.png)*/ #000 no-repeat; margin-left:0px; margin-top:5px; text-align:center; padding-top:45px } #user-videos .video-prev{ padding:-1px; margin:1px 0 0 1px; overflow:hidden} #user-videos span, #test_d_users span{ display:none} /**/ #test_d_users{ float:left; width:945px; height:233px; padding-left:15px; text-align:left } #test_d_users #test_screenshot{ float:left; width:300px; height:257px; margin:-22px 15px 0 0; z-index:100 } #test_d_users .spanish{ background-image:url(../images/free-demo-2/screen_spanish.png)} #test_d_users .spanishspain{ background-image:url(../images/free-demo-2/screen_spanishspain.png)} #test_d_users .spanish_users{ background-image:url(../images/free-demo-2/screen_mandarin_users.jpg); width:255px} #test_d_users h1{ float:left; width:363px; height:43px; background:url(../images/free-demo-2/tit_test_drive.gif) no-repeat; border-right:#F00 solid 1px; margin-top:30px} #test_d_users .test2{ float:left; width:290px; height:31px; background:url(../images/free-demo-2/tit_test_drive2.gif) no-repeat; border-right:#F00 solid 1px; margin-top:60px} #test_d_users .launch_btn{ float:left; width:123px; height:37px; background: url(../images/free-demo-2/launch_btn.gif) no-repeat; margin:56px 0 0 15px} #test_d_users .launch_btn:hover{ background-position:bottom; cursor:pointer} #test_d_users h2{ float:left; color:#cf1111; width:463px; font-weight:bold; font-size:16px; line-height:11px; margin-top:15px} #test_d_users p{ float:left; width:600px; line-height:16px} /**/ /************ FLUENZ UPDATES *************/ #conte_gral div.updates_ban{ background:url(../images/banner_updates.jpg) no-repeat; height:397px} /*siembre defino imágen del banner, en todas las seccioens*/ #select_updates{ float:left; width:928px; height:auto; margin:auto; background: url(../images/update/bg_options.gif)} #select_updates h1, #select_updates h2, #select_updates h3{} #select_updates span{ display:none} #select_updates h2{ float:left; width:100%; height:20px; background: url(../images/update/tit-h2.gif) #FFF no-repeat; padding-bottom:30px} #select_updates .steps{float:left; width:185px;} #select_updates ul{ float:left; width:185px; height:auto; border-left:0px solid #CCC} #select_updates li{float:left; width:185px; margin-bottom:15px; background:no-repeat; background-position:3px bottom;} #select_updates #os_win{ background-image:url(../images/update/os_win.gif); height:53px;border:none} #select_updates #os_mac{ background-image:url(../images/update/os_mac.gif); height:53px;border:none} #select_updates #lang_spanish{ background-image:url(../images/update/lan_spanish.jpg); height:139px} #select_updates #lang_french{ background-image:url(../images/update/lan_french.jpg); height:139px} #select_updates #lang_italian{ background-image:url(../images/update/lan_italian.jpg); height:139px} #select_updates #lang_mandarin{ background-image: url(../images/update/lan_mandarin.jpg); height:139px} #select_updates #level_1{ background-image: url(../images/update/level_1.jpg); height:31px} #select_updates #level_2{ background-image: url(../images/update/level_2.jpg); height:31px} #select_updates #level_3{ background-image: url(../images/update/level_3.jpg); height:31px} #select_updates #level_4{ background-image: url(../images/update/level_4.jpg); height:31px} #select_updates #level_5{ background-image: url(../images/update/level_5.jpg); height:31px} #select_updates #level_12{ background-image: url(../images/update/level_12.jpg); height:31px} #select_updates #disc_f2{ background-image:url(../images/update/cd_1.jpg); height:178px} #select_updates #disc_reddot{background-image:url(../images/update/cd_2.jpg); height:194px} #select_updates #disc_neither{background-image:url(../images/update/cd_3.jpg); height:123px} #step1 h3, #step2 h3, #step3 h3, #step4 h3, #step5 h3{ float:left; width:180px; background:url(../images/update/h2s_tits.gif) no-repeat; background-position:-5px 1px; height:88px; margin-left:4px} #step1 h3{ border:none} #step2 h3{ background-position:0px -88px} #step3 h3{ background-position:0px -176px} #step4 h3{ background-position:0px -264px} #step5 h3{ background-position:0px -352px} #step6 h3{ background-position:0px -440px} #select_updates ul li.activo{ background-position: 3px top; opacity:1.0} #select_updates ul li.overed, #select_updates ul li.selected, .overed{ background-position: 3px top; opacity:1.0; cursor: pointer;} #select_updates .encendido li{opacity:1.0;} #select_updates .steps li a.download_btn {display:inline-block; margin:0 20px; background:url(http://fluenz.com/images/download_btn.png); width:97px; height:28px} #select_updates .steps li a:hover{ background-position:bottom; opacity:1.0; cursor: pointer;} #select_updates .overed{opacity:1.0; } #select_updates .encendido{opacity:1.0;} #select_updates .apagado{opacity:0.2; cursor: auto} #select_updates .block{ width: inherit; height:700px; position: absolute; clear: left;} #select_updates .encendido .block{ display:none} /* Ejercicio: variables vs. css */ /**/ /************ MEDIA-ROOM *************/ #media-room{} #media-room #lefty h2, #media-room #righty h2{ float:left; width:100%; height:30px; margin-bottom:30px;} #media-room h4 {margin-bottom:4px} #media-room h5 {margin-bottom:4px} #media-room h3{ color:red; margin-bottom:10px} #media-room h2.doyou{ background-image:url(../images/media_room/h2_tit.gif); margin-bottom:0px} #media-room h2.contact{background-image:url(../images/media_room/h2_contact.gif); margin-bottom:0px} #media-room h2.down-logos{background-image:url(../images/media_room/h2_logos.gif); margin-bottom:0px;} #media-room h2.down-photos{background-image:url(../images/media_room/h2_photos.gif); margin-bottom:0px;} #media-room p{ margin-bottom:30px} #media-room ul{ margin-bottom:30px; width:100%} #media-room li{ margin-bottom:3px} .panels{ float:left; width:240px; height:auto; border-bottom:1px solid #ccc; margin-bottom:30px} #media-room #righty ul{ float:left; width:140px; height:150px; background-repeat:no-repeat; padding-left:120px} #media-room #righty h5{ margin-left:-5px; font-weight:normal; text-align:center } #media-room #righty h5 span{ display: inline; color:red; } #media-room ul.logos{ background-image: url(../images/media_room/logos.gif); } #media-room ul.fotos{ background: url(../images/media_room/sonia.png)} #righty h2 p{ margin:0} /************ Terms of Use & Privacy *************/ #terms-of-use h2, #privacy h2 {margin-bottom:-4px; font-size:13px; font-weight:bold} #terms-of-use a, #privacy a {color:#C00} #terms-of-use a:hover, #privacy a:hover {color:#666} /************ LEFT VIDEO PLAYER *************/ #left_player{width:643px; height:306px; background:url(../images/fondo_videosleft2.png) no-repeat; margin:15px 0; float: right} #german #left_player{margin:-35px 0 -15px 0} #left_player span{ display:none} #left_player .thumbs{ float:left; width:183px; } #left_player #video_cont{ width:442px; height:267PX; } #left_player #video_cont.where_we{ background: url(../images/free-demo-2/play_prov.gif) -60px -40px} #left_player #video_cont.video_tour{ background: url(../images/free-demo-2/play_tour.gif)} #left_player .thumbs ul{ height:auto; margin: 30px 15px 0 17px} #left_player .thumbs ul li{ float:left; width:138px; height:116px; margin-bottom:0px; background:no-repeat top; cursor: pointer} #left_player .thumbs ul li.where_we, #left_player .thumbs ul li.where-we-stand{ background-image:url(../images/player_thums_wws.png)} #left_player .thumbs ul li.video_tour{ background-image:url(../images/player_thums_vtour.png)} #left_player .thumbs ul li.the_value{ background-image:url(../images/free-demo-2/btn_the_v.png)} #left_player .thumbs ul li.why_fluenz{ background-image:url(../images/free-demo-2/btn_why_f.png)} #left_player .thumbs ul li.video_users{ background-image:url(../images/free-demo-2/btn_users.png)} #left_player .thumbs ul li.acti{ background-position:top} #left_player .video_area{ float:left; margin-top:20px} #left_player .thumbs ul li.overed, #left_player .thumbs ul li.acti, #left_player .thumbs ul li.activo{ background-position: bottom} /**/ /************ 7 REASONS *************/ #seven-reasons .h1-siete{float:left; width:100%; height:35px; background:url(../images/h1-7-reasons.gif) no-repeat; margin-bottom:25px} #seven-reasons #left .razones span span{ display:none} #seven-reasons #left .razones div{ float:left; width:675px; height: auto; border-bottom:#ccc 1px solid; padding:20px 0 20px 0} #seven-reasons #left .numero{ display:block; float:right; width:36px; height:48px; background: url(../images/7r-numeros.gif) no-repeat; margin-right:15px;} #seven-reasons #left .razones .txt{ display:block; float:right; width:622px;} #seven-reasons #left .razones h2{ width: 600px; height:30px; background-repeat:no-repeat; margin:0 0 -10px 0} #seven-reasons #left .razon2 .numero{background-position: 0 -48px} #seven-reasons #left .razon3 .numero{background-position: 0 -96px} #seven-reasons #left .razon4 .numero{background-position: 0 -144px} #seven-reasons #left .razon5 .numero{background-position: 0 -192px} #seven-reasons #left .razon6 .numero{background-position: 0 -240px} #seven-reasons #left .razon7 .numero{background-position: 0 -288px} #seven-reasons #left .razon1 h2{ background-image:url(../images/h2-7r-we-wont.gif)} #seven-reasons #left .razon2 h2{ background-image: url(../images/h2-7r-we-take-learnig.gif)} #seven-reasons #left .razon3 h2{ background-image: url(../images/h2-7r-we-are-small.gif)} #seven-reasons #left .razon4 h2{ background-image: url(../images/h2-7r-great.gif); background-position:-3px 0} #seven-reasons #left .razon5 h2{ background-image: url(../images/h2-7r-amazing.gif)} #seven-reasons #left .razon6 h2{ background-image: url(../images/h2-7r-each-lang.gif)} #seven-reasons #left .razon7 h2{ background-image: url(../images/h2-7r-passion.gif)} #seven-reasons #left p {margin-bottom:0px} /**/ /************ MISC *************/ .red {color:#F00} img.headline {margin-bottom:5px} p.fineprint {color: #999; font-size: 11px; line-height: 10px; margin: 6px 0px 11px 0; width: 219px} /**/ .newsletter, .st-click {cursor:pointer} #video-precarga1, #video-precarga2{ position:absolute; top:-400px} #conte_gral{ background:url(http://fluenz.com/images/bg_carrusel.gif) no-repeat; float:left; width:928px; padding:16px; height:auto;} #conte_gral #banner{width:928px; float:left; margin-bottom:35px} #lefty{ float:left; width:605px; height:auto; border-right:1px solid #ccc; margin:30px 15px 10px 30px; padding:15px; clear:both} #righty{ float:left; width:240px; height:auto; margin-top:30px; padding-top:15px} #lefty h2, #righty h2{ float:left; width:100%; height:30px; background-repeat:no-repeat; margin-bottom:30px;} #righty h2{ margin:0!important} #lefty h3{ color:red; margin-bottom:10px} #righty h4 {margin-bottom:-5px} #righty p{ margin-bottom:15px} a.download_btn {display:inline-block; margin:0 20px; background:url(http://fluenz.com/images/download_btn.png); width:97px; height:28px} a.download_btn:hover{ background-position: 0 bottom} .goto_sp{float:left; position:relative; left:180px; top:8px; font-weight:normal; font-size:14px; margin-left=300px; padding-right:10px; background:url(http://fluenz.com/images/red_ar.gif) no-repeat right 2px} /************ Red Card Lounge *************/ #red-card #content {background:#000; padding:0 50px 0 50px; width:859px} #red-card #content p {color:#FFF; margin:0; font-size:15px; margin-bottom:45px} #red-card #content .invitations {position:relative} #red-card #content .invitation1 {width:417px; position:absolute; top:0; left:-1px} #red-card #content .invitation2 {width:417px; position:absolute; top:0; left:443px; height:300px} #red-card #content .invitation1 img, #red-card #content .invitation2 img {padding-bottom:15px} #red-card #content input, #red-card #content textarea {border:1px solid #CCC; width:316px; height:19px; font-size:13px; font-family:Arial, Helvetica, sans-serif; margin-top:10px; outline:none} #red-card #content input.email {float:left; margin-top:0} #red-card #content textarea {height:150px; width:314px} #red-card #content .send {background:url(http://fluenz.com/images/red-card-send.png); width:91px; height:23px; float:left; margin-left:5px; cursor:pointer; clear:right} #red-card #content .send:hover {background-position:0px -23px} #red-card #content .extra-fields {display:none} #red-card #content .view-email {color:#c00; font-size:12px; cursor:pointer; margin:0} #red-card #content .view-email:hover {color:#c00; text-decoration:underline} #unique-code {display:none} .send-more {color:#F00; cursor:pointer} .send-more:hover {color:#999} /************ Store *************/ .store-spanish {background:url(../images/store-spanish.png); width:229px; height:134px; position:relative; display:inline-block} .store-french {background:url(../images/store-french.png); width:222px; height:134px; position:relative; display:inline-block} .store-italian {background:url(../images/store-italian.png); width:222px; height:134px; position:relative; display:inline-block} .store-mandarin {background:url(../images/store-mandarin.png); width:235px; height:134px; position:relative; display:inline-block} #store #boxes {margin:28px 0 26px 20px } #store #boxes .view-products {background:url(http://fluenz.com/images/btn-view-products.png); width:97px; height:29px; position:absolute; left:109px; top:58px} .box-order-now {background:url(/images/box-order-now.png); width:200px; height:113px; position:relative} /* Navidad 2011 */ /* 15/ 12 .box-order-now-holly {background:url(../images/box-order-now-hollyd.gif) no-repeat; width:217px; height:125px; position:relative; border:solid 1px #CCCCCC!important; margin-bottom:8px }*/ .box-order-now-holly {background:url(../images/holidays-2010/red_box_holy_1512.jpg) no-repeat; width:217px; height:120px; position:relative; border:solid 1px #CCCCCC!important; margin-bottom:8px } .box-order-now-newy {background:url(../images/holidays-2010/red_box_newy.jpg) no-repeat; width:217px; height:120px; position:relative; border:solid 1px #CCCCCC!important; margin-bottom:8px } .box-order-now-va{width:217px; height:108px; position:relative; border:solid 1px #CCCCCC!important; margin-bottom:8px } /*Valentines 2012*/ .velentine_french{background:url(http://www.fluenz.com/images/val_bann_french.jpg) no-repeat} .velentine_italian{background:url(http://www.fluenz.com/images/val_bann_italian.jpg) no-repeat} .velentine_spanish{background:url(http://www.fluenz.com/images/val_bann_spanish.jpg) no-repeat} .velentine_spanishspain{background:url(http://www.fluenz.com/images/val_bann_spanishspain.jpg) no-repeat} .velentine_german{background:url(http://www.fluenz.com/images/val_bann_german.jpg) no-repeat} .valentine_mandarin{background:url(http://www.fluenz.com/images/val_bann_mandarin.jpg) no-repeat} .box-order-now-holly-promo{background:url(../images/holidays-2010/redbox_holly_promo.jpg) no-repeat; width:217px; height:125px; position:relative; border:solid 1px #CCCCCC!important; margin-bottom:8px } .box-order-now-holly .order-now { position:relative; top:84px; left:60px; background-image:url(../images/btn-order-now.png)!important} .box-order-now-holly a.order-now:hover; a.detalle:hover{ background-position:bottom!important} /*Promo Navidad 2011*/ .box-order-now-holly-promo{background:url(../images/holidays-2010/redbox_holly_promo.jpg) no-repeat; width:217px; height:108px; position:relative; border:solid 1px #CCCCCC!important; margin-bottom:8px } /* 15/ 12 .box-order-now-holly-promo .order-now{ position: relative; left: 13px; top: 75px;}*/ .box-order-now-holly-promo .order-now{ position: relative; left: 68px; top: 85px!important;} .box-order-now-newyears {background:url(../images/newyear-right-column.jpg); width:228px; height:125px; position:relative; margin-bottom:15px} .box-haiti {background:url(../images/haiti-rigth-col.gif); width:228px; height:130px; position:relative; margin-bottom:15px} .box-haiti > a {position:absolute; bottom:15px; left:57px} .box-order-now .order-now {position:absolute; top:30px; left:102px} .box-order-now-newyears > a {position:absolute; bottom:12px; left:68px} .order-now {background:url(http://fluenz.com/images/btn-order-now.png); width:97px; height:29px; display:block} .order-now-yellow {background:url(http://fluenz.com/images/btn-order-now.png); width:97px; height:29px; display:block} .order-now-gray {background:url(http://fluenz.com/images/btn-order-g} .free_del_txt{ display:block!important} .sky{ display:none!important}