body { margin: 0; padding: 0; text-align: left; color: #4F5454; font: normal 14px/20px Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3"; background: #ffffff; width: 100%; } a:link, a:visited, a:active { color: #006633; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } a img { border: none; } h2 { font-size: 20px; line-height: 24px; font-weight: normal; font-weight: 300; } #fbreadcrumb { background: #ffffff; color: #4f5454; border-bottom: none; margin: 0 0 20px; } #fbreadcrumb a:link, #fbreadcrumb a:visited, #fbreadcrumb a:active { color: #006633; text-decoration: none; } #fbreadcrumb a:hover { color: #000000; text-decoration: underline; } #navigation { width: 100%; height: 114px; background: #00a05b; position: relative; z-index: 11; float: left; margin: 0; } #navigation ul { margin: 0; padding: 0; } .inside { width: 960px; margin: 0 auto; } 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; } #navlogo { width: 10%; height: 114px; float: left; } #navlogo img { margin: 21px 0 0 0; max-width: 80px; width: 100%; } #navabove { width: 90%; height: 50px; line-height: 50px; float: right; text-align: right; font-weight: 400; } #navabove ul li a:link, #navabove ul li a:visited, #navabove ul li a:active { color: #ffffff; text-decoration: none; } #navabove ul li a:hover { text-decoration: underline; color: #ffffff; } #navabove .btn-white { float: right; margin: 14px 0 0 10px; } #navabove ul li { display: inline; padding: 0 10px; margin: 0; font-size: 12px; } #navbelow { width: 90%; height: 64px; line-height: 64px; float: right; text-align: right; } #navbelow .btn-search img { vertical-align: middle; padding: 0 20px; } #navbelow ul li { display: inline-block; margin: 0; font-size: 15px; font-weight: 400; position: relative; } #navbelow ul li.responsiveonly { display: none; } #navbelow ul li:hover a { background: #363636; color: #ffffff !important; } #navbelow ul li a:link, #navbelow ul li a:visited, #navbelow ul li a:active { color: #ffffff; text-decoration: none; padding: 0 15px; display: inline-block; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear;} #navbelow ul li .dropcontainer { font-size: 14px; line-height: 25px; background: #363636; color: #ffffff; position: absolute; left: -9999px; padding: 30px 0 0 0; margin: 0; display: none; z-index: 12; text-align: left; font-weight: 400; width: 330px; } #navbelow .mobileonly { display: none; } /* Need to overwrite the hover intent for touch screens #navbelow ul li:hover .dropcontainer { left:0; display: block; font-weight: 400; } @media only screen and (device-width: 768px) { #navbelow li ul { position: absolute; left: -9999px; padding: 0; margin: 0; } #navbelow li:hover ul { left: auto; right: 0px; } } @media only screen and (max-device-width: 480px) { #navbelow li ul { position: absolute; left: -9999px; padding: 0; margin: 0; } #navbelow li:hover ul { left: auto; right: 0px; } }*/ /* ********** second level ********** */ #navbelow li ul li a:link, #navbelow li ul li a:visited, #navbelow li ul li a:active { font-size: 14px; line-height: 14px; font-weight: 400; margin: 0; padding: 15px; color: #ffffff; text-align: left; clear: both; text-decoration: none; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #navbelow li ul li a.subnav { padding: 15px 15px 15px 50px !important; } #navbelow li ul li { width: 330px; border-bottom: 1px solid #545454; } #navbelow li ul li a:hover { color: #018844; text-decoration: underline; } /* ********** third level ********** */ #navbelow div ul li ul { position: absolute; left: 330px; visibility: hidden; padding: 0; margin: -44px 0 0 0; } #navbelow div ul li:hover ul { visibility: visible; left: 330px; } #navbelow li ul li .menuarrow { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIyNkQ4Nzg5QzMzRTExRTNCQzRGODA4ODg1MUU2OTc2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIyNkQ4NzhBQzMzRTExRTNCQzRGODA4ODg1MUU2OTc2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjI2RDg3ODdDMzNFMTFFM0JDNEY4MDg4ODUxRTY5NzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjI2RDg3ODhDMzNFMTFFM0JDNEY4MDg4ODUxRTY5NzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz50mBI4AAAAtklEQVR42nzRPQrCMBjG8bb4AQ6dXHTUM4gu7oLgIHpHRRHEegfRM+gZioNWHeI/8BRqSHzgRxLI27xpYmNMRFqYIcUK9yiQmsY5hkjwxAbFv4IuGpoPYI/d+ooSjXtcNW/qtKVa/UmsO9j0sEBf6w9OyJC7J9jcsNZoU8cYU19LZfLQZd1L27T1Nbelo6+ggwlGWr9xxg4PX0F180ubvb+1LCjUQoxLaHO14KDHSvUmwYt/BRgAl+Mr7yQcH2EAAAAASUVORK5CYII=') center right no-repeat; } #navbelow li ul li:hover .menuarrow { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIyNkQ4NzhEQzMzRTExRTNCQzRGODA4ODg1MUU2OTc2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIyNkQ4NzhFQzMzRTExRTNCQzRGODA4ODg1MUU2OTc2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjI2RDg3OEJDMzNFMTFFM0JDNEY4MDg4ODUxRTY5NzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjI2RDg3OENDMzNFMTFFM0JDNEY4MDg4ODUxRTY5NzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6AGwAAAAAAxElEQVR42nzSzwoBURTH8TtYaKxmJztL5Q08iRrZWUpJUYZY2XgI8ucxrMSLKDshfzZc31tnNOlepz7dc+v+7syZxtNaK28WBkqpEfJo4qgSpeuLb5+RdYIQaZzRxkVZKg6U4UtfxRsdWyglax9b6XPytCkCV2AjN8YhX0LmVQu2gKkdWtjLPosGBq6AqYNr2N+hTRURoSL7J+YY2wIl9FCT/R0rdHGyBZKHb1i6PmscuOIhM61dh5OBIV7ya0T/Bv8IMABvGyooVN/V3gAAAABJRU5ErkJggg==') center right no-repeat; } /* Overwrite for Support */ #navbelow div ul li.flyleft ul { left: auto !important; right: 330px;} #navbelow div ul li.flyleft:hover ul { left: auto !important; right: 330px; } #navbelow #sitesearch .dropcontainer { width: 400px; padding: 30px; } #sitesearch form #q { -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 16px; color: #000; border: 2px solid #CFD5D3; background: #ffffff; padding: 14px 11px; margin: 0 15px 0 0; font-family: 'Open Sans', Arial, sans-serif; border-radius: 2px; box-sizing: border-box; width: 250px;} #sitesearch form #btn-submit { color: #FFF; font-size: 16px; font-weight: normal; border-radius: 3px; height: auto; padding: 11px 28px; cursor: pointer; border: none; background: #009E58;} #sitesearch #commonsearches { width: 100%; margin: 0 auto; text-align: left; } #sitesearch #commonsearches a:link { display: block; float: left; width: 49%; margin: 0; padding: 0 1% 0 0; } #sitesearch #commonsearches a:hover { text-decoration: underline; } #sitesearch #commonsearches h3 { margin: 20px 0 10px 0; } .column { width: 160px; padding-right: 11px; display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .twocolumn { width: 320px; 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; } #bottom { width: 100%; background: #00a05b; color: #ffffff; clear: both; float: left; font-size: 14px; margin-top: 40px; } #bottom a:link, #bottom a:visited, #bottom a:active { color: #ffffff; text-decoration: none; } #bottom a:hover { text-decoration: underline; } #bottom .column a { display: block; margin-bottom: 15px; line-height: 20px; } #bottom #promo { font-size: 30px; font-weight: 300; line-height: 30px; padding: 50px 0; text-align: center; background: none !important; } #bottom #promo .btn-bigwhite { margin: 0 0 0 20px; } #bottom .social a { width: 60px; height: 60px; margin: 0 10px; float: left; } #bottom .social a.twitter { background: url('/images/icon-twitter-white.png') 0 0 no-repeat; background-size: 120px 60px;} #bottom .social a:hover.twitter { background: url('/images/icon-twitter-white.png') -60px 0 no-repeat; background-size: 120px 60px;} #bottom .social a.facebook { background: url('/images/icon-facebook-white.png') 0 0 no-repeat; background-size: 120px 60px; } #bottom .social a:hover.facebook { background: url('/images/icon-facebook-white.png') -60px 0 no-repeat; background-size: 120px 60px;} #bottom .social a.linkedin { background: url('/images/icon-linkedin-white.png') 0 0 no-repeat; background-size:120px 60px; } #bottom .social a:hover.linkedin { background: url('/images/icon-linkedin-white.png') -60px 0 no-repeat; background-size: 120px 60px;} #bottom .social a.youtube { background: url('/images/icon-youtube-white.png') 0 0 no-repeat; background-size: 120px 60px; } #bottom .social a:hover.youtube { background: url('/images/icon-youtube-white.png') -60px 0 no-repeat; background-size: 120px 60px;} #bottom #twitterfeed { position: relative; float: left; width: 100%; padding: 20px; font-weight: 400; color: #000000; background: #ffffff; margin: 60px 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #bottom #twitterfeed a:link, #bottom #twitterfeed a:visited, #bottom #twitterfeed a:active { color: #006633; } #bottom #twitterfeed a:hover { color: #000000; } #bottom #twitterfeed .date { font-size: 11px; text-align: right; float: right; clear: both; } #bottom #twitterfeed img { position: absolute; left: 0; bottom: 0; margin-left: -56px; } #bottom #security img { width: 140px; margin: 0 10px; float: left; } #bottom #copyright { width: 100%; padding: 50px 0; clear: both; } a.btn-green { text-decoration: none; background: #00a05b; display: inline-block; border-radius: 3px; cursor: pointer; border: 0; padding: 7px 20px; font-size: 17px; color: #ffffff; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;} a:hover.btn-green { background: #363636; text-decoration: none; } a.btn-small-green { text-decoration: none; background: #00a05b; display: inline-block; border-radius: 3px; cursor: pointer; border: 0; padding: 6px 12px; font-size: 12px; color: #ffffff; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;} a:hover.btn-small-green { background: #363636; text-decoration: none; } .imgoffsite { height: 14px; padding: 0 0 0 8px; } /* Home page shared */ .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; } #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 { margin: 0; font-size: 30px; padding: 0 0 0 40px; font-weight: 400; line-height: 38px; color: #4F5454; margin-bottom: 10px; } #tierendorsement blockquote:before { content:"\201C"; font-family: 'Arial', serif; color: #00a05b; font-size: 78px; line-height: 0.1em; margin: 0 5px 0 -30px; vertical-align: -0.3em; } #tierendorsement blockquote:after { content:"\201D"; font-family: 'Arial', serif; color: #00a05b; font-size: 78px; line-height: 0.1em; margin-left: 2px; vertical-align: -0.65em;} #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: #efefef; } /* PCS pages */ #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; font-weight: normal; } #pcs h2.tier { font-size: 32px; line-height: 44px; font-weight: 300; width: 100%; margin: 0 auto 50px auto; text-align: center; } #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%; height: 200px; float: left; vertical-align: middle; } #pcs .itemright { float: right; vertical-align: middle; } #pcs .seventy { margin: 30px auto 30px auto; width: 80%; font-size: 24px; line-height: 34px; font-weight: normal; 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; } /* Industries */ #industries h3 { font-size: 19px; line-height: 34px; font-weight: 600; margin-bottom: 15px; } #industries .whitearea { width: 100%; padding: 70px 0; background-color: #fff; float: left; clear: both; } #industries .whitearea .inside { width: 960px; margin: 0 auto; text-align: left; } #industries .topwhite { padding-top: 0;} #industries .topwhite img { width: 47%; padding: 0 3% 3% 0; float: left; } #industries .grayarea { width: 100%; padding: 70px 0; background-color: #efefef; float: left; clear: left;} #industries .grayarea .inside { width: 960px; margin: 0 auto; text-align: left; } #industries #tiericons { text-align: center; padding: 0 0 50px 0; float: left; width: 100%; } #industries #tiericons img { max-width: 80px; } #industries #tiericons h3 { line-height: 1.5em; } #industries #tiericons .fourcol { margin-bottom: 10px; } #industries h2 { font-size: 30px; line-height: 34px; font-weight: 300; margin-bottom: 37px; text-align: center; } h1.industries { width: 100%; height: 287px; font-size: 78px; line-height: 286px; color:#fff; margin: 0 0 50px 0; padding: 0; float: left; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); } h2.industries { font-size: 24px; line-height: 38px !important; font-weight: 300; margin: auto auto 37px auto; text-align:center; width: 80%; } #industries #resources h3 { font-size: 19px; font-weight: 600; margin-bottom: 40px; } #industries #resources p { margin: 0; clear: both; } #industries #resources .prdcol div, #resources .appcol div { vertical-align: central; margin: 0 0 20px 0; width: 100%; clear: both; float: left; } #industries #resources hr { width: 70%; margin: 25px auto; color: #efefef; background-color: #efefef; border: none; height: 1px;} #industries #resources .videocol img { margin-bottom: 10px; width: 100%; max-width: 291px; } #industries #resources .prdcol img { width: 50px; min-width: 50px; float: left; vertical-align: central; padding: 0 15px 0 0; } #industries #resources .appcol img { width: 45px; min-width: 45px; float: left; vertical-align: central; padding: 0 15px 0 0; } #industries #contact { font-size: 32px; text-align: center; clear: both; margin: 0 auto 50px auto; } #industries #contact a.btn-green { margin: 0 0 0 20px; padding: 14px 30px; font-size: 20px; line-height: 20px; } #industries .twocol img, #industries .threecol img { width: 100%; } #industries p.teaser { margin: 0 auto 60px auto; width: 95%; font-size: 24px; line-height: 34px; font-weight: 300; text-align: center; } #industries.index .threecol { margin-bottom: 40px; text-align: left; position: relative; } #industries.index .threecol img { max-width: 277px; width: 100%; margin: 0; padding: 0; position: relative; } #industries.index .threecol ul { margin-top: 40px; margin-bottom: 0; margin-left: 30px; padding-left: 0; } #industries.index .threecol ul li { font-size: .9em; list-style-type: circle; } #industries.index .threecol a { font-weight: 600; position: relative; display: block; height: 187px; } #industries.index .threecol a span.bar { font-size: 18px; position: absolute; z-index: 2; display: block; bottom: 0; left: 0; padding: 0 0 0 10px; width: 100%; background: #000000; background: rgba(0,0,0,.5); color: #ffffff; height: 30px; line-height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #industries.index .threecol a span.hovercontent { font-size: 18px; color: #ffffff; visibility: hidden; background: #000000; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #industries.index .threecol a:hover span.bar { background: none; } #industries.index .threecol a:hover span.hovercontent { visibility: visible; } #industries.index h1.industries { background: url('/industries/images/industries_index_banner.jpg') center center no-repeat; } /* Overwrite styles2012 */ /*#content h4 { float: left; clear: both; color: #4F5454; margin-top: 10px; font-size: 20px; font-weight: 300; text-align: left; width: 100%; line-height: 30px; margin: 20px 0 0 0; margin-bottom: 15px; border-bottom: 1px dashed #CFD5D3; background: none; }*/ #btmnavcontent { background: none; } h1.largesize { padding: 0 0 50px 0; font-size: 52px; line-height: 1.1em; text-align: center; margin: 0 auto; } /*追記20150330 */ #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('http://www.digi.com/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: #fff } #pcs #tabs a.selected span.tab { background: #00a05b; border: 2px solid #00a05b; color: #fff } .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 h2 { margin-top: 30px } #rdm-login div .btn-green:nth-of-type(1) { margin-right: 20px } #rdm-login div .btn-green img { height: 15px; margin-left: 8px } #industries h3 { font-size: 19px; line-height: 34px; font-weight: 600; margin-bottom: 15px } #industries .whitearea { width: 100%; padding: 70px 0; background-color: #fff; float: left; clear: both } #industries .whitearea .inside { width: 960px; margin: 0 auto; text-align: left } #industries .topwhite { padding-top: 0 } #industries .topwhite img { width: 47%; padding: 0 3% 3% 0; float: left } #industries .grayarea { width: 100%; padding: 70px 0; background-color: #efefef; float: left; clear: left } #industries .grayarea .inside { width: 960px; margin: 0 auto; text-align: left } #industries #tiericons { text-align: center; padding: 0 0 50px 0; float: left; width: 100% } #industries #tiericons img { max-width: 80px } #industries #tiericons h3 { line-height: 1.5em } #industries #tiericons .fourcol { margin-bottom: 10px } #industries h2 { font-size: 30px; line-height: 34px; font-weight: 300; margin-bottom: 37px; text-align: center } h1.industries { width: 100%; max-width: 100%; height: 287px; font-size: 78px; line-height: 286px; color: #fff; margin: 0 0 50px 0; padding: 0; float: left; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1) } h2.industries { font-size: 24px; line-height: 38px !important; font-weight: 300; margin: auto auto 37px auto; text-align: center; width: 80% } #industries #resources h3 { font-size: 19px; font-weight: 600; margin-bottom: 40px } #industries #resources p { margin: 0; clear: both } #industries #resources .prdcol div, #resources .appcol div { vertical-align: central; margin: 0 0 20px 0; width: 100%; clear: both; float: left } #industries #resources hr { width: 70%; margin: 25px auto; color: #efefef; background-color: #efefef; border: none; height: 1px } #industries #resources .videocol img { margin-bottom: 10px; width: 100%; max-width: 291px } #industries #resources .prdcol img { width: 50px; min-width: 50px; float: left; vertical-align: central; padding: 0 15px 0 0 } #industries #resources .appcol img { width: 45px; min-width: 45px; float: left; vertical-align: central; padding: 0 15px 0 0 } #industries #contact { font-size: 32px; text-align: center; clear: both; margin: 0 auto 50px auto } #industries #contact a.btn-green { margin: 0 0 0 20px; padding: 14px 30px; font-size: 20px; line-height: 20px } #industries .twocol img, #industries .threecol img { width: 100% } #industries p.teaser { margin: 0 auto 60px auto; width: 95%; font-size: 24px; line-height: 34px; font-weight: 300; text-align: center } #industries.index .threecol { margin-bottom: 40px; text-align: left; position: relative } #industries.index .threecol img { max-width: 277px; width: 100%; margin: 0; padding: 0; float: left } #industries.index .threecol ul { margin-top: 40px; margin-bottom: 0; margin-left: 30px; padding-left: 0 } #industries.index .threecol ul li { font-size: .9em; list-style-type: circle } #industries.index .threecol a { font-weight: 600; position: relative; display: block; float: left; height: auto } #industries.index .threecol a span.bar { font-size: 18px; position: absolute; z-index: 2; display: block; bottom: 0; left: 0; padding: 0 0 0 10px; width: 100%; background: #000; background: rgba(0, 0, 0, .5); color: #fff; height: 30px; line-height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #industries.index .threecol a div.hovercontent { font-size: 18px; color: #fff; visibility: hidden; background: #000; background: rgba(0, 0, 0, .5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #industries.index .threecol a:hover span.bar { background: none } #industries.index .threecol a:hover div.hovercontent { visibility: visible } #industries.index h1.industries { background: #363636 url('http://www.digi.com/industries/images/industries_index_banner.jpg') center center no-repeat; max-width: 100% } #industries .moreinfo { transition: all .2s ease-in-out; border: 4px solid rgba(0, 160, 91, 0); position: relative; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #industries .moreinfo span { transition: all .2s ease-in-out; position: absolute; bottom: 15px; left: -10px; display: inline-block; background: #00a05b; color: #fff; text-decoration: none; font-size: 11px; padding: 1px 9px } #industries .moreinfo img {} #industries .moreinfo:hover { border: 4px solid rgba(54, 54, 54, 1) } #industries .moreinfo:hover span { left: 15px; background: #363636 } #industries .topwhite img { padding: 0 } #subindustry .banner { display: table; width: 100%; max-width: 100%; height: 175px; color: #fff; margin: 0 0 50px 0; padding: 0; float: left; text-shadow: 1px 1px 2px #969696; text-align: center; background-repeat: no-repeat; background-position: center center } #subindustry .banner div { display: table-cell; height: 175px; width: 100%; vertical-align: middle } #subindustry .banner h1 { font-size: 64px; margin: 0 auto; padding: 0; line-height: 1em; text-align: center; text-transform: uppercase } #subindustry .banner h2 { margin: 0 auto; padding: 0; text-align: center } #subindustry h2 { font-size: 30px; line-height: 38px; font-weight: 300; margin-bottom: 37px; text-align: center } #subindustry .tierproducts { text-align: center } #subindustry .tierproducts .fourcol { float: none; display: inline-block; position: relative; vertical-align: top; margin-bottom: 10px } #subindustry .tierproducts .fourcol:last-child { border-right: none } #subindustry .tierproducts .fourcol:last-child::after { content: "" } #subindustry .tierproducts .fourcol img { width: 80% } #subindustry .tierproducts .fourcol a span { display: inline-block; text-transform: uppercase; font-weight: 600; font-size: 19px; line-height: 1.5em; color: #4f5454; width: 100%; padding: 0 0 15px 0 } #subindustry .tierproducts .fourcol a:hover span { text-decoration: none } #subindustry .tiersubcontent { padding: 70px 0; clear: both; float: left } #subindustry .tiersubcontent img { width: 90%; margin: 0 0 0 10% } #subindustry .tiersubcontent img.checkmark { width: 60px; margin: 0 10px 0 0; float: left } #subindustry .grayarea { background: #efefef } #subindustry .contact { float: left; clear: both; width: 100%; padding: 50px 0 0 0; text-align: center; font-size: 32px } #subindustry .contact a.btn-green { margin: 20px 0 0 20px; padding: 14px 30px; font-size: 20px; line-height: 20px } #subindustry #tierform, #subindustry #tierdocument, #subindustry #tiervideo { width: 100%; clear: both; float: left; padding: 50px 0 } #subindustry #tiervideo .videoitem { width: 50%; float: right } #subindustry #tierform .inside { width: 100%; max-width: 720px; margin: 0 auto } #subindustry #tierform form div { display: inline-block; width: 335px; margin: 0 25px 25px 0; float: left } #subindustry #tierform form div.shim { clear: both } #subindustry #tierform form .shim .lbtn { color: #fff; background: #00a05b; border: medium none; width: auto; border-radius: 3px; padding: 11px 28px } #subindustry .item { width: 100%; float: left; clear: both; padding: 30px 0; text-align: left } #subindustry .item p { display: table-cell; vertical-align: middle; height: 200px; font-size: 18px; line-height: 28px; font-weight: 300 } #subindustry .item a { font-weight: 600 } #subindustry .itemimage { width: 25%; margin: 0 9% 0 9%; float: left; vertical-align: middle } #subindustry .item:nth-child(even) .itemimage { float: right; vertical-align: middle } #subindustry .alt:nth-child(even) .item .itemimage { float: right; vertical-align: middle } #subindustry #tierendorsement { min-height: 100px } #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 } #kbase form div { margin: 0 0 8px 0 } #kbase form div label { float: left; width: 30%; line-height: 55px; text-align: right; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #kbase form div { width: 100%; margin: 0 25px 25px 0; float: left } #kbase form input, #kbase form select, #kbase form textarea { width: 40%; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 16px; color: #000; border: 2px solid #cfd5d3; background: #fff; padding: 14px 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border-radius: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #kbase form select { background: #fff 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 } #kbase form input.btn-green { text-decoration: none; background: #00a05b; border: none; display: inline-block; border-radius: 3px; cursor: pointer; border: 0; padding: 7px 20px; font-size: 17px; color: #fff; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; width: auto } #kbase form input:hover.btn-green { background: #363636; text-decoration: none } #kbase .shim { padding: 0 0 0 30%; clear: both } #kbase form div.filters { width: 70%; float: right; clear: none; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #kbase img { max-width: 100% } #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: #fff; margin: 0 0 50px 0; padding: 0; float: left; background: #c1c1c1 url('http://www.digi.com/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: #000; border: 2px solid #cfd5d3; background: #fff; 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: #fff 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: #fff; background: #00a05b; border: none; width: auto; border-radius: 3px; padding: 11px 28px } #entsupport #tiercasepacks form .lbtn:hover, #appservices #tierform form .lbtn:hover { background: #000; 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: #fff; 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 } #faceted #foutsidecontainer { width: 960px; margin: 0 auto; text-align: left } #faceted #fleftnav { width: 24%; padding: 0 0 30px 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #faceted #fleftnavinside { background: #efefef; width: 100%; padding: 30px 10% 30px 10%; font-size: 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #faceted #fleftnav h4 { margin-top: 20px; padding: 0; font-size: 16px } #faceted #fleftnav h3 { background: #4f5454; color: #fff; text-align: center; padding: 5px 0; font-size: 16px; font-weight: bold; border-bottom: 2px solid #fff; margin: 0; float: left; width: 100% } #faceted #fleftnav h3.youselected { margin-bottom: 20px } #faceted #fleftnav a { padding: 0 5px 0 0 } #faceted .facetleftnavcount { color: gray } #faceted a.morelink:link, #faceted a.morelink:visited { color: gray } #faceted a.morelink:hover { color: #000 } #faceted .breadcrumbleft { clear: both; padding-bottom: 10px; line-height: 18px } #faceted a.removelink:link, #faceted a.removelink:visited { font-size: 12px; color: gray } #faceted a.removelink:hover { font-size: 12px; color: #000 } #faceted #fleftsearch { width: 230px; padding: 0 730px 0 0; float: left; clear: both } #faceted #fleftsearchinside { background: #efefef; padding: 30px 10% 30px 10%; font-size: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #faceted #fleftsearch h4 { margin-top: 20px; padding: 0; font-size: 16px } #faceted #fleftsearch h3 { background: #4f5454; color: #fff; text-align: center; padding: 5px 0; font-size: 16px; font-weight: bold; border-bottom: 2px solid #fff; margin: 0; float: left; width: 100% } #faceted #fleftsearch a { padding: 0 5px 0 0 } #faceted #lq { width: 70% } #faceted #fsortoption { width: 150px } #faceted #fleftnav .responsiveonly { display: none } #faceted a.facetleftnavlink { clear: both; width: 100%; display: inline-block } #faceted .leftnavmore { padding: 15px 0 0 0; clear: both } #faceted .leftnavfacet { padding: 0 } #faceted .leftnavmore img, #faceted .leftnavfacet img { margin-right: 5px } #faceted h1 { margin-bottom: 20px } #faceted #fmain { width: 710px; margin: 0 0 0 -710px; float: left } #faceted #fcategories { width: 100%; padding: 0 10px; margin: 0; float: left } #faceted #fcategories img { width: 100%; border: none; border: 1px solid #fff } #faceted #fcategories img:hover { border: 1px solid #063 } #faceted #fcategories a { font-weight: bold } #faceted .fcat { width: 50%; float: left; margin-bottom: 15px; min-height: 110px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #faceted .fcatimage { width: 24%; padding-right: 20px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #faceted .fcattext { width: 76%; float: right; text-align: left } #faceted #fcategoryheading { font-weight: bold; font-size: 18px; padding: 0 0 15px 0 } #faceted #facetsearch { padding: 0 } #faceted #futilities { width: 96%; font-weight: bold; margin: 20px 0 20px 0; float: left; background: #efefef; padding: 5px 2%; line-height: 36px } #faceted #fshowing { float: left } #faceted #viewswitch { float: right; width: 300px; text-align: right } #faceted #fsort { float: left } #faceted #fsort label { font-weight: normal } #faceted #flist { width: 28px; height: 20px; background: url('http://www.digi.com/images/btn-altview-list-full.gif') 0 -42px no-repeat; float: right; margin: 8px 0 0 1px } #faceted #flist:hover { background-position: 0 0 } #faceted #fcompact { width: 28px; height: 20px; background: url('http://www.digi.com/images/btn-altview-square-full.gif') 0 -21px no-repeat; float: right; margin: 8px 0 0 1px } #faceted #fcompact:hover { background-position: 0 0 } #faceted .fpager { width: 100%; margin: 20px 0; clear: both } #faceted #fresultsholder { width: 100%; float: left; clear: both } #faceted .fresults { border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; padding-bottom: 20px; width: 100%; float: left; clear: both } #faceted .fresultsalt { background: red } #faceted .fresultsimage { width: 24%; float: left; padding: 0 15px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #faceted .fresultsimage img { width: 100px; height: 100px; border: none; border: 1px solid #fff } #faceted .fresultsimage img:hover { border: 1px solid #063 } #faceted .fresultstitle { width: 36%; float: left; padding: 0 15px 0 0; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #faceted .facetmainsubtitle { font-weight: normal } #faceted .fresultsbullets { width: 40%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #faceted .fresultsbullets ul { margin-top: 0; margin-bottom: 0 } #faceted .fresultsbullets ul li { margin-bottom: 0 } #faceted .fbtn { margin: 0; background: #009e58; color: #fff; border: none; cursor: pointer; padding: 2px 6px; font-weight: bold } #faceted .fbtn:hover { background: #363636 } #faceted .rabbit-link { font-weight: normal !important } #faceted.compact .fresults { margin-bottom: 20px; width: 25%; float: left; clear: none; height: 300px; overflow-y: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #faceted.compact .fresultsimage { text-align: center; margin: 0; width: 100% } #faceted.compact .fresultsimage img { margin: 0 auto } #faceted.compact .fresultstitle { width: 100%; margin: 0; text-align: center } #faceted.compact .facetmainsubtitle { text-align: center; width: 100%; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #faceted.compact .fresultsbullets { display: none } #faceted.compact .facetmainsubtitle { padding: 0 10px } #faceted.compact #flist { background: url('http://www.digi.com/images/btn-altview-list-full.gif') 0 -21px no-repeat } #faceted.compact #fcompact { background: url('http://www.digi.com/images/btn-altview-square-full.gif') 0 -42px no-repeat } #cssindex #featuredbanner { width: 100%; height: 280px; margin: 0 0 40px 0; font-weight: 300; border: 1px solid #ccc; position: relative } #cssindex #featuredbanner .quotefeatured { width: 480px; float: left } #cssindex #featuredbanner a { text-decoration: none; color: #4f5454 } #cssindex #featuredbanner .quotetext { display: table-cell; vertical-align: middle; height: 280px; width: 440px; padding: 0 20px 0 20px } #cssindex #featuredbanner .quote { font-size: 20px; line-height: 27px } #cssindex #featuredbanner .attribution { font-size: 14px; line-height: 35px } #cssindex #featuredbanner .quotelogo { width: 100px; margin: 10px 0 0 0; float: right } #cssindex #subhead { font-size: 16px; text-align: left; width: 960px; margin: 0 auto; padding: 18px 0 28px 0 } #cssindex .story { width: 48%; border-top: 1px solid #efefef; text-align: left; padding: 10px 0 10px 0; float: left; margin: 0 2% 0 0 } #cssindex .story:nth-child(even) { margin: 0 0 0 2% } #cssindex .story a:link, #cssindex .story a:visited { display: block; text-decoration: none; color: #4f5454 } #cssindex .story a:link .readmore, #cssindex .story a:visited .readmore { color: #063; text-decoration: none } #cssindex .story a:hover .readmore { text-decoration: underline } #cssindex .thumbnail { width: 170px; height: 115px; border: 1px solid #dcdac8; float: left; margin: 0 15px 0 0 } #cssindex .story a:hover .thumbnail { border: 1px solid #063 } #cssindex h1 { padding: 0 0 10px 0; font-size: 52px; line-height: 1.1em; text-align: center; margin: 0 auto } #cssindex h2 { font-size: 32px; line-height: 44px; font-weight: 300; width: 100%; margin: 0 auto 30px auto; text-align: center } #css #heading { height: 286px; width: 100%; margin-bottom: 35px; background: #efefef } #css #heading div.inside { width: 960px; height: 216px; padding: 35px 0 !important; margin: 0 auto; text-align: left } #css #heading img { width: 34.4%; float: left } #css .quote { height: 216px; padding: 0 35px; display: table-cell; vertical-align: middle; color: #464646; text-shadow: 0 1px #fff; font-size: 24px; line-height: 32px } #css .attribution { font-size: 14px; line-height: 22px } #css .sidebar { float: right; clear: right; width: 33.4%; -mox-box-sizing: border-box; box-sizing: border-box } #css .crosslinks { border: 2px solid #cfd5d3; padding: 6px 12px 20px 12px; margin-bottom: 45px; line-height: 24px } #css .sidebar .logo { margin-bottom: 20px; text-align: center; padding: 0 12px; border: 2px solid #fff } #css .crosslinks h4 { font-size: 19px; font-weight: normal; line-height: 34px; color: #343434; margin: 0; padding: 0 } #css .crosslinks h4:nth-of-type(2) { margin-top: 10px } #css .storybody { width: 63%; padding: 0; float: left; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 22px; color: #343434 } #css .storybody h2 { font-size: 22px; line-height: 34px; color: #343434; font-weight: normal; margin-bottom: 30px } #css .storybody h3 { font-size: 19px; line-height: 34px; color: #343434; font-weight: normal; margin-bottom: 15px } #css .sidebar form div { display: inline-block; width: 100%; margin: 0 0 20px 0; -moz-box-sizing: border-box; box-sizing: border-box } #css .sidebar form input, #css .sidebar form select, #css .sidebar form textarea { -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 16px; color: #000; border: 2px solid #cfd5d3; background: #fff; padding: 14px 11px; width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; border-radius: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #css .sidebar form select { background: #fff 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 } #css .sidebar form .shim .lbtn { color: #fff; background: #00a05b; border: none; width: auto; border-radius: 3px; padding: 11px 28px; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear } #css .sidebar form .shim .lbtn:hover { background: #363636; cursor: pointer } #css .validationerror, #subindustry .validationerror, .validationerror { border: 2px solid #900 !important; background-color: #e8c0c0 !important } #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 h1 { margin-bottom: 0; padding-bottom: 8px } #contact h2 { text-align: center; width: 90%; margin: 0 5% 50px 5% } #contact h3 { font-size: 18px; font-weight: 300; 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('http://www.digi.com/images/contact-icon-phone.png') left center no-repeat; background-size: 35px 35px } #contact .email { background: url('http://www.digi.com/images/contact-icon-email.png') left center no-repeat; background-size: 35px 35px } #contact .chat { background: url('http://www.digi.com/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: #000; border: 2px solid #cfd5d3; background: #fff; 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 } #contact #requestForm input { height: 53px } #contact #requestForm select { height: 53px; background: #fff 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 } #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,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAYAAADGWyb7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NTdjYmNjNC1kYmJjLTRhYzgtOTBiOC05OTQzZmZiMTQwYmYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkI1M0E3ODQyMTYzMTFFNDgwNTZFMEEwOTJDRUZEOTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkI1M0E3ODMyMTYzMTFFNDgwNTZFMEEwOTJDRUZEOTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTg2QURENDBDNzAyMTFFMzhGRDdFODE0RTVDM0M3QjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTg2QURENDFDNzAyMTFFMzhGRDdFODE0RTVDM0M3QjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7wXezmAAAHFElEQVR42uydC4gVVRjHv9UtyuiFhT2EiNLQMopemiWWJT0p7UGP9QEZlZoWkW1EhFlrWmTam15urRE9DEsrw14mglppFIZpZbJW9jJNzVZ3b/8/c4I19nbvnTnfzNyZ7w9/1se9Z+bc3z0z3/nmO2drCoWCmKpPnewjMHAmA2cycAbOZOBMBs7AmapKtRqN1jTW5fGzPBDuCx8P94QPhw+Cu8L7tntdK7wF/g1eC38Lr4KXwZ/AWwsjmkp/xhqZkxyB6w1fCV8E9/HQHqF+Ac+H58GLAbE1thGXAw2Gb4cHem63M3yc823wo/BYAxddR8KPw2cpH+cP+AaMtpdivcdlVKPgGfCeysd5Dx4JaM0WVUbT7vAz8FPK0NrgO+GzS0GzEVdajAZfh89QPs5GF+TMT3Q6kKHw/i34ROXjLIeHuqmBTcA9QHs/BmgMPk6tFJqBK3555Eg7Rvk4k+Gr4O1h3myXyl21BzxXeaTtZKgPPx2lEQO36+SXuabTFI+xGb68kiDEwJXWFPgSxfZ/hc+VIB8ZWXaPC3QNfIti++vhM31BsxEXaIAEaSwtfSdBbnONz0bzDu5Q+GV4N6X2+biGec1m3w3nGRxTWa/C3ZTa/xo+Hf5Fo/E83+MYjPRVavsbeJAWtDyDuxC+SRHaQI3LY97BdYefU2q7OQ5oeQRXAzdKUAfiWz9I8BShOY6O5A3cGDef8q1N8Dm+Q34DF6gHPFWh3b/gCyQo8hED51fMQz4v/p9g86k1c4+L4u5QXsCNVQr9mSqbm0SH8gDuMPhehXZZnjczqU7lAdwT8F6e2+SztPuS7FTWwdW5aM+nFsCjk+5YlsHtDz/ouc2v4EvhHQZOTw0SFP340gb4PDdnEwOno5Ph6zy2x4Ie5jfXpqWDWQTHOdtjEqS3fInl58vS1MksgrsePsFjew/As9LWyayBOwC+x2N7rMaqT2NHswaOE+39PLW1WoJ6/lYDpysu4b3WU1t/whdLsBhDDJyeGIjM8BiQDINXprnDWQF3hfirQGYtypy0dzgL4Lq4yM+HPoTvqIZOa5XnMWNxtPvJBG8LvA5eIcFWET51K3yIh3Z+THMwogKuprGONYqs1uW2EUzqdi/yUq5U4bqzafA7Hg7NgtYJHtrhefGB6E/VcpmpjQjsYDfhZXqpW5nHG+zMB5AjJdioJUr438XD58CtKRZJFak2JLCu7ps+ToI1ZWHEOo0lEr6cjdmR4R4+g9nuCiCZBQdgDGZGucjLx0T3CPhNuD+8rcL3TvMQ/q9z/am6jak7VQDtKHc5edJjdoLiLjoNFb5niAR1+VHU6oKRjVKF6lQmNN7HPoP7KZ0HL7l9KrhKTPFwTO4psrha50C1JYDtLUHl75AYMh+TJEgzlRIDoR4Rj7fAE/z0jThA6+mChyExnQunEr1KvIZfpLsiHocraJjSasskOPeN7BXz+ZQqwpkg0csR6qppvhYG3FA3R9sS4/lcLcVXhzI7EnWd9nT4XcmAioIrjGgqwIwgT5FgdWUcYmXWoCL/d7dEKyFntr9eMqKSUSXgscMnwW/HdE4dBSi9XZYlrFrcaN6eG3AO3mb3gb4SE7j/nhdTW50jhv4rJEMqewIOeC1uwvqi8jl1cyP8X/Urc5pQTB+Jv8c+1QfOwWO2YYQEm5Rpqv3+kFFq9Fm8OrzaQ//I4Bw8PgK5zM3xtDTA/Ty/3Z/DiMur1kkGFeoJOOAxIcx9rzYonVd/Ny1oiNAGyw+aJKMKXboAeNyfig8fdyqc1z4uAXBsyPf/7uagYuA6hrfQza80dHOE947LQnZEDZzTZOX7XZhL5CzJuCKDc8HKsJRMbjN/ifQ54ghvtRt5SevGrF8ivYJzYjCxJsG+zIkhOZA9cBh1f+PH+IT6wZTcGMmRvFYyAx4zKh8k0A+W1603cNE/xDj1sQQFTGLgoo06Lrl9Labz5+WZS6sKBs6PJsV0/lx9ukpyKC1wn4v+UqUvpcortdIIjpqo2DYvjaxA3mHg/Gu54qjjL+FbIjmW9sLGBoU2WRdZLzmXNril4n/5Ekv0Nho4ffncTpf1I01iigXcPE8hOwOR0XmcsyUFjoU6PrYfZKXWSkMWHzjqBYn260rWit+tngxcmeIW749EDEi2Ga74wVHcG7klxPu4lm22oUoO3M9S+YNOlkWMN0zJgqOmV/j6hy0gSQc4LrxYWMEInWiI0gGuklHHB7KbDFF6wDHx/H2J1zCB3Gh40gWu1d27/k+sRLYMScrAUc/CW4v8H6uQlxqadIJjdn9mB//Oauh6w5JecNRDHVwO75eYflWlgQsvVj2/0e7v3OhzqiFJPziq/VMDbqm7xZCUp9qEj8/J+KfuC2ThfxWBo7jvJMvH2wxH+aopFGy6ZPc4k4EzGTgDZzJwJgNn4EwGzqStfwQYAM5cYZpg4uTaAAAAAElFTkSuQmCC") no-repeat center center; background-size: 20px 20px } #contact #requestForm .btn-green { height: auto; color: #fff; background: #00a05b; border: none; width: auto; border-radius: 3px; padding: 11px 28px } #contact #requestForm .btn-green:hover { background: #000; cursor: pointer } #contact #lbl_ChallengeQuestion { font-weight: 600; font-size: 20px } #locations .contact { width: 100%; clear: left; margin: 0 0 30px 0 } #locations iframe { width: 100% } #careers #joblistings { width: 100%; margin: 40px 0 0 0 } #careers #listingleft { width: 50%; padding-right: 20px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #careers #listingright { width: 50%; padding-left: 20px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #careers #careerlist li { color: #83bf0e; clear: both } #careers #listingleft ul li, #careers #listingright ul li { clear: left } #careers .jlimage { float: left; margin: 0 10px 10px 0 } #news select { width: 150px } #news .btn-green { -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none } #news #content p { margin: 5px 0 5px 0; padding: 5px 0 5px 0 } #news #content ul { margin-top: 0; padding-top: 0 } #news #newscontent { float: left; width: 100% } #news #pressselect { margin: 0 0 20px 0 } #news #finfilter { margin: 2px 0 2px 0; font-size: 10px } #news #div_Filter { margin-bottom: 30px } #news .pritem { clear: left; padding: 0; margin-bottom: 30px } #news .textmedium { color: #636363; font-size: 13px } #news .prlink { display: inline-block; font-size: 16px } #news .PagerControl a:link, #news .PagerControl a:active, #news .PagerControl a:visited { margin-bottom: 8px; background: #efefef; display: inline-block; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center } #news .PagerControl a:hover { text-decoration: none; color: #fff; background: #000 } #news .PagerControl .SelectedPage { margin-bottom: 8px; background: none; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center } .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% } #events .recordedwebinars { margin-top: 15px; font-size: 10px; padding-bottom: 5px; border-bottom: 1px #ccc dashed } #events .rssfeed { font-size: 10px; padding: 0 0 15px 0; width: 620px; border-bottom: 1px #ccc dashed } #events .rssfeed img { margin-right: 5px } #events .event { padding: 20px; margin-bottom: 30px; width: 100%; float: left; background: #efefef; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #events #pressselect { margin: 0 0 5px 0 } #events #leftcontent { float: left; width: 300px; padding: 0 450px 0 0 } #events #rightcontent { float: left; width: 450px; margin: 5px 0 0 -450px } #events .callout { font-weight: bold; width: 120px; height: 60px; background: #fff; border-radius: 15px; float: right; margin: 10px; padding: 30px 10px 10px 10px; text-align: center } #events #tabs { margin: 0 auto; text-align: center; margin-top: 30px; height: auto } #events #tabs ul { margin: 0; padding: 0; list-style: none } #events #tabs li { display: inline; margin: 0; padding: 0 } #events #tabs a:link, #events #tabs a:visited { margin: 0 -1px; line-height: 50px; background: #00a05b; text-decoration: none; padding: 10px 15px; font-weight: bold; color: #fff } #events #tabs a:hover, #events #tabs .tabsselected a { background: #323232; color: #fff } #events .webinar { background: #5d87a1 } #events h1.pastevents { padding-top: 70px; clear: both } #events .eventimage { float: left; width: 38% } #events .eventcontent { float: right; width: 60% } #pressrelease h1, #pressrelease h2 { text-align: left; width: 63%; padding-right: 37%; line-height: 1.3em } #pressrelease h2 { line-height: 1.5em } #pressrelease #content { width: 63%; float: left } #pressrelease .sidebar { width: 33%; float: right; line-height: 30px } #pressrelease .sidebar img { width: 25px; vertical-align: middle; margin-right: 8px } #pressrelease img.promoright { max-width: 240px; width: 100%; padding: 0 0 20px 20px; float: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #graphics .twocol { padding: 0 0 30px 0; min-height: 160px } #graphics .twocol img { margin-right: 4%; float: left; width: 28% } #graphics span { display: inline-block; float: right; width: 68% } #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: #fff; 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: #fff; 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 } #wtbform .threecol { padding: 0 } #wtbform select { width: 100% } #wtbform .btn { margin-right: 10px } #wtbform input, #wtbform select { font-size: 11px } #wtbform div.button { padding: 20px 0 } #family #tabs { width: 100%; background: #fff; font-size: 15px; line-height: normal; font-weight: 400; text-align: center; margin-top: 20px; border-bottom: none } #family #tabs ul { clear: left; list-style: none; margin: 0; padding: 5px 0 0 0; text-align: center } #family #tabs li { display: inline-block; list-style: none; margin: 0; padding: 0 } #family #tabs a { float: left; background: #00a05b; margin: 0 2px 0 0; padding: 8px 8px; text-decoration: none; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear } #family #tabs a span { display: block; padding: 5px 6px 4px 6px; color: #fff } #family #tabs a:hover span, #family #tabs #tabsselected a span { color: #fff } #family #tabs a:hover, #family #tabs #tabsselected a { background: #323232 } .activetab { background-color: #323232 !important; color: #fff !important } .activetab span { color: #fff !important } #family a.btn-green { text-decoration: none; background: #00a05b; display: inline-block; border-radius: 3px; cursor: pointer; border: 0; padding: 7px 20px; font-size: 17px; color: #fff; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear } #family a:hover.btn-green { background: #363636; text-decoration: none } #family a.btn-small-green { text-decoration: none; background: #00a05b; display: inline-block; border-radius: 3px; cursor: pointer; border: 0; padding: 6px 12px; font-size: 12px; color: #fff; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear } #family a:hover.btn-small-green { background: #363636; text-decoration: none } #family #osvid, #family #pid { -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 16px; color: #000; border: 2px solid #cfd5d3; background: #fff; padding: 14px 35px 14px 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border-radius: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff 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 } #family #productoverview { position: relative } #family #contentmodel h4 { margin-bottom: 50px } #family .textsmall { font-size: 12px } #family #description { width: 100%; float: left; clear: left; border-top: 1px #c6c6c6 dashed; margin: 10px 0 20px 0; padding: 10px 0 0 0 } #family #description img { max-width: 100% } #family .prdvideoembed { width: 50%; float: right; margin: 0 0 20px 20px } #family .prdimageembed { width: 50%; float: right; margin: 20px 0 20px 20px } #family .prddivembed { width: 50%; float: right; margin: 0 0 20px 20px; font-size: .8em; line-height: 1.5em } #family .prddivembed img { width: 100% } #family #description img.promoright, img.promoright { max-width: 240px; width: 100%; padding: 0 0 20px 10px; float: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #family #prdimage2 { float: left; width: 21%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #family #prdimage2 img { border: none; width: 100%; max-width: 200px } #family #topbullets { float: left; width: 60%; padding-left: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #family #topbullets ul { float: left; padding-left: 20px } #family #topbullets ul li { margin-bottom: 10px } #family #topbullets .buttons { float: left; clear: both; padding-left: 20px } #family #topbullets a.btn-green { float: left; margin-bottom: 8px } #family #topbullets a.btn-green:nth-of-type(1) { margin-right: 8px } #family #badge { position: absolute; margin-top: -15px; width: 19%; text-align: right; right: 0; top: 0 } #family #badge img { width: 100%; max-width: 132px } #family #imgpreviewstext { clear: left; font-size: 10px; text-align: center; width: 100% } #family #imgpreviews { clear: left; padding-top: 3px; text-align: left; font-size: 10px } #family #imgpreviews .imgpre { width: 33px; height: 33px; border: 1px solid #ccc; margin: 5px 5px 0 0; padding: 0; display: inline-block } #family #imgpreviews a:last-child .imgpre { margin-right: 0 } #family h2 { text-align: center } #family .storyitems, #family .videoitems { margin-bottom: 30px } #family .storyitem, #family .videoitem { width: 100%; margin-bottom: 20px; clear: both; float: left } #family .storyitem img, #family .videoitem img { margin-right: 20px; border: 1px solid #cdcdce; float: left } #family .partnumbers { width: 100%; border-collapse: collapse } #family .partnumbers img { float: left; margin: 0 10px 10px 0 } #family .partnumbers th { font-size: 10px; text-align: center; padding: 5px; white-space: nowrap; padding-top: 20px } #family .partnumbers th.group { text-align: left; font-size: 15px; font-weight: bold } #family .partnumbers td { border-left: 1px solid #cfd5d3; border-top: 1px solid #cfd5d3; text-align: center; padding: 5px; font-size: 12px; vertical-align: middle } #family .partnumbers td:first-child { border-left: none; text-align: left; font-size: 15px } #family .partnumbers tbody tr:last-child td { border-bottom: 1px solid #cfd5d3 } #family .partnumbers .btn-small-green { white-space: nowrap } #family .partnumbers td:nth-child(2), #family .partnumbers td:nth-child(3) { white-space: nowrap } #family.model #whatsinthebox { width: 100%; clear: both; float: left } #family.model #modeloverview { width: 100%; clear: both; float: left } #family.model #modelpn { width: 54%; float: left; padding: 0 0 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #family.model #modelpn h3 { font-weight: 300; margin-bottom: 20px } #family.model #modelbuy { width: 25%; float: left; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #family .fourcol { text-align: center; height: 125px } #family #specs.block, #family .specs { overflow-x: auto } #howtobuy .item { width: 100%; float: left; clear: both; padding-bottom: 30px; border-bottom: 1px solid #efefef; margin-bottom: 30px } #howtobuy .item .twocol { padding: 0 } #howtobuy .item .products { padding: 0 0 0 50px; font-size: 13px } #howtobuy #searchagain { width: 100%; clear: both; padding: 20px 0 } #howtobuy #searchcriteria { background: #efefef; width: 100%; padding: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #howtobuy .producthighlighted { background: #fff600 } #howtobuy #content { width: 100% } #howtobuy .item img { margin-bottom: 20px; max-width: 100% } #howtobuy .item .btn-small-green { margin-top: 20px } #howtobuy .twocol, #formthree { padding: 0 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #dsearch .gsc-control-searchbox-only table.gsc-search-box { width: 60%; margin: 10px auto 30px auto } #dsearch .gsc-control-searchbox-only .cse input.gsc-search-button, #dsearch .gsc-control-searchbox-only input.gsc-search-button { color: #fff; font-size: 16px; font-weight: normal; border-radius: 3px; height: auto; padding: 11px 28px; cursor: pointer; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none } #dsearch .gsc-control-searchbox-only .cse input.gsc-search-button:hover, #dsearch .gsc-control-searchbox-only input.gsc-search-button:hover { background: #000; border-color: #000 } #dsearch .gsc-control-searchbox-only .gsc-input input.gsc-input { -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 16px; color: #000; border: 2px solid #cfd5d3; background: #fff; padding: 14px 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border-radius: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #dsearch .gsc-control-wrapper-cse .gsc-webResult.gsc-result.gsc-promotion { padding: 2%; margin-top: 20px } #dsearch .gsc-control-wrapper-cse .gsc-tabHeader { padding: 5px 15px; color: #fff; background: #00a05b } #dsearch .gsc-tabHeader.gsc-tabhActive { background: #363636 } #dsearch .gsc-control-wrapper-cse .gs-spelling-original { padding: 0 0 20px 0 } #dsearch .gsc-control-wrapper-cse .gs-spelling a { color: red } #dsearch .gsc-tabHeader.gsc-tabhActive, #dsearch .gsc-tabHeader.gsc-tabhInactive { border: none } #dsearch .gsc-inline-block { display: inline-block !important } #dsearch div.gsc-tabsArea { display: inline !important; width: 100% !important; white-space: pre-wrap } #dsearch .gs-promotion-table { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #dsearch .gsc-promotion { white-space: pre-wrap } #dsearch .gsc-promotion td, #dsearch .gsc-promotion td div { width: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #dsearch .gs-visibleUrl-long { white-space: pre-wrap !important; word-wrap: break-word !important } /*#content h4, #locations h4, #videos h4 { float: left; clear: both; color: #4f5454; margin-top: 10px; font-size: 20px; font-weight: 300; text-align: left; width: 100%; line-height: 30px; margin: 20px 0 0 0; margin-bottom: 15px; border-bottom: 1px dashed #cfd5d3; background: none; height: auto }*/ #btmnavcontent { background: none } h1.largesize { padding: 0 0 50px 0; font-size: 52px; line-height: 1.1em; text-align: center; margin: 0 auto } h1.withsubtitle { padding-bottom: 0 } #appcategory #featuredstoriescontainer { float: left; width: 100%; margin: 30px 0 30px 0 } #appcategory #featuredstoriescontainer .threecol { height: 250px; padding: 0; position: relative } #appcategory #featuredstoriescontainer .threecol .featured { border: 2px solid #cfd5d3; width: 96%; margin: 2%; height: 96%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5% } #appcategory #featuredstoriescontainer .threecol .type { position: absolute; bottom: 10px; left: 20px } #appcategory img.hoverimage { width: 300px !important } #appcategory h2 { text-align: center } #appcategory #categorybanner { display: none } #appcategory #extracontainer { float: left; width: 100%; clear: both } #appcategory #extracontainer ul { margin-bottom: 0; padding-bottom: 0 } #appstory .leftstory { float: left; width: 63%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #appstory .rightstory { width: 33.4%; float: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #appstory .leftstory div a img { display: none } #appstory .rightstory #appcontactus, #appstory .rightstory #featuredproducts, #appstory .rightstory #appvideos, #appstory .rightstory #rightstoryinside { width: 100%; padding: 12px 10px; margin: 0 0 15px; border: 2px solid #cfd5d3; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; clear: both; float: right } #appstory .rightstory #appcontactus img { margin: 0 10px 0 0 } #appstory .appimage { max-width: 100% } #appstory .storysolution { text-align: center; float: left; width: 48%; margin-right: 1%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #sites { width: 100%; max-width: 600px; margin: 0 auto; height: 100%; overflow-y: scroll } #sites a { display: block; width: 100%; float: left; clear: left; border-bottom: 1px solid #efefef; height: 72px; line-height: 72px } #sites a img { float: left; vertical-align: middle; margin: 0 20px 0 0; width: 60px } #sites a img.fudge { padding: 15px 0 0 0 } .lifestyleright { margin: 0 0 10px 10px; float: right; clear: both; max-width: 320px; width: 100% } #newsletter.standard form input, #newsletter.standard form select, #newsletter.standard form textarea { width: 95% } #newsletter.standard form .btn { width: auto } #newsletter form input[type="checkbox"] { width: 20px } #ltenav { background: #404645; height: 87px; color: #fff } #ltenav .twocol { width: 30%; padding: 0; margin: 0 } #ltenav .twocol:nth-child(2) { width: 70%; text-align: right; line-height: 87px } #ltebanner { margin: 8px 0 30px -540px; float: left; clear: both; width: 1080px; position: relative; left: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: -moz-linear-gradient(top, #cac9cc 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cac9cc), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, #cac9cc 0%, #fff 100%); background: -o-linear-gradient(top, #cac9cc 0%, #fff 100%); background: -ms-linear-gradient(top, #cac9cc 0%, #fff 100%); background: linear-gradient(to bottom, #cac9cc 0%, #fff 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cac9cc', endColorstr='#ffffff', GradientType=0) } #ltebannerinside { padding: 40px 60px; background: url('http://www.digi.com/images/newsletter/gobi4glte-rays.png') center bottom no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; float: left } #ltebanner img { float: right; width: 35%; margin-left: 60px } #ltebanner img.whitepaper { width: 35%; margin: 0 7% 0 10% } #ltebanner h1, #ltepresenters h1, #ltecontent h1 { text-align: left; color: #000; font-weight: 600 } #ltebanner h2, #ltepresenters h2, #ltecontent h2 { text-align: left; color: #000; font-weight: 600 } #ltebanner h2 span { font-size: .8em } #ltebanner p { font-size: 20px; line-height: 30px } #ltebanner .btn-green { margin: 30px auto 0 auto; padding: 15px 55px; font-size: 20px } #ltecontent { clear: both; float: left; width: 100% } #ltecontenttwo { clear: both; float: left; width: 100%; font-size: 18px; line-height: 28px } #ltecontenttwo img { width: 80%; margin: 0 10% } #ltecontenttwo h1 { color: #000; font-size: 30px; line-height: 36px; font-weight: 600; margin: 20px 0 } #ltepresenters { width: 100%; float: left; clear: both } #ltepresenters .presenter { width: 100%; float: left; clear: both; margin: 20px 0 } #ltepresenters img { width: 120px; float: left; margin-right: 10px } #ltefooter { background: #e4e4e4; clear: both; width: 100%; padding: 50px 0; margin: 30px 0 0 0; float: left; font-size: 18px } #ltecopyright { padding: 30px 0; width: 100%; clear: both } #seasonsgreetings { margin-top: 60px } .oneindent { padding-left: 2em } .twoindent { padding-left: 4em } .threeindent { padding-left: 6em } .legalcookie table { border-top: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; width: 100% } .legalcookie td, .legalcookie th { border-right: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; padding: 6px } .legalcookie h3 { margin-bottom: 10px } #wds #tierofferings, #wds #tierdesignprocess, #wds #tierform, #wds #tiericons { padding: 70px 0; float: left; width: 100% } #wds #tierendorsement { background: #fff } #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: #063; 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: 0 0 0 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('http://www.digi.com/images/wds-banner.jpg') center center no-repeat; color: #fff; 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: 0 25px 25px 0; float: left } #wds #tierform form div.shim, #wdsoffer #tierform form div.shim { clear: both } #wds #tierform form .shim .lbtn, #wdsoffer #tierform form .shim .lbtn { color: #fff; background: #00a05b; border: medium none; width: auto; border-radius: 3px; padding: 11px 28px; cursor: pointer; 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: #363636 } #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: #fff } #wds #tabs a.selected span.tab { background: #00a05b; border: 2px solid #00a05b; color: #fff } .arrowdown { display: inline-block; width: 18px; height: 9px; margin: 0; padding: 0 } #wds #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 } #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: #fff; 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 } /* ********** 追記2015.3.31 ********** */ a.btn-biggreen:link, a.btn-biggreen:visited, a.btn-biggreen:active { background: none repeat scroll 0 0 #00a05b; border-radius: 3px; color: #fff !important; display: inline-block; font-size: 20px; font-weight: 300; line-height: 20px; padding: 14px 45px; transition: all 0.1s linear 0s; } a.btn-biggreen:hover { background: none repeat scroll 0 0 #363636; color: #fff !important; text-decoration: none !important; } #family #description h3 { margin-bottom: 20px; line-height: 22px; font-size: 16px; font-weight: bold; }