/* OLD STYLES 2014 */ #mapson { display: none; } .textsmall { font-size: .85em; line-height: 1.3em; } .column { width: 16.6%; padding-right: 12px; display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .twocolumn { width: 33.6%; display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .threecol { width: 33%; display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .fivecol { width: 20%; display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .twocol { width: 50%; display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .threecol { clear: none; width: 33%; display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .fourcol { clear: none; width: 25%; display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } a:link.btn-white,a:visited.btn-white,a:active.btn-white { display: inline-block; background: #ffffff; color: #006633; text-decoration: none; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; font-size: 12px; line-height: 12px; padding: 5px 20px; border-radius: 3px; } a:hover.btn-white { background: #323232; color: #ffffff; } a:link.btn-orange, a:visited.btn-orange, a:active.btn-orange { background: #ff6319; color: #ffffff; font-size: 20px; line-height: 20px; font-weight: 300; display: inline-block; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; border-radius: 3px; padding: 14px 45px; } a:hover.btn-orange { background: #323232; color: #ffffff; text-decoration: none !important; } a:link.btn-bigwhite, a:visited.btn-bigwhite, a:active.btn-bigwhite { background: #ffffff; color: #006633 !important; font-size: 20px; line-height: 20px; font-weight: 300; display: inline-block; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; border-radius: 3px; padding: 14px 45px; } a:hover.btn-bigwhite { background: #323232; color: #ffffff !important; text-decoration: none !important; } a:link.btn-biggreen, a:visited.btn-biggreen, a:active.btn-biggreen { background: #00a05b; color: #ffffff !important; font-size: 20px; line-height: 20px; font-weight: 300; display: inline-block; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; border-radius: 3px; padding: 14px 45px; } a:hover.btn-biggreen { background: #363636; color: #ffffff !important; text-decoration: none !important; } a:hover.btn-white { background: #323232; color: #ffffff; } .hideul, .showul { display: block; } a.btn-green, form input.btn-green { display: inline-block; color: #ffffff !important; text-transform: uppercase; background: #00b7ff; padding: 20px 40px; font-size: 18px; line-height: 18px; font-weight: 400; cursor: pointer; white-space: nowrap; } a.btn-green:after, form input.btn-greena:after { content: url('/images/arrow-right-white-small.png'); margin: 0 0 0 4px; white-space: nowrap; } a:hover.btn-green, form input:hover.btn-green { background: #00a4e5; text-decoration: none; } a.btn-small-green { text-decoration: none; background: #00b7ff; display: inline-block; cursor: pointer; border: 0; padding: 6px 12px; font-size: 12px; color: #ffffff !important; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;} a:hover.btn-small-green { background: #00a4e5; text-decoration: none; } a.btn-download img { width: 100px; } a.btn-compare { padding: 10px 20px; } .imgoffsite { height: 14px; padding: 0 0 0 8px; } /* New leftnav style */ #tierwithnav { width: 1200px; position: relative; margin-left: -600px; left: 50%; } #tierwithnavleft { width: 24%; padding: 25px 0 30px 0; float: left; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } #tierwithnavleft .responsiveonly, #productmodels .responsiveonly { display: none; } #tierwithnavleft a { display: block; width: 100%; padding: 5px 10% 5px 10%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #tierwithnavleft a.selected, #tierwithnavleft a:hover.selected { color: #000000; text-decoration: none; } #tierwithnavleft ul, ul.subleftnav { list-style-type: none; position: relative; padding: 0 0 30px 0; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } ul.subleftnav { padding-bottom: 30px; } #tierwithnavleft ul ul { width: 90%; padding: 10px 0 10px 10px; margin: 5px 0 10px 0; background: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #tierwithnavleft h4.navigation { float: left; line-height: 30px; color: 4F5454; border: none; font-size: 15px; font-weight: 600; width: 100%; margin: 0 0 15px 0; padding: 15px 0 0 10%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #tierwithnavleft h4.related { float: left; line-height: 30px; color: 4F5454; border: none; font-size: 15px; font-weight: 600; width: 100%; margin: 20px 0 15px 0; padding: 15px 0 0 10%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #tierwithnavmain { width: 76%; float: right; padding: 0 0 0 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .linksrelated { background: #ffffff; margin: 0 0 -30px 0; } #tierwithnavleft ul:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 100%; height: 0; border-top: 23px solid #f2f2f2; border-right: 23px solid #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #tierwithnavleft .linksrelated ul:after { display: none; } /* Form Styles */ .standard form input, .standard input, .standard form select, .standard select, .standard form textarea, .standard textarea, #support form textarea, #news select { -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 16px; color: #646466; border: 2px solid #cfd5d3; background: #ffffff; padding: 14px 11px; width: 335px; font-family: Verdana, Arial, Helvetica, sans-serif; border-radius: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .standard input[type="checkbox"] { width: 20px; height: 20px; padding: 0; margin: 0 10px 0 0; float: left; border: 2px solid #cfd5d3; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .standard input[type=checkbox]:disabled, .standard input[type=checkbox]:disabled+label { opacity: .4; } .standard input[type=checkbox]:checked { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAYAAADGWyb7AAADZGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjU1N2NiY2M0LWRiYmMtNGFjOC05MGI4LTk5NDNmZmIxNDBiZiIKICAgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQjUzQTc4NDIxNjMxMUU0ODA1NkUwQTA5MkNFRkQ5NSIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQjUzQTc4MzIxNjMxMUU0ODA1NkUwQTA5MkNFRkQ5NSIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPgogICA8eG1wTU06RGVyaXZlZEZyb20KICAgIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTg2QURENDBDNzAyMTFFMzhGRDdFODE0RTVDM0M3QjUiCiAgICBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4NkFERDQxQzcwMjExRTM4RkQ3RTgxNEU1QzNDN0I1Ii8+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQg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") no-repeat center center; background-size: 20px 20px; } @-moz-document url-prefix() { .standard input[type=checkbox]:checked { background: none; } } .standard form select, .standard select, #news select { background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAXCAMAAACMPLmjAAADZGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjk0MzI1Yjk0LWFiYjQtNGU2OC1hNTVmLTYyNWNmMmZiN2E5YyIKICAgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QUU0MEY3QTRFNjgxMUU1QjRDOEMwODY5MjExRTUyRCIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QUU0MEY3OTRFNjgxMUU1QjRDOEMwODY5MjExRTUyRCIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPgogICA8eG1wTU06RGVyaXZlZEZyb20KICAgIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUY0OTRGRjk1QjgzMTFFM0I0ODY4REQwOTEyMzRFNDIiCiAgICBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVGNDk0RkZBNUI4MzExRTNCNDg2OEREMDkxMjM0RTQyIi8+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+P3zgqQAAAYRpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZG5S0NBEIc/EyWepDCIhUWKYCFGNErQzgOJSgghRvBqkpdLSOLjvYiIpYVtihQe2BjExlo78R8QBEGttLAVCwUbkedsIkTEzLK73/52ZnZ3FmyLWS1nNg5CLl8wIoFJ9+LSstvxRAtOaXa6YpqpT4TDQeraxx0Nar71qlz1/f61tkTS1KChWXhc042C8IxwaLOgK94TdmmZWEL4TLjfkAsKPyg9XuUXxekK21ROlxGNTAm7hN3pXxz/xVrGyAmPCHty2Q3t5z7qJe3J/MK80qX3YBIhwCRuZplmCj9DjMnox4uPAVlRJ95XiQ+xLrGajDpbGKyRJkOBflE3JHtS5pToSWlZ8RBTf/C3tmZq2Fc9oX0Omp4t670PHIfwtWtZn8eW9VUGu9TlqlSLXy/B6KvoxZrmOQLnDpxf1rT4CVwUoftRjxmximSXbkul4O0UOpag8wZaV6p1+9mnfA/RbQhew/4B9Iq/c/UbvM5nGXAvoVQAAAAJcEhZcwAACxMAAAsTAQCanBgAAACcUExURQAAAJWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlTABMI4AAAAzdFJOUwABAwQFCgwOExUbISIoMzQ9RlVaX2lub3eCh4yQmJulqa/CxMfP1+Hk5+zu7/P3+Pr9/rHT1CUAAACfSURBVBgZpcHbEoFQAAXQHYmEJNdcc0lIyv7/fzOmaVR6OOe0FnyWJY/cAUIGL9ZLhhDjsd4agoyQdW5diHJZZwph2on/zhrE2SmrUhsydqzaQooZsezeg5wFy2aQpAcsurQgy2HBewx5Pn/2UGDFzD37UOExt4QSI2Qm0KHGZcaBIu3ILx/KRinJ2IK6HckVGjAjXjtoYs4JGmlvIO0Dets9jByVWmwAAAAASUVORK5CYII=") no-repeat right center; background-size: 24px 10px; color: #646466;} #howtobuy .standard form select { background: none; background-color: #ffffff; } .standard form .btn, .standard .btn, .standard button.btn .standard input.btn-green { font-size: 16px; color: #ffffff; background: #00A05B; font-weight: 300; border: none; width: auto; border-radius: 0; padding: 11px 28px; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none;} .standard form .btn:hover, .standard .btn:hover, .standard button.btn:hover, .standard input.btn-green:hover { background: #323232; cursor:pointer;} .standardmini input, .standardmini select { -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 16px; color: #ffffff; background: #00AEF2; border: 2px solid #00AEF2; padding: 6px 6px; width: 335px; font-family: Verdana, Arial, Helvetica, sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .standardmini select { padding-right: 30px; background: #00AEF2 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAXCAYAAAC74kmRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDMyNWI5NC1hYmI0LTRlNjgtYTU1Zi02MjVjZjJmYjdhOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0FFNDBGN0E0RTY4MTFFNUI0QzhDMDg2OTIxMUU1MkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0FFNDBGNzk0RTY4MTFFNUI0QzhDMDg2OTIxMUU1MkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUY0OTRGRjk1QjgzMTFFM0I0ODY4REQwOTEyMzRFNDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUY0OTRGRkE1QjgzMTFFM0I0ODY4REQwOTEyMzRFNDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5xiSlGAAABhUlEQVR42mL8////egYGhgAG8sFvIP5ChLrdQBzOMMgAIzAAlID0NSBmp6E9oEDSA+Ibgy0AmID4HhD309ieSYPR87AUAKJ5oA6UpoEdL4BYHYg/DcYAYILSoDxcRiM7Kgar55FTAJgNxIeB2JqK5p8AYisg/j8UAgAETID4JFLKoAT8A2JzID7DMIgBukdBjp1HJbNnD3bPY0sBICAKxLeAWIACc99CC763gz0AsCX110DcQKG5tUPB87hSAAiwAvElINYgw8wL0LLk71AIACY8Lbd8MswDhWbeUPE8A4HSfhcQbyDRvOXQqnTIAFxZAAYUof0EDiLM+gLNMk+HUgAQqu/vA/EEIs1qGWqeJyYFENtPuAHt7f0eagHARGTSJtRPyB+Knic2BcD6CQeB2BaLHKigDGQYooDYAAABYyA+hZZqfgCxFrSsGJKAlE7PWSz9hO6h7HlSUwB6P+EREGsC8behHACkdntB/YR6KLtkqHseBFjI0DMNiEEDqasZhgEACDAAlQVmspCCYGUAAAAASUVORK5CYII=") no-repeat right center; background-size: 24px 10px; } .standardmini form .btn, .standardmini input.btn { color: #ffffff; background: #00b7ff; font-weight: 300; border: none; width: auto; padding: 6px 10px; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear;} .standardmini form .btn:hover, .standardmini input.btn:hover { background: #00a4e5; cursor:pointer;} .centered { text-align: center; } #div_Filter { margin: 8px 10px 30px 0; display: inline-block; } #tierendorsement { width: 100%; min-height: 200px; padding: 70px 0; float: left; clear: both; } #tierendorsement h2 { font-size: 30px; line-height: 1.25em; font-weight: 300; padding: 0 0 45px 0; text-align: center; color: #4F5454; } #tierendorsement blockquote { position: relative; margin: 0; font-size: 30px; padding: 0 0 0 40px; font-weight: 400; line-height: 38px; color: #4F5454; margin-bottom: 10px; } #tierendorsement blockquote:before { position: absolute; top:0; content:"\201C"; font-family: 'Arial', serif; color: #84c361; font-size: 78px; margin: 24px 5px 0 -30px; line-height: .1em; } #tierendorsement blockquote:after { position: absolute; bottom: 0; content:"\201D"; font-family: 'Arial', serif; color: #84c361; font-size: 78px; margin: 0 0 -20px 4px; line-height: .1em; } #tierendorsement p { padding-left: 40px; } #tierendorsement .twocol { padding: 0 15px; } #tierendorsement .twocol img { float: left; max-width: 400px; width: 100%; } #tierendorsement .first { width: 45%; } #tierendorsement .second { width: 55%; } .grey { background: #f2f2f2; } #pcs .centeredlink { text-align: center; margin: 0 auto; clear: both; padding: 30px 0; } #pcs h1.tier { padding: 0 0 10px 0; font-size: 52px; line-height: 1.1em; text-align: center; margin: 0 auto; } #pcs h2.tier { font-size: 32px; line-height: 44px; font-weight: 300; width: 100%; margin: 0 auto 50px auto; text-align: center; } #pcs p.seventy sup { font-size: .6em; } #pcs .tabhead { padding: 20px 0; text-align: center; } #pcs .tabhead img { margin-bottom: 8px; max-width: 100%; } #pcs .tabhead h3 { font-size: 18px; line-height: 24px; font-weight: 300; text-align: center; width: 60%; margin: 0 20%; } #pcs .item { width: 100%; float: left; clear: both; padding: 30px 0; text-align: left; } #pcs .item p { display: table-cell; vertical-align: middle; height: 200px; font-size: 18px; line-height: 28px; font-weight: 300; } #pcs .item a { font-weight: 600; } #pcs .item a.regularlink { font-weight: 300;} #pcs .itemimage { width: 33%; margin: 0 9% 0 9%; float: left; vertical-align: middle; } #pcs .itemright { float: right; vertical-align: middle; } #pcs .seventy { width: 70%; margin: 30px 15%; font-size: 24px; line-height: 34px; font-weight: 300; text-align: center;} #pcs .eighty { width: 80%; margin: 30px 10%; font-size: 24px; line-height: 34px; font-weight: 300; text-align: center;} #pcs hr { width: 50%; clear: both; margin: 0 auto; color: #efefef; background-color: #efefef; border: none; height: 1px; } #pcs .twocol { width: 50%; display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; margin: 0 0 50px 0; } #pcs .twocol .checkmark { width: 11%; padding: 5px 0; padding-right: 2%; float: left; color: #009530; height: 40px; } #pcs .twocol .checkmark img { height: 40px; max-width: 100%; padding: 5px 0 0 0; vertical-align: middle; } #pcs .twocol .value { width: 87%; height: 40px; padding: 5px 0; display: table-cell; vertical-align: middle; font-size: 18px; font-weight: 300; line-height: 28px; } #pcs #tierrelated { clear: both; padding-top: 100px; } #pcs #tierrelated .rtitem { width: 20%; padding: 0 3%; display: block; float: left; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 20px;} #pcs #tierrelated .rtitem img { width: 100%; max-width: 100px; } #pcs #tierskinnybanner { margin-bottom: 40px; background: url('/images/pcs-banner-products.jpg') top center no-repeat; width: 100%; height: 244px; float: left; } #pcs #tabs { margin: 0; text-align: center; padding: 0; border-bottom: none; } #pcs #tabs div { display: inline-block; line-height: 0; margin: 0 2px;} #pcs #tabs a { text-decoration: none !important; } #pcs #tabs a:link span.tab, #pcs #tabs a:active span.tab, #pcs #tabs a:visited span.tab { text-align: center; font-size: 19px; line-height: 24px; text-decoration: none; display: table-cell; vertical-align: middle; width: 375px; height: 70px; border: 2px solid #adacac; border-radius: 4px; color: #adacac; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #pcs #tabs a:hover span.tab { background: #363636; border: 2px solid #363636; color: #ffffff; } #pcs #tabs a.selected span.tab { background: #00A05B; border: 2px solid #00A05B; color: #ffffff; } .arrowdown { display: inline-block; width: 18px; height: 9px; margin: 0; padding: 0; } #pcs #tabs a.selected .arrowdown { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjg2OTVBMDQ0NTgwMTFFNDhDRjU4QTBBQjYzM0E2Q0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjg2OTVBMDM0NTgwMTFFNDhDRjU4QTBBQjYzM0E2Q0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTQ1OUM0N0RBMkRGMTFFM0IwMTU4NDcwM0NGOEQwODEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTQ1OUM0N0VBMkRGMTFFM0IwMTU4NDcwM0NGOEQwODEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6vkkBlAAAAoklEQVR42mJkWBC9k4GBwRWIGRnIB4uYgIQ7EE+nwJBVQJzEBOVkA3EHGYasA+IYIP7LhCRYBcSzSDBkKxBHAvFvEAfZoP9AnAXEm4gwZBcQBwPxL5gAE5qCv1BbTuIx5AAQBwLxT2RBJiwKvwGxLxBfwyJ3FIh9oGoYCBkEAq+hsfkESewUEHsD8VdsGljweAFkiBcQ10LTWAoQf8SlGCDAAEM/Hj1FlYMZAAAAAElFTkSuQmCC') center center no-repeat; } #pcs .tabcontent { text-align: left; padding: 30px 0 0 0; width: 100%; height: 270px; } .level { padding: 70px 0; float: left; width: 100%; clear: both; } .level h2 { font-size: 30px; line-height: 36px; text-align: center; margin-bottom: 50px; } .level h4 { font-size: 19px; line-height: 24px; text-align: center; font-weight: 300; } #pcs .level h2 { margin-bottom: 10px; } #pcs .level h4 { margin-bottom: 50px; } #pcs #tierimage { padding: 0; } #pcs #tierimage img { width: 100%; } #pcs #tiercontent img { margin-bottom: 20px; } #pcs #tiercontent .threecol { text-align: center; } #pcs #tiercontent { padding: 50px 0 30px 0; } #pcs #tiervideo { padding: 0 0 30px 0; } #pcs #tiervideo { padding: 30px 0 70px 0; } #pcs .calltoaction { text-align: center; width: 100%; padding: 40px 0 0 0; float: left; clear: both;} #pcs .wbtn .btn-biggreen { margin: 0 0 0 20px; } #pcs .wbtn { font-size: 20px; font-weight: 400; } #pcs #tiervideo h2, #pcs #tierdc h2, #pcs #tiersecurity h2 { margin-bottom: 10px; } #pcs #tierdc h2 sup, #pcs #tiercontent h2 sup { font-size: .6em;} #pcs #tiervideo h4, #pcs #tierdc h4, #pcs #tiersecurity h4 { margin-bottom: 50px; } #pcs #tiervideo { text-align: center; } #pcs #tiervideo img { width: 100%; } #pcs #tierdc .threecol, #tierapps .fourcol { text-align: center; padding: 0 10px; } #pcs #tierdc h3, #pcs #tiercontent h3, #pcs #tiersecurity h3, #pcs #tierapps h3 { margin-bottom: 15px; font-weight: 600;font-size: 19px; text-transform: uppercase; text-align: center; } #pcs #tiersecurity h3 { text-align: left; } #pcs #tiersecurity .icons { width: 100%; float: left; clear: both; padding: 20px 0 0 0; text-align: center; } #pcs #tiersecurity .icons img { height: 120px; margin: 0 8px 0 8px; } #pcs #tiersecurity .icons img:nth-of-type(1) { margin-left: 0; } #pcs .rowoficons { clear: both; width: 100%; padding-top: 20px; text-align: center; } #pcs .rowoficons img { width: 20%; } #pcs #tierdc img, #tiercontent img { max-width: 80px; height: 80px; width: 100%; } #pcs #tiersuccess .icons { text-align: center; } #pcs #tiersuccess .icons img { margin: 0 10px; } #pcs #tierlogin { padding: 10px 0; text-align: right; float: left; clear: both; width: 100%; } #pcs #tierlogin .btn-green { margin-left: 20px; } .attop { position: absolute; top: 114px; left: 0; z-index: 10;} .scrolled { position: fixed; left: 0; top: 0; z-index: 10;} .biggie { font-size: 1.4em; line-height: 1.5em; font-weight: 300; } .hide { display: none !important; } #rdm-login { text-align: center; padding: 20px 0 0 0; } #rdm-login h1 { margin: 40px 5% 10px 5%; width: 90%; padding: 0;} #rdm-login h2 { margin: 30px 0 8px 0; padding: 0; } #rdm-login div .btn-green:nth-of-type(1) { margin-right: 20px; } #rdm-login div .btn-green img { height: 15px; margin-left: 8px; } #wds #tierofferings, #wds #tierdesignprocess, #wds #tierform, #wds #tiericons { padding: 70px 0; float: left; width: 100%; } #wds #tierendorsement { background: #ffffff; } #wds #tierdesignprocess h2, #wds #tierform h2, #wdsoffer #tierform h2, #wds #tiericons h2 { font-size: 30px; line-height: 36px; text-align: center; margin-bottom: 50px; } #wds #tierofferings { padding-top: 40px; } #wds #tierofferings h3 { font-size: 24px; line-height: 34px; font-weight: 300; text-align: center; width: 80%; margin: 0 10% 50px 10%; } #wds #tierofferings .fourcol { text-align: center; height: 235px; } #wds #tierofferings .fourcol a, #wds #tierofferings .fourcol a:hover { color: #4F5454; text-decoration: none; } #wds #tierofferings .fourcol a span { color: #00b7ff; font-weight: 600; } #wds #tierofferings .fourcol a:hover span { text-decoration: underline; } #wds #tierofferings img { width: 100%; max-width: 200px; margin: 0 0 8px 0; } #wds .contact, #wdsoffer .contact { float: left; clear: both; width: 100%; padding: 30px 0 0 0; text-align: center; font-size: 20px; } #wds .contact a.btn-green, #wdsoffer .contact a.btn-green { margin: 20px 0px 0px 20px; padding: 14px 30px; font-size: 20px; line-height: 20px; } #wds #tiericons { text-align: center; } #wds #tiericons .fourcol { display: inline-block; float: none; text-align: center; padding: 0 10px; vertical-align: top; } #wds #tiericons h3 { margin-bottom: 15px; font-weight: 600;font-size: 19px; } #wds #tiericons img { width: 80px; } #wds #tierbanner { width: 100%; height: 486px; display: table; text-align: center; vertical-align: middle; background: #c1c1c1 url('/images/wds-banner.jpg') center center no-repeat; color: #ffffff; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); } #wds #tierbanner .inside { height: 486px; display: table-cell; vertical-align: middle; text-align: center; } #wds #tierbanner h1 { text-transform: uppercase; font-size: 52px; padding: 0; line-height: 1.3em; } #wds #tierbanner h2 { font-size: 19px; } #wds #tierform h2 { margin-bottom: 10px; } #wds #tierform h4 { font-size: 19px; line-height: 28px; text-align: center; font-weight: 300; width: 80%; margin: 0 10% 50px 10%; } #wds #tierform .inside, #wdsoffer #tierform .inside { width: 100%; max-width: 720px; margin: 0 auto; } #wds #tierform form div, #wdsoffer #tierform form div { display: inline-block;width: 335px;margin: 0px 25px 25px 0px;float: left;} #wds #tierform form div.shim, #wdsoffer #tierform form div.shim { clear: both; } #wds #tierform form .shim .lbtn, #wdsoffer #tierform form .shim .lbtn {border: none; border-radius: 0; width: auto; display: inline-block; color: #ffffff; text-transform: uppercase; background: #00b7ff; padding: 20px 40px; font-size: 18px; line-height: 18px; font-weight: 400; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear;} #wds #tierform form .shim .lbtn:hover, #wdsoffer #tierform form .shim .lbtn:hover { background: #00a4e5; cursor: pointer; } #wds #tabs { margin: 50px 0 0 0; text-align: center;} #wds #tabs div { display: inline-block; line-height: 0; margin: 0 2px;} #wds #tabs a { text-decoration: none !important; } #wds #tabs a:link span.tab, #wds #tabs a:active span.tab, #wds #tabs a:visited span.tab { font-size: 19px; line-height: 24px; text-decoration: none; display: table-cell; vertical-align: middle; width: 155px; height: 70px; border: 2px solid #adacac; border-radius: 4px; color: #adacac; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #wds #tabs a:hover span.tab { background: #363636; border: 2px solid #363636; color: #ffffff; } #wds #tabs a.selected span.tab { background: #84c361; border: 2px solid #84c361; color: #ffffff; } .arrowdown { display: inline-block; width: 18px; height: 9px; margin: 0; padding: 0; } #wds #tabs a.selected .arrowdown { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAADGWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCODY5NUEwNDQ1ODAxMUU0OENGNThBMEFCNjMzQTZDQSIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCODY5NUEwMzQ1ODAxMUU0OENGNThBMEFCNjMzQTZDQSIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPgogICA8eG1wTU06RGVyaXZlZEZyb20KICAgIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTQ1OUM0N0RBMkRGMTFFM0IwMTU4NDcwM0NGOEQwODEiCiAgICBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE0NTlDNDdFQTJERjExRTNCMDE1ODQ3MDNDRjhEMDgxIi8+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+imHsOwAAAYVpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZG/L0NRFMc/ivhVkVCJwdBBDFJCScOGRoo0jRSJYmlf+1pJy8t7FRGjwdqhgx+xELGY2cQ/IJFIMDFYxUBikeY5t5W0ET03997P/d5zzr33XHAspbWMVTcImfWsGQ5Mupciy+6GF5pooZM62qOaZUzMzQWpal8P1Kj5vl/lqu73r7XEE5YGNY3C45phZoWnhUNbWUPxvrBLS0XjwhfCHlMuKPyk9FiJ3xQni+xQOV3mQtgv7BJ2Jys4VsFayswIjwj3ZNKb2u991EucifXFeaVL78YiTIBJ3MwwhR8fQ4zJ6KMfLwOyokq8txgfYkNiNRkNtjFZI0mKLB5RNyV7QmZd9IS0tHiIqT/4W1tLH/aWTnDOQv2rbX/2QcMRFPZs+/vEtgunUCt1ucmX4zfyMPoueq6s9RxD2y5cXpe12Blc5aDr2Yia0aJUK92h6/BxDq0R6LiD5pVS3X73OX2EhR0I3sLBIfSKf9vqD7qbZxhDa85PAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvklEQVQokaWSoQoCURBFz67NbvMLBLNpom4QtguWJzb/QJ7tBf9AsAwYDTaDBhEeIvg3BgURwbLCsu4qrhPvzJyBeydw3myANhBQvhahFY2A2R+QJTAIAazoCJiWgKyAvhV9hClxDMx/gKyBnhW9Q8YX500luRJ/gWyB2IreXsKbwc6bKrADWgWQPdC1ote0mJuU86aWLDQyrQMQWdFLdqcwcudNHTgC9UQ6AR0res6b//g7zpsmMEnmhkUQgCdCbi23wUlltQAAAABJRU5ErkJggg==') center center no-repeat; } #wds .tabcontent { text-align: left; padding: 30px 0 0 0; width: 100%; height: 270px; } #wds .tabcontent img { width: 100%; background: #c1c1c1;} #wds .tabcontent .left { width: 33%; padding: 0 2%; float: left; } #wds .tabcontent .right { width: 59%; padding: 0 2%; float: left; } #wds .tabcontent h3 { font-size: 24px; line-height: 34px; font-weight: 300; text-align: center; width: 80%; margin: 0 10% 35px 10%; } #wdsoffer #tierbanner { width: 100%; height: 287px; display: table; text-align: center; vertical-align: middle; color: #ffffff; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); } #wdsoffer #tierbanner .inside { height: 287px; display: table-cell; vertical-align: middle; text-align: center; } #wdsoffer #tierbanner h1 { text-transform: uppercase; font-size: 52px; margin: 0 auto; padding: 0; } #wdsoffer #tiernav { width: 100%; float: left; clear: both; padding: 20px 0 0 0; } #wdsoffer #tiercontent, #wdsoffer #tierform { width: 100%; float: left; clear: both; padding: 70px 0; } #wdsoffer #tiernav .fourcol { margin-bottom: 20px; } #wdsoffer hr { width: 100%; clear: both; margin: 30px auto; color: #efefef; background-color: #efefef; border: none; height: 1px; } #wdsoffer .offerart { width: 100%; max-width: 100%; height: auto; } #wdsoffer .twocol:first-child { width: 70%; } #wdsoffer .twocol:first-child + .twocol { width: 30%; } #wdsoffer .twocol:first-child + .twocol a:first-child { padding: 0 0 30px 0; float: left;} /* Contact us */ #contact .leftside { float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #contact .rightside { float: right; width: 50%; padding-left: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #contact h3 { font-size: 18px; margin-bottom: 20px; } #contact hr { border:none;border-top: 1px solid #D6D2C9; clear:both; width: 80%; margin: 30px 10%; } #contact hr.responsiveonly { display: none; } #contact #formhere { width: 100%; clear: both; padding-top: 70px; } #contact .icon { font-weight: 600; width: 100%; margin: 0 0 10px 0; clear: both; height: 35px; line-height: 35px; background-size: 35px 35px; padding: 0 0 0 45px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #contact .phone { background: url('/images/contact-icon-phone.png') left center no-repeat; background-size: 35px 35px;} #contact .email { background: url('/images/contact-icon-email.png') left center no-repeat; background-size: 35px 35px;} #contact .chat { background: url('/images/contact-icon-chat.png') left center no-repeat; background-size: 35px 35px;} #contact #requestForm #FormDiv, #contact #requestForm .goright { float: right; clear: right; } #contact iframe { height: 350px; } #contact .socialicon { width: 40px; height: 40px; margin-right: 5px; border: none; } #contact #requestForm div { width: 50%; float: left; margin-bottom: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #contact #requestForm div.double { margin-right: 50%; } #contact label { width: 100%; display: block; } #contact #requestForm input, #contact #requestForm select, #contact #requestForm textarea { -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 16px; color: #646466; border: 2px solid #cfd5d3; background: #ffffff; padding: 14px 11px; width: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; border-radius: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #contact #requestForm input { height: 53px; } #contact #requestForm select { height: 53px; background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAXCAMAAACMPLmjAAADZGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjk0MzI1Yjk0LWFiYjQtNGU2OC1hNTVmLTYyNWNmMmZiN2E5YyIKICAgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QUU0MEY3QTRFNjgxMUU1QjRDOEMwODY5MjExRTUyRCIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QUU0MEY3OTRFNjgxMUU1QjRDOEMwODY5MjExRTUyRCIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPgogICA8eG1wTU06RGVyaXZlZEZyb20KICAgIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUY0OTRGRjk1QjgzMTFFM0I0ODY4REQwOTEyMzRFNDIiCiAgICBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVGNDk0RkZBNUI4MzExRTNCNDg2OEREMDkxMjM0RTQyIi8+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+P3zgqQAAAYRpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZG5S0NBEIc/EyWepDCIhUWKYCFGNErQzgOJSgghRvBqkpdLSOLjvYiIpYVtihQe2BjExlo78R8QBEGttLAVCwUbkedsIkTEzLK73/52ZnZ3FmyLWS1nNg5CLl8wIoFJ9+LSstvxRAtOaXa6YpqpT4TDQeraxx0Nar71qlz1/f61tkTS1KChWXhc042C8IxwaLOgK94TdmmZWEL4TLjfkAsKPyg9XuUXxekK21ROlxGNTAm7hN3pXxz/xVrGyAmPCHty2Q3t5z7qJe3J/MK80qX3YBIhwCRuZplmCj9DjMnox4uPAVlRJ95XiQ+xLrGajDpbGKyRJkOBflE3JHtS5pToSWlZ8RBTf/C3tmZq2Fc9oX0Omp4t670PHIfwtWtZn8eW9VUGu9TlqlSLXy/B6KvoxZrmOQLnDpxf1rT4CVwUoftRjxmximSXbkul4O0UOpag8wZaV6p1+9mnfA/RbQhew/4B9Iq/c/UbvM5nGXAvoVQAAAAJcEhZcwAACxMAAAsTAQCanBgAAACcUExURQAAAJWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlTABMI4AAAAzdFJOUwABAwQFCgwOExUbISIoMzQ9RlVaX2lub3eCh4yQmJulqa/CxMfP1+Hk5+zu7/P3+Pr9/rHT1CUAAACfSURBVBgZpcHbEoFQAAXQHYmEJNdcc0lIyv7/fzOmaVR6OOe0FnyWJY/cAUIGL9ZLhhDjsd4agoyQdW5diHJZZwph2on/zhrE2SmrUhsydqzaQooZsezeg5wFy2aQpAcsurQgy2HBewx5Pn/2UGDFzD37UOExt4QSI2Qm0KHGZcaBIu3ILx/KRinJ2IK6HckVGjAjXjtoYs4JGmlvIO0Dets9jByVWmwAAAAASUVORK5CYII=") no-repeat right center; background-size: 24px 10px; color: #646466; } #contact #requestForm input[type="checkbox"], #news input[type="checkbox"] { width: 20px; height: 20px; padding: 0; margin: 0 10px 0 0; float: left; border: 2px solid #cfd5d3; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; } #contact #requestForm input[type=checkbox]:checked, #news input[type="checkbox"]:checked { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAYAAADGWyb7AAADZGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjU1N2NiY2M0LWRiYmMtNGFjOC05MGI4LTk5NDNmZmIxNDBiZiIKICAgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQjUzQTc4NDIxNjMxMUU0ODA1NkUwQTA5MkNFRkQ5NSIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQjUzQTc4MzIxNjMxMUU0ODA1NkUwQTA5MkNFRkQ5NSIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPgogICA8eG1wTU06RGVyaXZlZEZyb20KICAgIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTg2QURENDBDNzAyMTFFMzhGRDdFODE0RTVDM0M3QjUiCiAgICBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4NkFERDQxQzcwMjExRTM4RkQ3RTgxNEU1QzNDN0I1Ii8+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQg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") no-repeat center center; background-size: 20px 20px; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; } #contact #requestForm .btn-green { background: #00b7ff; padding: 20px 40px; font-size: 18px; line-height: 18px; font-weight: 400; border: none; width: auto; border-radius: 0; padding: 11px 28px; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; height: auto; } #contact #requestForm .btn-green:hover { background: #00a4e5; cursor:pointer;} #contact #lbl_ChallengeQuestion { font-weight: 600; font-size: 20px; } /* Support */ #support h2 { margin-bottom: 15px; text-transform:uppercase; } #support #tierwithnavmain { text-align: center; } #support #supportsearch, #support #supportfilter { margin-bottom: 50px; } #support #supportsearch { background: #efefef; padding: 30px 20px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #support #qs { width: 60%; margin-right: 20px; } #support #supportfilter input, #support #supportfilter select { width: 40%; } #support #theproducts { margin: 20px auto 0 auto; width: 100%; text-align: left; padding: 20px; height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; border: 2px solid #cfd5d3; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #support #sclearbtn { display: inline-block; margin-left: 5px; font-size: 12px; width: 20px; height: 20px; line-height: 20px; color: #cfd5d3; font-weight: 600; text-decoration: none; border-radius: 50%; } #support #sclearbtn:hover { color: #323232; } #support .supportphone, #support .supportrequest { width: 50%; float: left; padding: 20px 0 0 0; } #support .supportphone { font-size: 20px; line-height: 30px; } #support .supportphone strong { white-space: nowrap; } #support .supportrequest .btn-green { margin: 10px 0 20px 0; } #productdetail .threecol { border: 2px solid #cfd5d3; min-height: 220px; text-align: center; } #productdetail #actionone.threecol { width: 32%; margin: 0 1% 0 0; } #productdetail #actiontwo.threecol { width: 31%; margin: 0 1%; } #productdetail #actionthree.threecol { width: 32%; margin: 0 0 0 1%; } #productdetail .threecol img { width: 65px; padding: 10px 0 5px 0; } #productdetail .threecol h2 { margin-bottom: 15px; } #productdetail .threecol .phone { font-size: 18px; } #productdetail .threecol .label { font-size: 12px; padding-bottom: 15px; } #productdetail .rssicon { width: 14px; } #serviceagreements .scolumn {display: inline-block; width: 48%; margin: 0 1% 2% 1%; padding: 15px; border: 2px solid #cfd5d3; float: left; height: 450px; color: #474747; font-size: 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #serviceagreements .scolumn ul { padding-left: 15px; } #login .twocol { border: 2px solid #cfd5d3; height: 450px; width: 48%; margin: 0 1% 30px 1%; padding: 2%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #login .twocol h2 { text-align: center; text-transform:uppercase; } #login .twocol h3 { text-align: center; font-weight: 300; margin-bottom: 30px;} #login .twocol .btn-green { margin-top: 10px; } #login #Form1 div { width: 100%; padding: 0 0 8px 0; clear: both; float: left;} #login a.longurl { word-wrap: break-word; } #login #Form1 div label { width: 100%; float: left; } #login #Form1 div input { width: 100%; float: left; } #login #Form1 div input.btn { width: auto; } #entsupport h1.enterprise { width: 100%; max-width: 100%; height: 287px; font-size: 78px; line-height: 286px; color:#ffffff; margin: 0 0 50px 0; padding: 0; float: left; background: #c1c1c1 url('/support/images/background-enterprisesupport.jpg') center center no-repeat; max-width: 100%; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);} #entsupport #tierwithnav .teaser { font-size: 20px; line-height: 34px; padding: 0 0 30px 0; font-weight: 300; } #entsupport #tierpriority { margin: 30px 0 40px 0; width: 100%; float: left; clear: both; line-height: 26px; } #entsupport #tierpriority .twocol { border-left: 2px solid #00A05B; padding-left: 10px; } #entsupport #tierexpert { margin: 30px 0 50px 0; width: 100%; padding: 20px; float: left; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #entsupport h2, #appservices h2 { font-size: 28px; line-height: 38px; padding-bottom: 30px; } #entsupport #tierexpert .checkmark img { width: 30px; } #entsupport #tierexpert .checkmark { width: 12%; margin: 0 0 15px 0; height: 30px; float: left; clear: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #entsupport #tierexpert .value { width: 88%; font-weight: 500; margin: 0 0 15px 0; font-size: 18px; float: left; height: 30px; line-height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #entsupport #tieroptions div { margin-bottom: 30px; width: 100%; float: left; clear: left; border: 1px solid #dedede; padding: 2%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #entsupport #tieroptions h3 { font-size: 18px; font-weight: 600; width: 100%; } #entsupport hr { width: 70%; clear: both; margin: 25px auto; color: #efefef; background-color: #efefef; border: none; height: 1px; display: none;} #entsupport #tiercasepacks { width: 100%; float: left; clear: left; padding: 50px 0 ; background: #efefef; font-size: 22px; font-weight: 300; } #entsupport #tiercasepacks .insidecontainer, #slickdownload .insidecontainer { width: 76%; margin-left: 24%; padding: 0 0 0 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #entsupport #slickdownload { width: 30%; float: right; margin: 0 0 0 7%; } #entsupport #slickdownload img { width: 100%; } #entsupport #contact { font-size: 22px; font-weight: 300; text-align: center; padding: 30px 0 60px 0; clear: both; } #entsupport #casepacks { width: 100%; clear: both; padding: 50px 0 50px 0; text-align: center; } #entsupport #tiercasepacks form div, #appservices #tierform form div { width: 50%; float: left; margin-bottom: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align:left;} #entsupport #tiercasepacks form label, #appservices #tierform form label { width: 100%; display: block; } #entsupport #tiercasepacks form input, #entsupport #tiercasepacks form select, #entsupport #tiercasepacks form textarea, #appservices #tierform form input, #appservices #tierform form select, #appservices #tierform form textarea { -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 16px; color: #000000; border: 2px solid #cfd5d3; background: #ffffff; padding: 14px 11px; width: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; border-radius: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #entsupport #tiercasepacks form input, #appservices #tierform form input { height: 53px; } #entsupport #tiercasepacks form select, #appservices #tierform form select { height: 53px; background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAXCAYAAAC74kmRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDMyNWI5NC1hYmI0LTRlNjgtYTU1Zi02MjVjZjJmYjdhOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUY0OTRGRkE1QjgzMTFFM0I0ODY4REQwOTEyMzRFNDIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUY0OTRGRjk1QjgzMTFFM0I0ODY4REQwOTEyMzRFNDIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDJENDUwODQ1QjZFMTFFM0I0ODY4REQwOTEyMzRFNDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDJENDUwODU1QjZFMTFFM0I0ODY4REQwOTEyMzRFNDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5XsbPAAAABiklEQVR42mJkYGBYD8QBDOSD30D8hQh1u////x/OMMgAIxArAfE1IGanoT2gQNIDBsCNwRYATEB8D4j7aWzPJCAedJ6HpQAQ4IE6UJoGdrwAYnUg/gRMAQyDMQUwQPNwGY3sqAB5nmGQAkY09mEgtqai+SeA2AqIwVE/GFMAIxrfBIhPIqUMSsA/IDYH4jMwgcGcBWAA5Nh5VDJ7NrLnh0IWgAFRIL4FxAIUmPsWWvC9RRYcCikABF4DcQOF5taie34opQAQYAXiS0CsQYaZF6BlyV90iaGSAmAtt3wyzAP5MA+b54cqWA/1FLF4Kd7QAaaAwYYZCQSAIrSfwEFEYH2BZpmn+AJgqGQBGLgPxBOINKsFn+eHWiGIDIjpJ4Dk9aBlB8NwSgHE9hPyCXl+qANQSjmEo+BbT3QVMQQLQWRgDMSn0FLNDyDWgpYVRAXAUMwCMHAWSz+hm1jPD+VCEFc/4REQawLxN1KywFBOAbB+Qj2UXUKK5wcrYCFDzzQGyEDq6uFQugMEGADgzU7Fjg8z9QAAAABJRU5ErkJggg==") no-repeat right center; background-size: 24px 10px; } #entsupport #tiercasepacks form .lbtn, #appservices #tierform form .lbtn { height: auto; color: #ffffff; background: #00a05b; border: none; width: auto; border-radius: 3px; padding: 11px 28px; } #entsupport #tiercasepacks form .lbtn:hover, #appservices #tierform form .lbtn:hover { background: #000000; cursor:pointer;} #entsupport #tiercasepacks form .shim, #appservices #tierform form .shim { display: block; width: 100%; clear: both; } #entsupport #tiercasepacks form #MyMessage, #appservices #tierform form #MyMessage { display: none; } #appservices h1.appservices { width: 100%; max-width: 100%; height: 287px; font-size: 78px; line-height: 286px; color:#ffffff; margin: 0 0 50px 0; padding: 0; float: left; background: #c1c1c1; max-width: 100%; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);} #appservices #tierform { float: left; clear: both; width: 100%; padding: 70px 0; } #appservices .appserviceimg { width: 40%; margin: 0 0 20px 5%; float: right; background: #c1c1c1; height: 400px; } .videoWrapper {position: relative;padding-bottom: 56.5%; padding-top: 25px; height: 0; margin-bottom: 10px;} .videoWrapper iframe, .videoWrapper object, .videoWrapper #player { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .imageWrapper img { width: 100%; } #locations .contact { width: 100%; clear: left; margin: 0 0 30px 0; } #locations iframe { width: 100%; } #locations h3 { padding: 0 0 30px 0; width: 100%; clear: both; } #videos .featured { width: 54%; padding: 30px 15px 0 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #videos .featured-title { width: 46%; float: right; padding-top: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #videos .featured-video { width: 100%; max-width: 470px; } #videos .video-listings { width: 100%; clear: both; padding-top: 30px; } #videos .video-container { width: 100%; clear: both; line-height: 1.2em; padding: 20px 0; } #videos .thumbnail-link { display: inline-block; width: 162px; height: 92px; float: left; position: relative; margin-right: 10px; } #videos .videoimage { float: left; width: 160px; height: 90px; float: left; } #videos .video-length { color: #ffffff; background: #2e2d30; font-size: 12px; padding: 0 6px; position: absolute; right: 5px; bottom: 5px; z-index: 2; } #videos #video_container { width: 960px; margin: 0 auto; } #videos .video_player { padding: 10px 0 20px 0; width: 960px; clear: both; } #videos .video_player object, #videos .video_player #player, #videos .video_player iframe { width: 960px !important; height: 582px !important; } #videos .related_videos { clear: both; padding: 30px 0; } #videos #filter { float: left; clear: both; width: 100%; padding: 20px 0; } #videos #filter-select-container ul { z-index: 4; } #videos .video-item { width: 25%; height: 180px; padding: 1%; float: left; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #videos .video-image { margin: 0; padding: 0; width: 160px; height: auto; position: relative; } #videos .video-image img { border: 1px solid #D6D6D6; width: 160px; } #videos .video-image span { position: absolute; right: 5px; bottom: 10px; color: #ffffff; background: #2e2d30; font-size: 12px; padding: 0 6px; } #videos .video-title { clear: both; width: 100%; display: block; } #videos .youtubelink { margin-right: 15px; vertical-align: middle; } #videos .sefooter { clear:both; padding: 10px 0; } #videos #thefilter { margin: 0 0 20px 0; } #xbee #lnav { font-size: 18px; font-weight: 600; background: #ffffff; width: 100%; float: left; text-align: center; height: 70px; line-height: 70px; transition: background .2s linear; -o-transition: background .2s linear; -moz-transition: background .2s linear; -webkit-transition: background .2s linear; } #xbee #lnav a:link, #xbee #lnav a:active, #xbee #lnav a:visited { text-decoration: none; padding: 0 15px; display: inline-block; } #xbee #lnav a:hover { text-decoration: underline; } #xbee #lnav a.selected:link, #xbee #lnav a.selected:active, #xbee #lnav a.selected:visited { color: #000000; } #xbee #lnav.xattop { position: relative; } #xbee #lnav.xscrolled { background: #efefef; position: fixed; top: 0; z-index: 3; } #xbee #lbanner, #xbee #lvideo, #xbee #lmodule, #xbee #lflexible, #xbee #lcompare, #xbee #lcontact, #xbee #lsocial { padding: 70px 0; clear: both; float: left; width: 100%; } #xbee .inside h2 { font-size: 49px; line-height: 49px; text-align: center; color: #323232; font-weight: normal; padding: 0 0 30px 0; margin: 0; } #xbee .inside h3 { font-size: 24px; line-height: 32px; color: #323232; font-weight: normal; padding: 0 0 30px 0; margin: 0 auto; text-align: center; width: 70%; } #xbee .bluebg { background: #117abf; color: #ffffff; } #xbee .bluebg h2, .bluebg h3 { color: #ffffff; } #xbee .greybg { background: #eeeeee; } #xbee .greenbg { background: #058147; } #xbee #lbanner { background: #4b91c7 url('/lp/xbee/images/background.jpg') center center no-repeat; background-size: cover; padding: 70px 0 30px 0;} #xbee #lbanner img { max-width: 100%; } #xbee .xbeevideo { max-width: 720px; margin: 0 auto; } #xbee .videoWrapper { margin: 30px 0; } #xbee #lmodule .item { width: 100%; margin: 0 0 30px 0; float: left; clear: both; } #xbee #lmodule p { display: table-cell; vertical-align: middle; height: 245px; } #xbee #lmodule img { width: 50%; float: left; margin: 0 30px 0 0; } #xbee #lmodule img.goright { float: right; margin: 0 0 0 30px;} #xbee #lflexible #tabs { margin: 0; text-align: center;} #xbee #lflexible #tabs div { display: inline-block; line-height: 0; margin: 0 2px;} #xbee #lflexible #tabs a { text-decoration: none !important; } #xbee #lflexible #tabs a:link span.tab, #xbee #lflexible #tabs a:active span.tab, #xbee #lflexible #tabs a:visited span.tab { font-size: 19px; line-height: 24px; text-decoration: none; display: table-cell; vertical-align: middle; width: 155px; height: 70px; border: 2px solid #adacac; border-radius: 4px; color: #adacac; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #xbee #lflexible #tabs a:hover span.tab { background: #363636; border: 2px solid #363636; color: #ffffff; } #xbee #lflexible #tabs a.selected span.tab { background: #117abf; border: 2px solid #117abf; color: #ffffff; } #xbee .arrowdown { display: inline-block; width: 18px; height: 9px; margin: 0; padding: 0; } #xbee #lflexible #tabs a.selected .arrowdown { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTQ1OUM0N0VBMkRGMTFFM0IwMTU4NDcwM0NGOEQwODEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTQ1OUM0N0RBMkRGMTFFM0IwMTU4NDcwM0NGOEQwODEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTQ1OUM0NzlBMkRGMTFFM0IwMTU4NDcwM0NGOEQwODEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTQ1OUM0N0FBMkRGMTFFM0IwMTU4NDcwM0NGOEQwODEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5RHPIwAAAAoklEQVR42mIUrNq/k4GBwRWIGRnIB4uYgIQ7EE+nwJBVQJzEBOVkA3EHGYasA+IYIP7LhCRYBcSzSDBkKxBHAvFvEAfZoP9AnAXEm4gwZBcQBwPxL5gAE5qCv1BbTuIx5AAQBwLxT2RBJiwKvwGxLxBfwyJ3FIh9oGoYCBkEAq+hsfkESewUEHsD8VdsGljweAFkiBcQ10LTWAoQf8SlGCDAAA0cHozZOmYyAAAAAElFTkSuQmCC') center center no-repeat; } #xbee #lflexible .tabcontent { text-align: left; padding: 30px 0 0 0; width: 100%; } #xbee #lflexible .tabcontent img { max-width: 100%; } #xbee #lflexible .tabcontent .left { width: 48%; padding: 0 1%; float: left; } #xbee #lflexible .tabcontent .right { width: 48%; padding: 0 1%; float: left; } #xbee #lcompare .inside div { overflow-x: auto; } #xbee #lcompare table { margin: 0 0 10px 0; border-left: 2px solid #ffffff; border-top: 2px solid #ffffff; background: #f7f7f7;} #xbee #lcompare table td, #xbee #lcompare table th { padding: 12px 4px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; color: #000000; text-align: center; } #xbee #lcompare table th { font-weight: bold; } #xbee #lcompare table tr.altcolor { background: #efefef; } #xbee #lcompare table td.product { text-align: left; white-space: nowrap; } #xbee #lcompare table td.checkmark { color: #058147; font-weight: bold; font-size: 1.2em; } #xbee #lcompare table th.highlight { background: #117ABF; color: #ffffff; } #xbee #lcompare table tr td.highlight { background: #CCE4F4; } #xbee #lcompare table tr.altcolor td.highlight { background: #7FBCE4; } #xbee #lcompare table.original tr:hover td { background: #363636 !important; color: #ffffff !important; cursor:pointer; } #xbee #lcompare table.original tr:hover td a { color: #ffffff !important; } #xbee #lcompare table td span { display: none; } #xbee #lcontact form .shim .lbtn { color: #ffffff; background: #058147; border: none; width: auto; border-radius: 3px; padding: 11px 28px; } #xbee #lcontact form .shim .lbtn:hover { background: #000000; cursor:pointer;} #xbee .validationerror { border: 2px solid #900 !important; background-color: #e8c0c0 !important; } #xbee #lcontact form { width: 720px; margin: 0 auto; } #xbee #lcontact form div { width: 50%; float: left; margin: 0 0 8px 0; } #xbee #lcontact form .shim { clear: both; } #xbee #lsocial { text-align: left; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 20%, #ffffff 20%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(20%,#eeeeee), color-stop(20%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 20%,#ffffff 20%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 20%,#ffffff 20%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 20%,#ffffff 20%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 20%,#ffffff 20%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #xbee #lsocial .inside { padding: 0 0 40px 0; } #xbee #lsocial a.circle { display: block; float: left; width: 280px; height: 280px; padding: 45px 30px 0 30px; border-radius: 50%; color: #ffffff; text-align: center; font-size: 31px; text-decoration: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #xbee #lsocial a.circle span { display: inline-block; width: 100%; font-size: 16px; height: 90px; text-align: left; padding: 20px 0; } #xbee #lsocial a.circle:hover { background: #363636; } #xbee #lsocial #socialicons { display: block; margin: 100px 0 0 30px; float: left; } #xbee #lsocial #socialicons img { padding: 0 5px; } #xbee #lsocial .circle:nth-of-type(1) { margin: 0 10px 10px 0; } /* END OLD STYLES 2014 */ html { -webkit-text-size-adjust: none; } html, body { margin: 0; padding: 0; } body { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 1.5em; color: #646466; } a:link, a:visited, a:active { color: #00b7ff; text-decoration: none; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear; outline: 0; } a:hover { text-decoration: underline; color: #00A4E5; } img { border: none; max-width: 100%; } div, a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } h1, h2, h3, h4, h5 { font-weight: 400; padding: 0; margin: 0; } p { margin-top: 0; } h3 { color: #84c361; text-transform: uppercase; font-weight: 600; font-size: 1.75em; } *:focus { outline: 0; } /* COLUMNS */ .coltwo { width: 50%; display: inline-block; vertical-align: top; } .colthree { width: 33.33%; display: inline-block; vertical-align: top; } .colfour { width: 25%; display: inline-block; vertical-align: top; } .colfive { width: 20%; display: inline-block; vertical-align: top; } .colsix { width: 16.66%; display: inline-block; vertical-align: top; } /* STANDARDS */ .generic h1 { color: #84c361; text-transform: uppercase; font-weight: 600; font-size: 1.75em; text-align: center; margin: 0 0 66px 0; } h4.subheading, .generic h2 { font-size: 1.875em; line-height: 1.2em; font-weight: 300; width: 86%; padding: 0 7%; text-align: center; margin: 0 0 50px 0; } .generic .left { width: 71.5%; float: left; padding: 50px 2.5% 0 0; } .generic .left h3 { font-size: 24px; margin-top: 45px; } .generic .right { width: 28.5%; float: right; padding: 50px 0 50px 2.5%; } .generic .right h3 { font-size: 24px; margin-bottom: 30px; } .generic .right .coltwo { padding: 1%; } .generic .right .coltwo span.image { width: 120px; height: 120px; line-height: 120px; vertical-align: middle; display: inline-block; } .generic .right .coltwo span.image img { max-width: 120px; max-height: 80%; vertical-align: middle;} .generic .right .coltwo span.heading { color: #84c361; text-transform: uppercase; font-weight: 600; font-size: 1.2em; } .generic .right .similar { background: #f2f2f2; padding: 30px; margin: 55px 0 0 0; } .generic .right .cut-corner { width: 100%; height: 0; border-top: 23px solid #f2f2f2; border-right: 23px solid transparent; margin-bottom: 55px; } .generic .title .left { padding-top: 0; } .generic .title h1 { font-size: 28px; line-height: 1.2em; color: #84c361; font-weight: 600; text-transform: uppercase; margin: 0 0 30px 0; float: left; text-align: left; } .generic .quote { clear: both; padding: 0; position: relative; margin: 0 0 80px 0; } .generic .quote:after { content: ""; background: url('/images/subpage-banner-corner.png') center center no-repeat; position: absolute; bottom: 0; right: 0; width: 125px; height: 125px; } .generic .quote .text { display: inline-block; vertical-align: top; width: 100%; font-size: 30px; line-height: 38px; font-weight: 300; background: #f2f2f2; padding: 35px 130px 0 35px; } .generic .quote .text .attribution { width: 100%; text-align: right; font-size: 16px; font-weight: 600; color: #84c361; text-transform: uppercase; } .generic .media { clear: both; } .generic .content { clear: both; font-size: 22px; line-height: 32px; } .inside { width: 1200px; margin: 0 auto; } .ronly { display: none; } a.all:after, a.all { text-transform: uppercase; } a.all img { vertical-align: middle; margin: 0 0 0 8px; width: 6px; height: 9px; background: url('/images/arrow-right-white-blue-small.png') left center no-repeat; } a.all:hover img { background-position: -6px center; } a.all img.blue { background: url('/images/arrow-right-blue-small.png') left center no-repeat; } a.all:hover img.blue { background-position: left center; } a.alllink { text-transform: uppercase; font-size: .8em; white-space: nowrap;} a.alllink:after { content: url('/images/arrow-right-blue-small.png'); margin: 0 0 0 5px; } a.button { display: inline-block; color: #ffffff; text-transform: uppercase; background: #00b7ff; padding: 20px 40px; font-size: 18px; line-height: 18px; font-weight: 400; } a.button:after { content: url('/images/arrow-right-white-small.png'); margin: 0 0 0 4px; } a.button:hover { background: #00a4e5; text-decoration: none;} .tabs { width: 100%; text-align: left; margin: 0 0 45px 0; } .tabs a { display: inline-block; vertical-align: middle; color: #646466; padding: 10px 2%; text-decoration: none; text-transform: uppercase; font-weight: 600; } .tabs a:hover { color: #84c361; text-decoration: none; } .tabs h3 { display: inline-block; padding: 10px 2% 10px 0; } .tabs a.selected { color: #84c361; text-decoration: none; } .contents .content { transition: opacity .5s ease-out; } .contents .off { height: 0; opacity: 0; overflow: hidden;} .subtabs { width: 100%; text-align: left; clear: both; margin: 0; padding: 60px 0; background: #f2f2f2; } .subtabs a { display: inline-block; vertical-align: middle; color: #646466; padding: 10px 2%; text-decoration: none; text-transform: uppercase; font-weight: 600; } .subtabs a:hover { color: #84c361; text-decoration: none; } .subtabs h3 { display: inline-block; padding: 10px 2% 10px 0; } .subtabs a.selected { color: #84c361; text-decoration: none; } .subcontents .subcontent { transition: opacity .5s ease-out; } .subcontents .off { height: 0; opacity: 0; overflow: hidden;} .hide { display: none !important; } #subbanner { width: 100%; height: 420px; position: relative; margin: 0 0 50px 0; } #subbanner .inside { position: relative; height: 420px; } #subbanner img.background { position: absolute; top: 0; right: 0; max-width: none; } #subbanner span { display: block; } #subbanner .text { width: 55%; position: absolute; left: 0; bottom: 60px; z-index: 2; color: #ffffff; } #subbanner h1 { font-size: 65px; line-height: 67px; text-transform: uppercase; font-weight: 700; } #subbanner h1 .digigreen { display: inline; } #subbanner h2 { font-size: 18px; line-height: 24px; } #subbanner .corner { width: 324px; height: 324px; position: absolute; right: 0; bottom: 0; z-index: 3; } #subbanner .corner img { width: 100%; } .clearall { width: 100%; float: left; clear: both; } #pager { width: 100%; text-align: center; padding: 30px 0 20px 0; font-size: 14px; clear: both; } #pager ul { margin: 0; padding: 0; } #pager ul li { display: inline; padding: 0 10px; } #pager ul li a { display: inline-block; padding: 5px;} #pager .prev, #pager .next { background: #00b7ff; color: #ffffff; display: inline-block; padding: 15px; text-transform: uppercase; } #pager .prev:hover, #pager .next:hover { background: #00a4e5; text-decoration: none;} #pager .current, #pager .current:hover { background: none; color: #646466; } #pager span { display: inline !important; width: auto !important; margin: 0 !important; } .offerings { text-align: center; padding: 0 0 20px 0; clear: both; } .offerings .inside { display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .offerings h3 { margin: 0 0 54px 0; } .offerings a { text-decoration: none; color: #646466; } .offerings .coltwo { width: 27%; margin: 0 2.5% 45px 2.5%; position: relative; text-align: left; background: #f2f2f2; } .offerings .colthree { width: 21%; margin: 0 2.5% 45px 2.5%; position: relative; text-align: left; background: #f2f2f2; } .offerings .colfour {width: 20%; position: relative; text-align: left; margin: 0 2.5% 45px 2.5%; background: #f2f2f2; } .offerings .colthree:after, .offerings .coltwo:after, .offerings .colfour:after { content: ""; display: block; position: absolute; bottom: -23px; right: 0; width: 100%; height: 0; border-top: 23px solid #f2f2f2; border-right: 23px solid transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .cornerwhite .colthree, .cornerwhite .coltwo, .cornerwhite .colfour { background: #ffffff; } .cornerwhite .colthree:after, .cornerwhite .coltwo:after, .cornerwhite .colfour:after { border-top: 23px solid #ffffff; border-right: 23px solid transparent; } .offerings img { float: left; width: 100%; } .offerings .text { display: block; background: #f2f2f2; font-size: 1em; line-height: 1.2em; padding: 0 28px; } .offerings .text .heading { display: inline-block; width: 100%; text-transform: uppercase; color: #84c361; padding-top: 14px; font-size: 24px; line-height: 28px; font-weight: 600; } .offerings .text .subheading { display: inline-block; width: 100%; color: #84c361; font-size: 24px; line-height: 28px; margin: 0 0 8px 0; } .offerings a:hover .text .heading, .offerings a:hover .text .subheading { color: #00b7ff; } .offerings .cut-corner, .offerings .cut-corner-white { position: absolute; bottom: 0; width: 100%; height: 0; border-top: 23px solid #f2f2f2; border-right: 23px solid transparent; } .offerings .cut-corner-white { border-top: 23px solid #ffffff; } .embeddedsearch { width: 100%; float: left; padding: 50px 0; text-align: center; } .embeddedsearch input[type="text"] { display: inline-block; vertical-align: top;-ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 30px; height: 66px; line-height: 66px; color: #ffffff; border: none; background: #00aef2; padding-left: 11px; padding-right: 11px; width: 60%; max-width: 495px; font-family: 'Source Sans Pro', sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .embeddedsearch input[type="submit"] { display: inline-block; vertical-align: top; background: #00b7ff url('/images/nav-icon-search-background-white.png') center center no-repeat; background-size: 22px 22px; border: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 66px; height: 66px; cursor: pointer; } .embeddedsearch ::-webkit-input-placeholder { color: #ffffff; opacity: .5;} .cookietrail { width: 100%; padding: 42px 0; text-transform: uppercase; font-size: 14px; clear: both; } .cookietrail span { padding: 0 14px; } .cookietrail a { color: #646466; text-decoration: none; display: inline-block; white-space: nowrap; } .cookietrail a:hover { color: #00b7ff; text-decoration: underline;} .calltoaction { padding: 28px 0 0 0; margin: 70px 0; background: #f2f2f2; font-weight: 600; text-align: center; } .calltoaction h4 { text-transform: uppercase; color: #84c361; display: inline-block; font-weight: 700; margin: 0 20px 0 0; } .calltoaction a.button { margin: 0 0 0 20px; } .calltoaction .cut-corner { width: 100%; height: 0; border-top: 28px solid #f2f2f2; border-right: 28px solid #ffffff; } .tier { padding: 70px 0; } .tier h2 { font-size: 36px; text-transform: uppercase; color: #84c361; font-weight: 600; text-align: center; margin-bottom: 50px; } /* COLORS */ .digigrey { color: #58595b; } .digigreen { color: #84c361; } .digiblue { color: #00b7ff; } .digilightblue { color: #90c8e7; } .textred { color: #D14124; } /* NAV */ #nav { width: 100%; height: 131px; background: #fafaff; } #nav .logo { width: 14%; padding-top: 61px; float: left; margin: 0 0 0 1%; } #nav .logo img { width: 100%; } #nav .top { width: 85%; float: right; height: 78px; line-height: 78px; text-align: right; text-transform: uppercase; font-size: .8em; font-weight: 600; } #nav .top a { color: #646466; margin-left: 4%; } #nav .top a:hover { color: #00b7ff; text-decoration: none; } #nav .top a.social { margin-left: 1.2%; } #nav .top .social img { width: 25px; vertical-align: middle; } #nav .bottom { width: 85%; height: 53px; line-height: 53px; float: right; text-align: right; position: relative; } #nav .bottom ul { margin: 0; padding: 0; } #nav .bottom ul li { display: inline-block; height: 53px; font-size: 1em; text-transform: uppercase; font-weight: 600; padding: 0 2.72%; } #nav .bottom ul li .dropdown { font-weight: 400; display: none; left: -9999px; color: #ffffff; position: absolute; left: 0; z-index: 12; width: 100%; text-align: left; padding-bottom: 23px; font-size: .9em; line-height: 1.5em; } #nav .bottom ul li.hoverintent a:before, #nav .bottom ul li.touchonly:hover a:before { position: absolute; bottom: 0; left: -30px; content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 30px 0 0 30px; border-color: transparent transparent transparent #646466; } #nav .bottom ul li.hoverintent .dropdown { left: auto; right: 0; display: block; } #nav .bottom ul li.hoverintent .dropdown a:before { display: none; } #nav .bottom ul li.touchonly:hover .dropdown { left: auto; right: 0; display: block; } #nav .bottom ul li.touchonly:hover .dropdown a:before { display: none; } #nav .bottom ul li .dropdown .colsix { padding: 0 10px; } #nav .bottom ul li .dropdown .top-half { background: #646466; padding: 20px; } #nav .bottom ul li.nav_products .dropdown .top-half img { max-width: 100px; margin-bottom: 10px; } #nav .bottom ul li .dropdown .bottom-half { background: #4f4f51; padding: 20px; } #nav .bottom ul li .dropdown .cut-corner { position: absolute; bottom: 0; width: 100%; height: 0; border-top: 23px solid #4f4f51; border-right: 23px solid transparent; } #nav .bottom ul li a { position: relative; width: 100%; height: 100%; color: #646466; display: block; line-height: 53px; } #nav .bottom ul li .dropdown a, #nav .bottom ul li:hover .dropdown a { color: #ffffff; display: block; margin: 0; padding: 4px 12px; text-transform: none; width: 100%; line-height: 1.2em; height: auto; } #nav .bottom ul li .dropdown a:hover { background: #6d6d6f; color: #00b7ff; } #nav .bottom ul li .dropdown a.heading { text-transform: uppercase; font-size: 1.125em; margin: 0 0 8px 0;} #nav .bottom ul li.nav_support .dropdown a.heading:not(:first-child), #nav .bottom ul li.nav_knowledge .dropdown a.heading:not(:first-child) { margin: 30px 0 8px 0; } /*#nav .bottom ul li .dropdown a.xbee-rf-solutions img { width: 88px; height: 56px; background: url('/images/nav-products-xbee-rf-solutions.png') left center no-repeat; background-size: 176px 56px;} #nav .bottom ul li .dropdown a.cellular-solutions img { width: 88px; height: 56px; background: url('/images/nav-products-cellular-solutions.png') left center no-repeat; background-size: 176px 56px;} #nav .bottom ul li .dropdown a.embedded-systems img { width: 88px; height: 56px; background: url('/images/nav-products-embedded-systems.png') left center no-repeat; background-size: 176px 56px;} #nav .bottom ul li .dropdown a.console-servers img { width: 88px; height: 56px; background: url('/images/nav-products-console-servers.png') left center no-repeat; background-size: 176px 56px;} #nav .bottom ul li .dropdown a.serial-servers img { width: 88px; height: 56px; background: url('/images/nav-products-serial-servers.png') left center no-repeat; background-size: 176px 56px;} #nav .bottom ul li .dropdown a.usb-serial-connectivity img { width: 88px; height: 56px; background: url('/images/nav-products-usb-serial-connectivity.png') left center no-repeat; background-size: 176px 56px;} #nav .bottom ul li .dropdown a.heading:hover img { background-position: -88px center;}*/ #nav .bottom ul li p { text-transform: none; padding: 0 12px; } #nav .bottom ul li .dropdown a.blank { visibility: hidden; } #nav .bottom ul li .dropdown .byfeature { background: #4f4f51; } #nav .bottom ul li:hover a { color: #00b7ff; text-decoration: none; } #nav .bottom ul li.nav_industries .dropdown h4 { text-transform: none; width: 100%; text-align: center; margin: 0 0 20px 0; } #nav .bottom ul li.nav_industries .dropdown .colsix { text-align: center; } #nav .bottom ul li.nav_industries .dropdown .colthree { padding: 30px 5.5%; text-transform: none;} #nav .bottom ul li.nav_industries .dropdown .colthree a { display: inline; text-transform: uppercase; white-space: nowrap; } #nav .bottom ul li.nav_industries .dropdown .bottom-half a, #nav .bottom ul li.nav_knowledge .dropdown .bottom-half a { display: inline; text-transform: uppercase; } #nav .bottom ul li.nav_knowledge .dropdown .colleft { width: 60%; display: inline-block; vertical-align: top; padding: 1%;} #nav .bottom ul li.nav_knowledge .dropdown .colright { width: 40%; display: inline-block; vertical-align: top; padding: 1%; } #nav .bottom ul li.nav_knowledge .dropdown { width: 58.5%; } #nav .bottom ul li.nav_knowledge .dropdown .blockitem { display: table; background: #6d6d6f; display: block; width: 100%; float: left; margin: 0 0 5px 0; } #nav .bottom ul li.nav_knowledge .dropdown .blockitem:hover { text-decoration: underline; } #nav .bottom ul li.nav_knowledge .dropdown .blockitem span { display: table-cell; height: 55px; vertical-align: middle; overflow-x: hidden; } #nav .bottom ul li.nav_knowledge .dropdown .blockitem img { opacity: .6; height: 55px; float: right; vertical-align: middle; margin: 0; padding: 0; } #nav .bottom ul li.nav_knowledge .dropdown .blockitem:hover img { opacity: 1; } #nav .bottom ul li.nav_support .dropdown { width: 30%; } /* SEARCH */ #nav .bottom div.search { padding: 0; width: 63px; height: 53px; margin: 0 0 0 2.72%; text-align: center; float: right; } #nav .bottom div.search .dropdown { width: 40%; font-weight: 400; display: none; left: -9999px; color: #ffffff; position: absolute; left: 0; z-index: 15; text-align: left; padding-bottom: 23px; font-size: .9em; line-height: 1.5em; } #nav .bottom div.search a { background: #00b7ff; display: block; width: 63px; height: 53px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition-property: none; -webkit-transition-property: none; -o-transition-property: none; transition-property: none;} #nav .bottom div.search:hover .dropdown { display: none; left: -9999px; } #nav .bottom div.sticky:hover .dropdown, #nav .bottom div.sticky .dropdown { left: auto; right: 0; display: block; } #nav .bottom div.search img { width: 22px; vertical-align: middle; background: url('/images/nav-icon-search-background.png') left center no-repeat; background-size: 44px 22px; } #nav .bottom div.sticky img { background: url('/images/nav-icon-close.png') left center no-repeat; background-size: 44px 22px; } #nav .bottom div.search .dropdown .top-half { background: #00b7ff; padding: 20px; } #nav .bottom div.search .dropdown .cut-corner { position: absolute; bottom: 0; width: 100%; height: 0; border-top: 23px solid #00b7ff; border-right: 23px solid transparent; } #nav .bottom div.search .dropdown input { -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; font-size: 30px; color: #ffffff; background: #00aef2; margin: 30px 0 35px 0; padding: 14px 11px; width: 100%; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; border-radius: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #nav .bottom div.search .dropdown h3 { font-weight: 600; margin: 0; font-size: 1.5em; color: #ffffff; } #nav .bottom div.search .dropdown h4 { font-weight: 600; margin: 0 0 35px 0; font-size: 1.125em; } #nav .bottom div.search .dropdown a { color: #ffffff; display: block; margin: 0 0 8px 0; padding: 0; text-transform: none; width: auto; line-height: 1.2em; height: auto;} /* MENU */ #nav .bottom div#menu { padding: 0; width: 63px; height: 53px; margin: 0; text-align: center; float: right; } #nav .bottom div#menu a { background: none; display: block; width: 63px; height: 53px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition-property: none; -webkit-transition-property: none; -o-transition-property: none; transition-property: none;} #nav .bottom div#menu.sticky img { background: url('/images/nav-icon-close.png') left center no-repeat !important; background-size: 44px 22px !important; } #nav .bottom div#menu.sticky a { background: #646466 !important; } #nav .bottom div#menu img { width: 22px; vertical-align: middle; background: url('/images/nav-icon-menu-background.png') left center no-repeat; background-size: 44px 22px; background-position: -22px 0; } #nav .bottom div#menu .dropdown { width: 100%; font-weight: 400; display: none; left: -9999px; color: #ffffff; position: absolute; left: 0; z-index: 15; text-align: left; padding-bottom: 23px; font-size: .9em; line-height: 1.5em; } #nav .bottom div#menu.sticky .dropdown { left: auto; right: 0; display: block; } #nav .bottom div#menu .dropdown .top-half, #nav .bottom div#menu .dropdown .bottom-half { background: #646466; padding: 20px; } #nav .bottom div#menu .dropdown .top-half { border-bottom: 1px solid #5f5f60; } #nav .bottom div#menu .dropdown .bottom-half { font-size: .8em; } #nav .bottom div#menu .dropdown .cut-corner { position: absolute; bottom: 0; width: 100%; height: 0; border-top: 23px solid #646466; border-right: 23px solid transparent; } #nav .bottom div#menu .dropdown ul { display: block; width: 100%; background: #ff0000; } #nav .bottom div#menu .dropdown ul li { font-size: 1.2em; } #nav .bottom div#menu .dropdown li { margin: 0; padding: 0; width: 100%; height: auto; line-height: 1.5em; display: block; } #nav .bottom div#menu .dropdown li a { width: 100%; height: auto; padding: 15px 0; line-height: 1.5em; margin: 0; color: #ffffff; } #nav .bottom div#menu .dropdown .bottom-half li a { width: 100%; height: auto; padding: 8px 0; line-height: 1.5em; margin: 0; color: #ffffff; } /* FOOTER */ #subfooter { background: #f2f2f2; font-size: 2em; line-height: 1.2em; font-weight: 600; width: 100%; float: left; padding: 35px 0; text-align: center; clear: both; margin: 70px 0 0 0; } #subfooter a { font-size: .5em; white-space: nobreak; display: inline-block; } #subfooter .socials { white-space: nobreak; display: inline-block; } #subfooter .social { width: 60px; margin: 10px 10px 0 60px; display: inline-block; vertical-align: middle; } #subfooter .social + .social { margin: 10px 10px 0 10px; } #subfooter .social img {vertical-align: middle;} #footer { background: #646466; padding: 55px 0; float: left; clear: both; width: 100%; color: #ffffff; } #footer .colfive { padding: 0 1%;} #footer .colfive a { display: block; width: 100%; padding: 4px 12px; color: #ffffff; } #footer .colfive a:hover { color: #00b7ff; background: #6d6d6f; text-decoration: none; } #footer #twitterfeed { position: relative; display: inline-block; width: 30%; padding: 20px; font-weight: 400; color: #000000; background: #ffffff; margin: 0 0 0 10%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #footer #twitterfeed a:link, #bottom #twitterfeed a:visited, #bottom #twitterfeed a:active { color: #646466; } #footer #twitterfeed a:hover { color: #00b7ff; } #footer #twitterfeed .date { font-size: 11px; text-align: right; float: right; clear: both; } #footer #twitterfeed img { position: absolute; left: 0; bottom: 0; margin-left: -56px; } #footer #copyright { clear: both; padding: 35px 0 0 0; } #footer #requestview { padding: 20px 0; } #footer #requestview.dontshow { display: none; } /* HOME */ .home #nav { margin: 0 0 30px 0; background: #ffffff; } .home #banner { width: 100%; height: 564px; position: relative; overflow: hidden; } .home #banner span { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .home #banner #banners { width: 400%; height: 564px; position: relative; left: 0; } .home #banner #banners .banner { width: 25%; float: left; overflow: hidden; } .home #banner .inside { height: 564px; position: relative; } .home #banner img.background { position: absolute; top: 0; right: 0; max-width: none; } .blur { /*-webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px);*/} .home #banner a { display: block; color: #ffffff; text-decoration: none; } .home #banner a.off { display: none; } .home #banner .text { width: 50%; position: absolute; left: 0; bottom: 55px; color: #ffffff; z-index: 2; } .home #banner .text .heading { font-size: 65px; line-height: 67px; text-transform: uppercase; font-weight: 700; padding: 0 0 30px 0; } .home #banner .text .heading span { display: inline; } .home #banner .text .teaser { font-size: 18px; line-height: 24px; } .home #banner .text .teaser .link { text-transform: uppercase; text-decoration: underline; } .home #banner a:hover .text .teaser .link { color: #00b7ff; } .home #banner .corner { color: #ffffff; position: absolute; width: 369px; height: 369px; right: 0; bottom: 0; background: #ffffff;} .home #banner .corner img { width: 100%; } .home #circles { position: relative; top: -40px; left: 50%; margin: 0 0 0 -100px; width: 200px; z-index: 4; text-align: center; } .home #circles a { display: inline-block; width: 18px; height: 18px; margin: 0 9px; border-radius: 50%; background: rgba(255,255,255,.3); text-decoration: none;} .home #circles a:hover, .home #circles a.selected { background: rgba(255,255,255,.8); text-decoration: none; } .home #whatsnew { width: 100%; clear: both; float: left; padding: 42px 0 65px 0; } .home #whatsnew .inside { position: relative; } .home #whatsnew .colthree { padding: 0 2% 0 0; } .home #whatsnew .left { display: inline-block; width: 71%; vertical-align: top;} .home #whatsnew .right { display: inline-block; width: 29%; vertical-align: top; } .home #whatsnew .triangle { position: absolute; bottom: -65px; left: 0; margin: 0 0 0 -15px; content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 47px 0 0 47px; border-color: transparent transparent transparent #f2f2f2; } .home #whatsnew .two { left: 71%; } .home #whatsnew h3 { margin: 0 0 35px 0; } .home #whatsnew h3 a.alllink { font-size: 12.8px; } .home #offers { width: 100%; float: left; clear: both; padding: 70px 0; background: #f2f2f2; } .home #offers .colthree { margin: 60px 0 0 0; } .home #offers .offer h3 { position: absolute; top: -60px; left: 0; } .home #offers .offer { position: relative; text-align: left; display: inline-block; height: 310px; width: 96%; margin: 0 2%; max-width: 340px; } .home #offers #create { text-align: left; } .home #offers #create .offer { background: url('/images/home-offer-create.png') top right no-repeat; background-size: contain; } .home #offers #deploy { text-align: center; } .home #offers #deploy .offer { background: url('/images/home-offer-deploy.png') top right no-repeat; background-size: contain; } .home #offers #manage { text-align: right; } .home #offers #manage .offer { background: url('/images/home-offer-manage.png') top right no-repeat; background-size: contain; } .home #offers span { font-size: 17px; display: block; width: 70%; position: absolute; bottom: 0; left; 0; } .home #customer { position: relative; width: 100%; color: #ffffff; padding: 0; float: left; clear: both; height: 550px; text-align: right; background: url('/images/home-customer-background.jpg') center center no-repeat; } .home #customer .inside { position: relative; height: 550px;} .home #customer .text { position: absolute; right: 0; bottom: 60px; } .home #customer .quote {display: inline-block; width: 100%; font-size: 3.75em; line-height: 1.1em; margin: 0 0 30px 0; } .home #customer .attribution { display: inline-block; width: 100%; font-size: 1.375em; } .home #industries-customers { width: 100%; clear: both; padding: 70px 0; } .home #industries-customers .colfive { padding: 0 2% 0 0; } .home #industries-customers .contents .content span { display: block; width: 100%; margin: 0 0 25px 0; } /* INDUSTRIES */ .industries #stories { background: #f2f2f2; padding: 60px 0; } .industries #stories .colfive { margin: 0 0 30px 0; } .industries #stories .contents .content span { display: block; width: 100%; margin: 0 0 25px 0; } .industries .benefits { font-size: .9em; margin-bottom: 80px; } .industries .benefits .colfour { padding: 0 1.5%; } .industries .benefits img { margin: 0 0 36px 0; } .industries .benefits h5 { text-transform: uppercase; color: #84c361; font-weight: 600; font-size: 18px; } .industries .subtabbanner { height: 323px; width: 100%; float: left; clear: both; } .industries .subtabbanner .inside { position: relative; height: 323px; } .industries .subtabbanner .text { width: 40%; color: #ffffff; position: absolute; left: 0; bottom: 50px; font-size: 60px; line-height: 60px; text-transform: uppercase; font-weight: 600; } .industries .subtabproducts { width: 100%; float:left; clear: both; padding: 60px 0; } .industries .subtabproducts .container { width: 100%; height: 275px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; position: relative; text-align: center; } .industries .subtabproducts .item { width: 170px; margin: 0 45px; height: 230px; display: inline-block; white-space: normal; text-align: left; line-height: 1.2em;} .industries .subtabproducts .item span.image { width: 150px; height: 150px; line-height: 150px; vertical-align: middle; display: inline-block; } .industries .subtabproducts .item span.image img { max-width: 150px; max-height: 80%; vertical-align: middle;} .industries .subtabproducts .item span.heading { color: #84c361; text-transform: uppercase; font-weight: 600; font-size: 1.2em; } .industries .subtabrelated { width: 100%; float: left; padding: 80px 0; } .industries .subtabrelated h3 { margin: 0 0 40px 0; } .industries .subtabrelated span { display: block; width: 100%; margin: 0 0 25px 0; } .industries .subtabrelated .colfive { padding: 0 2%; } .industries .subtabcontent { float: left; width: 100%; background: #f2f2f2; } .industries .subtabcontent .inside { display: -webkit-flex; display: flex; } .industries .subtabcontent .left h3 { font-size: 24px; margin: 50px 0 0 0; } .industries .subtabcontent .left { font-size: 22px; line-height: 36px; width: 56%; float: left; background: #f2f2f2; padding: 60px 60px 60px 0; position: relative; } .industries .subtabcontent .left .cut-corner { position: absolute; top: 0; width: 100%; height: 0; border-bottom: 60px solid #f2f2f2; border-right: 60px solid transparent; background: #ffffff; } .industries .subtabcontent .right { width: 44%; float: right; background: #84c361; position: relative; } .industries .subtabcontent .right img { width: 100%; } .industries .subtabcontent .right .diagram { position: absolute; bottom: 0; right: 0; width: 100%; } /* STORY */ .story .left { width: 71.5%; float: left; padding: 50px 2.5% 0 0; } .story .left h3 { font-size: 24px; margin-top: 45px; } .story .right { width: 28.5%; float: right; padding: 50px 0 0 2.5%; } .story .right h3 { font-size: 24px; margin-bottom: 30px; } .story .right .coltwo { padding: 1%; } .story .right .coltwo span.image { width: 120px; height: 120px; line-height: 120px; vertical-align: middle; display: inline-block; } .story .right .coltwo span.image img { max-width: 120px; max-height: 80%; vertical-align: middle;} .story .right .coltwo span.heading { color: #84c361; text-transform: uppercase; font-weight: 600; font-size: 1.2em; } .story .right .similar { background: #f2f2f2; padding: 30px; margin: 55px 0 0 0; } .story .right .cut-corner { width: 100%; height: 0; border-top: 23px solid #f2f2f2; border-right: 23px solid transparent; margin-bottom: 55px; } .story .title .left { padding-top: 0; } .story .title h1 { font-size: 28px; line-height: 1.2em; color: #84c361; font-weight: 600; text-transform: uppercase; margin: 0 0 30px 0; float: left; text-align: left; } .story .quote { clear: both; padding: 0 0 30px 0; } .story .quote .logo { display: inline-block; vertical-align: top; width: 23%; margin-right: 2%; } .story .quote .logo img { width: 140px; } .story .quote .text { display: inline-block; vertical-align: top; width: 75%; font-size: 30px; line-height: 38px; font-weight: 300; } .story .quote .text .attribution { width: 100%; text-align: right; font-size: 16px; font-weight: 600; color: #84c361; text-transform: uppercase; } .story .media { clear: both; } .story .content { clear: both; font-size: 22px; line-height: 32px; } .resources .embeddedsearch { padding-top: 0; } .resources .offerings .colthree .text { height: 70px; width: 100%; clear: both; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* PRODUCTS */ .products .categories .colthree { background: none; } .products .categories .colthree .text { background: #ffffff; padding: 0; } .products .categories .colthree:after { display: none;} .products #tierservices {clear: both; background: #f2f2f2; } .products #tierservices .offerings .text { background: #ffffff; } .products #tierexplore h3 { font-size: 20px; } .products #tiersearch { width: 100%; text-align: center; margin: 0 0 20px 0;} .products .calltoaction { margin: 0 0 70px 0; } .products #tierwithnavleft ul { padding: 0; } .products #tierwithnavleft ul:after { display: none; } .products #tierwithnavleft:after {content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 100%; height: 0; border-top: 23px solid #f2f2f2; border-right: 23px solid #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} /* NEWS */ .news .subtabs { margin-bottom: 40px; } .news #tiersearch { text-align: center; } .news .embeddedsearch { padding: 0 0 50px 0; } .news .item { width: 100%; clear: both; float: left; margin: 0 0 15px 0; min-height: 160px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .news .item .text { width: 80%; display: inline-block; vertical-align: top; padding: 30px 34px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .news .item .image { width: 20%; display: inline-block; vertical-align: top; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .news .item .image img { width: 100%; float: right; } .news .item .text .heading { text-transform: uppercase; font-size: 24px; color: #84c361; font-weight: 600; } .news .subcontent .item:nth-of-type(even) .text { background: #f2f2f2; position: relative; } .news .subcontent .item:nth-of-type(even) .text:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 100%; height: 0; border-top: 23px solid #f2f2f2; border-right: 23px solid #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .news .pager { clear: both; width: 100%; padding: 30px 0; text-align: center; } /* LEADERSHIP */ .leadership .content { width: 86%; margin: 0 7% 55px 7%; } .leadership .content h4 { border-top: 1px solid #959595; padding: 38px 16px; cursor: pointer; text-transform: uppercase; font-weight: 600; position: relative; clear: both; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .leadership .content h4:first-child{ border-top: none; } .leadership .content h4 span { font-size: 24px; color: #84c361; } .leadership .content h4 span:after { content: " - "; padding: 0 5px; font-size: 24px; color: #84c361; } .leadership .content h4 + div.info { padding: 0 16px; overflow: hidden; max-height: 0; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .leadership .content h4:after { content: ""; margin: -7.5px 0 0 0; position: absolute; width: 15px; height: 15px; top: 50%; right: 24px; background: url("/images/arrow-down-grey.png") right center no-repeat; background-size: 15px 15px; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;} .leadership .content h4.selected:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .leadership .content h4.selected + div.info { max-height: 1000px; margin-bottom: 38px; } .leadership .content h4 .social { position: absolute; top: 50%; right: 66px; margin: -12.5px 0 0 0; display: inline-block; width: 25px; height: 25px; } .leadership .content h4 .social + .social { right: 107px; } .leadership .content div.info { font-size: 1.375em; line-height: 1.5em;} .leadership .content div.info p { padding: 22px 0 0 0; width: 85%; font-weight: 300; } .leadership .content div.info img { width: 23.5%; float: left; margin: 0 55px 0 0; } .leadership .content div.info .social { width: 25px; height: 25px; display: none; margin: 0 10px 0 0; } .leadership .content div.info .social img { width: 100%; margin: 0; padding: 0; } /* SUPPORT */ .support .tier h3 { text-align: center; margin: 0 0 55px 0; font-size: 36px; } .support #tierproduct { background: #f2f2f2; } .support .tier h4.subheading { width: 90%; padding: 0px 5%; } .support .tier h4.subheading .alllink { font-size: 16px; } /* PRODUCTS */ a.btn-tiny-green { text-decoration: none; background: #00b7ff; display: inline-block; cursor: pointer; border: 0; padding: 1px 8px; font-size: 12px; color: #ffffff !important; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;} a:hover.btn-tiny-green { background: #00a4e5; text-decoration: none; } #share { padding: 10%; display: none; } #colorbox #share { display: block; } #browse { padding: 0 0 40px 0; } #browse .inside { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } #browse .inside .productcategory { display: inline; } #browse .inside .productcategory span { display: block; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;} #compare { width: 100%; border-bottom: 1px solid #959595; float: left; } #compare .inside { display: table; height: 100px; } #compare div.col { display: table-cell; height: 100px; vertical-align: middle;} #compare div.col:first-child { width: 10%; } #compare div.col:first-child + .col { width: 73%; text-align: right; } #compare div.col:first-child + .col + .col {width: 17%; text-align: right; } #compare .item { position: relative; display: inline-block; width: 69px; text-align: center; vertical-align: top; } #compare .item a.link { width: 45px; height: 45px; text-align: center; line-height: 45px; display: inline-block; background: #ffffff; border: 1px solid #efefef; -moz-transition: .2s;-ms-transition: .2s;-o-transition: .2s;-webkit-transition: .2s;transition: .2s; } #compare .item a:hover.link { border: 1px solid #00b7ff; } #compare .item a img { max-width: 41px; max-height: 80%; vertical-align: middle; } #compare a.remove { position: absolute; top: -5px; right: 0; display: inline-block; background: #00b7ff; color: #ffffff; font-size: 10px; width: 18px; height: 18px; line-height: 18px; text-align: center; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; } #compare a.remove:after { display: none; } #compare a:hover.remove { background: #00a4e5; text-decoration: none;} #compare .btn-compare-close { padding: 1px 8px; font-size: 12px; display: none; } #compare .btn-compare-close:after { display: none; } #products #tierbanner { width: 100%; } #products #tierbanner h1 { padding: 0 0 10px 0; } #products #tierbanner h2 { float: left; width: 80%; margin: 30px 10%; font-size: 24px; line-height: 34px; font-weight: 300; text-align: center; } #products #tierofferings { padding: 40px 0 20px 0; float: left; clear: both; width: 100%; } #products #tierofferings h3 { font-size: 24px; line-height: 34px; font-weight: 300; text-align: center; width: 80%; margin: 0 10% 50px 10%; } #products #tierofferings .threecol { text-align: center; height: 235px; } #products #tierofferings .threecol a, #products #tierofferings .threecol a:hover { color: #4F5454; text-decoration: none; } #products #tierofferings .threecol a span { color: #006633; font-weight: 600; } #products #tierofferings .threecol a:hover span { text-decoration: underline; } #products #tierofferings img { width: 100%; max-width: 250px; margin: 0 0 8px 0; } #products #tierbrowse { padding: 50px 0; width: 100%; clear: both; float: left; } #products #tierbrowse h4 { font-weight: 300; margin: 0 0 10px 0; font-size: 18px; line-height: 24px;} #products .tiermarketing { width: 100%; float: left; clear: both; padding: 50px 0; background: #f2f2f2;} #products .tiermarketing .photo { width: 40%; text-align: center; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #products .tiermarketing .photo img { width: 70%; } #products .tiermarketing .photo img.vertical { width: 40%; } #products .tiermarketing .description { width: 60%; float: left; padding: 3% 0 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #products .tiers .tiermarketing:nth-of-type(even) { background: #ffffff; } #products .tiers .tiermarketing:nth-of-type(even) .photo { width: 40%; text-align: center; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #products .tiers .tiermarketing:nth-of-type(even) .description { padding: 3% 0 0 0; } #products .tiers .tiermarketing a { font-weight: 600; } #products #tiersearch { text-align: center; padding: 30px 0 50px 0; float: left; width: 100%;} #products #tiersearch input { margin: 0 8px 8px 0; } #products #tierwithnavleft { margin-bottom: 60px; } #products #tierwithnavleft h4 { position: relative; color: #00b7ff; clear: both; font-weight: 400; font-size: 1em; width: 80%; margin: 15px 10% 0 10%; padding-right: 10%; padding-top: 15px; border-top: 1px solid #959595; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #products #tierwithnavleft #fcategories h4, #products #tierwithnavleft h4.nolink { margin-top: 0; text-transform: uppercase; font-weight: 300; } #products #tierwithnavleft a span, #products #tierwithnavleft a:hover span { color: #808080; } #products #tierwithnavleft ul { max-height: 0; overflow: hidden; -moz-transition: .2s;-ms-transition: .2s;-o-transition: .2s;-webkit-transition: .2s;transition: .2s; } #products #tierwithnavleft ul.showgroup { max-height: 999px; } #products #tierwithnavleft #fcategories ul { max-height: 999px; } #products #tierwithnavleft h4:hover { text-decoration: underline; cursor: pointer; } #products #tierwithnavleft #fcategories h4, #products #tierwithnavleft #fcategories h4:hover { color: #84c361; text-transform: uppercase; font-weight: 600; font-size: 1.5em; text-decoration: none; cursor: default; border: none; } #products #tierwithnavleft #fcategories + div.nolink { margin: 30px 10% 0 10%; width: 80%; color: #84c361; text-transform: uppercase; font-weight: 600; font-size: 1.5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #products #tierwithnavleft div.nolink { margin: 0 10% 0 10%; width: 80%; font-weight: 300; text-transform: uppercase; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #products #tierwithnavleft div.nolink a { float: right; display: inline-block; width: 40%; text-align: right; padding: 0; margin: 0; line-height: 22px; font-size: 16px; text-transform: none; font-weight: 400;} #products #tierwithnavleft h4:before {content: ""; position: absolute; width: 12px; height: 12px; top: 50%; right: 5%; background: url("/images/arrow-down-grey.png") right center no-repeat; background-size: 12px 12px; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;} #products #tierwithnavleft h4.down:before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } #products #tierwithnavleft #fcategories h4:before { background: none; } #products #promotion img { width: 100%; clear: both; margin-bottom: 20px; } #products #sorter { display: table; width: 100%; padding: 19px 2%; height: 70px; background: #f2f2f2; position: relative; } #products #sorter:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 100%; height: 0; border-top: 19px solid #f2f2f2; border-right: 19px solid #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #products #sorter div { height: 70px; display: table-cell; vertical-align: middle; text-align: left; } #products #sorter div:first-child { width: 15%; font-weight: 600; } #products #sorter div:first-child + div { text-align: right; } #products #sorter div:first-child + div + div { text-align: right; white-space: nowrap; } #products #sorter input { width: 170px; height: 39px; margin: 0; display: inline-block; vertical-align: top; } #products #sorter ::-webkit-input-placeholder { color: #ffffff; opacity: .5;} #products #sorter select { width: 120px; margin: 0 8px 0 0; border-radius: 0; } #products #sorter .btn { width: 39px; height: 39px; background: #00B7FF url("/images/nav-icon-search-background-white.png") center center no-repeat; background-size: 18px 18px; } #products #filters { width: 100%; clear: both; margin: 30px 0 10px 0; } #products #filters div { display: inline-block; margin: 2px 15px 2px 5px; white-space: nowrap;} #products .result { border-bottom: 1px solid #d7d7d7; float: left; clear: both; width: 100%; padding: 10px 0; margin: 10px 0;} #products .result .photo {float: left; width: 29%; } #products .result .photo a:first-child { width: 150px; text-align: center; line-height: 150px; height: 150px; vertical-align: middle; display: inline-block; } #products .result .photo img { max-width: 150px; max-height: 90%; vertical-align: middle;} #products .result .photo img.addcompare { width: 20px; margin: 0px 8px 0px 0px;} #products .result .description { float: right; width: 71%; } #products .result .description a { font-weight: 600; } #products .result:last-child { border-bottom: none; } #products.family #fbreadcrumb { background: #f2f2f2; } #products #bullets { width: 100%; padding: 30px 0 40px 0; float: left; clear: both; } #products #bullets .leftfloat { padding: 0 20px 0 0;} #products #bullets .leftfloat h1 { color: #84c361; text-transform: none; font-weight: 600; font-size: 2.25em; line-height: 1.2em; text-align: left; margin: 0 0 8px 0;} #products #bullets .leftfloat h1 span { position: relative; font-size: 55%; line-height: 0; vertical-align: baseline; top: -.6em;} #products #bullets .leftfloat h2 { font-size: 1.875em; font-weight: 300; line-height: 30px; text-align: left; margin: 0 0 30px 0; padding: 0; } #products #bullets .leftfloat ul { margin: 0 0 40px 0; padding: 0 0 0 1em;} #products #bullets .leftfloat ul li { margin: 0 0 5px 0; } #products #bullets .leftfloat .btn-green { text-transform: uppercase;} #products #bullets .rightfloat { float: right; padding: 0 0 0 20px 0; } #products #bullets .rightfloat #imageholder { width: 100%; height: 270px; margin: 0 0 40px 0; background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: -webkit-zoom-in; cursor: zoom-in; background-image: url('/images/products-loading.gif'); text-align: center; } #products #bullets .rightfloat #imagerow { width: 100%; text-align: center; margin: 0 auto; } #products #bullets .rightfloat #imagerow.seven { width: 70%; } #products #bullets .rightfloat #imagerow a { border: 1px solid #f2f2f2; display: inline-block; width: 50px; height: 50px; background: #ffffff; margin: 0 8px 16px 8px; line-height: 50px; text-align: center; -moz-transition: .2s;-ms-transition: .2s;-o-transition: .2s;-webkit-transition: .2s;transition: .2s;} #products #bullets .rightfloat #imagerow a:hover { border: 1px solid #00b7ff; } #products #bullets .rightfloat #imagerow img { max-width: 90%; max-height: 80%; margin: auto; vertical-align: middle; } #products.model h1 { text-align: left; clear: both; } #products.model #bullets { background: #ffffff; margin: 0 0 50px 0; } #products.model .whatsinbox { margin: 40px 0 0 0; clear: left;} #products.model #bullets h2 { margin-bottom: 30px; } #products.model #bullets h2 span { font-size: 18px; line-height: 24px;} #products.model #bullets .btn-green { margin-bottom: 10px;} #products.model #bullets .rightfloat #imagerow a { border: 1px solid #f2f2f2; } #products.model #bullets .rightfloat #imagerow a:hover { border: 1px solid #006633; } #products.model #bullets { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #products.model #linkedfamilies { padding: 42px 0; float: left; width: 100%; font-size: 14px; margin: 0 0 10px 0; text-transform: uppercase; } #products.model #linkedfamilies span::after { content: " | "; } #products.model #linkedfamilies span:first-child {padding: 0 0 0 10px; } #products.model #linkedfamilies span:last-child::after { content: "";} #products #tabs { width: 100%; background: #f2f2f2; clear: both; float: left; margin: 0 0 50px 0; text-transform: uppercase; font-weight: 600; padding: 45px 0; } #products #tabs a { border-bottom: 2px solid #f2f2f2; color: #646466 !important; display: inline-block; margin: 0 1px; padding: 15px 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #products #tabs a.selected { border-bottom: 2px solid #f2f2f2; color: #84c361 !important; } #products #tabs a:hover { border-bottom: 2px solid #f2f2f2; color: #84c361 !important; text-decoration: none; } #products #tabs a span.arrowdown { display: none; } #products .tab { transition: opacity .5s ease-out; } #products .off { height: 0; overflow: hidden; opacity: 0; padding: 0 !important; } #products #content-overview .left { padding: 0 20px 70px 0; width: 70%; } #products #content-overview .left img { max-width: 100%; } #products #content-overview .right { padding: 0 0 0 40px; width: 30%; } #products #content-overview .right span a { display: inline-block; width: 100%; margin: 0 0 12px 0; } #products #content-overview .right img { width: 25px; vertical-align: middle; margin: 0 8px 0 0; } #products #content-overview .right h4 { font-weight: 300; margin: 30px 0 10px 0; font-size: 18px; line-height: 24px;} #products #content-overview .section { width: 100%; padding: 70px 0; float: left; clear: both; } #products #content-overview div.section:nth-of-type(even) { background: #f2f2f2; } #products #endorsement blockquote { position: relative; margin: 0; font-size: 30px; padding: 0 0 0 40px; font-weight: 400; line-height: 38px; color: #4F5454; margin-bottom: 10px; } #products #endorsement blockquote:before { position: absolute; top:0; content:"\201C"; font-family: 'Arial', serif; color: #84c361; font-size: 78px; margin: 24px 5px 0 -30px; line-height: .1em; } #products #endorsement blockquote:after { position: absolute; bottom: 0; content:"\201D"; font-family: 'Arial', serif; color: #84c361; font-size: 78px; margin: 0 0 -20px 4px; line-height: .1em; } #products #endorsement p { padding-left: 40px; } #products .marketing .photo { width: 50%; padding: 0 40px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } #products .marketing .photo img { width: 100%; } #products #content-overview .section:nth-of-type(odd) .photo { float: right; padding: 0 0 0 40px; } #products .marketing .description { width: 50%; padding: 6% 0 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } #products #content-overview #related h2, #products #content-overview #related-products h2 { color: #84c361; text-transform: uppercase; font-weight: 600; font-size: 1.75em; margin-bottom: 40px;} #products #content-overview #related { width: 100%; float: left; clear: both; padding: 70px 0; text-align: center; } #products #content-overview #related .item, #products #content-resources .resource-section .item { width: 25%; padding: 0 1%; margin-bottom: 30px; display: inline-block; text-align: center; vertical-align: bottom; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #products #content-overview #related .item img, #products #content-resources .resource-section .item img { width: 100%; } #products #content-overview #related .item img.vertical, #products #content-resources .resource-section .item img.vertical { width: 75%; } #products #content-overview #related .item a span, #products #content-resources .resource-section .item a span {display: block; width: 100%; height: 44px; overflow: hidden; position: relative; } #products #content-overview #related .item a span:after, #products #content-resources .resource-section .item a span:after {content: ""; text-align: right; position: absolute; bottom: 0; right: 0; width: 30%; height: 22px; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);} #products #content-overview .hr-960 { clear: both; width: 100%; max-width: 600px; margin: 0 auto; display: none; color: #f2f2f2; background-color: #f2f2f2; border: none; height: 1px; } #products #content-overview #related + .hr-960, #products #content-overview .inside + .hr-960, #products #content-overview #endorsement + .marketing + .hr-960 { display: block; } #products #content-overview #related-products { width: 100%; float: left; clear: both; padding: 70px 0 40px 0; text-align: center; } #products #content-overview #related-products .five .item { margin: 0 1px 30px 1px; } #products #content-overview #related-products .item { width: 25%; padding: 0 1%; margin-bottom: 30px; display: inline-block; text-align: center; vertical-align: bottom; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #products #content-overview #related-products .item a span.photo { width: 150px; height: 150px; margin: 0 0 10px 0; background-repeat: no-repeat; background-size: contain; background-position: center center; display: inline-block;} #products #content-overview #related-products .item a span.text {display: block; width: 100%; height: 44px; overflow: hidden; position: relative; } #products #content-overview #related-products .item a span.text:after {content: ""; text-align: right; position: absolute; bottom: 0; right: 0; width: 30%; height: 22px; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);} #products #content-partnumbers h3 { margin-bottom: 30px; } #products #content-partnumbers table { width: 100%; border-collapse: collapse; margin: 0 0 70px 0; clear: both; } #products #content-partnumbers table td, #content-partnumbers table th { text-align: left; margin: 0; padding: 0; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #products #content-partnumbers table thead th { font-weight: 300; font-size: 18px; line-height: 24px; padding: 0 0 10px 0; } #products #content-partnumbers table td { padding: 15px 0; border-bottom: 1px solid #d7d7d7; } #products #content-partnumbers table td.image { width: 13%; height: 125px; padding: 5px 0; text-align: center; vertical-align: middle; } #products #content-partnumbers table td.image a { display: inline-block; width: 100%; height: 125px; text-align: center; line-height: 125px; } #products #content-partnumbers table td.image img { max-width: 125px; max-height: 100%; margin: auto; vertical-align: middle; } #products #content-partnumbers table td.description { padding-left: 20px; } #products #content-partnumbers table thead th.partnumber { width: 25%; padding: 0 5% 10px 5%; } #products #content-partnumbers table td.partnumber { width: 25%; padding: 0 5%; } #products #content-partnumbers table thead th.action { width: 15%; } #products #content-partnumbers .btn-small-green { white-space: nowrap;} #products .tab { width: 100%; clear: both; float: left; } #products #featureschart table { background: #ffffff; } #products #content-specifications { padding: 0 0 70px 0;} #products #content-specifications table, #products #featureschart table { table-layout: fixed; border-collapse: collapse; padding: 0; margin: 0 0 20px 0; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #products #content-specifications table td, #products #featureschart table td, #content-specifications table th, #products #featureschart table th { padding: 1em; margin: 0; border-top: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; text-align: left; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #products .specshead { background: #4f5454; color: #ffffff; font-weight: 700; } #products .specshead a.white:hover { color: #ffffff; } #products .specssubhead { background: #f2f2f2; font-weight: 600;} #products #specs .specsside, #products .specs .specsside { background: #f8f8f8; width: 24%; } #products .specshead:nth-of-type(1) { width: 24%; } #products #content-resources #videos, #products #content-resources #featured-resources { text-align: left; } #products #content-resources .resource-section { padding: 0 0 70px 0; width: 100%; clear: both; float: left; } #products #content-resources .resource-section h2 { color: #84c361; text-transform: uppercase; font-weight: 600; font-size: 1.75em; margin-bottom: 40px; text-align: center; } #products #content-resources .resource-section h4, #products #content-resources .resource-section .dochead h4 { font-weight: 300; font-size: 18px; line-height: 24px; padding: 30px 0 10px 0; text-transform: uppercase; } #products #content-resources #customers img { max-width: 170px; border: 1px solid #d7d7d7; } #products #content-resources #support.resource-section select, #products #content-resources #support.resource-section .btn-green { margin-bottom: 30px; } #products .cta { width: 100%; float: left; text-align: center; padding: 30px 0; } #products #recent { background: #f2f2f2; float: left; width: 100%; clear: both; padding: 50px 0; margin: 0 0 -40px 0; text-align: center;} #products #recent .twocol { float: none; display: inline-block; vertical-align: top;} #products #recent .fourcol { padding: 0 5px; margin: 0 0 20px 0; font-size: 11px; line-height: 18px; display: inline-block; float: none; vertical-align: top;} #products #recent h3 { margin-bottom: 20px; } #products #recent span { display: inline-block; width: 60px; height: 60px; background: #ffffff; line-height: 60px; margin-bottom: 5px; border: 1px solid #ffffff; -moz-transition: .2s;-ms-transition: .2s;-o-transition: .2s;-webkit-transition: .2s;transition: .2s; } #products #recent a:hover span { border: 1px solid #006633; } #products #recent img { max-width: 60px; max-height: 80%; vertical-align: middle; } #products #recent .twocol:first-child + .twocol { border-left: 1px solid #ffffff; } #products.comparison table { padding: 0; margin: 0; border: none; border-collapse: collapse; } #products.comparison table tr.description td span { display: inline-block; width: 100%; height: 150px; text-align: center; vertical-align: middle; line-height: 150px; margin: 0 0 10px 0; } #products.comparison table td img { max-width: 150px; max-height: 90%; vertical-align: middle; } #products.comparison table td { padding: 10px; width: 20%; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; vertical-align: top; } #products.comparison table td.label { background: #f2f2f2; border-left: 1px solid #d7d7d7; } #products.comparison table td.blank { border-top: none !important; } #products.comparison table tr.description td { vertical-align: top; border-bottom: none; position: relative; border-top: 1px solid #d7d7d7; padding-top: 30px; } #products.comparison table tr.description td .btn-small-green { position: absolute; top: 5px; right: 5px; } #products.comparison table td h2 { font-size: 18px; line-height: 28px; margin: 0 0 10px 0;} #products .rowoficons { clear: both; width: 100%; padding-top: 20px; text-align: center; } #products .rowoficons img { width: 20%; } /* TransPort Filters */ #products #pnfilters { padding: 0 0 30px 0; float: left; width: 100%; } #products #pnfilters .threecol { padding: 0; } #products #pnfilters .threecol:nth-of-type(2) { padding: 0 1%; } #products #pnfilters h3 { font-weight: 300; font-size: 1.2em; text-transform: uppercase; margin: 0 0 20px 0; } #products #pnfilters li, #products #pnfilters ul {list-style-type: none; margin: 0; padding: 0; } #products #pnfilters li { margin: 0 0 4px 0; } #products #responsivefilter.responsiveonly { display: none; } #products.model .how-to-buy { margin-bottom: 70px; padding-bottom: 40px; border-bottom: 1px solid #d7d7d7; } #products.model .how-to-buy .distitable { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #products.model .how-to-buy .distitable td, #how-to-buy .distitable th { padding: 5px 5px 5px 0; text-align: left; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #products.model .how-to-buy .distitable th { vertical-align: top; text-align: left; font-weight: 300; text-transform: uppercase; } #products.model .how-to-buy .distitable th:last-of-type { width: 110px; padding-right: 0; } #products.model .how-to-buy .distitable td.qty { width: 40px; } #products.model .how-to-buy .distitableheader { padding: 4px 0; width: 100%; clear: both; font-weight: 600; margin-bottom: 20px; text-transform: uppercase; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #products.model .how-to-buy hr { width: 70%; clear: both; margin: 30px auto; color: #ffffff; background-color: #ffffff; border: none; height: 1px; } #products.model #buyonline { clear: both;} @-moz-document url-prefix() { #contact #requestForm input[type=checkbox]:checked, #news input[type="checkbox"]:checked { background: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; } }