#sub-header h2 { font-size: 220%; } #lower-area { width: 940px; padding: 10px; } #lower-area h4 { color: #333; margin-bottom: 3px; font-size:14px; font-weight:bold;} #lower-area h3 { color: #333; font-size: 22px; font-weight:bold;} #lower-area p, #lower-area ul { color: #666; line-height: 160%; } #lower-area p.note { color: #999 !important; } #lower-area h2, #lower-area h3, #lower-area h4, #lower-area h5, #lower-area h6, .action-steps, .action-steps a { font-family: "Lucida Grande",Helvetica,Arial,sans-serif; } #feature-area h2 { color: #000000; font-size: 38px; line-height: 38px; margin-bottom: 8px; margin-left:50px; padding-top:130px; } #feature-area h3 { color: #777777; font-size: 24px !important; letter-spacing: -0.02em; line-height: 130%; margin-left:50px;} #demo-solutions #main { position: relative; } #demo-solutions .divider { background: url("/global_images/products/ios/divider_light.png") no-repeat scroll 50% 0 transparent; height: 20px; margin-top:50px; border:none;} #demo-solutions .main-wrapper { background: url("/site/images/bg_body_bottom_gradient.png") repeat-x scroll 0 100% transparent; } #demo-solutions #feature-area { width: 1000px; height: 412px; background: url(/global_images/products/ios/demo-solutions/feature_bg.png) no-repeat 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #demo-solutions #feature-area { -moz-border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } #demo-solutions #feature-area { -moz-border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } #demo-solutions .easy-steps h3 { font-size:16px; color:#333333;} #demo-solutions .stepbox { background-color:#f9f9f9; border: 1px solid #e3e1e1; margin-right:7px; float:left; width:285px; height:339px; text-align:center; padding: 0 10px;} #demo-solutions .stepbox.last { margin-right:0px; } #demo-solutions .num-box { width:105px; height:30px; margin-left:auto; margin-right:auto; font-size:15px; color:#FFF; text-transform:uppercase; font-weight:bold; padding-top:10px; margin-bottom:25px; } #demo-solutions .num-box { /* fallback */ background-color: #fff; background: url(/global_images/products/ios/demo-solutions/bg_numbox.jpg); background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#004b8c), to(#006ece)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #006ece, #004b8c); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #006ece, #004b8c); /* IE 10 */ background: -ms-linear-gradient(top, #006ece, #004b8c); /* Opera 11.10+ */ background: -o-linear-gradient(top, #006ece, #004b8c); } #demo-solutions .app-store-icons { text-align:left; margin-left:auto; margin-right:auto; margin-top:25px; width:260px; padding-left:30px;} #demo-solutions .app-store-icons h4 { padding-top:4px; } #demo-solutions .app-store-icons h4 a { color:#000; } #demo-solutions .app-store-icons h4 a:hover { color:#0082C3 !important; text-decoration:none; } #demo-solutions .step2 { background-image:url(/global_images/products/ios/demo-solutions/graphic_download_free_demos.png) ; background-position: 50% 100% ; background-repeat: no-repeat; } #demo-solutions .step3 { background-image:url(/global_images/products/ios/demo-solutions/graphic_test_drive_demos.png) ; background-position: 30% 100% ; background-repeat: no-repeat; } .shadow, #demo-solutions #sample-solution-list li {-moz-box-shadow: 2px 2px 2px #dedede; -webkit-box-shadow: 2px 2px 2px #dedede; box-shadow: 2px 2px 2px #dedede; } .rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #demo-solutions #get-inspired h2 { font-weight:bold; font-size:24px;} #demo-solutions #get-inspired h3 { font-size:16px; color:#535353; line-height:24px; font-weight:normal !important;margin-bottom:30px; width: 875px;} #demo-solutions #sample-solution-list { margin-top:30px; } #demo-solutions #sample-solution-list li { width:424px; padding:13px 13px 13px 13px; height:100px; margin: 0 15px 8px 0; float:left; border: 1px solid #e3e1e1; } #demo-solutions #sample-solution-list li { /* fallback */ background-color: #fff; background: url(/global_images/products/ios/demo-solutions/bg_demo_tiles.png); /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #ffffff, #efefef); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #ffffff, #efefef); /* IE 10 */ background: -ms-linear-gradient(top, #ffffff, #efefef); /* Opera 11.10+ */ background: -o-linear-gradient(top, #ffffff, #efefef); } #demo-solutions #sample-solution-list li:hover { /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#efefef)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #ffffff, #efefef); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #efefef, #ffffff); /* IE 10 */ background: -ms-linear-gradient(top, #efefef, #ffffff); /* Opera 11.10+ */ background: -o-linear-gradient(top, #efefef, #ffffff); } #demo-solutions #sample-solution-list li:hover .solution-details { background-position: 100% -133px;} #demo-solutions #sample-solution-list li img { float:left; padding-right:13px;} #demo-solutions #sample-solution-list li .solution-details { float:left; width:250px; padding-right:30px; background: url("/global_images/products/ios/demo-solutions/bg_arrow.png") no-repeat scroll 100% -13px transparent;} #demo-solutions #sample-solution-list li h4 { font-size:13px; color:#006ece; } #demo-solutions #sample-solution-list li p { line-height:14px; } /* DETAIL PAGES */ /* -------------------------------- */ #lower-area { padding:10px; width: 940px !important;} #product-image { float: left; padding-right: 20px; position: relative; height: 460px; width:572px; overflow:hidden; } .product-main-image { position: absolute; top: 0; left: 0; } .product-zoom { position: absolute; top: -14px; left: -14px; } .divider { height:2px; border-bottom:1px #c8c8c8 solid; margin:18px 0; } .centered { text-align: center; } #snapshot { margin-left: 620px; width:300px;} #snapshot li { margin-bottom: 5px; } #snapshot li.description-text { padding-bottom:10px; } #snapshot li.optimized-ipad-iphone b, #snapshot li.optimized-fm12 b { padding: 3px 0px 3px 25px; background: url(/global_images/products/ios/demo-solutions/icon_button_green_check.png) no-repeat 0 2px; } #screenshot-thumbnails { margin-top: 10px; } #screenshot-thumbnails li { float: left; } #screenshot-thumbnails li a { display: block; float: left; height: 56px; margin-right: 8px; border: 2px solid #ddd; text-align: center; max-width:80px; overflow:hidden;} #screenshot-thumbnails li.selected a { border: 2px solid #777; } #screenshot-thumbnails img { height: 56px; } .mini-nav { margin-bottom:10px; } .demo-label { float:left; background:#ededed; color:#666666; padding:6px 8px; } .return-to-list { float:right; } .description h2 { margin-bottom: 0; color: #333; font-size: 250% !important; line-height:100% !important;} .description h3 { color: #777; font-size:200% !important; line-height:100% !important; padding-bottom:20px; font-weight:normal !important;} .description p { line-height: 190%; padding-top:10px; } .description h5 { font-weight: normal; font-size: 130%; } .description h5 b { color: #333; } .description .buttons { margin: 20px 0; } .button-blue { color: #eee; padding: 5px 20px !important; border: 1px solid #418ac5; margin-right: 20px; background: #3778ac url(/global_images/products/ios/demo-solutions/bg_button_blue.png) repeat-x 0 0; } .button-blue { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .button-blue { box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; }