Content

<!-- habanero --> <link href="https://edge.spiceworksstatic.com/service.client-interactive/css/2.0.2/habanero.css" rel="stylesheet"> <!-- google font --> <link href='https://fonts.googleapis.com/css?family=Titillium+Web:200,700' rel='stylesheet' type='text/css'> <!-- theme --> <link href="https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/css/theme-2.css" rel="stylesheet"> <!-- colorbox --> <link src="https://edge.spiceworksstatic.com/service.client-interactive/css/2.0.2/colorbox.css" rel="stylesheet"> <script src="https://edge.spiceworksstatic.com/service.client-interactive/js/colorbox.min.js" charset="utf-8"></script> <style type="text/css"> /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* main container */ #webroot_container{ font-family:Arial, Helvetica, sans-serif; padding-bottom: 10px; margin-bottom: 10px; width: 680px; height: auto; background: #c8e18a; } #webroot_container hr{ border: 0; background-color: #eeeeee; height: 2px; width:98%; } #webroot_container h1{ font-size:25px; margin:0; padding:10px 20px 5px 10px; color: #6d6c6f; font-weight: 300; } #webroot_container h3{ font-size:16px; margin:0; padding:5px 5px 10px 10px; color: #727a35; } #webroot_container h4{ font-size:13px; margin:0; padding:0px 5px 3px 10px; color:#000000; line-height: 13px; } #webroot_container p{ font-size:12px; margin:0; padding:0px 10px 10px 10px; color:#6d6c6f; line-height: 14px; font-weight: normal; } #webroot_container p a{ font-weight: bold; } #webroot_container a{ font-size:inherit; color:#96bf36; text-decoration: none; } #webroot_container a:hover { text-decoration: underline; } #webroot_container strong{ font-weight: bold; color: #727a35; } #webroot_container p button{ margin:10px; padding: 5px 15px; outline: none; float: right; text-align: center; font-size: 12px!important; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px #333333 solid; background:#1978BE; color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#1978BE), to(#333333)); background: -moz-linear-gradient(top, #1978BE, #333333); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1978BE', endColorstr='#333333'); /* IE6, IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1978BE', EndColorStr='#333333')"; /* IE8 */ } .webroot_button { margin: 10px; } .webroot_button a{ color: #ffffff!important; font-size: 12px !important; padding: 5px 15px; text-align: center; text-decoration: none !important; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px #82a733 solid; background:#82a733; background: -webkit-gradient(linear, left top, left bottom, from(#82a733)), to(#82a733 )); background: -moz-linear-gradient(top, #82a733), #82a733); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82a733'), endColorstr='#82a733'); /* IE6, IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#82a733'), EndColorStr='#82a733')"; /* IE8 */ } .webroot_button a:hover{ background: #82a733; } .webroot_button2 { margin: 10px; } .webroot_button2 a{ color: #ffffff!important; font-size: 12px !important; padding: 5px 15px; text-align: center; text-decoration: none !important; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px #f15d22 solid; background:#f15d22; background: -webkit-gradient(linear, left top, left bottom, from(#eb891e), to(#eb891e)); background: -moz-linear-gradient(top, #eb891e, #eb891e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb891e', endColorstr='#f15d22'); /* IE6, IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eb891e', EndColorStr='#f15d22')"; /* IE8 */ } .webroot_button2 a:hover{ background: #eb891e; } /*--------------- overview ---------------*/ .overview-box1{ width: 216px; height: 99px; float: left; margin:20px 5px; } .overview-box2{ width: 216px; height: 192px; float: left; margin:20px 5px; } #webroot_containerNew{ font-family: Arial, Helvetica, sans-serif; font-weight:400; color:#333; width: 680px; height: auto; background: #fff; } #webroot_containerNew hr{ width:610px; margin-left:35px; color:#d7d7d7; border:0px; background-color:#d7d7d7; } #webroot_containerNew h3{ font-family: 'Open Sans', sans-serif; font-weight:700; color:#a0cf67; margin:10px 20px; font-size:19px; text-transform:uppercase; } .webroot_NewHeader{ margin:10px 20px 10px 20px; padding:0px; } .webroot_NewHeader p{ margin:0px; padding:0px; float:left; width:430px; font:inherit; font-size:14px; line-height:18px; } .webroot_NewHeader img{ margin-left:50px; } #webroot_triContNew{ display:block; margin:10px 20px; } .webroot_triNew{ float:left; width:200px; margin: 0px 13px 20px 0px; } .webroot_triNew img{ padding: 0px 0px 15px 0px; } .webroot_triNew h4{ font-family: 'Open Sans', sans-serif; font-weight:700; font-size:14px; margin:0px; padding:0px; text-transform:uppercase; color:#353535; } .webroot_triNew p{ font-family: Arial, Helvetica, sans-serif; font-weight:400; margin:0px; padding:4px 22px 7px 0px; font-size:13.2px; line-height:19px; color:#333; } .webroot-reglink { font-family: Arial, Helvetica, sans-serif; font-weight:400; font-size:12px; color:#408740; text-decoration:none !important; } .webroot-btnlink{ margin-top:10px; display:block; } .webroot-btnlink a{ width:130px; height:25px; background: #d96721; /* Old browsers */ padding:10px; background: #ff5200; margin-top: 190px; margin-bottom:20px; border-radius: 3px; text-align: center; vertical-align: middle; line-height: 25px; color: #ffffff; font-size: 13px; font-weight:normal; text-decoration: none; padding: 6px 12px 5px 12px; text-transform: uppercase; } .webroot-btnlink a:hover{ background: #408740; text-decoration: none !important; color:#FFF !important; } #webroot_vidContNew{ display:block; margin:10px 20px; } .webroot_vidNew{ float:left; width:315px; margin-right:10px; margin-left:5px; margin-top:20px; } .webroot_vidNew p{ margin:15px 0px 0px 0px; padding:0px; font:inherit; font-size:13px; line-height:18px; } #webroot_fullStop{ display:block; margin-top:30px; width:680px; height:50px; background: #a4ce3c; /* Old browsers */ background: -moz-linear-gradient(top, #a4ce3c 0%, #a4ce3e 31%, #add13b 42%, #bcd732 56%, #c0d72f 58%, #c4da2f 64%, #c8db2a 69%, #c9dc2b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4ce3c), color-stop(31%,#a4ce3e), color-stop(42%,#add13b), color-stop(56%,#bcd732), color-stop(58%,#c0d72f), color-stop(64%,#c4da2f), color-stop(69%,#c8db2a), color-stop(100%,#c9dc2b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a4ce3c 0%,#a4ce3e 31%,#add13b 42%,#bcd732 56%,#c0d72f 58%,#c4da2f 64%,#c8db2a 69%,#c9dc2b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a4ce3c 0%,#a4ce3e 31%,#add13b 42%,#bcd732 56%,#c0d72f 58%,#c4da2f 64%,#c8db2a 69%,#c9dc2b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a4ce3c 0%,#a4ce3e 31%,#add13b 42%,#bcd732 56%,#c0d72f 58%,#c4da2f 64%,#c8db2a 69%,#c9dc2b 100%); /* IE10+ */ background: linear-gradient(to bottom, #a4ce3c 0%,#a4ce3e 31%,#add13b 42%,#bcd732 56%,#c0d72f 58%,#c4da2f 64%,#c8db2a 69%,#c9dc2b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4ce3c', endColorstr='#c9dc2b',GradientType=0 ); /* IE6-8 */ } /*--------------resources-----------------*/ .webroot_free-ed{ width:660px; height: auto; float: left; margin: 10px; background: #ffffff; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .webroot_box{ width: 680px; height: auto; float: left; padding: 5px 0; margin: 10px 0; background: #ffffff; } .webroot_box-left{ width: 180px; height: auto; float: left; padding: 5px 0; margin: 0 5px; } .webroot_box-right{ width: 490px; height: auto; float: left; padding: 5px 0; } .webroot_box-right h3{ padding: 10px 10px 5px!important; } .webroot_box-right p{ padding: 5px 10px!important; } .community{ width:680px padding: 20px; } .fb_icon{ padding-left:10px; } .webroot-marketingVid{ margin:10px; text-align:center; float:left; } .webroot-clear{ clear:both; } /*=====================================PRODUCT PAGE=======================*/ .webroot_product_container { width:680px; font: normal 14px/18px arial, helvetica, sans-serif; color:#404040; padding:10px;} .webroot_product_clear { clear:both; } .webroot_product_header { background: url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/imgs/header.jpg) no-repeat #b6d435; height:111px; width:660px; } .webroot_product_block { clear:both; padding: 20px 10px 10px 10px; border-bottom: 2px solid #DFDFDF; min-height: 100%; } .webroot_product_block_left { float:left; width:370px; margin-right: 16px; font-size:13px; } .webroot_product_block h5{ margin:0; font-size:15px !important; padding:0 0 10px 0; display: block; font-weight:bold; font-family: Arial, Helvetica, sans-serif 24px !important; color: #408740; } .webroot_product_block_left ul li{ list-style:none; text-indent: -13px; } .webroot_product_block_left li:before { content: '»'; padding-right:7px; } .webroot_product_block_left p, .webroot_endpoint_list { padding: 0 0 10px 10px; display: block !important; } ul.webroot_endpoint_list li { list-style: none outside none !important; margin-top: 7px; font-size:13px; margin-left: 30px; } .webroot_endpoint_list { margin-left: 30px; } .webroot_product_block_left a { font-weight: bold; color:#5c358d; text-decoration: none; } .webroot_product_block_left a:hover, .webroot_product_block_left a:active { color: #666; } .webroot_product_block_right { float:left; margin: 10px 0 0 16px; min-height:173px; min-width:288px; background:no-repeat; margin-left:-16px; } .webroot_product_block_right a { display: block !important; } img.webroot_home { float: left; } .webroot_homeProducts{ float: left; width: 340px; } .webroot_homeProducts h3{ font-size: 21px; line-height: 21px; margin: 40px 0 15px 10px; } .webroot_homeProducts p{ font-weight: bold; font-size: 13px; margin: 0 0 0 10px; } .webroot_homeProducts a{ text-decoration: underline !important;} .webroot_home_block { padding-top: 10px; border: none; clear:both; padding-left:0;} .floatClear { clear:both;} /* ----------------------------------- Contests tab ---------------------------------- */ .webroonContest_container { width: 680px; font: normal 14px/18px arial, helvetica, sans-serif; color: #404040; } .webrootContest_container figure { padding:0; margin:0; } .webrootContest_prize { padding: 20px 0; width: 680px; margin:0; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #dadada 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#dadada)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9f9f9 0%,#dadada 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9f9f9 0%,#dadada 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9f9f9 0%,#dadada 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */ } .webrootContest_prizeSub { width: 305px; float: left; font: normal 16px/20px arial, helvetica, sans-serif; padding: 30px 0 0 20px; } .webrootContest_prizeSubRight { width: 300px; margin-left: 20px; float: left; list-style: none !important; } .webrootContest_prizeSubRight li { margin:0 !important; padding:0 !important; } .webrootContest_prizeSubRight h3 { padding:0; margin:0; font: bold 16px arial, helvetica, sans-serif; color: #629642; } .webrootContest_prizeSubRight h4 { padding:0; margin:0; font: bold 12px arial, helvetica, sans-serif; color: #404040; } .webrootContest_prizeSubRight p { padding:0; margin:0 0 10px 0; font: normal 12px arial, helvetica, sans-serif; color:#404040; } .webrootContest_floatclear{ clear:both; } .webrootContest_howtoenter { background-color: #343434; width:680px; margin:0; } h3.webrootContest_howtoenterHero { margin:0; color:#fff; text-align: center; width:680px; padding: 15px 0; font: bold 36px/21px arial, helvetica, sans-serif; padding: 20px 0; } .webrootContest_enterstep { width: 200px; text-align: center; font: normal 14px arial, helvetica, sans-serif; float: left; margin: 0 10px 20px 10px !important; color: white; } .webrootContest_enterstep img { margin: 11px 0 10px 0; } .webrootContest_enterBTN { color: white; text-decoration: none; width: 100px; padding: 3px 0; text-align: center; margin: 10px 0; display: inline-block; border-radius: 3px; font: normal 12px arial, helvetica, sans-serif; background: #feccb1; /* Old browsers */ background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */ background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */ } .webrootContest_enterBTN:hover, .webrootContest_enterBTN:active { background: #f98648; /* Old browsers */ background: -moz-linear-gradient(top, #f98648 0%, #ea5507 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f98648), color-stop(99%,#ea5507)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f98648 0%,#ea5507 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f98648 0%,#ea5507 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f98648 0%,#ea5507 99%); /* IE10+ */ background: linear-gradient(to bottom, #f98648 0%,#ea5507 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98648', endColorstr='#ea5507',GradientType=0 ); /* IE6-9 */ text-decoration: none; } .webrootContest_trial { width: 680px; background-color: #e1e1e1; padding: 10px 0 20px 0; } .webrootContest_trialLeft, .webrootContest_trialRight { width: 330px; float:left; } .webrootContest_trialRight { padding: 0 0 0 10px; } .webrootContest_trialLeft span, .webrootContest_trialLeft img { float:left; margin: 20px 0 0 0; font: normal 12px arial, helvetica, sans-serif; color: #404040; } .webrootContest_stars { padding-left:7px; } .webrootContest_trialLeft h5 { clear:both; font: bold 16px Arial, helvetica, sans-serif; color: #404040; margin: 0; padding: 10px 0 0 10px; } .webrootContest_trialLeft p { margin:5px 0 0 10px; padding:0; font: normal 14px arial, helvetica, sans-serif; } .webrootContest_trialRight h3 { font: bold 15px arial, helvetica, sans-serif; color:#404040; margin: 10px 0 10px 0; padding:11px 0; } .webrootContest_trialRight img { float:left; padding: 7px 0 0 0; } .webrootContest_trialRight p { float: left; font: normal 12px/12px arial, helvetica, sans-serif; color:#404040; width: 170px; padding: 20px 0 0 20px; } .webrootContest_trialRight a { float: left; margin: 20px 0 0 20px; background: #feccb1; /* Old browsers */ background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */ background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */ width: 150px; text-align: center; padding: 6px 0; text-decoration: none; color: white; font: bold 16px arial, helvetica, sans-serif; border-radius: 5px;} .webrootContest_TC { height:20px; padding:12px 10px 10px 10px; background: #323232; width: 660px; } .webrootContest_trialRight a:active, .webrootContest_trialRight a:hover { background: #f98648; /* Old browsers */ background: -moz-linear-gradient(top, #f98648 0%, #ea5507 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f98648), color-stop(99%,#ea5507)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f98648 0%,#ea5507 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f98648 0%,#ea5507 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f98648 0%,#ea5507 99%); /* IE10+ */ background: linear-gradient(to bottom, #f98648 0%,#ea5507 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98648', endColorstr='#ea5507',GradientType=0 ); /* IE6-9 */ text-decoration: none; } .webrootContest_TC a { font: normal 12px arial, helvetica, sans-serif; color: white; text-decoration: none; } .webrootContest_TC a:hover, .webrootContest_TC a:active { text-decoration: none; color: #ff5500; } .webroot-infographic-main { position:relative; width:677px; background-color: #fbfaf9; } .webroot-infographic-cta { box-sizing: border-box; display: block; position: absolute; top:532px; left:454px; width: 142px; height: 25px; border-radius: 7px; font: bold 13px/14px arial, sans-serif; color: white; text-align: center; text-decoration: none; padding: 5px 0; background: #ff971d; /* Old browsers */ background: #ff971d; /* Old browsers */ background: -moz-linear-gradient(top, #ff971d 0%, #f15d22 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff971d), color-stop(100%,#f15d22)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff971d 0%,#f15d22 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff971d 0%,#f15d22 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff971d 0%,#f15d22 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff971d 0%,#f15d22 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff971d', endColorstr='#f15d22',GradientType=0 ); /* IE6-9 */ } .webroot-infographic-cta:hover, .webroot-infographic-cta:active{ text-decoration: none; background: #f15d22; /* Old browsers */ background: -moz-linear-gradient(top, #f15d22 0%, #ff971d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f15d22), color-stop(100%,#ff971d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f15d22 0%,#ff971d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f15d22 0%,#ff971d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f15d22 0%,#ff971d 100%); /* IE10+ */ background: linear-gradient(to bottom, #f15d22 0%,#ff971d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15d22', endColorstr='#ff971d',GradientType=0 ); /* IE6-9 */ } .webrootContest-winners { padding: 10px; } .webrootContest-winners img { clear: both; float:left; margin:0 5px 0 0;} .webrootContest-winners h3 { font: bold 18px/16px arial, sans-serif; padding: 0; margin: 2px 0; color:#666;} .webrootContest-winners h4 { font: bold 14px/14px arial, sans-serif; padding: 0; margin: 0;} .webrootContest-winners p { font: normal 12px/14px arial, sans-serif; padding: 0; margin:15px 0 30px 136px; width: 520px;} .webrootContest-winners span {color:#94bc3c;} .webrootContest-winners h4 a {text-decoration: underline !important; color: #666;} .webrootContest-winners h4 a:hover, .webrootContest-winners h4 a:active {color:#94bc3c;} /*================================integration===========================*/ .vendor-container{max-width:660px;margin:0 8px 0 8px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.vendor-container-wrapper{max-width:677px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.vendor-grid,.vendor-grid-1,.vendor-grid-2,.vendor-grid-3,.vendor-grid-4,.vendor-grid-5,.vendor-grid-6{display:inline;float:left;margin:0 5px 0 5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.vendor-container .vendor-grid-1{width:100px}.vendor-container .vendor-grid-prefix-1{padding-left:110px}.vendor-container .vendor-grid-suffix-1{padding-right:110px}.vendor-container .vendor-grid-2{width:210px}.vendor-container .vendor-grid-prefix-2{padding-left:220px}.vendor-container .vendor-grid-suffix-2{padding-right:220px}.vendor-container .vendor-grid-3{width:320px}.vendor-container .vendor-grid-prefix-3{padding-left:330px}.vendor-container .vendor-grid-suffix-3{padding-right:330px}.vendor-container .vendor-grid-4{width:430px}.vendor-container .vendor-grid-prefix-4{padding-left:440px}.vendor-container .vendor-grid-suffix-4{padding-right:440px}.vendor-container .vendor-grid-5{width:540px}.vendor-container .vendor-grid-prefix-5{padding-left:550px}.vendor-container .vendor-grid-suffix-5{padding-right:550px}.vendor-container .vendor-grid-6{width:650px}.vendor-container .vendor-grid-prefix-6{padding-left:660px}.vendor-container .vendor-grid-suffix-6{padding-right:660px}.vendor-container .vendor-alpha{margin-left:0}.vendor-container .vendor-omega{margin-right:0}.vendorclear{clear:both;} /*=================================Layout===============================*/ .webroot-header{ width:680px; padding:0px 0px 0px 0; z-index:0; position: relative; } .webroot-header a{ text-color: #fff; } .webroot-copy{ background:url(../imgs/bg-dot.jpg); width:680px; z-index:1000; } .webroot-section-1{ margin-top:-20px; padding-top:30px; background: #e5e8e2; } /*=================================Text===============================*/ h3 { font: 26px/29px Arial, sans-serif; font-weight:bold; color:#3c8840; margin: 8px 0px 0px 6px; } /*=================================Buttons===============================*/ #button_id { position: absolute; right: 10px; top: 550px; } .integration-button:active { padding-top: 15px; margin-bottom: -1px; } .integration-button, .integration-button:hover, .integration-button:active { outline: 0 none; text-decoration: none; color: #fff; } .integration-button-1 { background-color: #ff5501; box-shadow: 0px 3px 0px 0px #993F00; } .integration-button-1:hover { background-color: #F63; } .integration-button-1:active { box-shadow: 0px 1px 0px 0px #F60; } /*============================================Addons================================================*/ /*BLUR*/ .webroot-blur img { -webkit-transition: all .025s ease; -moz-transition: all .025s ease; -o-transition: all .025s ease; -ms-transition: all .025s ease; box-shadow:-5px 5px 10px #666; } .webroot-blur img:hover { -webkit-filter: blur(1px); box-shadow:-5px 5px 10px #666; } .webroot-copy a { display: block; position: relative; } .webroot-copy a span { position: absolute; top: 0; left: 0; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .webroot-copy a:hover span { display: block; margin: 100px 0px 0px 135px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .webroot-copy p { font: 14px/16px Arial, sans-serif; font-weight:normal; color:#1e1e1e; margin: 8px 0px 0px 6px; line-height: 18px; } .webroot-copy h3 { font: 26px/29px Arial, sans-serif; font-weight:bold; color:#3c8840; margin: 12px 0px 0px 6px; } /*======================ProductSpecific================*/ ul.webroot-product-listFix { padding-left:25px; } ul.webroot-product-listFix { padding-left:25px; } .webroot_product_block_right { text-align: center; } .webroot_product_block_right a { width:130px; height:25px; background: #ff5200; margin-left: auto; margin-right: auto; margin-top: 10px; border-radius: 3px; text-align: center; vertical-align: middle; line-height: 25px; color: #ffffff; font-size: 13px; font-weight:bold; text-decoration: none; padding: 4px 0px 3px 0px; text-transform: uppercase; } .webroot_inden { padding-left 10px;} .webroot_product_block_right a:hover, .webroot_product_block_right a:active { background: #408740; text-decoration: none !important; color:#FFF !important; } /*=======================WEBROOT MSP TAB - RYAN - April 16 =================== */ .webroot-vp-msp-header { background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/imgs/webroot-vp-msp-headerBG.jpg); height:245px; position: relative; } .webroot-vp-msp-headerImage { margin-left:470px; margin-top:30px; } .webroot-vp-msp-container { width:680px; } .webroot-vp-msp-headerText { margin:-200px 220px 0px 30px; } .webroot-vp-msp-headerText p{ color: #666; font-size:12px; font-family: Arial, Helvetica, sans-serif; margin-top: 12px; } .webroot-vp-msp-container h3{ font-family: Arial, Helvetica, sans-serif; font-size:28px; font-weight: bold; letter-spacing:-.5px; margin-bottom:6px; } .webroot-vp-msp-button { margin-top:32px; } .webroot-vp-msp-button a { background: #ff4800; /* Old browsers */ background: -moz-linear-gradient(top, #ff4800 0%, #ff6128 45%, #ef4b00 57%, #ff733c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff4800), color-stop(45%,#ff6128), color-stop(57%,#ef4b00), color-stop(100%,#ff733c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff4800 0%,#ff6128 45%,#ef4b00 57%,#ff733c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff4800 0%,#ff6128 45%,#ef4b00 57%,#ff733c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff4800 0%,#ff6128 45%,#ef4b00 57%,#ff733c 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff4800 0%,#ff6128 45%,#ef4b00 57%,#ff733c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4800', endColorstr='#ff733c',GradientType=0 ); /* IE6-9 */ border: 1px solid #666; border-radius: 5px; color: #ffffff !important; padding:10px 12px 10px 12px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; text-decoration: none !important; } .webroot-vp-msp-button a:hover { background: #ff733c; /* Old browsers */ background: -moz-linear-gradient(top, #ff733c 0%, #ef4b00 43%, #ff6128 55%, #ff4800 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff733c), color-stop(43%,#ef4b00), color-stop(55%,#ff6128), color-stop(100%,#ff4800)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff733c 0%,#ef4b00 43%,#ff6128 55%,#ff4800 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff733c 0%,#ef4b00 43%,#ff6128 55%,#ff4800 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff733c 0%,#ef4b00 43%,#ff6128 55%,#ff4800 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff733c 0%,#ef4b00 43%,#ff6128 55%,#ff4800 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff733c', endColorstr='#ff4800',GradientType=0 ); /* IE6-9 */ border: 1px solid #666; border-radius: 5px; color: #ffffff !important; padding:10px 12px 10px 12px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; text-decoration: none !important; } .webroot-vp-msp-cta { width:520px; margin-left:80px; margin-right: 80px; background-color: #fff; margin-top:-30px; position: absolute; } .webroot-vp-msp-cta p{ padding: 2px 18px 5px 18px; line-height:19px; } .webroot-vp-msp-join { text-align: center; align-content: center; color: #666; font-size:12px; font-family: Arial, Helvetica, sans-serif; width:260px; float:left; } .webroot-vp-msp-join a { color: #ff6b0b !important; font-weight:bold; text-decoration: none; font-size:14px; } .webroot-vp-msp-download { text-align: center; color: #666; font-size:12px; font-family: Arial, Helvetica, sans-serif; width:258px; float:left; border-left: 1px solid #ccc; } .webroot-vp-msp-download a { color: #0083c1 !important; font-weight:bold; text-decoration: none; font-size:14px; } .webroot-vp-msp-reviews { margin-top:140px; color: #666; font-family: Arial, Helvetica, sans-serif; } .webroot-vp-msp-reviews h5{ font-size:16px !important; font-weight: bold; line-height:19px; padding-right:20px; color:#373737; margin:2px 0px 4px 0px; font-family: Arial, Helvetica, sans-serif; } .webroot-vp-msp-reviews p{ font-size:12px !important; line-height:19px !important; padding:10px 20px 0px 0px; } .webroot-vp-msp-reviews ul{ margin-left:-40px; } .webroot-vp-msp-reviews li{ display: inline-block; list-style: none; } .webroot-vp-msp-reviewLeft { width: 332px; float:left; padding-left:8px; } .webroot-vp-msp-reviewRight { width: 332px; float:left; padding-left:8px; } .webroot-vp-msp-details { color: #666; font-family: Arial, Helvetica, sans-serif; font-size:12px; } .webroot-vp-msp-details { font-size:12px !important; } .webroot-vp-msp-details li { list-style:disc; margin-left:26px; margin-top:7px; } .webroot-vp-msp-details h3{ color: #303030; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; margin-bottom:10px; letter-spacing:-.3px; margin-top:12px; } .webroot-vp-msp-mspBrief{ width: 332px; float:left; padding-left:8px; } .webroot-vp-msp-mspBrief p{ padding-right:14px; line-height:19px !important; } .webroot-vp-msp-mspProgram{ width: 332px; float:left; padding-left:8px; } .webroot-vp-msp-mspProgram p{ padding-right:14px; line-height:19px !important; } /* ================= MSP Tab - Luke - Sept 2014 ================= */ /* ================= MSP / Universal ================= */ .vendor-container.webroot-vp-msp { overflow:hidden; } .webroot-vp-msp a { color:#527c22; text-decoration:none; font-weight:bold; -webkit-transition: .3s ease-in-out; -webkit-transition-property:background-color, color, border, text-decoration; -moz-transition: .3s ease-in-out; -moz-transition-property:background-color, color, border, text-decoration; -o-transition: .3s ease-in-out; -o-transition-property:background-color, color, border, text-decoration; transition: .3s ease-in-out; transition-property:background-color, color, border, text-decoration; } .webroot-vp-msp a:hover { color:#44671c; font-weight:bold; text-decoration:underline; } .webroot-vp-msp-fl { float:left; } .webroot-vp-msp-fr { float:right; } .webroot-msp-orange-btn { padding:10px; background:#fc4a20 url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/imgs/orange-btn-bg.png) center repeat-x; font:bold 13px/13px "Roboto Condensed", sans-serif; text-transform:uppercase; text-decoration:none; color:#fff !important; border:1px solid #000; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .webroot-msp-orange-btn:hover { background:#bd3c18; text-decoration:none !important; } .webroot-msp-black-btn { padding:10px; background:#333 url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/imgs/black-btn-bg.png) center repeat-x; font:bold 13px/13px "Roboto Condensed", sans-serif; text-transform:uppercase; text-decoration:none; color:#fff !important; border:1px solid #000; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .webroot-msp-black-btn:hover { background:#3ecccb; border:1px solid #399aca; text-decoration:none !important; } /* ================= MSP / Hero ================= */ .webroot-msp-hero { padding:35px 35px 90px; background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/imgs/welcome-bg-image.png) bottom no-repeat; } .webroot-msp-hero h3 { margin:0 0 30px; font:bold 40px/48px "Roboto Condensed", sans-serif; color:#333; text-align:center; } .webroot-msp-hero img { margin-right:30px; float:left; } .webroot-msp-hero p { margin:0 !important; font:20px/24px "Roboto Condensed", sans-serif !important; color:#333; } .webroot-msp-hero ul { overflow:hidden; margin:15px 0 30px !important; padding:0; font:14px/18px "Helvetica Neue", "Helvetica", "Arial", sans-serif; color:#555; list-style-type:none; } .webroot-msp-hero li { margin-bottom:3px; padding-left:15px; background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/imgs/msp-bullet.png) 0 6px no-repeat; } .webroot-msp-hero .webroot-msp-orange-btn { margin-right:15px; } /* ================= MSP / Learn ================= */ .webroot-msp-learn { margin:-50px 35px 25px 35px; padding:35px; background:#fff url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/imgs/learn-more-bg.png) top no-repeat; } .webroot-msp-learn h4 { margin:0 0 35px; font:bold 22px/28px "Roboto Condensed", sans-serif; color:#333; text-align:center; } .webroot-msp-learn-sub { width:33%; float:left; font:14px/18px "Helvetica Neue", "Helvetica", "Arial", sans-serif; text-align:center; } .webroot-msp-learn-sub img { display:block; margin:0 auto 10px; } /* ================= MSP / Videos ================= */ .webroot-msp-videos { margin-bottom:60px; } .webroot-msp-video { width:315px; } .webroot-msp-video img { margin-bottom:25px; } .webroot-msp-video h4 { margin:0 0 20px 0; font:normal 25px/30px "Roboto Condensed", sans-serif; text-align:center; } .webroot-msp-video p { margin:0 !important; font:14px/20px "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; color:#555; } .webroot-msp-video ul { margin:0; padding:0; list-style-type:none; font:bold 14px/20px "Helvetica Neue", "Helvetica", "Arial", sans-serif; color:#555; } .webroot-msp-video ul li:before { content:"- "; position:relative; margin-left: -10px; /* optional, for multiline li element */ left: -5px; } .webroot-msp-video ul li { margin:5px 0 0 15px; } /* ================= MSP / Edge ================= */ .webroot-msp-edge { width:600px; margin:0 0 60px -1px; padding:30px; background:#ebebeb; border:1px solid #cecece; box-shadow:0 0 6px rgba(0,0,0,.22); -moz-box-shadow:0 0 6px rgba(0,0,0,.22); -webkit-box-shadow:0 0 6px rgba(0,0,0,.22); } .webroot-msp-edge h3 { margin:0 0 30px; font:normal 36px/40px "Roboto Condensed", sans-serif; color:#333; text-align:center; } .webroot-msp-edge img { float:left; margin-right:30px; } .webroot-msp-edge p { margin-bottom:30px !important; padding-right:20px; font:14px/20px "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; color:#555; } .webroot-msp-edge .webroot-msp-orange-btn { margin-right:15px; } /* ================= MSP / World ================= */ .webroot-msp-world { margin-bottom:60px; } .webroot-msp-world img { margin:30px 0 0 30px; float:right; } .webroot-msp-world p { font:14px/20px "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; color:#555; } .webroot-msp-world p .webroot-msp-large { font:bold 22px/26px "Roboto Condensed", sans-serif; } .webroot-msp-world p .webroot-msp-author { margin-top:8px; display:block; font:18px/22px "Roboto Condensed", sans-serif; } /* ================= MSP / Read ================= */ .webroot-msp-read { } .webroot-msp-read h3 { margin:0 0 40px; font:bold 36px/40px "Roboto Condensed", sans-serif; color:#333; text-align:center; } .webroot-msp-read-section { margin-bottom:30px; padding-top:100px; width:315px; } .webroot-msp-case { background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/imgs/icon-case-study.png) center top no-repeat; } .webroot-msp-resources { background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/imgs/icon-whitepaper.png) center top no-repeat; } .webroot-msp-testimonials { background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/imgs/icon-quote.png) center top no-repeat; } .webroot-msp-connect { background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/imgs/icon-connect.png) center top no-repeat; } .webroot-msp-read-section h4 { margin:0 0 20px 0; font:normal 25px/28px "Roboto Condensed", sans-serif; text-align:center; } .webroot-msp-read-section ul { margin:0; padding:0; font:14px/20px "Helvetica Neue", "Helvetica", "Arial", sans-serif; color:#555; list-style-type:none; } .webroot-msp-read-section ul li { margin-bottom:15px; } .webroot-msp-read-section ul li img { margin:0 10px -6px 0; } .webroot-msp-connect ul li { margin-bottom:10px; } /*================================How Do you Webroot contest =================*/ .webrootHDYW-container{ width:680px; } .webrootHDYW-container p{ font:normal 14px/19px Arial, sans-serif; color:#444; } .webrootHDYW-container a{ font:normal 14px/19px Arial, sans-serif; margin-bottom:5px; display:inline-block; text-decoration:none; color:#f06723; } .webrootHDYW-container a:hover{ font:normal 14px/19px Arial, sans-serif; margin-bottom:5px; display:inline-block; text-decoration:underline; color:#f06723; } .webrootHDYW-left{ background:#f1f1f1 url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/imgs/bg-services.jpg) no-repeat bottom right; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; height:220px; margin-top:30px; } .webrootHDYW-right{ background:#f1f1f1 url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/webroot/imgs/bg-screenshot.jpg) no-repeat bottom right; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; height:220px; margin-top:30px; } /*=============================== COLORBOX CSS =====================*/ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/colorbox/images/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/colorbox/images/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/colorbox/images/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/colorbox/images/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/colorbox/images/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/colorbox/images/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/colorbox/images/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/colorbox/images/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/colorbox/images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/colorbox/images/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://edge.spiceworksstatic.com/service.client-interactive/vendor_pages/colorbox/images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose:hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;} a.wb-ambasidor{ width:130px; height:25px; background: #d96721; /* Old browsers */ padding:10px; background: #ff5200; margin-top: 190px; margin-bottom:20px; border-radius: 3px; text-align: center; vertical-align: middle; line-height: 25px; color: #ffffff; font-size: 13px; font-weight:normal; text-decoration: none; padding: 6px 12px 5px 12px; text-transform: uppercase; } a.wb-ambasidor:hover{ width:130px; height:25px; background: #d96721; /* Old browsers */ padding:10px; background: #ff5200; margin-top: 190px; margin-bottom:20px; border-radius: 3px; text-align: center; vertical-align: middle; line-height: 25px; color: #ffffff; font-size: 13px; font-weight:normal; text-decoration: none; padding: 6px 12px 5px 12px; text-transform: uppercase; } </style>