/* \\\\\ Reset ///// */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } body.trialover { color:#333333; font-family:helvetica,arial,sans-serif; font-size:13px; line-height:1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } input{ float:left; height:23px; margin-right:15px; } a{ color: #22558a; } /* \\\\\ Layout ///// */ #top{ border-bottom:3px solid #F5F5F5; height:340px; margin-left:auto; margin-right:auto; padding-left:16px; } #topleft{ width: 455px; float: left; } #thanks{ margin-bottom:14px; padding-top:64px; } #subscribebtn{ padding-top:35px; text-align:center; width:100%; } #topright { float:right; width:456px; padding-top: 56px; } #screenshots{ padding-top:37px; } #secondrow{ height:335px; padding-left:16px; padding-right:16px; padding-top:35px; } #leftaboutsubs{ line-height:18px; padding-top:20px; width:455px; float: left; } #leftaboutsubs li { margin-bottom: 20px; } #rightaboutsubs{ line-height:18px; padding-top:20px; width:435px; float: right; } #rightaboutsubs li { margin-bottom: 20px; } #thirdrow { background-color:#F5F5F5; height:240px; padding-left:16px; padding-right:16px; padding-top:27px; } #thirdleft{ width: 533px; float: left; } #videos{ padding-top:15px; width:555px; } .video{ float:left; height:70px; margin-bottom:30px; margin-right:20px; width:251px; } .video img{ float: left; border: 2px solid #f5f5f5; } .video img:hover{ border: 2px solid #c3c3c3; } .video a.title { float:right; padding-left:11px; width:120px; line-height: 1.25em; } #thirdright{ border-left:3px solid #E3E3E3; float:right; height:224px; padding-left:20px; width:350px; } .thirdrightcolumn{ margin-bottom: 32px; } #fourthrow{ width: 100%; float: left; margin: 40px 0 25px 0; } .praise { float: left; text-align: center; margin-left: 28px; } #fifthrow{ float: left; height: 120px; padding-left:16px; padding-right: 16px; line-height: 18px; } #fifthrow p{ margin-bottom: 7px; } .screen{ float: left; height:200px; width:216px; padding-left:10px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .info { float:right; line-height:20px; padding-top:23px; width:225px; } .info p{ margin-bottom: 20px; } .screensandinfo { height: 215px; width: 100%; /* force layout IE */ padding-right: 10px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .screensnav { float: left; margin-top:10px; } .screensnav li { display: block; float: left; font-weight:bold; font-size:12px; margin-right:2px; text-align: center; cursor: pointer; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .screensnav a { display: block; width: 110px; padding: 9px 0 7px 0; margin-top: 6px; border-right: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; background-color: #f5f5f5; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .screensnav li.on { background-image: url('/trialover/tov1/toptabarrow-ec0zx2.gif'); background-repeat: no-repeat; background-position: top center; } .screensnav li.on a { background-color: #e0e0e0; text-decoration: none; color: #666; } /* \\\\\ Typography ///// */ h2 { color:#666666; font-size:23px; margin-bottom:5px; } h1 { font-size: 37px; color: #333; } h3 { color: #333; font-size: 16px; } p { line-height: 18px; } .riskfree{ color:#D34A1F; padding-top:7px; } #getaccessto{ font-weight: bold; color: #666666; line-height:25px } .orange{ color: #d35a31; font-weight: bold; font-size: 14px; } .othersales{ margin-bottom:20px; padding-top:10px; } .praise q { display:block; font-family:georgia,times new roman,serif; font-style:italic; font-weight:bold; line-height: 17px; margin-bottom: 10px; }