body{ font:75%/150% Arial,Verdana,sans-serif; } @font-face{ font-family:"InterstateLight"; src:local(InterstateLight),url("font/e9258aa9-8d38-4395-b7e7-e18df29986f1-1.ttf"); src:local(InterstateLight),url("font/e9258aa9-8d38-4395-b7e7-e18df29986f1-2.eot"); src:local(InterstateLight),url("font/e9258aa9-8d38-4395-b7e7-e18df29986f1-2.eot?") format("embedded-opentype"),url("font/e9258aa9-8d38-4395-b7e7-e18df29986f1-3.woff") format("woff"),url("font/e9258aa9-8d38-4395-b7e7-e18df29986f1-1.ttf") format("truetype"); font-style:normal; font-weight:normal } @font-face{ font-family:"InterstateBold"; src:local("InterstateBold"),url("font/66dbaa86-bf9b-4b6b-9fad-eb2e2d3d9791-2.eot"); src:local("InterstateBold"),url("font/66dbaa86-bf9b-4b6b-9fad-eb2e2d3d9791-2.eot?") format("embedded-opentype"),url("font/66dbaa86-bf9b-4b6b-9fad-eb2e2d3d9791-3.woff") format("woff"),url("font/66dbaa86-bf9b-4b6b-9fad-eb2e2d3d9791-1.ttf") format("truetype"); font-style:normal; font-weight:bold } @font-face{ font-family:"Interstate"; src:local("Interstate"),url("font/bd39e315-3048-48b8-ae31-647d8f1e4a7d-2.eot"); src:local("Interstate"),url("font/bd39e315-3048-48b8-ae31-647d8f1e4a7d-2.eot?") format("embedded-opentype"),url("font/bd39e315-3048-48b8-ae31-647d8f1e4a7d-3.woff") format("woff"),url("font/bd39e315-3048-48b8-ae31-647d8f1e4a7d-1.ttf") format("truetype"); font-style:normal; font-weight:normal } #container { /*-- for non US only background: #fff url(../images/body-bg.jpg) repeat-x bottom left !important; */min-height:1000px !important; } .redarrow2 li{ border: 0; padding: 0 0 2px 10px; background: url(../images/sprite-main.png) -274px -122px no-repeat; word-break:break-strict; width:inherit; } .content-slim { float: left; width: 935px; } .full-width { width:100%; } .full-width { width:100%; } .full-width .whiterow{ width:100%; } .slim-box-content-large { width: 100%; } .slim-box-content-large .titlerow{ width: 100%; } .slim-box-content-large .white{ width: 100%; } .slim-box-content-large .labeltitle { font-size: 150%; } .slim-box-content-large .categoriesinfo{ width: 50%; } .slim-box-content-large .ratingsinfo{ width:50%; } .slim-box-content-large .iconholder{ margin-top: 5px; } .slim-box-content-large .pageinfo{ font-size: 100% } .slim-box-content-large .accordion h2 { background: rgb(218, 216, 216); margin: 0; padding: 0 20px 0 20px; border: 0; font-size: 18px; color: rgb(107, 107, 107); font-weight: normal; font-family: "InterstateLight"; letter-spacing:0px; cursor: pointer; text-transform: none; text-shadow: 0px 1px 0px rgba(255,255,255,.7); } .slim-box-content-large .accordion .pane-title p { clear: both; float: left; margin-left: 15px; margin-top: 24px; background: url(../images/arrowdown.png) no-repeat; width: 13px; height: 13px; cursor: pointer; } .slim-box-content-large .accordion .pane-title.current p { float: left; margin-left: 15px; margin-top: 24px; background: url(../images/arrowup.png) no-repeat; width: 13px; height: 13px; cursor: pointer; } .rowresultcolumn1 .iconholdersmall { margin-top:5px; } .rowresultcolumn1 .labeltitlesmallresult { line-height: 1em; } .slim-box-content { width: auto; } #container .p-15 { padding: 0px; } .details-single { padding: 0 0 0; } #container .tab-content .details-single { padding-top: 0px; } .slim-box-content .accordion h2 { background: rgb(218, 216, 216); margin: 0; padding: 15px 15px 15px 35px; font-size: 18px; color: rgb(107, 107, 107); font-weight: normal; font-family: "InterstateLight"; cursor: pointer; text-transform: none; text-shadow: 0px 1px 0px rgba(255,255,255,.7); } .accordion .pane-title p { clear: both; float: left; margin-left: 15px; margin-top: 20px; background: url(../images/arrowdown.png) no-repeat; width: 13px; height: 13px; cursor: pointer; } .plussign{ clear: both; float: left; padding-right: 10px; margin-left: 35px; margin-top: 15px; background: url(../images/plus.png) no-repeat; width: 20px; height: 20px; cursor: pointer; } .accordion { background: rgb(235, 235, 235); } .accordion .pane-title.current p { float: left; margin-left: 15px; margin-top: 22px; background: url(../images/arrowup.png) no-repeat; width: 13px; height: 13px; cursor: pointer; } #container .details-single div section .accordion section { padding-top: 0px; padding-bottom: 0px; border-top: 1px solid #FFF; } .icon-ratinginfo{ float: right; margin-right: 8px; margin-top: 8px; width: 33px; height: 33px; cursor: pointer; } .icon-question{ background: url(../images/learnmore-icon.png)no-repeat; } .icon-info{ background: url(../images/info-icon.png)no-repeat; } .ratingsinfo{ float:left; width:50%; border-right: 1px solid rgb(209, 209, 209); height: 620px; padding-top: 15px; padding-left: 20px; padding-bottom:15px; padding-right:30px; } .categoriesinfo{ float:left; border-left: 1px solid #FFF; width: 50%; height: auto; padding-top: 15px; padding-left: 20px; padding-bottom: 15px; padding-right: 30px; margin-bottom:10px; } .ratinginfo-holder{ height:750px; text-shadow: 0px 1px 0px rgba(255,255,255,.7); } .spninfo{ color: #FFF; font-size: 11px; line-height: 1.1; margin-top: 25px; letter-spacing: .1em; font-style: regular; font-weight: normal; } .blackbg{ background-color:rgb(218, 216, 216) !important; color:rgb(128, 128, 128) !important; text-shadow: 0px 1px #FFF !important; } .blackbg #suggested_category_name{ border:1px solid #999; width: 90%; } .lightbg{ background-color:rgb(218, 216, 216) !important; color: rgb(128, 128, 128) !important; text-shadow: 0px 1px #FFF !important; } .even{ background-color:#B5B5B5!important; color:#FFF !important; text-shadow: 0px 1px #000 !important; } .redbg{ background-color:#C00 !important; color:#FFF !important; text-shadow: 0px 1px #000 !important; font-weight:bolder; font-family:Arial !important; } .button2:hover{ background-color:#e56600; } .buttoncheck:hover{ background-color:#e56600; border:none; } .buttoncheckok{ border:none; color:#FFF; width: 160px; padding:10px; height:40px; padding-left: 10px; font-size: 20px; background-color: #c00; margin-right:5px; float:left; cursor:pointer; padding-top: 7px; } .buttoncheck{ border:none; color:#FFF; width: auto; padding:0 40px; height:42px; padding-left: 10px; font-size: 20px; background-color: #c00; cursor:pointer; color: #FFF; text-decoration: none; font-size: 16px; background-image: url(../images/carousel_arrow-next.gif); background-position: 94% 49%; background-repeat: no-repeat; text-transform:uppercase; text-align:left; } .textfieldserial{ margin-top:0px; border: 1px solid #CCC; background-color: #FFF; height: 24px; padding-left: 10px; padding-top:4px; width: 95%; } .serialholder{ display:none; font-size:14px; padding-top:10px; color:#900; } .buttoncancel:hover{ background-color:#333; } .buttoncancel{ color: rgb(253, 250, 250); width: 160px; height: 40px; line-height: 28px; padding-left: 3px; vertical-align: middle; font-size: 20px; background-color:#999; border: 1px solid #999; cursor:pointer; } .overlayshapespn a{ color:#000; text-decoration:none; font-weight:bold; text-shadow:none; } .overlayshapespn a:hover{ color:#900; text-decoration:none; font-weight:bold; text-shadow:none; } #textfield{ height:24px; padding-left:10px; padding-top:5px; } .urlname{ color: rgb(117, 117, 117); border: 1px solid #b2b2b2; width: 70%; height: 42px; line-height: 28px; padding-left: 10px; padding-top:5px; vertical-align: middle; font-size: 150%; float:left; margin-right:5px; } .urlnamesmall{ color: rgb(170, 170, 170); border: 1px solid #b2b2b2; width: 70%; height: 42px; line-height: 28px; padding-left: 10px; padding-top:5px; vertical-align: middle; font-size: 150%; margin-right:5px; } .instruction{ margin-top: 5px; text-shadow: 0px 1px 1px rgba(253, 253, 253, .5); color: rgb(104, 103, 103); } .aligncentertext{ text-align:center; width:900px; } .titlecaption{ font-size: 55px; color: rgb(255, 255, 255); font-weight: bolder; font-family: "InterstateLight"; cursor: pointer; text-transform: none; text-shadow: 0px -1px 1px rgba(148, 148, 148, .9); letter-spacing: -3px; line-height: 1 !important; } .titlecaptionsmall{ font-size: 40px; width: 100%; color: rgb(255, 255, 255); font-family: "InterstateLight"; cursor: pointer; text-transform: none; text-shadow: 0px -1px 1px rgba(148, 148, 148, .9); letter-spacing: 0px; padding-top:0px; padding-right:10px; float:left; padding-bottom: 10px; line-height: 1 !important; } .formholder{ margin-top: 30px; } .bannerholder{ min-height: 260px; height:auto; padding: 25px 25px 25px 25px; background-repeat: no-repeat; background-color: rgb(238, 238, 238); margin-top: 80px; } .bannerholder2{ min-height: 260px; padding: 75px 25px 25px 25px; background-repeat: no-repeat; } .bannerholdersmall{ width: 100%; background-repeat: no-repeat; background-color: rgb(204, 204, 204); border-bottom: 1px solid #CCC; } .bannerholdersmaller{ width: 100%; height: 22px; background-image: url(../images/bgbanner-smaller.jpg); background-repeat: no-repeat; } .urlinputholder{ width: 800px; margin: 0 auto; padding-top: 70px; } .urlinputholdersmall{ width: 850px; padding-top: 19px; margin: 0 auto; } .blogrssholder{ float: left; width: 98%; font-size: 12px; min-height: 180px; padding: 20px; } .inputurlsmall{ float:left; width:auto; margin-bottom: 10px; margin-top:10px; } .pageinfo{ padding: 20px; border-bottom: 1px solid #DDD; background-repeat: no-repeat; background-position: center top; margin-bottom: 60px; } .malurlrssholder{ float: left; width: 570px; border-right: 1px solid #DDD; min-height: 310px; padding: 20px; text-shadow: 0px 1px 0px rgba(255,255,255,.7); padding-left:25px; } .titlerss{ margin-bottom: 10px; } .rsscolumn{ float: left; margin-right:1px; background-color: #CCC; padding: 5px; padding-left:10px; border-right: 1px solid rgb(172, 172, 172); } .datefield{ /*CSS for date field in general*/ float: right !important; } .columnrss1{ width: 68%; word-break: break-all; } .columnrss1 .a{ color:orange; } .columnrss2{ width: 30%; border-right:none; } .resultrss{ float: left; margin-right:1px; padding: 5px; padding-left:10px; } .ratinginforow{ clear:both; width: auto; margin-right:10px; display: flex; padding-top: 10px; } .categinforow{ clear:both; width: auto; min-height:160px; margin-right:10px; padding-top: 10px; } .inforesult{ float: left; width: 70%; font-size: 100%; } .inforesultcateg{ float:left; width: 70%; height: auto; } .inforesultcateg2{ float:left; } .iconholder{ width: 90px; height:70px; float:left; margin-top: 10px; margin-right: 10px; } .iconsafe{ background-image:url(../images/rating-icons.png); background-repeat:no-repeat; background-position:0px -12px; } .icondanger{ background-image:url(../images/rating-icons.png); background-repeat:no-repeat; background-position:0px -80px; } .iconsuspicious{ background-image:url(../images/rating-icons.png); background-repeat:no-repeat; background-position:0px -145px; } .iconuntested{ background-image:url(../images/rating-icons.png); background-repeat:no-repeat; background-position:0px -218px; } .iconholdersmall{ width:64px; height:60px; float:left; margin-top: 0px; margin-right: 10px; } .iconholdersmaller{ width: 30px; height: 30px; float: right; margin-top: 10px; margin-left: 20px; margin-right: 10px; } .iconadult{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:0px 0px; } .iconadultsmall{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:-85px -7px; } .iconbusiness{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:0px -57px; } .iconbusinesssmall{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:-85px -40px; } .iconcommunication{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:0px -112px; } .iconcommunicationsmall{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:-85px -74px; } .icongeneral{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:0px -168px; } .icongeneralsmall{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:-85px -106px; } .iconnetwork{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:0px -222px; } .iconnetworksmall{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:-85px -138px; } .iconlifestyle{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:0px -277px; } .iconlifestylesmall{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:-85px -171px; } .iconnetsecurity{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:0px -332px; } .iconnetsecuritysmall{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:-85px -203px; } .iconuntest{ background-image:url(../images/category-icons.png); background-repeat:no-repeat; background-position:0px -385px; } .labeltitle{ font-size:250%; padding-top:10px; padding-bottom:15px; color:#666; font-weight: normal; font-family: "InterstateLight"; } .labeltitlehome{ font-size: 135%; height: 60px; color:#666; font-weight: normal; font-family: "InterstateLight"; display: flex; justify-content: left; align-items: center; } .moveleft{ margin-left: -10px; } .labeltitleresult{ font-size:300%; padding-bottom:5px; color:#666; font-weight: normal; font-family: "InterstateLight"; } .labeltitlesmall{ font-size: 150%; color:#666; font-weight: normal; font-family: "InterstateLight"; height: 60px; display: flex; align-items: center; line-height: 1em; } .labelinfos{ font-size: 100%; } .labeltitlesmallresult{ font-size: 140%; padding-bottom:10px; color:#666; font-weight: normal; font-family: "InterstateLight"; line-height: 25px; display: flex; align-items: center; height: 75px; } .labelinfo{ padding-bottom: 20px; width: auto; } .row2resultcolumn1{ padding-top: 30px; padding-bottom: 30px; width: 440px; float: left; padding-left: 10px; } .whiterow{ min-height:100px; font-size:30px; width:auto; margin:0 auto; background-color: rgb(255, 255, 255); word-break:normal; padding-top:50px; padding-bottom:50px; text-align:center; color:#666; background-color: #fff; display: flex; align-items: center; } .whiterowother { min-height:100px; font-size:30px; width:auto; margin:0 auto; background-color: rgb(255, 255, 255); word-break:normal; padding-top:50px; padding-bottom:50px; text-align:center; color:#666; background-color: #fff; align-items: center; } .whiterowother a{ color: #FFF; text-decoration: none; font-size: 16px; padding: 10px; padding-right: 25px; background-image: url(../images/carousel_arrow-next.gif); background-position: 94% 49%; background-repeat: no-repeat; margin: 0 auto; display: flex; align-items: center; width: 50%; } .whiterowother p { line-height: 1.275em; } .resulturlholder{ width:100%; word-break:break-all; line-height: 1 !important; } .rowresult{ text-shadow: 0px 1px 0px rgba(255,255,255,.7); width:100%; border-top:#DBDBDB 1px solid; background-color:rgb(235, 235, 235); clear:both; border-bottom:#FFF 1px solid; overflow: hidden; } .slim-box-content-large .rowresultcolumn1 { width:49% } .slim-box-content-large .rowresultcolumn2 { width:49% } .slim-box-content-large .row2resultcolumn1 { width:49% } .slim-box-content-large .row2resultcolumn2 { width:49% } .rowresultcolumn1 { width: 50%; border-right: #DBDBDB 0px solid; float: left; padding-left: 50px; padding-right: 50px; padding-bottom: 20px; margin-bottom: -10000px; padding-bottom: 10000px; } .rowresultcolumn2 { width: 50%; border-left: #FFF 1px solid; float: left; vertical-align: middle; padding-left: 50px; padding-right: 50px; padding-bottom: 20px; margin-bottom: -10000px; padding-bottom: 10000px; } .inforating{ float: left; } .titlerow{ text-shadow: 0px 1px 0px rgba(255,255,255,.7); color:#666; padding-top:10px; padding-bottom:10px; padding-left:30px; border-top:#DBDBDB 1px solid; border-bottom:#FFF 1px solid; width:auto; background-color: rgb(218, 216, 216); font-size:20px; } .bannerholder .titlerow{ width:100%; } .titlerowwhite{ text-shadow: 0px 1px 0px rgba(255,255,255,.7); color:#666; padding-top:10px; padding-bottom:10px; padding-left:30px; width:100px; border-top:#DBDBDB 1px solid; border-bottom:#FFF 1px solid; width:auto; background-color:#FFF; font-size:18px; font-weight:bold; } .rowstylegrey{ text-shadow: 0px 1px 0px rgba(255,255,255,.7); color:#666; padding-top:10px; padding-bottom:10px; padding-left:30px; width:100px; border-top:#DBDBDB 1px solid; border-bottom:#FFF 1px solid; width:100%; background-color:rgb(235, 235, 235); font-size:18px; } .rowstylegrey .checkinput input { margin-right: 10px; } .whitebordertop{ border-top:#FFF 1px solid; border-bottom:#DBDBDB 1px solid; } .radioinput input{ -webkit-appearance:radio; -webkit-border-radius: 0; } .normal{ font-size:18px; color:#666; font-family: "InterstateLight"; cursor: pointer; text-shadow: 0px 1px 0px rgba(255,255,255,.7); } .checkinput input{ -webkit-appearance:checkbox; -webkit-border-radius: 0; margin-right:100px; } .commentinput{ padding-top:40px; padding-left:30px; } .commentinput textarea{ width: 95%; height:100px; } .commentinputX input{ width:500px; border:1px solid #999; background-color:#FFF; } .borderbottom{ border-bottom: rgb(206, 202, 202) 1px solid !important; } .bordertop{ border-top: #FFF 1px solid !important; } .button2{ padding:5px; width:50px; height:50px; background-color:#C00; padding-top:10px; padding-bottom:10px; } .whiterow p{ padding-top:30px; padding-bottom:30px; font-size:50%; word-break:normal !important; word-wrap:break-word !important; } .whiterow a{ color:#FFF; text-decoration:none; font-size:16px; padding:10px; padding-right: 25px; background-image:url(../images/carousel_arrow-next.gif); background-position:94% 49%; background-repeat:no-repeat; margin: 0 auto; display: flex; align-items: center; width: auto; } .whiterow a:hover{ color:#FFF; text-decoration:none; font-size:16px; } h1 a{ color:#333 !important; text-decoration:none; } h1 a:hover{ color:#333 !important; text-decoration:none; } .cleardiv { clear:both; } .columnholder{ clear:both; margin-top:23px; } .columnholder2{ clear:both; margin-top:30px; width:100%; } .divspacer{ height:50px; width:20px; } .suggestoptionholder{ width:90%; margin:0 auto; padding-top:10px; display:none; } .suggestoptiontitlebar{ height:auto !important; font-size:20px !important; } .displaysuggestoptionholder{ width:800px; margin:0 auto; padding-top:20px; display:block !important; } .suggestionpanelbg{ background-color: rgb(235, 235, 235); } #suggested_category_name{ border:1px solid #900; background-color:#FFF; height: 35px; padding-left:10px; padding-top:0px; } #textfieldemail{ border: 1px solid rgb(153, 152, 152); background-color: #FFF; height: 30px; padding-left: 10px; padding-top: 6px; width: 290px; padding-bottom: 5px; } .introholdertext{ padding-top:10px; text-shadow: 0px 1px 0px rgba(255,255,255,.7); padding-bottom:10px; } .categoriestitledropdown{ background: rgb(218, 216, 216); margin: 0; padding: 15px 15px 15px 35px; font-size: 25px; color: rgb(158, 158, 157); font-weight: normal; font-family: "InterstateLight"; cursor: pointer; text-transform: none; text-shadow: 0px 1px 0px rgba(255,255,255,.7); } .suggestionpanelbg div{ padding: 10px 15px 15px 25px; } .pane-title p{ clear: both; float: left; margin-left: 15px; margin-top: 20px; background: url(../images/arrowdown.png) no-repeat; width: 13px; height: 13px; cursor: pointer; } .openpanel p{ background: url(../images/arrowup.png) no-repeat !important; } element.style { } footer { border:none; } .overlayshapeinput{ margin: 0 auto; height:auto; background-color:rgb(204, 204, 204); border-top:1px solid #FFF; border-right:1px solid #FFF; padding:20px; } .overlayshapespn{ padding:10px; margin: 0 auto; width:830px; min-height:30px; background-color:rgb(141, 141, 141); color:#FFF; line-height:1.3; text-shadow: 0px -1px 0px rgba(107, 107, 107, 0.46); border-right:1px solid #FFF; letter-spacing:.8px; font:Arial,Verdana,sans-serif; } .rssholdertable{ border-bottom:1px solid #CCC; width: 562px; overlay:hidden; } .rssfirstcol{ float: left; width:345px; overflow:hidden; padding-bottom:10px; padding-top:10px; border-right: 1px solid rgb(213, 213, 213); padding-left: 5px; word-break:break-word; padding-right: 5px; } .rsssecondcol{ padding-bottom:10px; padding-top:10px; float: left; padding-left:10px; width:150px; } .checkanotherurl{ display:none; padding-top:10px; padding-bottom:10px; width:auto; border-bottom:1px solid #CCC; } .checkanotherurl a{ color:#FFF; text-decoration:none; background-color:#999; margin:0 auto; } .homeratingholder{ margin:0 auto; margin-top: 0px; min-height:160px; background:rgb(243, 243, 243); -webkit-box-shadow: #888888 0 0px 4px; -moz-box-shadow: #888888 0 1px 4px; -o-box-shadow: #888888 0 1px 4px; box-shadow: #888888 0 1px 3px; text-shadow: 0px 1px 0px rgba(255,255,255,.7); font-size:14px; } .homeratinghead{ width:100%; border-bottom: 1px solid rgb(216, 216, 216); min-height: 20px; padding-top:5px; padding-bottom: 5px; font-size: 16px; color: rgb(136, 136, 136); } .homeratinghead span{ padding-left:10px; } .homeratingdefinition{ width: 25%; border-right:1px solid rgb(216, 216, 216); /* min-height:160px; */ height: 189px; float:left; } .inforesulthome{ width:150px; } .showmorerating:hover{ background-color:#CCC !important; } .ratinginforowhome { width: 50%; display: inline-block; alignment-adjust:auto; min-height: 130px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding-left: 10px; padding-top: 5px; margin-left:-2px; margin-top:-5px; } .categoriesinfohome { padding-top: 5px; padding-bottom: 15px; padding-left:10px; } .noborderright{ border-right:none; } .showbordertop{ border-top:1px solid #CCC; } .headinghomecontent{ padding-top:10px; padding-bottom:10px; padding-left:10px; } .accordionhomeholder{ background:#FFF ;/*rgb(235, 235, 235)*/ width:100%; float:left; display:none; border-top:1px solid #CCC; } #page-heading h1 { float:none; margin-bottom:10px; } #page-heading h2{ font-weight:100; display:block; float:none; margin-bottom:20px; } .subtext{ font-size:14px; padding-top:10px; } .textholder{ padding:20px; font-size:18px; } .showmorerating{ height:20px; text-align:center; font-size:12px; border-top:1px solid #CCC; clear:both; width: 100%; padding-top: 2px; cursor:pointer; text-transform:uppercase; color:#C00; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background-repeat:no-repeat !important; background-position:center !important; } nav#primary ul li input { width:195px; } nav#primary ul { width:100%; } #logo a:hover { background-color: #FFF !important; } nav#secondary ul li a:hover { color: #555; font-size: 100%; text-decoration:underline; background-color:#FFF !important; } .buttonok:hover{ background-color:#900; } nav#secondary a{ color:#666; } .togglelinkdown{ padding-right:20px; background-image:url(../images/showmore.png); background-repeat:no-repeat; background-position:right center; width:auto; display:inline-block; } .togglelinkup{ padding-right:20px; background-image:url(../images/hidedetails.png) !important; background-repeat:no-repeat; background-position:right center; width:auto; display:inline-block; } .togglelinkdownhome{ padding-right:20px; background-image:url(../images/showmore.png); background-repeat:no-repeat; background-position:right center; width:auto; display:inline-block; } .togglelinkuphome{ padding-right:20px; background-image:url(../images/hidedetails.png) !important; background-repeat:no-repeat; background-position:right center; width:auto; display:inline-block; } .checkanotherurl:hover{ background-color:#CCC !important; } .nofloat{ float:none !important; } /* ------------------------POPULAR PRODUCTS MAIN NAV DROP DOWN-------------------------*/ .group:before,.group:after{content:"";display:table;}.group:after{clear: both;}.group{zoom: 1; /* For IE 6/7 (trigger hasLayout) */}body,h1,h2,h3,h4,p,ul,ol,li,div,span,a{margin:0;padding:0;}a{color:#e56600;text-decoration:none;}a:hover{color:#666;text-decoration:underline;background-color:transparent;}#newMenuContainer{width:914px;font-family:Arial,Helvetica,Sans-Serif;font-size:14px;}#bizDropSegments{margin:15px 0 0px 15px;}#smallBiz,#entBiz{width:50%;float:left;}nav#primary ul li .sub a.largeBtn{background:#ddd;height:auto;margin-right:15px;padding:12px 12px 8px 12px;color:#333;display:block;text-decoration:none;margin-bottom:10px;}nav#primary ul li .sub a:hover.largeBtn{background:#c00;color:#fff;text-decoration:none;}nav#primary ul li .sub a.largeBtn span{font-size:12px;text-transform:none;}nav#primary ul li .sub a.largeBtn h2{font-family:InterstateLight;font-weight:normal;background-color:transparent;font-size:26px;padding:0;margin-bottom:0;text-transform:none;color:inherit;}nav#primary ul li .sub a.largeBtn .btnCaret{position:relative;right:0px;top:8px;font-size:48px;font-family:Interstate;display:inline-block;float:right;}#bizDropSegments ul{margin-left:34px;}#bizDropSegments ul li,#bizTopics ul li{margin-bottom:4px;}nav#primary ul li .sub #browseByNeed{/*border-top:2px dotted #eee;margin-top:;*/}.sectionBreakTitle{text-transform:uppercase;position:relative;top:-10px;left:40%;padding:10px;background:#fff;}#bizTopics{}.col33{width:33.25%;float:left;height:286px;}/* width allows for border on IDs*/nav#primary ul li .sub #bizTopics h2{padding:10px;text-transform:none;font-size:16px;color:#eaeaea;background:#333;font-weight:normal;}nav#primary ul li .sub #browseByNeed #bizTopics ul{margin:10px 15px 15px 15px;}#popular,#solutions,#challenges{border-right:1px solid #ddd;}nav#primary ul li .sub #browseByNeed #bizTopics ul.sub2{margin:0px 0px 4px 10px;font-size:12px;}#popular,#solutions,#challenges{border-right:1px solid #ddd;} #urlhelp{ color: #CC0000; } .thumbnail{ border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); display: block; line-height: 20px; padding: 4px; transition: all 0.2s ease-in-out 0s; } #recaptcha{ width:270px; padding: 0px; } #recaptcha2{ width:270px; padding: 10px; } #captcha{ color: #E56600; text-decoration: none; padding: 0px; } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1000; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: hidden; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content/Box */ .modal-content { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 15px; border: 1px solid #888; width: 60%; /* Could be more or less, depending on screen size */ } /* The Close Button */ .close-modal:hover, .close-modal:focus { color: black; text-decoration: none; cursor: pointer; } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } /* The Close Button */ .close-modal { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close-modal:hover, .close-modal:focus { color: black; text-decoration: none; cursor: pointer; } .modal_button{ position: absolute; bottom: 0; width: 90% !important; height: 60px; display: flex; justify-content: center; align-items: center } .modal_button a{ color: #fff; padding: 3% 2%; font-size: 15px; line-height: 1.2em; text-align: center; } .modal_button a:hover{ text-decoration: none; color: #fff; } .modal_content_2{ position: relative; width: 50%; float: left; padding: 0 10px 0 0; } .modal_content_2 h3{ font-size: 24px; line-height: 1em; } .modal_content_2 p{ line-height: 100%; } .modal_body_div{ display: flex; padding: 10px; margin: 25px 10px 10px; border: 1px solid #ddd; height: 230px; } @media all and (max-width: 601px) and (min-width: 300px) { .modal_button{ position: unset; } .modal_button a{ color: #fff; padding: 2% 3%; font-size: 12px; line-height: 1.5em; } .modal_content_2{ width: 100%; float: none; padding: 15px 10px 0 0; } .modal_content_2 h3{ font-size: 15px; line-height: 1em; } .modal_content_2 p{ font-size: 11px; line-height: 1.3em; } .modal_body_div{ display: block; padding: 10px; margin: 25px 10px 10px; border: 1px solid #ddd; height: auto; } .modal_content_2:last-child{ padding: 25px 10px 0 0; } .bannerholder{ margin-top: 20px; } .pageinfo{ margin-bottom: 20px; } } @media all and (max-width: 940px) and (min-width: 602px) { .modal_button{ position: unset; } .modal_button a{ color: #fff; padding: 2% 9%; font-size: 11px; } .modal_content_2{ width: 100%; float: none; padding: 15px 10px 0 0; } .modal_content_2 h3{ font-size: 20px; line-height: 1em; } .modal_body_div{ display: block; padding: 10px; margin: 25px 10px 10px; border: 1px solid #ddd; height: auto; } .modal_content_2:last-child{ padding: 25px 10px 0 0; } .bannerholder{ margin-top: 20px; } .pageinfo{ margin-bottom: 20px; } } @media all and (max-width: 1180px) and (min-width: 941px) { .modal_button a{ color: #fff; padding: 4% 3% 4% 7%; font-size: 12px; line-height: 1.2em; } .modal_content_2{ width: 50%; float: left; padding: 0 10px 0 0; } .modal_content_2 h3{ font-size: 20px !important; line-height: 1em; } .modal_body_div{ padding: 10px; margin: 5px 10px 10px; border: 1px solid #ddd; height: 210px; } .modal-content{ width: 80% !important; } .bannerholder{ margin-top: 60px; } } /*@media all and (max-width: 1278) and (min-width: 941px) { .modal_content_2 h3{ font-size: 20px !important; } }*/ @media all and (max-width: 1478px) and (min-width: 1181px) { .modal_button a{ color: #fff; padding: 2% 10%; font-size: 14px; line-height: 1.4em; } .modal_content_2{ width: 100%; float: left; padding: 0 10px 0 0; } .modal_content_2 h3{ font-size: 23px; line-height: 1em; } .modal_body_div{ padding: 10px; margin: 5px 10px 10px; border: 1px solid #ddd; height: 210px; } .modal-content{ width: 70% !important; } }