@charset "utf-8"; /* CSS Document */ /* Table of Contents ----------------------------- 1. Mobile 2. iPad 3. large desktop 4. Other */ /* general */ body{-webkit-appearance:none;-ms-appearance:none; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;} .mobile-nav{display: none;} input, textarea{/*-webkit-appearance:none; -webkit-text-size-adjust:none;*/border:none;-webkit-border:none; border-radius: 0;-webkit-border-radius: 0} input[type='email'], textarea, input[type=text], input[type=submit]{-webkit-appearance:none; -webkit-text-size-adjust:none;} select{border:none; -webkit-text-size-adjust:none;border-radius: 0} #sb-container{width: 100% !important;height: 100% !important;z-index: 99999 !important;position: fixed !important;top: 0 !important;} .cf:after,.cf:before{display: table;content: ''} .cf:after{clear: both;} .owl-carousel .owl-item img{ backface-visibility: hidden;-webkit-backface-visibility: hidden;} .select-wrap{position: relative} .select-wrap select{max-width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #search_popup{height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} body p{word-wrap: break-word;} /*#support #serial input[type=submit]{height: 40px;}*/ /* home */ #home #content .hero_slide{background-position: top;} #home main .row .block.fright{float: right;} /* about page */ #about #tabs .tab_trigger{display: none;} .graphics_img{display: none;} /* product page */ .banner_img{display: none;max-width: 100%} #products.subcat #content{padding-top: 78px;} #products #top{margin-top: 0;} #products #subnav ul li{margin-right: 27px;float: initial;display: inline-block;vertical-align: top;} #products #subnav{overflow: initial;height: auto} #products.detail #tabs .tab_trigger{display: none;} #products #filters input[type=submit]{padding: 19px 20px 21px;} #products #subnav .container{width: 100% !important;text-align: center;} #compare_popup .items .comp_item_wrap{ display: inline-block;vertical-align: middle;width: calc(100% - 172px);} #products #subnav ul li{margin: 0 13px;} #partners .dform_container .dfinput_left.address_city{margin-top: 29px;} #partners .dform_container .dfinput_right.address_state{margin-top: 29px;} .dform_container .dfinput_right{position: relative} #products.detail #tab-overview.tabs_editor .row .column{margin-right: .5%;margin-left: .5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 32.33%;} #products.detail #tabs .tabs_editor .column{padding-right: 0;} #products.detail #product_select_scroll{overflow: auto;} #products.subcat .cat_slider .owl-prev{top:calc(50% - 20px)} .customNavigation{display: none;} /* raid page */ #raid #content .container{padding-top: 30px;} #raid #raid_top .left table td.required-fields{font-family: 'Arial','helvetica',sans-serif; font-size: 13px; text-align: right; padding: 0 15px 0 0;} #raid_info_popup{height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #raid_info_popup img{max-width: none } /* inner page */ /*.internal.fsidenav main{padding-top: 0;} */ #filters_top .select-wrap{display: inline-block;} .internal.fsidenav aside{max-height: calc(100% - 78px);overflow-y: auto;overflow-x: hidden; -webkit-overflow-scrolling: touch} .internal.fsidenav aside .side_btn_callout img{width: 95px;} .internal.fsidenav aside .side_btn_callout h2{width: calc(100% - 137px)} /* where to buy page */ #where #stores .store{width: 33.33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #where #content{padding-top: 105px !important;} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link.active{padding: 0 42px 0 13px;} /*#where #stores .store:nth-child(3n) {border-right: 0}*/ /* search page */ #search_results #content{padding-top: 130px !important;} /* get support */ #support #accordian .accordian_link a{font-family: 'Oswald', sans-serif;font-weight: 700;font-size: 18px;color: #636363;display: inline-block;} #support #accordian .accordian_link.active a{color: #fff;} #raid_info_popup #raid_info_container #raid_info_close{z-index: 99999;} #raid_info_popup #raid_info_container #raid_info_content{overflow: auto !important;-webkit-overflow-scrolling: touch} #raid_info_popup #raid_info_container #raid_info_content #raid_info_content_inner{overflow: auto;-webkit-overflow-scrolling: touch} #support #serial_popup #serial_container #serial_content #serial_content_inner{width: 100%;height: 100%;overflow: auto;-webkit-overflow-scrolling: touch;padding: 5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #support #serial_popup #serial_container #serial_content{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /* partners */ #partners #form select.customselect{width: 100% !important;} #partners #form .customselect{width: 100% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /* contact page */ .customSelectWrap {width: 49%;position: relative} .customSelectWrap select {width: 100% !important;height: 100% !important;} .customSelectWrap .customSelect{display: block !important;} .customSelectWrap .customSelectInner{ border: 1px solid #c2c2c2;width: 100% !important;cursor: pointer;padding: 16px 15px;background: url(/images/site/icon_gray_arrow.png) right 15px center no-repeat #fff;font-size: 16px;color: #898989;font-family: 'Share Tech', sans-serif;letter-spacing: .09em;font-weight: 400;display: block !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /* news page */ #news.detail #content #body p img{display: block;margin: 0 17px 20px 0;height: auto !important;max-width: 100%} /*#news #content .news .image , #news.detail #news_feed .news .image{ background-size: 100% auto;-moz-background-size: 100% auto;-o-background-size: 100% auto;-webkit-background-size: 100% auto;}*/ /* search page */ #support.knowledge #search .selectWrap{display: inline-block;} #support #serial_popup #serial_container{z-index: 99999;} #support #serial_popup #serial_container #serial_close{z-index: 9999;} #support #serial_popup #serial_container #serial_content{position: relative;z-index: 99;} @media (max-width:1200px) { #resources main #archives {right: 75px;} #resources main h1 {font-size: 20px;} } @media (max-width:1060px) { #resources.internal.fsidenav main #product_feed .product h4 {font-size: 14px;} #resources.internal.fsidenav main #product_feed .product img {max-width: 170px; max-height: 170px;} #resources.internal.fsidenav main #product_feed .product .image {height: 170px;} } /* 1. Mobile responsive css 767px -----------------------------------*/ @media (max-width:767px) { body{min-width: inherit;} .container{width: 100%;padding-left: 13px;padding-right: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} img{max-width: 100%} #wrapper{margin-bottom: 0;} h1{font-size: 20px;} h2{font-size: 18px;} h3{font-size: 16px;} #push{height: 255px;} /*---- header ----*/ header{top: 0;z-index: 9999;} .full, header{min-width: initial} header #header_main #brand{width: 100%;left: 13px;top: 40px;} header #header_main #sales_chat{width: 75px;top: 35px;} header #header_top ul{right: 13px;top: 3px;} header #header_top{height: 30px;} /* mobile menu */ .mobile-nav, #menu-trigger{display: block;} #menu-trigger{display: block;width: 25px;height: 25px;position: absolute;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index: 999999;left: 25px;top: 3px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;transform: skew(-20deg);-webkit-transform: skew(-20deg);} #menu-trigger.open{transform: skew(0);-webkit-transform: skew(0);top: 9px;} #menu-trigger .line-wrap{display: block;width: 22px;height: 15px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;position: absolute;top: calc(50% - 7px);left: calc(50% - 11px);} #menu-trigger .line {width: 100%;height: 2px;display: block;background: #fff;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #menu-trigger .line.center{margin: 4px 0;} #menu-trigger.open .line{background: #c02b31;} #menu-trigger.open .line-wrap{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} #menu-trigger.open .line-wrap .line.top {width: 12px;transform: translateX(12px) translateY(3px) rotate(30deg);-webkit-transform: translateX(12px) translateY(3px) rotate(30deg);} #menu-trigger.open .line-wrap .line.bottom {width: 12px;transform: translateX(12px) translateY(-3px) rotate(-30deg);-webkit-transform: translateX(12px) translateY(-3px) rotate(-30deg);} #mobile-navbar{background:#E5E5E5 url(/images/site/footer_pattern.jpg) ;position: fixed;top: 0;width: 100%;height: 100%;left: -100%;box-sizing: border-box;padding-top: 48px;z-index: 99999;overflow-y: auto;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #mobile-navbar.open{left: 0;} /*#mobile-navbar:after{content: '';position: fixed;top: 0;left: 0;width: 100%;height:48px;z-index: 99;background: #E5E5E5 url(/images/site/footer_pattern.jpg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}*/ #mobile-navbar nav{padding-bottom: 50px;} #mobile-navbar ul ul{display: none;background:#f0f0f0;overflow-y: auto;max-height: 250px;} #mobile-navbar ul ul ul{background:rgb(229, 229, 229)} #mobile-navbar li{border-bottom:1px solid rgba(174, 146, 97, 0.14);list-style: none;position: relative;display: block;margin: 0;} #mobile-navbar li:last-child{border-bottom-width: 0;padding-bottom: 0;} #mobile-navbar li em{display: block;position: absolute;top: 12px;right: 12px;width: 15px;height: 15px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #mobile-navbar li em:before, #mobile-navbar li em:after{content: '';position: absolute;top:50%;margin-top: -1px;left: 0;width: 100%;height: 2px;background: #464646;} #mobile-navbar li em:after{transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg)} #mobile-navbar li em.toggled{transform: rotate(225deg);-moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);} #mobile-navbar li em.level-2:before{content: '';position: absolute;width: 6px;border: 2px solid #464646;top: 50%;border-top-width: 0;border-right-width: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);left: 50%;height: 6px;margin-top: -6px;margin-left: -4px;background-color: transparent;} #mobile-navbar li em.level-2:after{display: none;} #mobile-navbar li em.level-2.toggled {transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);} #mobile-navbar li a{color: #464646;padding: 8px 0px 8px 15px;display: block;margin-right: 30px;text-transform: uppercase;line-height: 20px;font-size: 15px;font-weight: 400;letter-spacing: 0.09em;font-family: 'Share Tech', sans-serif} #mobile-navbar li li{border-color: rgb(228, 228, 228)} #mobile-navbar li li a{text-transform: none;padding-left: 20px;color: #000;} #mobile-navbar li li li {border-color: rgb(219, 219, 219)} #mobile-navbar li li li a{padding-left: 25px;margin-right: 0;} #mobile-navbar li a.active{color:#ca1d24;} #mobile-navbar li a.current{color:#ca1d24;} #mobile-navbar .search_form{position: fixed;top: 10px;left:80px;z-index: 999;width: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #mobile-navbar.open .search_form{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;width: calc(100% - 90px)} #mobile-navbar .search_form input[type=text]{width: 100%;box-sizing: border-box;padding: 3px 30px 3px 6px;background: #fff;border: 1px solid #ca1d24;border-radius: 5px;font-family: 'Share Tech', sans-serif;letter-spacing: .05em;font-size: 14px;text-align: center;height: 28px;} #mobile-navbar .search_form input[type=submit]{cursor: pointer;position: absolute;right: 0;top: 1px;width: 30px;height: 100%;background-image: url(/images/site/icon_search.png);font-size: 0;background-size: 12px;background-repeat: no-repeat;background-position: center;} header #header_main nav{display: none;} header #mobile-navbar nav{display: block;} header nav ul{text-align: left;} .overflow-hidden{overflow: hidden;height: 100%;} #prod_vars_search_mob {padding:8px 15px;position: relative} #prod_vars_search_mob .twitter-typeahead{width: 100%;} #prod_vars_search_mob .tt-menu{position:initial !important;} #prod_vars_search_mob .find-downloads{height: auto !important} #prod_vars_search_mob input[type=submit]{cursor: pointer;position: absolute;right: 15px;top: 8px;width: 30px;height: 30px;background-image: url(/images/site/icon_search.png);font-size: 0;background-size: 12px;background-repeat: no-repeat;background-position: center;} #prod_vars_search_mob input.typeahead-mob.tt-input{ width: 100%;box-sizing: border-box;padding: 2px 30px 2px 9px;background-color: #fff !important;border: 1px solid #ca1d24;border-radius: 5px;font-family: 'Share Tech', sans-serif;letter-spacing: .05em;font-size: 14px;text-align: left;height: 30px;} /* footer */ #wrapper{margin-bottom: -255px;} footer *{float: initial} .left, .right{float: initial} footer{min-width: initial;height: auto} footer #footer_main #footer_main_left{width: 100%;padding: 0;} footer #footer_main #footer_main_right{width: 100%;padding: 0;float: initial} footer #footer_main{height: auto;padding: 12px 0 30px 0;} footer #footer_main #footer_main_left .clear{display: none;} footer #footer_main #footer_main_left_label{width: 100%;padding: 0;text-align: center;float: initial;padding-bottom: 10px;} footer #footer_main #footer_main_left_form{width: 100%;padding: 0;text-align: center;float: initial} footer #footer_main #footer_main_left span{display: inline-block;vertical-align: top;} footer #footer_bottom_tab{top:-17px} footer #footer_sitemap_container{position: relative} footer #footer_main #footer_main_right ul{width: 100%;padding: 0;text-align: center;float: initial;margin: 0;} footer #footer_main #footer_main_right #google_translate_element{width: 100%;padding: 0;text-align: center;float: initial;margin:8px 0 0 0;height: 40px;} footer #footer_bottom{ height: auto;padding-top: 17px;padding-bottom: 10px;} footer #footer_bottom #footer_bottom_left{margin: 0;padding: 0;text-align: center;} footer #footer_bottom #footer_bottom_right{margin: 0;float: initial;padding: 0;text-align: center;} footer #footer_bottom #footer_bottom_left a{display: inline-block;vertical-align: top;margin:0 5px;} footer #footer_main #footer_main_mid{position: relative;width: 100%;padding: 13px 0 0 0;margin: 0;top: 0;left: 0;bottom: 0;right: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;} footer #footer_sitemap{padding: 23px 0 0 0;} footer #footer_sitemap .container{width: 100%} footer #footer_sitemap .column{ width: 100%;float: initial;border-bottom: 1px solid #ccc;border-left: 0;padding:10px 0 7px 0;margin: 0;} footer #footer_sitemap .clear{display: none;} footer #footer_sitemap .column +.column+.column+.column{border-bottom-width: 0} footer #footer_bottom #footer_bottom_right p{font-size: 14px;line-height: 24px;} /*--------- home page ------------*/ #home #content .hero_slide{background-image: none !important; overflow: hidden;} #home #content .hero_slide .graphics_img{width: 100%;} #home #wrapper{height: auto !important;margin-bottom: 0;padding-bottom: 0;} #home #content{min-width: initial;height: 100%;} #home #content #hero{width: 100%;float: initial;position: relative;} #home #content #content_block{width: 100%;float: initial;margin:0;} #home main{overflow: initial} #home #content .hero_slide .hero_slide_text h1, #home #content .hero_slide .hero_slide_text_top h1, #home #content .hero_slide .hero_slide_text_middle h1{font-size: 25px;line-height: 30px;} #home #content #hero .cycle-prev{bottom: calc(50% - 40px)} #home #content #hero .cycle-next{bottom: 50%;} #home #content .hero_slide .hero_slide_text, #home #content .hero_slide .hero_slide_text{left: 0;bottom: 0;width: calc(100% - 33px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 13px;} #home #content .hero_slide .hero_slide_text p, #home #content .hero_slide .hero_slide_text_top p, #home #content .hero_slide .hero_slide_text_middle p{font-size: 17px;line-height: 22px;} #home main .row .product{width: 100%;float: initial;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 10px 13px 20px 13px;border-bottom: 1px solid #d7d7d7;border-right: 0} #home main .row .link{width: 100%;padding: 15px 13px;border-bottom: 1px solid #d7d7d7;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #home main .row .product .image img{position: relative;max-width: inherit;max-height: inherit} #home main .row .product .image{height: auto} #home main .row .product a.learn_more{left: 0;bottom: 0;position: relative} #home #content .hero_slide .hero_slide_text_top{left: 0;top: 10px;width: calc(100% - 33px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 13px;} #home main .video .text, #home main .blog .text, #home main .press .text{width: 100%;padding:13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #home main .video .image, #home main .blog .image, #home main .press .image{width: 100%;padding: 0;} #home main .testimonial .text{width: 100%;padding: 0;} .graphics_img{display: block;} #home main .row .product h3, #home main .row .text h3{font-size: 18px;line-height: 22px;} #home main .resource{height: auto !important;padding: 0;} #home main .testimonial{padding: 13px;} #home main .resource .text{position: relative;left: 0;bottom: 0;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 13px;} #home main .video .image{height: 225px;} #home main .video .image a{height: 225px;display: block;width: 100%;} #home main .press .image {height: 225px;} #home main .blog .image {height: 225px;} #home main .testimonial .text blockquote{font-size: 19px;line-height: 31px;} /*--------- about page ------------*/ .internal.fsidenav aside{position: relative;left: 0;width: 100%;border-right: 0;height: auto;top: 0;margin-bottom: 15px;max-height: initial;} .internal.fsidenav aside.sidebar{/*margin-top: 78px;*/margin-bottom: 0;} .internal.fsidenav aside nav ul li a.nav_link, .internal.fsidenav aside nav ul li a.nav_link_direct{padding: 7px 20px 7px 20px;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: url(/images/site/icon_arrow.png) right 10px center no-repeat #F1F0EC} .internal.fsidenav aside nav ul li a.nav_link.active{ background: url(/images/site/icon_arrow_up.png) right 10px center no-repeat #F1F0EC;border-left: 10px solid #1072BB;padding-left: 10px;} .internal.fsidenav aside nav ul li .subnav{padding: 8px 20px 8px 27px;} .internal.fsidenav aside nav ul li .subnav li{margin-bottom: 0;} .internal.fsidenav main{width: 100%;padding: 0;height: auto;min-height: inherit;min-width: initial} .internal.fsidenav main .inner{padding: 15px;} .internal.fsidenav main #body img{max-width: 100%; height: auto !important; margin: 0 !important} #about #tabs{margin-top: 0;} .internal.fsidenav main #news_feed .inner{padding: 13px;} .internal.fsidenav main #news_feed .news{width: 100%;} .internal.fsidenav main #body p, .detail main #body p{margin-bottom: 10px;} .internal.fsidenav aside #side_newsletter{padding: 20px 15px;} .internal.fsidenav main #product_feed .inner{padding: 10px 13px;} .internal.fsidenav aside #side_newsletter input[type=email]{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 12px;height: 42px;} .internal.fsidenav aside #side_newsletter input[type=submit]{height: 35px;padding: 0;max-width: 120px;width: 100%;} .internal.fsidenav aside .side_btn_callout h2{ width: calc(100% - 101px);font-size: 15px;padding: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: inline-block;vertical-align: middle;float: none;line-height: 21px;} .internal.fsidenav aside .side_btn_callout{height: 70px;} .internal.fsidenav aside .side_btn_callout img{width: 70px;display: inline-block;vertical-align: middle;float: none;} .internal.fsidenav aside .side_btn_callout .arrow{height: 70px;background-position: center} .internal.fsidenav main #product_feed .product {width: 50%;padding: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .internal.fsidenav main #product_feed .product.last{width: 50%;border-right: 1px solid #c2c2c2 !important} .internal.fsidenav main #product_feed h2, .internal.fsidenav main #news_feed h2{font-size: 18px;} #about #tabs #tabs_links{display: none;} #about #tabs .tab_trigger{display: block;padding: 8px 10px;font-family: 'Oswald', sans-serif;text-transform: uppercase;font-size: 12px;letter-spacing: .2em;font-weight: 700;color: #000;border: 1px solid #c2c2c2;background: url(/images/site/icon_arrow.png) right 10px center no-repeat #F1F0EC;cursor: pointer} #about #tabs .tab_trigger.active{ background: url(/images/site/icon_arrow_up.png) right 10px center no-repeat #F1F0EC;border-bottom: 0;margin-bottom: 0 !important;} #about #tabs #tabs_content {padding: 25px 0 0px 0;} #about #tabs .tabs_editor{border: 1px solid #c2c2c2;border-top: 0;padding:10px;margin-bottom: 10px;} #about #forms .dform_element{margin: 0;} #about #wrapper #content .inner #forms{padding-top: 20px;} #about #forms .dfcolumns .column{width: 100% !important;min-height: inherit;} #about #forms .dfcolumns .column input.text{width: 100% !important;padding: 8px !important;height: 35px !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #about #wrapper #content .inner #forms textarea{width: 100% !important;padding: 8px !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;} #about #wrapper #content .inner #forms input[type=submit]{height: 40px;background-position: center} .internal.fsidenav main #product_feed .product img{max-width: 100%;max-width: 100%} .customSelectWrap{width: 100%;} .customSelectWrap .customSelectInner{padding: 7px 17px 7px 10px;background:url(/images/site/icon_gray_arrow.png) right 4px center no-repeat #fff;} /*--------- blog page ------------*/ #news #content .container{width: 100%;max-width: 1024px;padding-left: 10px;padding-right: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #news #content #archives{right: 0;position: relative;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;top: 0;margin-bottom: 20px;} #news #content #archives select{width: 100% !important;height: 100% !important;padding: 0;} #news #content span.customselect{width: 100%;display: block !important;padding: 8px 10px;background: url(/images/site/icon_gray_arrow.png) right 7px center no-repeat #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #news #content .customSelectInner{display: block !important;} #news #content #subnav, #products #subnav{min-width: inherit;padding: 9px 0;height: initial;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #news #content .news{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #news #content .image {width: 100%;max-width: 250px;margin: auto;display: block;} #news #content .news .image{width: 100%;float: none;margin-top: 10px;} #news #content .news img{max-width: 100%;width: auto !important;height: auto !important;float: initial;padding: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #news #content .news .text{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: initial;border: 0;min-height: inherit} #news #content .news .text .info{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 10px;position: relative;height: auto} #news #content .news .text .inner{padding: 10px;height: auto;} #news #content .news .text .info span{line-height: 25px;} #news #content .bslash{margin: 7px 0 20px 0;} .custom-dd-wrap{width: 100%;position: relative;z-index: 999;} .dd-label{margin-right: 50px;font-family: 'Oswald', sans-serif;text-transform: uppercase;color: #000;font-size: 12px;letter-spacing: .2em;font-weight: 700;} .custom-dd {position: absolute;top: 32px;left: 0;width: 100%;border: 1px solid #c2c2c2;box-sizing: border-box;background: #fff;z-index: 99;display: none;} #news #content #subnav ul li, #products #subnav ul li{display: block;vertical-align: top;list-style: none;line-height: normal;float: initial;width: 100%;margin: 0;} .custom-dd li a{display: block;padding:5px 10px;color: #7d7d7d;font-family: 'Oswald', sans-serif;/*letter-spacing: .4em;*/font-weight: 700;font-size: 11px;} .custom-dd li a:hover{background: #D4CDCD;color: #000;} .custom-dd-wrap .select-trigger{display: block;padding: 8px 10px;background: #fff;cursor: pointer;border: 1px solid #c2c2c2;position: relative;color: #7d7d7d;font-family: 'Oswald', sans-serif;letter-spacing: .07em;font-weight: 700;font-size: 12px;text-transform: uppercase;} .custom-dd-wrap .select-trigger:after{ content: '';position: absolute;top: 50%;right: 8px;width: 12px;height: 5px;transform: translateY(-50%);-webkit-transform: translateY(-50%);background: url(/images/site/icon_gray_arrow.png);} #subnav ul li a:hover, #subnav ul li a.active{background: #0072bc !important ;color: #fff !important;} #products #subnav ul li.parent a, #products #subnav ul li.parent a:hover{color: #7d7d7d;} #news #content p img{float: initial !important;max-width: 100%;width: initial !important;height: initial !important;margin: auto} /* detail blog page */ #news.detail #content aside{width: 100%;float: initial} #news.detail #content aside .social span{width: 45px;height: 35px;float: initial;display: inline-block;vertical-align: top;} #news.detail #content aside .social{text-align: center;} #news.detail #content aside .social a{display: inline-block;vertical-align: top;} #news.detail #content aside .social a div{width: 45px !important;height: 35px !important;} #news.detail #content aside .newsletter input[type=email]{padding:0 10px;width: 100%;height: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #news.detail #content main{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-break: break-word;} #news.detail #content aside .newsletter input[type=submit]{padding: 11px 45px;} #news.detail #news_feed .container{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;padding-right: 10px;} #news.detail #news_feed .news{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: auto} #news.detail #news_feed .image {width: 100%;max-width: 250px;margin: auto;display: block;} #news.detail #news_feed .news img{max-width: 100%;width: auto !important;height: auto !important;float: initial;padding: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 0;margin: auto;display: block;} #news.detail #news_feed .news .text{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: initial;border: 0;min-height: inherit;height: auto} #news.detail #news_feed .news .text .info{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 10px;position: relative;height: auto} /* #news.detail #news_feed .news .text .inner{padding: 3px 10px;}*/ #news.detail #news_feed .news .text .info span{line-height: 25px;padding-left: 0;} #news #content main ul li{margin-left: 25px;} #news.detail #content .author img{max-width: 60px;height: auto;} #news.detail #content .author .text{width: calc(100% - 80px)} /*--------- get-support page ------------*/ #support #serial .btn{ display: inline-block;vertical-align: top;width: 49%;margin-bottom: 5px;box-sizing: border-box;text-align: center;min-width: 200px;} #support #serial input[type=text]{padding: 8px 8px;display: inline-block;vertical-align: top;width: calc(100% - 62px); height: 52px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #support #serial input[type=submit]{height: 36px;display: inline-block;vertical-align: top;width: 40px;} #support #accordian .accordian_link{font-size: 15px;padding: 12px 22px 12px 10px;background-position: calc(100% - 7px);} #support #accordian .accordian_link.active{background-position: calc(100% - 7px)} #support #accordian .accordian_link a{font-size: 15px;} #support .over-scroll{overflow-x: auto;-webkit-overflow-scrolling: touch} #support table tr td{padding: 10px;font-size: 13px;} /* #support .over-scroll table{min-width: 450px}*/ #support table tbody tr td{ font-size: 12px;line-height: 20px;} /*--------- knowledge-base page ------------*/ #support.knowledge #search .inner{padding: 10px} #support.knowledge #search form{float: initial} #support.knowledge .selectWrap{width: 100%;position: relative;} #support.knowledge .selectWrap select{width: 100% !important;height: 100% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #support.knowledge .searchForm{width: 100%;margin-bottom: 10px;} #support.knowledge #search input[type=submit]{width: 30px;height: 30px;background-size: 15px;margin: 0;display: inline-block;vertical-align: top;} #support.knowledge #search input[type=text]{box-sizing: border-box;height: 30px;width: calc(100% - 34px);display: inline-block;vertical-align: top;padding: 0 7px;} #support.knowledge #search .selectWrap span.customSelect{display: block !important;padding: 6px 7px;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #support.knowledge #search .selectWrap .customSelectInner{display: block !important;} #support.knowledge #body ul{margin-left: 17px;margin-bottom: 25px;} #support.knowledge #body img{max-width: 100%;width: auto !important;height: auto !important} #support.knowledge #body ol{padding-left: 17px;} /*--------- products page ------------*/ #partners #tables table{white-space: nowrap;min-width: 400px} #partners #tables table *{white-space: normal} #partners #tables .over-scroll{overflow-x: auto;-webkit-overflow-scrolling: touch} #products.subcat #content .container{width: 100%} #partners #tables .partner_table .table_row .data_cell{min-width: 40px} #partners #tables .partner_table .table_row td{padding:5px 7px;} #products.subcat #content #subnav .container, #content #subnav .container{text-align: left} #products #top .left{width: 100%;float: initial} #products #top .right{width: 100%;float: initial;margin-left: 0;margin-top: 10px;} #products #top .right img{max-width: 100%} #products.subcat #content{padding-bottom: 25px;} #products.subcat .cat_slider{margin-bottom: 25px;} #products #banner .banner_slide{background-image: none !important} #products #banner{height: auto} .banner_img{display: block;background-size: cover;height: 270px;background-repeat: no-repeat} #products #banner .banner_slide .info .container{width: 100%;padding: 13px;} #products #banner .banner_slide .info{position: relative;top: 0;left: 0;width: 100%;padding: 0;} #products #banner .banner_slide .info .right h1{font-size: 25px;} #products #banner .banner_slide .info .left{width: 100%;float: initial} #products #banner .banner_slide .info .right{width: 100%;float: initial} #products #banner .cycle-next{top: 105px;bottom: initial;} #products #banner .cycle-prev{top: 145px;bottom: initial;} #products #blocks .product{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 15px;width: 50%;} #products #blocks .product.third{border-right: 1px solid #c2c2c2;padding-right: 10px;} #products.maincat .product{width: 100% !important;border-width: 0 !important;border-left: 1px solid #c2c2c2 !important;} #products #blocks .product-50 {width: 50% !important;} #products #blocks .product-100 {width: 100% !important;} #products #blocks .slider_blocks .product{/*width:290px !important;*/-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 0;padding: 10px 0 ;float: initial;margin: 0 auto;} #products.subcat .cat_slider .slider_blocks{margin: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #c2c2c2} #products #blocks .product .image{height: auto} #products #blocks h3{margin: 20px 0;} #products.detail #tab-overview.tabs_editor .row .column{width: 100% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:8px;height: auto !important;margin-right: 0;margin-left: 0;} #products.detail #tabs #tab-specifications #specs-content #specs-heading{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;border-right: 0;border-left: 0} #products.detail #tab-overview.tabs_editor .row .column br{display: none;} #products.detail #tab-overview.tabs_editor .row.row-1 .column.one-1{width: 100% !important} #products.detail #tab-overview.tabs_editor .row.row-1 .column.two-1{width: 100% !important} #products.detail #tab-overview.tabs_editor .row.row-2 .column,#products.detail #tab-overview.tabs_editor .row.row-3 .column,#products.detail #tab-overview.tabs_editor .row.row-4 .column,#products.detail #tab-overview.tabs_editor .row.row-5 .column,#products.detail #tab-overview.tabs_editor .row.row-6 .column,#products.detail #tab-overview.tabs_editor .row.row-7 .column,#products.detail #tab-overview.tabs_editor .row.row-8 .column,#products.detail #tab-overview.tabs_editor .row.row-9 .column,#products.detail #tab-overview.tabs_editor .row.row-10 .column{width: 100% !important} #products.detail #overview #gallery{width: 280px;padding-top: 0;} #products.detail #overview #gallery #slideshow-2{width: 280px;} #products.detail #content .container{width: 100%;padding-left: 13px;padding-right: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #products.detail #overview #info{width: 100%;padding-left:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top: 0;} #products.detail #overview #gallery #social span{width: 38px;} #products.detail #overview #gallery #social .share {width: 44px;font-size: 12px;} #products.detail #overview #gallery #social{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #products.detail #overview #gallery .cycle-next{right: -9px;} #products.detail #overview #gallery .cycle-prev{left: -9px;} #products.detail #product_select_scroll{max-height: 290px;height: auto} #products.detail #product_select_scroll .item .first{width: 100% !important;padding: 15px 0;} #products.detail #product_select_scroll .item .last{width: calc(100% - 120px) !important;margin-left: 20px !important;} #products.detail #product_select_scroll .item img{max-width: 100px;} #products.detail #product_select_scroll .item{ border-bottom: 1px solid #C2C2C2;margin: 0 0;padding: 10px 0;} #products.detail #product_select_scroll .item h3{margin-top: 0;} #products.detail #product_select_scroll .item a.btn{margin-top: 0;} #products.detail #overview #info input[type=submit], #products.detail #overview #info .btn{padding: 12px;} #products.detail #accessories .product, #products.detail #related .product{width:100%;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #products.detail #tabs{margin-bottom: 30px;margin-top: 0;} #products.detail #content #subnav .container{width: 100%;} #products.detail #tabs .tabs_editor{margin-bottom: 8px;} #products.detail #tabs .tab_trigger{display: block; padding: 10px;padding-right: 30px;font-family: 'Oswald', sans-serif;text-transform: uppercase;font-size: 12px;letter-spacing: .2em;font-weight: 700;color: #7d7d7d;border: 1px solid #c2c2c2;position: relative;margin: 10px 0 ;} #products.detail #tabs .tab_trigger:before, #products.detail #tabs .tab_trigger:after{content: '';position: absolute;top:50%;margin-top: -1px;right: 10px;width: 15px;height: 2px;background: #7d7d7d;} #products.detail #tabs .tab_trigger.active:before, #products.detail #tabs .tab_trigger.active:after{background: #fff} #products.detail #tabs .tab_trigger:after{transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg)} #products.detail #tabs .tab_trigger.active:after{transform: rotate(0);-moz-transform: rotate(0);-webkit-transform: rotate(0)} #products.detail #tabs .tab_trigger.active {background: #0072bc;color: #fff} #products.detail #tab-resources .btn{display: inline-block;margin: 10px 0;} #products.detail #tabs #tabs_links{display: none;} #products.detail #overview{margin-bottom: 20px;} #products #filters ul#quickmenu_main li.title{ width: 71px;padding: 0 10px !important;height: 40px !important;line-height: 40px;vertical-align: top;} #products #filters ul#quickmenu_main li.quickmenu_main_link{height: 40px !important;padding-top: 0 !important;width: calc(100% - 118px);padding: 0 10px;vertical-align: top;line-height: 40px;text-align: left;} #products #filters ul#quickmenu_main li.quickmenu_main.divider{height: 4px !important;padding: 0 !important;line-height: normal !important;width: 100%;display: block;border: 0} #products #filters .quickmenu_sort{width: calc(100% - 193px);display: inline-block;vertical-align: top;margin-right: -4px;} #products #filters input[type=submit]{padding: 9px 15px !important;display: inline-block;vertical-align: top;} #products #filters select{width: 100% !important;height: 100% !important;line-height: 40px !important;} #products #filters span.customselect{height: 40px;padding:0 10px;line-height: 40px !important;display: block;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: left} #products #filters ul#quickmenu_main li.quickmenu_main_link .quickmenu_sub{top: 40px;padding: 5px;} #products #blocks .product h2 a{font-size: 14px;} #products.subcat #blocks .product h2{margin-bottom: 13px;width: 90%;} #products #top .left a{padding: 10px 35px 10px 15px;margin-top: 10px;} #compare_popup{width: 100%;left: 0;margin-left: 0;height: 155px;padding-bottom: 15px;} #compare_popup .comp_item{padding:0 15px;} #compare_popup #compare_submit{padding: 10px 15px;} #compare_popup .items .comp_item_wrap {display: inline-block;vertical-align: middle;width: 120px;overflow-y: auto;height: 110px;-webkit-overflow-scrolling: touch} #partners #form{padding-top: 20px;} #partners #form .dfcolumns .column, #partners #form .dfinput_names .name_first, #partners #form .dfinput_names .name_last,#partners #form .dform_container .dfinput_right,#partners #form .dform_container .dfinput_left{width: 100% !important;margin: 0 !important;} #partners .dform_container .dfinput_left.address_city{margin: 0 0 10px 0 !important;} #partners #form .dform_element, #partners #form .dform_container .dfinput_full, #partners #form .dfinput_names .name_first{margin: 0 0 10px 0 !important;} #partners #form .dform_container .dfinput_left.address_city{margin: 0 0 10px 0 !important;} #partners #form .dform_container .dfinput_right.address_state{margin: 0 0 10px 0 !important;} #partners #form .dform_container .dfinput_left.address_zip{margin: 0 0 10px 0 !important;} #partners #form select.customselect{width: 100% !important;padding: 0;height: 100% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #partners .dfcolumns .column{min-height: initial} #partners #form span.customselect{padding: 10px 8px;width: 100% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-position: calc(100% - 7px)} #partners #form input[type=text], #partners #form input[type=email]{padding: 8px;height: 35px;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #partners #form input[type=submit]{height: 40px;background-position: center} #products.detail #tabs #tab-downloads .over-scroll{overflow-y: auto;} .tbl-downloads{border-collapse: separate;} .tbl-downloads td{display: block;position: relative;padding: 3px 10px 3px 107px !important;line-height: 22px;min-height: 28px} .tbl-downloads td:before{content: attr(data-title)' :';font-weight: bold;color: #636363;position: absolute;top: 2px;left: 7px;} #products.detail #tabs #tab-downloads table thead tr td{display: none;} .tbl-downloads td.icon:before, .tbl-downloads td.file-link:before{display: none;} .tbl-downloads td.icon{ padding: 14px 10px 5px 10px ! important;display: inline-block;vertical-align: top;} .tbl-downloads td.file-link{display: inline-block;vertical-align: top;padding: 12px 10px 5px 10px ! important;width: calc(100% - 58px);} #products.detail #accessories .product h2, #products.detail #related .product h2, #products.detail #accessories .product h2 a, #products.detail #related .product h2 a{width: auto} .internal.fsidenav main #news_feed .news .title h3 a{font-size: 17px;} #partners #tables .partner_table .table_heading td h3{font-size: 15px;} #partners #body .btn{padding: 10px 25px 10px 15px;font-size: 13px;} /*--------- raid page ------------*/ #raid #content .container{width: 100%;max-width: 1010px;padding-left: 10px;padding-right: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #raid #raid_top .left table td .customselect{width: 160px;} #raid #raid_top .left{width: 100%;} #raid #raid_top .right{width: 100%;height: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 10px;text-align: left;margin-top: 0 !important;} #raid #raid_top .right img{max-width: 100%} #raid #raid_top .left table td label:first-child{margin-right: 6px !important;} #raid #raid_top .left table td label{font-size: 13px;} #raid #raid_top .left table td label input{position: relative; top: 3px;} #raid #raid_top .left table td{font-size: 15px;} #raid #raid_mid #raid_mid_key .key_item .key_item_label{font-size: 15px;} #raid #raid_mid #raid_mid_key .key_item .key_item_box{margin-right: 2px;} #raid #raid_top .left table td .customselect{font-size: 15px;} #raid #raid_mid #raid_mid_bars .raid_mid_bars_row .left{width: 200px;margin-bottom: 15px;} #raid #raid_top{margin-top: 10px; margin-bottom: 20px;} #raid #raid_mid #raid_mid_bars .raid_mid_bars_row .right {width: calc(100% - 200px);} #raid #raid_mid #raid_mid_bars .raid_mid_bars_row .right .raid_mid_bars_bar{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 40px;} #raid #raid_mid #raid_mid_bars .raid_mid_bars_row .right .raid_mid_bars_bar .filled{line-height: 40px;} #raid #raid_mid #raid_mid_bars .raid_mid_bars_row .right .raid_mid_bars_bar .empty{line-height: 40px;font-size: 16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;padding-right: 10px;} #raid #raid_mid{margin-top: 0;margin-bottom: 20px;padding-bottom: 20px;} #raid #raid_mid #raid_mid_key{float: initial;width: 100%;} #raid #raid_mid #raid_mid_key .key_item{width: 50%;} #raid #raid_mid #raid_mid_bars .raid_mid_bars_row .right{width: 100%;} #raid_info_popup #raid_info_container{width: 964px;max-width: 95%;height: 100%;} #raid_info_popup #raid_info_container #raid_info_content{overflow-y: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 15px;max-height: 100%} #support #serial_popup #serial_container{overflow-y: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;max-height: 100%} #raid_info_popup #raid_info_container #raid_info_content .raid_info_row{padding: 18px 0;} #raid_info_popup{z-index: 99999;height: 100%;box-sizing: border-box;padding: 20px 0;} #support #serial_popup{z-index: 99999;height: 100%;box-sizing: border-box;padding: 20px;} #support #serial_popup #serial_container #serial_content{width: 100%;height: 100%;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #raid #raid_top .left table td span.customselect{ width: 140px;padding: 0 20px 0 10px;line-height: 35px;height: 35px;background-position: calc(100% - 7px);} #raid #raid_mid #raid_mid_bars .raid_mid_bars_row .left span.customselect{ width: 140px;padding: 0 20px 0 10px;line-height: 35px;height: 35px;background-position: calc(100% - 7px);} #raid #raid_mid #raid_mid_bars .raid_mid_bars_row .info_pop{left: 0;top: 0px;} #raid #raid_mid #raid_mid_bars .raid_mid_bars_row{padding-top: 25px;} #raid #raid_top .left table td.required-fields{padding-right: 0;text-align: left} #raid #raid_top .left table td.required-fields span{ display: inline-block;max-width: 170px;width: 100%;text-align: right;} /*--------- resources page ------------*/ #resources main .resource{ width: 100%;margin: 10px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #resources main .resource .inner{padding: 10px;} #resources main .resource a img{ width: inherit !important;display: block;height: inherit !important;margin: 0 auto;max-width: 100%;} #resources main .resource h2{margin-bottom: 10px;} #resources main .resource .info{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;} #resources main .resource .info .right a{width: 30px;height: 30px;} #resources main .resource .info .left{ height: 30px;padding: 0 10px;width: calc(100% - 30px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;} #resources main .resource .info .right {height: 30px;width: 30px;float: left;} #resources main .resource .info .left ul li{line-height: 30px;} #resources main #archives{right: 0;position: relative;} /* detail resources page */ #resources main #body #resources_info{width: 100%;} #resources main #body #resources_info .right{float: initial;width: 299px;margin-top: 11px;} #resources main #body #resources_info .right .st_share {margin: 8px 8px -15px 5px;} #resources main #body #resources_info .left{float: initial} #resources main #body #resources_info .right span{width: 40px;height: 35px;} #resources main #body #resources_info .left a.btn{width: 160px;height: 40px;background-position: center} #resources main .customSelect, #news #content .customselect{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #resources .select-wrap select, #news .select-wrap select{width: 100% !important;} #resources .grids .row .right {width: calc(100% - 10px);} /*--------- search_results page ------------*/ #search_results #content{padding-top: 90px !important;} #search_results #content .container{width: 100%;max-width: 960px;padding-left: 10px;padding-right: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #search_results #content .container ol{padding-left: 35px;} #support #content #serial .inner span.info-pop{position: relative;vertical-align: middle;display: inline-block;} /*--------- support page ------------*/ #support.results #articles{width: 100%;float: initial} #support.results #videos{width: 100%;float: initial} #support.results #videos .video .image{width: 100%;height: auto} #support.results #videos .video .image img{width: inherit !important;height: inherit !important;} #support.results #articles ul li{margin-left: 7px;} #support.results #forums{ padding-left: 15px;padding-top: 10px;} #support.results #forums .text{width: 100%;} #support #accordian .accordian_hidden{padding: 10px 0 20px 0;} #raid_info_popup #raid_info_container #raid_info_close, #support #serial_popup #serial_container #serial_close{width: 20px;height: 20px;background-size: 20px;right: 20px;} #support #serial_popup #serial_container #serial_content #serial_content_inner{padding: 0;padding-top: 30px;} #support.downloads #content .container{width: 100%;} #support.downloads .tbl-downloads thead{display: none;} #support.downloads #tabs{padding: 40px 0;} #support.downloads #tabs #tab-downloads{padding-top: 10px;} #scope-of-support table{min-width: 450px;white-space: nowrap} #scope-of-support table *{white-space: normal} /*--------- where-to-buy page ------------*/ #where #content{min-width: inherit} #where #stores {width: 100% !important;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: auto !important} #where #stores .store{width: 50% ;position: relative !important;top: 0 !important;left: 0 !important;bottom: 0 !important;right: 0 !important;padding: 15px;border: 1px solid #c2c2c2;margin-bottom: -1px;margin-right: -1px;} #where #stores .store:last-child{border-bottom: 1px solid #c2c2c2} #where #content .container{width: 100%;padding-left: 10px;padding-right: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #where #shop_quickmenu{margin: 20px 0; } #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link{display: block;text-align: left;width: 100%;padding: 0 31px 0 12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: auto;line-height: 40px;background-position: calc(100% - 12px);border-bottom: 1px solid #CCC;} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link ul.quickmenu_sub{min-width: inherit;width: calc(100% + 6px);padding: 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-width: 3px;top: 41px;left: 0;border-top: 0;margin: 0 -3px;} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link.active{padding: 0 31px 0 12px;border: 3px solid #cccccc;border-bottom-width:1px;border-top-width: 2px;background: url(/images/site/arw_drop_down.png) right 15px center no-repeat;background-position: calc(100% - 12px)} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link ul.quickmenu_sub li{margin: 10px 0;} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link .border_cover{height: 0;width: 0;} #where #filters #filters_bottom h5{float: initial;margin: 0 0 10px 0;} #where #filters #filters_bottom h5 br{display: none;} #where #filters #filters_bottom h5 span{padding-left: 10px;} #where #filters #filters_bottom input[type=checkbox]{float: initial;display: inline-block;vertical-align: middle;width: 15px;} #where #filters #filters_bottom label{float: initial;display: inline-block;vertical-align: middle;margin: 5px 0 5px 3px;width: calc(50% - 21px);} #where #filters{margin-bottom: 25px;} #where #filters #filters_top h5{margin-right:0;float: none} #filters_top .select-wrap{margin-bottom: 10px;max-width: 200px;width: 100%;margin-right: 5px;} #where #filters #filters_top .btn{display: inline-block;margin-right: 0;margin-left: 0;} #where #filters #filters_top .customselect{width: 100% !important;} #where #filters #filters_top span.customselect{width: 100%;padding: 10px 26px 10px 8px;background-position: calc(100% - 10px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #where #filters #filters_top .selectWrap select{width: 100% !important;height: 100% !important;} #where #filters #filters_top .selectWrap{width: calc(100% - 134px);float: right;position: relative;} #where .title-2{padding: 15px;} /*--------- news page ------------*/ #news.detail #news_feed .inner{padding: 30px;} #news.detail #news_feed .news .image{width: 100%;float: none;margin-top: 10px;} #news #content #pagination ul li{margin-left: 0;} #news.detail #content .social span{width: 48px;} /*--------- compare page ------------*/ #products.compare #content .container{width: 100%;max-width: 1054px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;padding-right: 15px;padding-top: 30px;padding-bottom: 40px;} #products #top .right{width:100%;text-align: left} #products.compare #top .right{text-align: left;margin-top: 15px;} #products #top .left{width:100%} #products.compare .tbl-wrapper{overflow-x: auto;-webkit-overflow-scrolling: touch} #products.compare .tbl-wrapper table{white-space: nowrap;min-width: 450px} #products.compare .tbl-wrapper table * {white-space: normal;font-size: 14px;line-height: 20px;} #products.compare #content #comparison table thead td h3{font-size: 14px;} #products.compare #content #comparison table thead td{position: relative;padding-bottom: 35px;} #products.compare #content #comparison table thead td img{max-width: 80px} #products.compare #content #comparison .remove{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} div#specs-content {max-width: 740px; overflow: scroll;} #products.detail #tabs #tab-specifications #specs-content #specs-heading {min-width: 740px;} #products.detail #tabs table {max-width: 100%; width: calc(100% - 10px) !important;} #products.detail #tabs ul, #products.detail #tabs p {width: 100%;} #products.detail #tab-overview.tabs_editor .row .column img {max-width: calc(100% - 40px); float: none !important; margin: 20px auto;} #products.detail #tabs #tab-specifications table {min-width: 740px;} .mobile-table {display: block;} } /* 2. iPad responsive css 768px to 1024px -----------------------------------------*/ @media (min-width:768px) and (max-width:1024px) { /* default */ body{min-width: inherit;} .container{width: 100%;min-width: initial;} img{max-width: 100%} /* #wrapper{margin-bottom: -124px;}*/ #push{display: height: 124px;} h1, #products #top .left h1 span a {font-size: 21px;} h2{font-size: 18px;} h3{font-size: 17px} /* header */ header{min-width: initial} header #header_main nav ul li{margin-right: 13px;/*position: initial*/} /*#header_menu_resources, #header_menu_products, #header_menu_support{right: -120px !important;}*/ header #header_main nav ul li a{font-size: 13px;} header #header_main #brand{left: 10px;width: 100px;} header #header_main #sales_chat{width: 100px;} header #header_main nav{right: 120px;} #header_menu_about .right img, #header_menu_partners .right img{} #header_menu_partners{right: -120px;} /*--------- home page ------------*/ #home main .video .image{background-size: 100%} #home #content{min-width: initial;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #home #content #hero .cycle-prev{bottom: calc(50% - 40px)} #home #content #hero .cycle-next{bottom: 50%;} #home #content #hero{width: 35%;} #home #content .hero_slide .hero_slide_text_top{top: 20px;left: 20px;padding-right: 45px;} #home #content .hero_slide .hero_slide_text{left: 20px;bottom: 60px;padding-right: 45px;} #home #content .hero_slide .hero_slide_text h1, #home #content .hero_slide .hero_slide_text_top h1, #home #content .hero_slide .hero_slide_text_middle h1{font-size: 23px;line-height: 28px;} #home #content #content_block{width: 65%;margin-left: 35%;} #home main .row .product h3, #home main .row .text h3{font-size: 16px;line-height: 23px;} #home main .row .product .image img{max-width: 100%} #home main .row .product{padding: 10px 15px 55px 15px;width: 33.33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #home main .testimonial .text{width: 100%;padding: 0;} #home main .blog .image, #home main .press .image{background-size: 98% auto} /* footer */ #push{height: 124px;} #wrapper{margin-bottom: -124px;} footer, .full{min-width: initial} footer{height: auto} footer #footer_main #footer_main_left{padding-left: 13px;padding-top: 15px;} footer #footer_main #footer_main_right{padding-right: 13px;padding-top: 15px;} footer #footer_sitemap .container{width: 100%;max-height: 960px} footer #footer_main #footer_main_left span{font-size: 13px;} footer #footer_main #footer_main_right #google_translate_element{margin-left: 8px;} footer #footer_sitemap .column{width: 25%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} footer #footer_sitemap{padding: 27px 0 15px 0;} footer #footer_bottom #footer_bottom_right{padding-right: 13px;} footer #footer_bottom #footer_bottom_left{padding-left: 13px;} footer #footer_bottom #footer_bottom_right p{font-size: 14px;} footer #footer_bottom #footer_bottom_left a{font-size: 14px;} footer #footer_main #footer_main_right ul li{padding: 5px 3px 0 3px;} footer #footer_main{padding-top: 10px;height: 80px;} footer #footer_bottom_tab{top: 73px;} /*--------- about page ------------*/ .internal.fsidenav aside nav ul li .subnav li{margin: 6px 0;} .internal.fsidenav main .inner{padding: 10px 15px;padding-top: 30px;} .internal.fsidenav aside{width: 270px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .internal.fsidenav aside .side_btn_callout{margin-bottom: 150px;} .internal.fsidenav aside nav ul li .subnav{padding: 10px 20px 10px 30px;} .internal.fsidenav aside nav ul li a.nav_link, .internal.fsidenav aside nav ul li a.nav_link_direct{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 5px 23px 5px 13px;background: url(/images/site/icon_arrow.png) right 10px center no-repeat #F1F0EC} .internal.fsidenav aside nav ul li a.nav_link.active{padding-left: 13px;background: url(/images/site/icon_arrow_up.png) right 10px center no-repeat #F1F0EC} .internal.fsidenav aside #side_newsletter{padding: 13px;} .internal.fsidenav aside #side_newsletter input[type=email]{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .internal.fsidenav main{width: 100%;padding-left: 272px;min-width: initial;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .internal.fsidenav main #product_feed .product{width: 33.33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 15px 8px;} .internal.fsidenav main #product_feed .product img{max-width: 100%;max-height: inherit} .internal.fsidenav aside .side_btn_callout h2{ width: calc(100% - 97px);font-size: 15px;padding: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .internal.fsidenav aside .side_btn_callout{height: 70px;} .internal.fsidenav aside .side_btn_callout img{width: 70px;} .internal.fsidenav aside .side_btn_callout .arrow{height: 70px;background-position: center} .internal.fsidenav aside #side_newsletter input[type=submit]{padding: 12px 40px;} .internal.fsidenav main #body img{max-width: 100%} #about #tabs #tabs_links ul li a{ padding: 6px 11px;font-size: 11px;} .internal.fsidenav main #news_feed .inner{padding: 25px;} .internal.fsidenav main #product_feed .inner{padding: 5px 30px;} .internal.fsidenav main .bslash{margin: 5px 0 10px 0;} .internal.fsidenav main #product_feed .inner{padding: 5px 30px;} .internal.fsidenav main #body p, .detail main #body p{margin-bottom: 15px;} #about #wrapper #content .inner #forms{padding-top: 20px;} #about #wrapper #content .inner #forms input[type=text], #about #wrapper #content .inner #forms input[type=email]{height: 40px;} #about #wrapper #content .inner #forms input[type=submit]{height: 40px;background-position: center} .internal.fsidenav main #news_feed .news .title h3 a{font-size: 18px;} /*--------- blog page ------------*/ #news #content #subnav{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 10px;} #news #content .container{width: 100%;max-width: 1024px;padding-left: 10px;padding-right: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #news #content #archives{right: 13px;top: 46px;} #news #content #subnav{min-width: inherit;} #news #content .news{width: calc(50% - 7px);margin-bottom: 14px;} #news #content .news .image {width: 140px; height: 210px;} #news #content .news img{max-width: 100%;width: auto !important;height: auto !important} #news #content .news .text{width: calc(100% - 140px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: inherit;max-height: none} #news #content .news .text .info{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 10px;} #news #content .news .text .inner{padding: 10px 10px 50px 10px;height: inherit;width: calc(100% - 20px);} #news #content .news .text .info a{padding-right: 3px;} #news #content .news.no_img .text .info {width: calc(100% - -1px);} /* blog page detail */ /* #news.detail #content aside{width: 280px;}*/ #news.detail #content aside .social span{width: 45px;height: 35px;} #news.detail #content aside .social a div{width: 45px !important;height: 35px !important;} #news.detail #content aside .newsletter input[type=email]{padding:0 10px;width: 100%;height: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #news.detail #content main{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 15px;} #news.detail #content aside .newsletter input[type=submit]{padding: 11px 45px;} #news.detail #content .maxwidth{max-width: calc(100% - 220px)} #news.detail #news_feed .container{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 13px;padding-right: 13px;} #news.detail #news_feed .news{width: calc(50% - 10px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #news.detail #news_feed .news.image {width: 140px;} #news.detail #news_feed .news img{max-width: 140px;width: auto !important;height: auto !important;border: 0} #news.detail #news_feed .news .text{width: calc(100% - 140px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-left: 1px solid #c2c2c2} #news.detail #news_feed .news .text .info{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 10px;} #news.detail #news_feed .news .text .inner{padding: 10px 10px 50px 10px;} .img-half-center{float: initial !important} /*--------- get-support page ------------*/ #support #serial .btn{display: inline-block;vertical-align: top;} #support #serial input[type=text]{padding: 10px 12px;display: inline-block;vertical-align: top; height: 52px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom: 0;} #support #serial input[type=submit]{height: 40px;display: inline-block;vertical-align: top;} #support #accordian .accordian_link{font-size: 16px;} #support #accordian .accordian_link a{font-size: 16px;} /*--------- knowledge-base page ------------*/ #support.knowledge #search .inner{padding: 10px 20px;} #support.knowledge #search form{float: initial} #support.knowledge .selectWrap{width: 50%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;position: relative} #support.knowledge .selectWrap select{width: 100% !important;height: 100% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #support.knowledge .searchForm{width: 50%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 10px;} #support.knowledge #search input[type=submit]{width: 30px;height: 30px;background-size: 15px;margin: 0;display: inline-block;vertical-align: top;} #support.knowledge #search input[type=text]{box-sizing: border-box;height: 30px;width: calc(100% - 34px);display: inline-block;vertical-align: top;padding: 0 7px;} #support.knowledge #search .selectWrap span.customSelect{display: block !important;padding: 6px 7px;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #support.knowledge #search .selectWrap .customSelectInner{display: block !important;} #support.knowledge #body ul{margin-left: 17px;margin-bottom: 25px;} #support.knowledge #body img{max-width: 100%;width: auto !important;height: auto !important} #support.knowledge #body ol{padding-left: 17px;} #support #serial{padding-bottom: 20px;} #raid_info_popup #raid_info_container #raid_info_close,#support #serial_popup #serial_container #serial_close{width: 30px;height: 30px;background-image: url(/images/site/icon_black_close_button.png);background-repeat: no-repeat;background-position: center;} /*--------- products page ------------*/ #partners #tables table{white-space: nowrap;min-width: 600px;} #partners #tables table *{white-space: normal} #partners #tables .over-scroll{overflow-x: auto;-webkit-overflow-scrolling: touch} #products #top .right img{max-width: 100%} #products #subnav{min-width: inherit;padding:10px 73px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #products.subcat #content #subnav .container{width: 100%} #products.subcat #content .container{width: 100%;max-width: 960px;padding:0 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #products #top .left p{font-size: 16px;line-height: 24px;} #products #blocks .product{padding: 12px;width: calc(33.333%);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #products #blocks .product h5{margin-bottom: 10px;} #products #blocks .product-50 {width: 50% !important;} #products #blocks .product-100 {width: 100% !important;} #products.maincat .product{width: 100% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #products.subcat #blocks .product h2{width: 100%;} #products #banner .banner_slide .info .container{width: 100%;max-width: 925px;padding: 0 47px 0 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #products #banner .banner_slide .info .left{width: 180px;} #products #banner .banner_slide .info .left img{max-width: 100%} #products #banner .banner_slide .info .right h1{font-size: 30px;} #products #banner .banner_slide .info .right{width: calc(100% - 180px)} #products.detail #overview #gallery{width: 280px;padding-top: 0;} #products.detail #overview #gallery #slideshow-2{width: 280px;} #products.detail #content .container{width: 100%;padding-left: 13px;padding-right: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #products.detail #overview #info{width: calc(100% - 280px);padding-left: 25px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top: 0;} #products.detail #overview #gallery #social span{width: 38px;} #products.detail #overview #gallery #social .share {width: 44px;font-size: 12px;} #products.detail #overview #gallery #social{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #products.detail #overview #gallery .cycle-next{right: -9px;} #products.detail #overview #gallery .cycle-prev{left: -9px;} #products.detail #product_select_scroll .item .first{width: 175px !important;padding: 15px 0;} #products.detail #product_select_scroll .item img{width: inherit;max-width: 100px;} #products.detail #product_select_scroll .item .last{ width: calc(100% - 295px) !important;margin-left: 20px !important;} #products.detail #overview #info input[type=submit], #products.detail #overview #info .btn{padding: 12px;} #products.detail #product_select_scroll .item h3{margin-top: 0;} #products.detail #product_select_scroll .item a.btn{margin-top: 0;} #products.detail #accessories .product, #products.detail #related .product{width: 33.33%;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #products.detail #tabs{margin-bottom: 30px;} #products.detail #content #subnav .container{width: 100%;} /*--------- partners page ------------*/ #partners #form .customselect{ width: 100% !important;padding: 11px 7px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-position: calc(100% - 7px)} #partners #form select.customselect{height: 35px !important;} #partners #form input[type=text], #partners #form input[type=email]{height: 35px;} #partners #form #ddform_38_address2{margin-top: 7px;} #partners #form #forms_field_36{margin-bottom: 15px;} #partners #form input[type=submit]{height: 40px;background-position: center} #partners .dform_container .dfinput_left{margin-bottom: 0 !important;} #partners .dform_container .dfinput_left.address_city, #partners .dform_container .dfinput_right.address_state{margin-top: 19px;} #partners .dform_container .dfinput_left.address_zip{margin-top: 10px;} #partners #form{padding-top: 10px;} #partners .dfcolumns .column{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 5px;min-height: initial} #partners .dfcolumns .column.column-last{padding-right: 0;padding-left: 5px;} /*--------- raid page ------------*/ #raid #content .container{width: 100%;max-width: 1010px;padding-left: 10px;padding-right: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #raid #raid_top .left table td .customselect{width: 160px;} #raid #raid_top .left{width: 45%;} #raid #raid_top .right{width: 55%;} #raid #raid_top .left table td{font-size: 15px;} #raid #raid_top .left table td label:first-child{margin-right: 29px !important;} #raid #raid_mid #raid_mid_bars .raid_mid_bars_row .left{width: 200px;} #raid #raid_mid #raid_mid_bars .raid_mid_bars_row .right {width: calc(100% - 210px);} #raid #raid_mid #raid_mid_bars .raid_mid_bars_row .right .raid_mid_bars_bar{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 52px;} #raid #raid_mid{padding-left: 30px;} #raid_info_popup #raid_info_container{width: 964px;max-width: 95%;height: 90%;} #raid_info_popup #raid_info_container #raid_info_content{overflow-y: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 38px;max-height: 100%} #raid_info_popup #raid_info_container #raid_info_content .raid_info_row{padding: 18px 0;} #support #serial_popup{height: 100%;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #support #serial_popup #serial_container{max-width: 95%;height: 90%;} #raid #raid_top .left table td.required-fields{padding-right: 0;text-align: left} #raid #raid_top .left table td.required-fields span{ display: inline-block;max-width: 231px;width: 100%;text-align: right;} /*--------- resources page ------------*/ #resources main .resource{ width: calc(50% - 10px);margin: 10px 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #resources main .resource .inner{padding: 10px 10px 40px 10px;height: auto !important} #resources main .resource h2{font-size: 16px;margin-bottom: 10px;} #resources main .resource a img{ width: 100%;display: block;height: inherit;max-width: 100%;} #resources main .resource .info{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #resources main .resource .info .right a{width: 30px;height: 30px;} #resources main .resource .info .left{ height: 30px;padding: 0 10px;width: calc(100% - 30px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #resources main .resource .info .right {height: 30px;width: 30px;} #resources main .resource .info .left ul li{line-height: 30px;} #resources main #archives{right: 4px;width: 202px;} #resources main #archives selct{width: 100% !important;height: 100% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /* resources detail */ #resources main #body #resources_info{width: 100%;} #resources main #body #resources_info .right{float: initial;width: 362px;margin-top: 11px;} #resources main #body #resources_info .left{float: initial} /*--------- search_results page ------------*/ #search_results #content .container{width: 100%;max-width: 960px;padding-left: 13px;padding-right: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #search_results #content .container ol{padding-left: 35px;} /*--------- support page ------------*/ #support.results #articles{width: 48%;} #support.results #videos{width: 52%;padding-left: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #support.results #videos .video .image{width: 100%;height: auto} #support.results #videos .video .image img{width: inherit !important;height: inherit !important;} #support.downloads #tab-downloads .over-scroll{overflow-y: auto;-webkit-overflow-scrolling: touch} #support.downloads #tabs{padding: 50px 0;} #support.downloads #tabs #tab-downloads{padding-top: 15px;} #support.downloads #tab-downloads .over-scroll table{white-space: nowrap;min-width: 960px;} #support.downloads #tab-downloads .over-scroll table *{white-space: normal} #support.downloads #content .container{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 20px;padding-left: 20px;} /*--------- where-to-buy page ------------*/ #where #content{min-width: inherit} #where #content .container{width: 100%;padding-left: 13px;padding-right: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #where #stores{height: auto !important} #where #stores .store{padding: 15px;position: relative !important;top: 0 !important;left: 0 !important;bottom: 0 !important;right: 0 !important;} #where #stores .store img{max-width: 100%} #where #filters #filters_bottom label{margin-right: 50px;float: initial;display: inline-block;vertical-align: middle;} #where #filters #filters_bottom input[type=checkbox]{float: initial;display: inline-block;vertical-align: middle;} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link{display: block;text-align: left;width: 100%;padding: 0 31px 0 12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: auto;line-height: 40px;background-position: calc(100% - 12px);border-bottom: 1px solid #CCC;} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link ul.quickmenu_sub{min-width: inherit;width: calc(100% + 6px);padding: 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-width: 3px;top: 41px;left: 0;border-top: 0;margin: 0 -3px;} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link.active{padding: 0 31px 0 12px;border: 3px solid #cccccc;border-bottom-width:1px;border-top-width: 2px;} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link ul.quickmenu_sub li{margin: 10px 0;} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link .border_cover{height: 0;width: 0;} /*--------- news page ------------*/ #news.detail #news_feed .inner{padding: 30px 15px;} #news.detail #news_feed .news .image{width: 140px;} #news.detail #news_feed .news{height: auto} #news.detail #news_feed .news .text h2{font-size: 20px;} #news #content #pagination ul li{margin-left: 0;} /*--------- compare page ------------*/ #products.compare #content .container{width: 100%;max-width: 1054px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 20px;padding-right: 20px;} #products #top .right{width:210px;} #products #top .left{width: calc(100% - 230px)} #products.compare #content #comparison table thead td{padding-bottom: 35px;position: relative} #products.compare #content #comparison .remove{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} #support.revised aside nav ul li a.nav_link, #support.revised aside nav ul li a.nav_link_direct {width: 100%;} #support.revised #survey {width: 30%;} } /* 3. large desktop responsive css 1025px to 1200px ----------------------------------------------------*/ @media (min-width:1025px) and (max-width:1200px) { /* default */ .container{width: 100%;min-width: initial;} /* header */ header{min-width: initial} header #header_main nav ul li{margin-right: 25px;} /*--------- home page ------------*/ #home #content{min-width: initial} #home main .row .product{padding: 10px 15px 55px 15px;width: 33.33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /* footer */ footer, .full{min-width: initial} footer #footer_main #footer_main_left{padding-left: 60px;} footer #footer_main #footer_main_right{padding-right: 30px;} /*--------- about page ------------*/ .internal.fsidenav aside{width: 300px;} .internal.fsidenav aside nav ul li a.nav_link, .internal.fsidenav aside nav ul li a.nav_link_direct{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .internal.fsidenav aside #side_newsletter{padding: 25px;} .internal.fsidenav aside #side_newsletter input[type=email]{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .internal.fsidenav aside .side_btn_callout h2{width: calc(100% - 141px);} .internal.fsidenav main{width: calc(100% - 301px);padding-left: 301px;min-width: initial} .internal.fsidenav main #product_feed .product img{max-width: 100%} /*--------- blog page ------------*/ #news #content #subnav{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 10px;} #news #content .container{width: 100%;max-width: 1024px;padding-left: 10px;padding-right: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #news #content #archives{right: 13px;} /*--------- products page ------------*/ #products #top .right img{max-width: 100%} #products.detail #content .container{width: 1000px;} #products.detail #overview #info{width: 625px;} #products.detail #overview #gallery .cycle-prev{left: -9px;} #products.detail #overview #gallery .cycle-next{right: -9px;} /*--------- where-to-buy page ------------*/ #where #content{min-width: inherit} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link{padding: 0 35px 0 10px;background-position: calc(100% - 6px) !important;} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link.active{padding: 0 32px 0 8px;} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link ul.quickmenu_sub{padding: 20px 10px 5px 10px;min-width: 223px} #where #shop_quickmenu ul#quickmenu_main li.quickmenu_main_link:last-child ul.quickmenu_sub{right: -4px;left: initial} /*--------- compare page ------------*/ #products.compare #content .container{width: 100%;max-width: 1054px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 20px;padding-right: 20px;} #support.revised aside nav ul li a.nav_link, #support.revised aside nav ul li a.nav_link_direct {width: 100%;} } /* 4. Other media-query ------------------------------------------------*/ @media (max-width:480px){ /*--------- where-to-buy page ------------*/ #where #stores .store{width: 100% ;height: auto !important;margin-right:0;} /*--------- products page ------------*/ #products #blocks .product{width: 100% !important;height: auto !important;} #raid #raid_top .left table td label{display: block !important;width: 98% !important;} #raid #raid_top .left{padding-top: 15px;} /*--------- about page ------------*/ .internal.fsidenav main #product_feed .product {width: 100%;border-right: 0;padding: 13px;height: initial !important;} .internal.fsidenav main #product_feed .product.last{width: 100%;border-right: 0 !important;} /*--------- resources page ------------*/ #resources main #body #resources_info .left h4 span{display: block;padding:8px 0;} #news.detail #content .social span{width: 45px;} } /* Tablet portrait ------------------------------------------------*/ @media (min-width:768px) and (max-width:1024px) and (orientation : portrait) { /*--------- home page ------------*/ #home #content .body_block{float: none} #home #content #hero{width: 100%;height: calc(100vh - 78px);position: relative;} #home #content #content_block{width: 100%;margin: 0;} #home #wrapper{margin-bottom: 0;min-height: initial !important;height: initial !important;padding-bottom: 0;} /*--------- blog page ------------*/ #news #content .news{width: 100%;} #news #content .news .text .inner{height: 198px;} /*--------- news page ------------*/ #news.detail #news_feed .news{width: 100%;} #news.detail #content main #body p img{float: none !important} /*--------- partners page ------------*/ #partners #form .dfinput_names .name_first, #partners #form .dfinput_names .name_last{width: 100%;} #partners #form .dfinput_names .name_last{margin-top: 10px;} #partners .dform_container .dfinput_left.address_city, #partners .dform_container .dfinput_right.address_state, #partners .dform_container .dfinput_left.address_zip, #partners .dform_container .dfinput_right.address_country{width: 100%;} #partners .dform_container .dfinput_left.address_city{margin-top: 0;} #partners .dform_container .dfinput_right.address_state{margin-top: 31px;} #partners .dform_container .dfinput_left.address_zip{margin-bottom: 19px !important;} /*--------- support page ------------*/ #support.knowledge #search .selectWrap{width: 100%;;padding: 0;} #support.knowledge .searchForm{width: 100%;margin-bottom: 10px;padding: 0;} #support .over-scroll {overflow-x: auto;-webkit-overflow-scrolling: touch;} #scope-of-support table{min-width: 600px;white-space: nowrap} #scope-of-support table *{white-space: normal} /*--------- about page ------------*/ .internal.fsidenav main #product_feed .product{width: 50%;} .internal.fsidenav main #product_feed .product.last{width: 50%;border-right: 1px solid #c2c2c2 !important} /*--------- products page ------------*/ #products.detail #product_select_scroll .item .first{width: 100% !important;} #products.detail #product_select_scroll .item .last{width: calc(100% - 120px) !important} /* footer */ footer #footer_main #footer_main_mid{top: 0;} #support.revised aside nav ul li a.nav_link, #support.revised aside nav ul li a.nav_link_direct {width: 100%;} #support.revised #survey {width: 30%;} } @media (max-width:1350px) { #home main .row .product .image img {max-width: 90%;} } @media (max-width:960px) { #support.revised aside {width: calc(53% - 21px) !important; max-width: 50% !important; position: relative; float: left; border-top: 1px solid #c2c2c2; border-left: none !important; border-right: 1px solid #c2c2c2;} #support.revised aside nav ul li a.nav_link, #support.revised aside nav ul li a.nav_link_direct {width: 100%;} #support.revised main {min-width: 100%; max-width: 100%; margin: auto; padding: 0;} } @media (max-width:860px) { #header_menu_products {right: -475px !important;} } /* mobile landscape ------------------------------------------------*/ @media (max-width:767px) and (orientation : landscape) { #mobile-navbar ul ul{max-height: 150px;} } @media (min-width:768px) and (max-width:1023px){ /*--------- blog page ------------*/ #news.detail #news_feed .news{width: 100%;} #news #content .news{width: 100%;} #news #content .news .text .inner{height: 198px;} footer #footer_main #footer_main_mid{margin-left: -60px;} #partners .dform_container .dfinput_left.address_city, #partners .dform_container .dfinput_right.address_state, #partners .dform_container .dfinput_left.address_zip, #partners .dform_container .dfinput_right.address_country{width: 100%;} #products.detail #product_select_scroll .item .last ul li{width:150px;} } @media (max-width:768px) { #support main {width: 100% !important; padding: 30px 15px;} #support aside {width: 100% !important; border-top: 1px solid #c2c2c2; float: none; position: relative; border-right: none;} #support #survey input[type=submit] {margin-bottom: 20px;} } @media (max-width:767px) { #support #survey, #support main {width: calc(100% - 30px) !important;padding: 20px 15px;} #products.detail #product_select_scroll .item .last ul li{ width:150px; } #products #subnav {display: inline-block;} #products #top .left {margin-top:0px;} #news #content .news.no_img .text .info {width: calc(100% - -1px);} } @media (max-width:550px) { #products.detail #tabs table {width:calc(100% - 10px) !important;margin:10px 5px;} #products.detail #tab-overview.tabs_editor .row .column img {float: none !important;} #products.detail #tabs table td, #products.detail #tabs .tabs_editor .column td p {font-size: 12px; line-height: 15px; padding: 5px;} #support.revised aside {width: 100% !important; max-width: 100% !important; border: none; border-top: 1px solid #c2c2c2; float: none;} #support.revised #survey {width: calc(100% - 40px) !important;} }