/* stylesheet for ADT welcome page */ html,body { background-color:#F9F9F9; font:14px/19px sans-serif; color: #222 margin:0; padding:0;} body { padding:15px; } a:link, a:visited { color: #258aaf; text-decoration: none; } a:focus, a:hover, a:active { color: #33B5E5; text-decoration: none; } strong, b { font-weight:bold; color: #222; } img { border: none; } h1, h2 { line-height: 32px; } h1 { color:#33B5E5; font-size: 28px; margin: 10px 0 0; padding:0; } h2 { color:#33B5E5; font-size: 20px; margin: 20px 0 20px; padding:0; } h3 { color:#33B5E5; font-size: 18px; } div.feature-box, a:link div.feature-box, a:visited div.feature-box { margin: 20px 0 0; padding: 15px 0; width:100%; border:1px solid transparent; background-color: rgba(0, 0, 0, 0.05); -moz-box-shadow: 3px 3px 12px #aaa; -webkit-box-shadow: 3px 3px 12px #aaa; box-shadow: 3px 3px 12px #aaa; } a:hover div.feature-box { border:1px solid #33B5E5; } a:active div.feature-box { -moz-box-shadow: 1px 1px 12px #aaa; -webkit-box-shadow: 1px 1px 12px #aaa; box-shadow: 1px 1px 12px #aaa; } div.feature-box > * { margin:15px; } div.feature-box h2, div.feature-box h3 { color:#33B5E5; margin-top:0; } div.feature-box p { color:#222; } /********** LAYOUT **************/ .wrap { margin: 0 auto; width: 100%; min-width:600px; max-width:900px; clear: both; } .cols { height: 1%; margin: 0 -1.533742331288343558282%; width: 103.06748466257669%} *+html .cols { margin-bottom: 20px; } .cols:after { clear: both; content: ' '; display: block; height: 0; visibility: hidden; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16 { float: left; margin: 0 1.2% 20px 1.7%; } * html .col-1, * html .col-2, * html .col-3, * html .col-4, * html .col-5, * html .col-6, * html .col-7, * html .col-8, * html .col-9, * html .col-10, * html .col-11, * html .col-12, * html .col-13, * html .col-14, * html .col-15, * html .col-16 { margin: 0; margin: 0 1.2% 20px 1.7%; } [dir='rtl'] .col-1, [dir='rtl'] .col-2, [dir='rtl'] .col-3, [dir='rtl'] .col-4, [dir='rtl'] .col-5, [dir='rtl'] .col-6, [dir='rtl'] .col-7, [dir='rtl'] .col-8, [dir='rtl'] .col-9, [dir='rtl'] .col-10, [dir='rtl'] .col-11, [dir='rtl'] .col-12 { float: right; } .col-1 { width: 4.16666666666667%; } .col-2 { width: 10.4166666666667%; } .col-3 { width: 16.6666666666667%; } .col-4 { width: 22.9166666666667%; } .col-5 { width: 29.1666666666667%; } .col-6 { width: 35.4166666666667%; } .col-7 { width: 41.6666666666667%; } .col-8 { width: 47.9166666666667%; } .col-9 { width: 55.3333333333333%; } .col-10 { width: 60.4166666666667%; } .col-11 { width: 66.6666666666667%; } .col-12 { width: 72.9166666666667%; } .col-13 { width: 79.1666666666667%; } .col-14 { width: 85.4166666666667%; } .col-15 { width: 91.6666666666667%; } .col-16 { width: 97.9166666666667%; }