/* Titan CMS base 6.0 */ @import 'blocks.css'; /* ========================================================================================== RESETS */ .titanBody,div,/*img,*/h1,h2,h3,h4,h5,h6 {margin:0;padding:0;} .titanBody p,.titanBody blockquote, .mainBody p,.mainBody blockquote, .Freeform p,.Freeform blockquote,.Freeform ol,.Freeform ul,.Freeform dl, .FAQ p,.FAQ blockquote,.FAQ ol,.FAQ ul,.FAQ dl,.FAQ dl,.FAQ .ToTop, .FormEditor p,.FormEditor blockquote,.FormEditor ol,.FormEditor ul,.FormEditor dl {margin-bottom:12px;margin-top:0;padding-top:0;padding-bottom:0;} .titanBody fieldset,.mainBody fieldset, .Freeform fieldset,.DisplaySideUpload fieldset,.EventUpload fieldset,.Aggregation fieldset,.Calendar fieldset,.Product fieldset {border:0;margin:0;padding:0;}/* don't remove these attributes, can add attributes/change values */ .Aggregation,.Calendar,.Commenting,.DisplaySideUpload,.EventUpload,.FAQ,.Freeform,.FormEditor,.PhotoBlock,.Product,.SearchResults,.SegmentedSearch,.SiteMap,.TOCBlock,.WhatsNew {clear:both;margin-bottom:10px;} /* section for backgrounds and borders when child floats - this hits most containers, you may need to adjust according to your design */ #mainBody,/*#pageTopArea,#topNavContainer,#topContentContainer,*/#contentArea, #leftContentContainer,#contentNavContainer,#leftZone,#contentContainer,#toolContainer, #centerZone,#rightZone,#bottomNavContainer,#bottomNavContainer,div.SegmentedSearch{overflow:hidden;} /* ========================================================================================== Text Editor Drop Downs */ /* base classes for all templates - used on images */ .float_Left{float:left;margin:0 20px 0 0;} .float_Right{float:right;margin:0 0 0 20px;} .float_Left_Icon_Shadow{float:left;margin:0 20px 0 0;padding-bottom:8px;} .float_Left_Small_Shadow{float:left;margin:0 20px 0 0;padding-bottom:8px;} .float_Left_Medium_Shadow{float:left;margin:0 20px 0 0;padding-bottom:17px;} .float_Left_Large_Shadow{float:left;margin:0 20px 0 0;padding-bottom:18px;margin-bottom:10px;} .float_Right_Icon_Shadow{float:right;margin:0 0 0 20px;padding-bottom:8px;} .float_Right_Small_Shadow{float:right;margin:0 0 0 20px;padding-bottom:8px;} .float_Right_Medium_Shadow{float:right;margin:0 0 0 20px;padding-bottom:17px;} .float_Right_Large_Shadow{float:right;margin:0 0 0 20px;padding-bottom:18px;} .testimonial_name{font-size:12px;line-height:13px;} /* Widths are different from center and side zones */ a .blue_Button, .blue_Button a{bottom:0px;padding:4px 5% 6px 5%;margin-top:5px;display:block;text-align:center;width:90%;display:block;max-width:270px;} #landingNavigation a .blue_Button, #landingNavigation .blue_Button a{width:80%;margin-left:5%;margin-right:5%;} .blue_Gradient_Button{height:24px;display:block;float:left;} .blue_Gradient_Button a{height:24px;padding:7px 18px 8px 18px;margin-right:10px;} #mainBody .blue_Button a{} /* ========================================================================================== block names */ .third_wrapper{padding-bottom:17px;overflow:hidden;float:left;width:31%;margin:0% 1.15% 35px 1.15%;} .round_corners_third{padding:8px;position:relative;overflow:hidden;float:left;clear:none;margin-bottom:0px;} .round_corners_third img{position:absolute;left:0;top:0px;} .round_corners_third p{margin-left:95px;margin-bottom:0px;} .half_wrapper{padding-bottom:17px;overflow:hidden;float:left;margin:0% 1.15% 0px 1.15%;width:47.5%;} .round_corners_half{padding:15px 15px 5px 15px;-moz-border-radius:5px;border-radius:5px;position:relative;overflow:hidden;float:left;clear:none;margin-bottom:0px;} /* stops from background repeating twice if a pageshare is sharing pageshares */ #mainBody #rightZone .double_Page_Share{background:none;} #mainBody #rightZone .double_Page_Share .SharePageInner{background:none;padding:0px;border:none;} #mainBody #rightZone .double_Page_Share .SharePageInner .SharePage{background:url('images/VollrathImages/Shadow_Medium.png') no-repeat center bottom;} #mainBody #rightZone .double_Page_Share .SharePageInner .SharePage .SharePageInner{padding:15px;border:1px solid #ccc;background:#fff;border-top:5px solid #017bc8;} .white_Box{} .white_Box table{padding:40px 30px 30px 40px;} .white_Box table tr td{vertical-align:top;} /* ========================================================================================== miscellaneous styling */ #mainBody div.Freeform ul li ul, #mainBody div.Freeform ol li ol{margin-bottom:3px;} /* ========================================================================================== PAGE LAYOUT */ #Brand_Switcher{height:37px;width:100%;position:relative;z-index:950;} #Brand_Switcher_Container{width:960px;margin-left:auto;margin-right:auto;position:relative;} #Vollrath_Brands{height:37px;overflow:hidden;float:left;} #Vollrath_Brands ul{padding:0px;margin:0px;} #Vollrath_Brands ul li{float:left;display:block;height:37px;} #Vollrath_Brands ul li a{float:left;display:block;height:22px;padding:6px 12px 9px 12px;text-shadow: 1px 1px 1px #ccc;} #Vollrath_Brands ul li a:hover{color:#017AC8;} /* Region Switcher */ #regionSwitcher{float:right;padding:8px 15px 5px 10px;position:absolute;right:90px;width:120px;} #regionSwitcher ul{margin-top:0px;margin-bottom:0px;padding-left:0px;} #regionSwitcher ul li{list-style:none;padding-left:10px;float:left;clear:both;margin-bottom:5px;} #regionSwitcher ul div.availableRegions{float:left;border-top:1px dotted #333;width:100%;padding-top:10px;margin-top:5px;display:none;} #regionSwitcher ul li.activeRegion{list-style:none;background:url('images/VollrathImages/Region_Switcher_Arrow.png') no-repeat 3px 2px;} #regionSwitcher ul li span{font-family:'Proxima N W15 Bold';font-size:12px;color:#222;float:left;margin-left:5px;} #regionSwitcher ul li span.US{width:16px;height:11px;display:block;float:left;background:url('images/VollrathImages/Region_Switcher_Flags.png') no-repeat left 0px;margin-top:1px;} #regionSwitcher ul li span.Canada{width:16px;height:11px;display:block;float:left;background:url('images/VollrathImages/Region_Switcher_Flags.png') no-repeat left -11px;margin-top:1px;} #regionSwitcher ul li span.China{width:16px;height:11px;display:block;float:left;background:url('images/VollrathImages/Region_Switcher_Flags.png') no-repeat left -22px;margin-top:1px;} #regionSwitcher ul li span.Europe{width:16px;height:11px;display:block;float:left;background:url('images/VollrathImages/Region_Switcher_Flags.png') no-repeat left -33px;margin-top:1px;} #regionSwitcher ul li span.Mexico{width:16px;height:11px;display:block;float:left;background:url('images/VollrathImages/Region_Switcher_Flags.png') no-repeat left -44px;margin-top:1px;} #regionSwitcher ul li span.pricingText{margin-left:3px;display:block;} #regionSwitcher ul li.nonActiveRegion{margin-left:0px;} #regionSwitcher ul li.nonActiveRegion .pricingText{display:none;} /* Region Switcher Hovers*/ #regionSwitcher:hover{background:#fff;box-shadow: 0 0 5px #333;} #regionSwitcher ul li span:hover{cursor:pointer;color:#333;} #regionSwitcher:hover ul div.availableRegions{display:block;} #regionSwitcher:hover ul li.activeRegion{list-style:none;background:url('images/VollrathImages/Region_Switcher_Arrow_Hover.png') no-repeat left 3px;} /* Phase 2 Styling Below - take off display none for language selector and cart */ #Wish_List{display:block;height:37px;float:right;position:relative;} #Wish_List:hover a{background:#fff;color:#017AC8;box-shadow:0px -4px 5px 0px #333;} #Wish_List:hover div#wishListDropdown a{background:none;color:#017AC8;box-shadow:none;} #Wish_List select{float:left;margin-top:5px;padding:1px;font-size:12px;width:140px;} #Wish_List ul{float:right;margin:0px;padding:0px;} #Wish_List ul li{float:left;height:37px;display:none;} #Wish_List ul li + li{display:block;} #Wish_List ul li span{display:inline;} #Wish_List ul li a{display:block;float:left;padding:8px 11px 8px 11px;font-size:12px;position:relative;z-index:999;} #Wish_List ul li a:hover{} /* Wish List Container */ #Wish_List select{position:relative;z-index:10;width:128px !important;height:18px !important;line-height:18px;display:none;} #Wish_List span{display:none;} #Wish_List span.select{position:absolute;bottom:0;float:left;top:5px;left:0;width:128px;height:18px;line-height:18px;text-indent:10px;z-index:1;font-size:11px;} /* Wish List Dropdown Menu */ #wishList:hover #wishListDropdown{display:block;} #wishListDropdown{position:absolute;top:30px;z-index:989;width:370px;right:-5px;background:#fff;margin:0px 5px 5px 5px;box-shadow:0 0 5px #333;display:none;} #wishListDropdown #productWrapper{max-height:400px;overflow-y:scroll;width:370px;} #wishListDropdown .product{float:left;clear:both;padding:10px;border-bottom:1px solid #CCC;width:330px;position:relative;} #wishListDropdown .product div.img{width:100px;height:80px;float:left;text-align:center;} #wishListDropdown .product div.img a{padding:0px;width:80px;height:100px;text-align:center;} #wishListDropdown .product div.img a img{max-height:100px;max-width:80px;border:none;} #wishListDropdown .productInfo{float:left;width:230px;} #wishListDropdown .productInfo a{display:block;float:left;padding:0px;color:#017AC8;font-size:13px;margin-bottom:5px;width:200px;} #wishListDropdown .productInfo a:hover{color:#333;} #wishListDropdown .productInfo div.itemNumberContainer{float:left;clear:both;} #wishListDropdown .productInfo span.label{float:left;font-family:'Proxima N W15 Bold';margin-right:10px;} #wishListDropdown .productInfo span.value{float:left;} #wishListDropdown .productInfo div.remove{width:15px;height:15px;display:block;background:red;position:absolute;right:5px;background:url('/ClientCSS/images/VollrathImages/Remove_Item.png') no-repeat 0px 0px;} #wishListDropdown .productInfo div.remove:hover{background:blue;cursor:pointer;background:url('/ClientCSS/images/VollrathImages/Remove_Item.png') no-repeat -15px 0px;} #wishListDropdown #viewBar{background:#DEDBDB;display:block;float:left;width:370px;} #wishListDropdown #viewBar a{display:block;float:left;margin-right:10px;color:#017AC8;font-size:13px;} #wishListDropdown #viewBar a + a{float:right;} #wishListDropdown #viewBar a:hover{color:#333;} #mainBody, #bottomContainer{margin:0 auto;width:960px;} #pageTopArea{height:131px;position:relative;z-index:900;} #pageTopAreaWrapper{height:98px;width:960px;margin-left:auto;margin-right:auto;position:relative;} #logoControlContainer{float:left;height:65px;overflow:hidden;padding-top:10px;width:182px;} #logoControlContainer a{} #logoControlContainer a img{} #utilityNavContainer{float:right;margin-top:10px;width:725px;} #utilityNavContainer ul{margin:0;padding:0;} #utilityNavContainer ul li{display:inline;position:relative;} #utilityNavContainer ul li.navFirst:hover ul#Customers{display:block;} #utilityNavContainer ul li ul#Customers{display:none;position:absolute;left:0px;width:200px;padding-bottom:5px;top:21px;} #utilityNavContainer ul li ul#Customers li{text-align:left;float:left;clear:both;line-height:16px;} #utilityNavContainer ul li span{padding:0px 2px 0px 6px;} #utilityNavContainer ul li.navFirst span{margin-left:13px;} #utilityNavContainer ul li.navFirst{padding:5px 0px 2px 0px;margin-right:0px;} #utilityNavContainer ul li.navLast{} #utilityNavContainer ul li a{} #searchBarContainer{float:right;width:220px;margin-top:5px;} .productSearchBarContainer{float:right;height:22px;width:205px;position:relative;z-index:999;} #searchBarContainer .type{float:left;left:0px;top:0px;} #searchBarContainer .type:hover div{display:block;} #searchBarContainer .type div{padding:0px;float:left;margin-bottom:5px;margin-left:0px;margin-right:7px;position:relative;} #searchBarContainer .type div.last{margin-right:0px;} #searchBarContainer .type div input{position:absolute;left:0px;top:0px;margin:0px;padding:0px;} #searchBarContainer .type div label{color:#999;font-size:12px;float:left;padding-left:15px;line-height:14px;} #searchBarContainer .type div label:hover{color:#fff;cursor:pointer;} #searchBarContainer .type div.selected label{color:#fff;} .searchWrapper{float:right;clear:both;background:#fff;border-radius:3px;overflow:hidden;width:220px;} #searchBarContainer input#searchTerms{height:14px;padding:3px 3px;width:182px;font-size:12px;float:left;clear:both;} #.productSearchBarContainer input.productSearchTerms{height:14px;padding:3px 3px;width:173px;font-size:12px;} #searchBarContainer input#searchGo{border:0;cursor:pointer;width:22px;height:22px;display:block;float:right;padding:5px;} .productSearchBarContainer input.productSearchGo{border:0;cursor:pointer;width:22px;height:22px;display:block;float:right;padding:5px;position:absolute;top:0px;right:0px;} #topNavContainer{clear:both;width:100%;float:left;position:relative;z-index:999;} #topNavContainer ul{float:left;margin:0;padding:0;overflow:visible;margin-top:15px;} #topNavContainer ul li{float:left;overflow:visible;display:block;margin:0px;padding:0px;position:relative;} #topNavContainer ul li:hover div{display:block;} #topNavContainer ul li a{float:left;padding:8px 8px 14px 8px;overflow:hidden;display:block;position:relative;z-index:999;float:left;letter-spacing:normal;} #topNavContainer ul li.navFirst a{} /* ========================================================================================== Dropdown Menus */ #dropDownMenus{display:none;} #productsDropDown, #resourcesDropDown, #partsDropDown, #aboutDropDown{margin-top:5px;overflow:hidden;display:none;position:absolute;top:35px;left:-6px;z-index:900;} #contactDropDown{margin-top:5px;overflow:hidden;display:none;position:absolute;top:35px;right:-237px;z-index:900;} #productsDropDownInner, #resourcesDropDownInner, #partsDropDownInner, #aboutDropDownInner, #contactDropDownInner{margin:0px 5px 5px 5px;overflow:hidden;} #productsDropDown{width:880px;left:-5px;} #aboutDropDown{width:275px;} #productsDropDown .left{width:600px;float:left;margin-bottom:0px;padding:0px 15px 15px 15px;} #productsDropDown .left table{} #productsDropDown .left table tr{height:150px;} #productsDropDown .left table tr td{vertical-align:bottom;width:150px;position:relative;height:150px;text-align:center;} #productsDropDown .left table tr td p{overflow:hidden;margin-bottom:0px;} #productsDropDown .left table tr td p a{padding:0px;overflow:hidden;width:100%;} #productsDropDown .left table tr td p a img{text-align:center;max-width:150px;max-height:120px;vertical-align:bottom;} #productsDropDown .left table tr td h4{float:left;position:relative;top:0px;height:30px;width:100%;} #productsDropDown .left table tr td h4 a{text-align:center;padding:0px;width:100%;} #productsDropDown .left table tr td h4 a:hover{} #productsDropDown .right{width:205px;float:left;clear:none;margin-bottom:0px;padding:10px 16px 10px 17px;} #productsDropDown .right h4{color:#d80000;margin-bottom:8px;} #productsDropDown .right span.blue_button a{height:16px;padding:4px 8px 6px 8px;} #partsDropDown .searchBox, #productsDropDown .searchBox{width:205px;float:right;clear:none;margin-bottom:0px;padding:10px 16px 25px 17px;position:absolute;right:5px;bottom:5px;} #topNavContainer #partsDropDown .right{width:238px;float:left;clear:none;padding-bottom:111px;} #partsDropDown{width:525px;} #contactDropDown{width:460px;} #topNavContainer #partsDropDown .left{width:277px;float:left;margin-bottom:0px;} #topNavContainer #contactDropDown .left, #topNavContainer #resourcesDropDown .left{width:225px;float:left;margin-bottom:0px;} #topNavContainer #contactDropDown .left ul, #topNavContainer #partsDropDown .left ul, #topNavContainer #resourcesDropDown .left ul, #topNavContainer #aboutDropDown .left ul{margin:0px;padding:10px 0px 0px 0px;width:100%;} #topNavContainer #contactDropDown .left ul li, #topNavContainer #partsDropDown .left ul li, #topNavContainer #resourcesDropDown .left ul li, #topNavContainer #aboutDropDown .left ul li{clear:both;border:none;display:block;width:100%;} #topNavContainer #contactDropDown .left ul li a, #topNavContainer #partsDropDown .left ul li a, #topNavContainer #resourcesDropDown .left ul li a, #topNavContainer #aboutDropDown .left ul li a{display:block;padding:5px 18px 5px 18px;} #topNavContainer #contactDropDown .left ul li a:hover, #topNavContainer #partsDropDown .left ul li a:hover, #topNavContainer #resourcesDropDown .left ul li a:hover, #topNavContainer #aboutDropDown .left ul li a:hover{} #topNavContainer #contactDropDown .right, #topNavContainer #aboutDropDown .right{width:225px;float:left;clear:none;margin-bottom:0px;} #topNavContainer #contactDropDown .right table, #topNavContainer #partsDropDown .right table, #topNavContainer #resourcesDropDown .right table, #topNavContainer #aboutDropDown .right table{width:100%;} #topNavContainer #contactDropDown .right table tr td, #topNavContainer #partsDropDown .right table tr td, #topNavContainer #aboutDropDown .right table tr td{padding:10px;} #topNavContainer #contactDropDown .right table tr td.last, #topNavContainer #partsDropDown .right table tr td.last, #topNavContainer #aboutDropDown .right table tr td.last{padding:0px;} #topNavContainer #contactDropDown .right table tr td a, #topNavContainer #partsDropDown .right table tr td a, #topNavContainer #aboutDropDown .right table tr td a{padding:0px;} #topNavContainer #contactDropDown .right table tr td a:hover, #topNavContainer #partsDropDown .right table tr td a:hover, #topNavContainer #aboutDropDown .right table tr td a:hover{} #dropDownMenus #productsDropDown{} #contentArea{clear:both;margin-top:1px;padding:5px 0 20px 0;} #leftContentContainer{float:left;width:275px;padding:0px 7px 7px 0px;} #contentNavContainer{}/* look for separate section CONTENT NAV - left column secoondary nav */ #leftZone{} #pageBottomArea{overflow:hidden;clear:both;padding-top:0px;position:relative;z-index:100;} #contentContainer{}/* breadcrumb, pagetools, centerzone, rightzone */ #toolContainer{margin-bottom:20px;margin-top:-2px;padding:7px 5px 5px 5px;} #breadCrumbContainer{float:left;margin-top:3px;} #breadCrumbContainer ul{margin:0;padding:0;} #breadCrumbContainer ul li{float:left;font-size:12px;} #breadCrumbContainer ul li a{} #breadCrumbContainer ul li span{padding:0 3px;} #share{float:right;padding-right:13px;position:relative;overflow:visible;margin-top:-1px;} #share div.shareText{padding-left:17px;} #share div.shareText p{margin-bottom:0;font-size:13px;} #share div.shareIcons{display:none;position:absolute;top:0px;left:-70px;z-index:1010;width:auto;padding-right:5px;} #share div.shareIcons p{padding:0px;margin:0;} #share:hover div.shareIcons{display:block;} #pageTools{float:right;} #pageTools ul{margin:0;padding:0;} #pageTools ul li{float:left;padding:1px 0 3px 0;} #pageTools ul li a{padding:2px 0 3px 20px;font-size:13px;} #pageTools ul li.email a{padding-right:15px;} /* go find segmented search and give same width values to the results and filter as for center and right zones */ #centerZone{float:left;padding-left:10px;padding-right:10px;width:470px;} #titleBarContainer{margin-bottom:10px;} #titleBarContainer h1{} #rightZone{} /* footer */ #footer{overflow:hidden;width:100%;min-height: 100px;} #bottomContainer{clear:both;margin-top:15px;margin-bottom:10px;padding:10px 0px 0px 0px;} #footer_content{} #footer_content h4{margin-bottom:12px;} #footer_content ul{margin-left:0px;padding-left:0px;} #footer_content ul li{margin-bottom:8px;} #footer_content ul li a{} #bottomNavContainer{text-align:right;margin-bottom:5px;display:none;} #bottomNavContainer ul{padding:0;margin:0;float:right;} #bottomNavContainer li{display:inline;} #bottomNavContainer li a{} #bottomNavContainer li span{margin:0 6px;} #contentFooter{clear:both;text-align:right;} #contentFooter .Freeform{float:left;width:300px;text-align:left;} #contentFooter ul{width:300px;float:right;padding:0px;margin:0px;text-align:right;} #contentFooter ul li{display:inline;float:left;text-align:right;float:right;margin-left:8px;} #contentFooter ul li.navFirst{border-left:1px solid #999;padding-left:8px;} #contentFooter ul li a{color:#ccc;} #contentFooter #footerText{width:220px;float:right;} #poweredBy{width:960px;margin-left:auto;margin-right:auto;padding:10px 0px 10px 0px;} #poweredBy a{} /* ========================================================================================== CONTENT NAV */ /* for base contentNavContainer is in the leftContentContainer */ #contentNavContainer{float:left;width:268px;margin-bottom:25px;} /* level 1 content nav */ #contentNavContainer ul{margin:0;padding:0;} #contentNavContainer ul li{} #contentNavContainer ul li.navFirst{} #contentNavContainer ul li.navLast{padding-bottom:0;} #contentNavContainer ul li a{display:block;padding:7px 0px 7px 0px;padding-left:20px;padding-right:20px;} /* level 2 and beyond content nav - will use level 1 if you don't write anything here */ #contentNavContainer li ul{margin:5px 0px 5px 0px;} #contentNavContainer li ul li{} #contentNavContainer li ul li.navLast a{padding-bottom:6px;} #contentNavContainer li ul li a{padding:3px 10px 3px 45px;} /* level 3 and beyond content nav - will use level 2 if you don't write anything here */ #contentNavContainer li ul li ul{} #contentNavContainer li ul li ul li{} #contentNavContainer li ul li ul li.navFirst{} #contentNavContainer li ul li ul li.navLast a{} #contentNavContainer li ul li ul li a{} /* ========================================================================================== CUSTOM LANDING NAV */ #topZoneWrapperShadow{padding-bottom:28px;float:left;overflow:hidden;} #topZoneWrapper{float:left;overflow:hidden;position:relative;width:960px;min-height:258px;z-index:1;} #landingNavigation{position:relative;z-index:500;width:270px;margin:20px 0px 20px 35px;overflow:hidden;} #landingNavigation .Freeform{margin-bottom:0px;} #mainBody #landingNavigation ul{margin:0px;padding:0px 0px 0px 0px;} #landingNavigation ul li{overflow:hidden;} #landingNavigation ul li span{float:left;display:block;width:100%;margin-top:5px;margin-bottom:5px;} #landingNavigation ul li span a{padding: 7px 5px 7px 20px;} #landingNavigation ul li a{display:block;padding:7px 5px 7px 20px;} #landingNavigation ul li a:hover{} #featuredImage{width:958px;overflow:hidden;position:absolute;top:0px;z-index:1;float:left;} #featuredImage div, #featuredImage p, #featuredImage a, #featuredImage img{padding:0px;margin:0px;overflow:hidden;float:left;} /* ========================================================================================== BLOCKS */ /* === Adding Border to Filter Block List along with extra padding*/ div.OneCol div, div.TwoCol div, div.ColOne div, div.ColTwo div, div.ColThree div, div.ColFour div, div.ColFive div, div.tocList div, div.SegmentedSearch div.loading div.message{padding-bottom:5px;} #centerZone div.OneCol div.otherStuff, #centerZone div.TwoCol div.otherStuff, #centerZone div.tocList div.otherStuff, #centerZone div.calendarItem div.otherStuff{border:none;} /* === OneCol & TwoCol blocks when using teaser Image (fitler, toc, what's new, product) === */ div.OneCol div.image a.teaserImage, div.TwoCol div.image a.teaserImage, div.tocList div.image a.teaserImage, div.Calendar div.image a.teaserImage{margin-right:20px;} /* === VERSION 2 FILTERS === */ /* fieldset and selections */ .DataFilter2, .AggregationFilter2{padding:10px 15px 20px 15px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;} .AggregationFilter2 .keyword .head{} .DataFilter2 h3, .AggregationFilter2 h3{margin-bottom:20px;} .AggregationResults .otherStuff h4 a{} .AggregationResults .OneCol .image a.teaserImage img{} div.DataList div.DataFilter2 fieldset .head h4, div.Aggregation div.AggregationFilter2 fieldset .head h4, div.Calendar div.CalendarFilter2 fieldset .head h4, div.Product div.ProductFilter2 fieldset .head h4, div.SegmentedSearch div.SegmentedSearchFilter2 .head h4{width:93%;} div.CenterZone div.AggregationFilter2 fieldset, div.CenterZone div.CalendarFilter2 fieldset, div.CenterZone div.accountFilter2 fieldset, div.CenterZone div.ProductFilter2 fieldset/*, div.CenterZone div.SegmentedSearchFilter2 fieldset*/{margin-right:15px;width:180px;} #mainBody div.Aggregation div.AggregationFilter2 fieldset.keyword input, #mainBody div.Calendar div.CalendarFilter2 fieldset.keyword input, #mainBody div.Product div.ProductFilter2 fieldset.keyword input{width:95%;} #mainBody div.SegmentedSearch div.SegmentedSearchFilter2 fieldset.keyword input{width:75%;} div.ProductFilter2 fieldset div.head, div.CalendarFilter2 fieldset div.head, div.AggregationFilter2 fieldset div.head, div.accountFilter2 fieldset div.head, div.SegmentedSearchFilter2 fieldset div.head, div.DataFilter2 fieldset div.head{padding: 0px 0px 2px 0px;} div.Aggregation div.AggregationFilter2 fieldset .inputs, div.Aggregation div.AggregationFilter2 fieldset .input, div.Calendar div.CalendarFilter2 fieldset .inputs, div.Calendar div.CalendarFilter2 fieldset .input, div.EventUpload div.accountFilter2 fieldset .inputs, div.DisplaySideUpload div.accountFilter2 fieldset .inputs, div.UserAccount div.accountFilter2 fieldset .inputs, div.Product div.ProductFilter2 fieldset .inputs, div.Product div.ProductFilter2 fieldset .input, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset .inputs, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset .input, div.DataList div.DataFilter2 fieldset .inputs, div.DataList div.DataFilter2 fieldset .input{padding: 5px 0 0 0px;} div.Aggregation div.AggregationFilter2 .inputs select, div.Calendar div.CalendarFilter2 .inputs select, div.Product div.ProductFilter2 .inputs select, div.DisplaySideUpload div.accountFilter2 .inputs select, div.EventUpload div.accountFilter2 .inputs select{width:98%;} div.SegmentedSearch div.SegmentedSearchFilter2 .inputs select{width:95%;} div.Aggregation div.AggregationFilter2 .inputs label, div.Calendar div.CalendarFilter2 .inputs label, div.EventUpload div.accountFilter2 .inputs label, div.DisplaySideUpload div.accountFilter2 .inputs label, div.UserAccount div.accountFilter2 .inputs label, div.Product div.ProductFilter2 .inputs label, div.SegmentedSearch div.SegmentedSearchFilter2 .inputs label{width:90%;} /* filter header */ div.Product div.ProductFilter2 fieldset div.head .reset, div.CalendarFilter2 fieldset div.head .reset, div.AggregationFilter2 fieldset div.head .reset, div.SegmentedSearchFilter2 fieldset div.head .reset{width:28px;display:none;} /* spacing between tags */ div.Aggregation div.AggregationFilter2 .inputs div, div.Calendar div.CalendarFilter2 .inputs div, div.EventUpload div.accountFilter2 .inputs span, div.DisplaySideUpload div.accountFilter2 .inputs span, div.UserAccount div.accountFilter2 .inputs span, div.Product div.ProductFilter2 .inputs div, div.SegmentedSearch div.SegmentedSearchFilter2 .inputs div, div.DataList div.DataFilter2 .inputs div{padding-top:1px;padding-bottom:1px;} /* === CALENDAR & EVENTS portion of SEGMENTED SEARCH === */ div.Calendar div.CalendarResults div.data label{width:90px;} div.SegmentedSearch div.SearchResults label{width:90px;} div.SegmentedSearch div.SearchResults span.hitCount label{width:50px;} /* === Photo Block Styling === */ div.PhotoBlock div.filmstrip{overflow:hidden;position:relative;} div.PhotoBlock div.filmstrip img{margin:0px;max-width:100%;margin:5px 5px 15px 5px;} div.PhotoBlock div.filmstrip div.leftArrow{position:absolute;margin-top:0px;visibility:visible !important;height:32px;width:59px;top:0px;left:0px;} div.PhotoBlock div.filmstrip div.webImages{width:100%;min-height:100%;} div.PhotoBlock div.filmstrip div.webImages p{padding:0 4px;} div.PhotoBlock div.filmstrip div.rightArrow{position:absolute;margin-top:0px;right:0px;height:32px;width:59px;visibility:visible !important;top:0px;right:0px;} div.PhotoBlock div.filmstrip h3{display:none;} div.PhotoBlock div.filmstrip div h3{display:block;text-align:center;padding:7px 0px 7px 0px;margin-bottom:15px;} div.PhotoBlock div.filmstrip div p{margin-bottom:15px;} div.PhotoBlock div.filmstrip div.thumbnails{margin-left:0px;height:auto;margin-top:10px;overflow:hidden;width:auto;} div.PhotoBlock div.filmstrip div.thumbnails img{margin:6px;width:80px;height:80px;float:left;max-width:none;} div.PhotoBlock div.filmstrip div.thumbnails img:hover{} /* === Calendar Block Styling === */ div.Calendar div.CalendarResults{padding:10px 15px 10px 15px;margin:5px;} div.Calendar div.CalendarResults div.image{overflow:hidden;} div.CalendarResults div.OneCol div{overflow:hidden;margin-top:15px;} div.CalendarResults div.OneCol div div.otherStuff{margin-top:0px;} #centerZone div.Calendar div.CalendarResults div.image div.otherStuff{padding-left:25px;} div.Calendar h4{font-size:15px;} div.Calendar div.CalendarResults div.CalendarResults{padding:0px;margin:0px;} div.Calendar div.CalendarResults ul.pagination{overflow:hidden;margin-top:0px;margin-bottom:25px;} div.Calendar div.CalendarResults span.noneFound{margin-top:20px;} div.Calendar div.CalendarResults ul.pagination li{display:block;} div.Calendar div.CalendarResults ul.pagination li a{} div.Calendar div.CalendarResults ul.pagination li a:hover{} div.Calendar div.CalendarResults ul.pagination li.prevButton{float:left;} div.Calendar div.CalendarResults ul.pagination li.prevButton a{float:left;padding:3px 0px 3px 35px;display:block;} div.Calendar div.CalendarResults ul.pagination li.prevButton span{display:none;} div.Calendar div.CalendarResults ul.pagination li.nextButton{float:right;} div.Calendar div.CalendarResults ul.pagination li.nextButton a{float:right;padding:3px 35px 3px 0px;display:block;} div.Calendar div.CalendarResults div.OneCol div.image a.teaserImage{margin-right:0px;} div.Calendar div.CalendarResults div.OneCol div.image a img{} div.Calendar div.calendarCallOut{margin:5px;padding-top:10px;} div.Calendar div.calendarCallOut table.calendar{width:100%;} div.Calendar div.calendarCallOut table.calendar thead{} div.Calendar div.calendarCallOut table.calendar thead tr.caption{padding-top:5px;} div.Calendar div.calendarCallOut table.calendar thead tr.caption th{padding-top:3px;padding-bottom:3px;} div.Calendar div.calendarCallOut table.calendar thead tr.caption th.arrow{} div.Calendar div.calendarCallOut table.calendar thead tr.caption th.monthHeader{} div.Calendar div.calendarCallOut table.calendar thead tr.caption th.last{} div.Calendar div.calendarCallOut table.calendar thead tr{} div.Calendar div.calendarCallOut table.calendar thead tr th{padding-top:6px;padding-bottom:6px;} div.Calendar div.calendarCallOut table.calendar tbody{width:100%;margin-top:15px;} div.Calendar div.calendarCallOut table.calendar tbody tr{} div.Calendar div.calendarCallOut table.calendar tbody tr td{padding:15px;} div.Calendar div.calendarCallOut table.calendar tbody tr td.otherMonth{} div.Calendar div.calendarCallOut table.calendar tbody tr td.hasEvent{} div.Calendar div.calendarCallOut table.calendar tbody tr td.selected{} div.Calendar div.calendarCallOut div.calendarNav{text-align:left;padding-left:15px;padding-top:15px;margin-top:0px;overflow:hidden;padding-bottom:15px;margin-bottom:0px;} div.Calendar div.calendarCallOut div.calendarNav span{padding:5px 10px 5px 10px;display:block;width:55px;float:left;margin-right:5px;text-align:center;} div.Calendar div.calendarCallOut div.calendarNav span:hover{} div.Calendar div.calendarCallOut div.calendarNav span.selected{} div.Calendar div.CalendarFilter2{margin:15px 15px 15px 15px;} /* === Calendar Block Styling === */ div.FAQ{} div.FAQ ul{padding:15px 25px 25px 25px;margin:5px 5px 40px 5px;overflow:hidden;} div.FAQ ul li{width:100%;float:left;margin-right:2%;padding:10px 0px 10px 0px} div.FAQ ul li a{} div.FAQ dl dt {} div.FAQ dl dd {} /* === Right Zone Page Share Styling === */ #rightZone{} #rightZone{} #leftZone .SharePage, #rightZone .SharePage{padding-bottom:17px;background:url('images/VollrathImages/Shadow_Medium.png') no-repeat center bottom;margin-bottom:10px;} #leftZone .SharePage .SharePageInner, #rightZone .SharePage .SharePageInner{padding:15px;border:1px solid #ccc;background:#fff;border-radius:5px;border-top:5px solid #017bc8;} #leftZone .SharePage h3, #rightZone .SharePage h3{font-size:14px;color:#333;margin-bottom:5px;} /* === Custom Filtering for Vollrath === */ #centerZone div.threeCol{background:#fff;border:1px solid #ccc;width:630px;padding:9px;overflow:hidden;} #centerZone div.threeCol .image{width:210px;height:225px;background:white;float:left;clear:none;overflow:hidden;position:relative;margin:0px;padding:0px;border:0px;} #centerZone div.threeCol .image a{bottom:60px;clear: both;float: left;overflow: hidden;position: absolute;text-align: center;width: 210px;margin:0px;padding:0px;} #centerZone div.threeCol .image a img{max-height:140px;max-width:140px;} #centerZone div.threeCol .image .otherStuff{width:210px;overflow:hidden;position:relative;top:165px;display:block;height:60px;background:white;padding:0px;} #centerZone div.threeCol .image .otherStuff h4{width:170px;overflow:hidden;display:block;margin-left:auto !important;margin-right:auto;} #centerZone div.threeCol .image .otherStuff h4 a{width:170px;text-transform:none;font-size:14px; bottom:auto;top:0px;margin-left:auto;margin-right:auto;line-height:15px;} #centerZone div.threeCol .image .otherStuff h4 a:hover{color:#333;} #centerZone div.Filter_Landing_Copy{background:#e5e5e5;border:none;padding:15px;overflow:hidden;margin:0px;} #centerZone div.Filter_Landing_Copy img{background:#fff;border:1px solid #CCC;} #centerZone div.Filter_Landing_Copy p{color:#000;} #centerZone div.Filter_Landing_Copy ul{margin:0px;} #centerZone div.Filter_Landing_Copy ul li{list-style:none;} #centerZone div.Filter_Landing_Copy ul li a{} /* === Collection Listing === */ div.collectionList{} div.collectionList a.reset{display:none;} div.collectionList div.items{padding-top:0px;} div.collectionList div.item{margin-bottom:0px;border-bottom: 1px solid #ccc !important;} span.listCollectionName{color: #017ac8;text-transform: none; font-family: "Proxima N W15 Bold";font-size: 16px;font-weight: normal;float:left;} span.listCollectionDescription{float:left;clear:both;} /* === Collection Detail === */ span.collectionName{display:none;} div.collectionImageList{margin-top:25px;overflow:hidden;} div.collectionResourceList{overflow:hidden;} div.collectionImageList ul, div.collectionResourceList ul{margin:0px;padding:0px;width:100%;float:left;} div.collectionImageList ul li, div.collectionResourceList ul li{list-style:none;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;float:left;clear:both;display:block;width:100%;} div.collectionResourceList ul li div.otherStuff, div.collectionImageList ul li div.otherStuff{float:left;border-bottom:0px;} span.imageListImage, span.resourceListImage{width:75px;margin-right:20px;display:block;float:left;text-align:center;} span.imageListImage img, span.resourceListImage img{max-width:75px;} span.imageListDisplayName{float:left;clear:both;font-family: "Proxima N W15 Bold";font-size: 16px;color:#333;margin-bottom:3px;} span.imageListFileName{float:left;clear:both;margin-bottom:3px;} span.imageListFileDownload{float:left;clear:both;} span.imageListFileDownload a{background:#017ac8;border-radius:3px;display:block;float:left;padding:5px 8px;color:#fff;margin-top:3px;} span.imageListFileDownload a:hover{background:#555;color:#fff;} /* === Media Listing === */ div.mediaList{} div.mediaList .items{padding-top:0px !important;} div.mediaList .item{margin-bottom:0px;padding-top:15px !important;padding-bottom:15px !important;border-bottom:1px solid #ccc !important;} div.mediaList a.reset{display:none;} div.mediaList .otherStuff{float:left;border-bottom:0px;margin-bottom:0px;} div.mediaList a.teaserImage{width:75px !important;margin-right:20px !important;display:block;float:left;text-align:center;margin-bottom:0px !important;} div.mediaList a.teaserImage img{max-width:75px;} /* === Custom Product Search Filter === */ span.filterBlockResultsOverview{color: #BC3A2C;font-size:21px;text-align:center;display:block;border-bottom:1px solid #ccc;padding-bottom:8px;} #centerZone .product_Search_Filter{padding:0px;} .tagBar{background:#f7f7f7;;padding:10px 15px 10px 15px;overflow:hidden;border:1px solid #ccc;} .tagBar .tagBarInfo{font-family:'Proxima N W15 Bold';margin-right:25px;float:left;margin-top:3px;} .tagBar .tagBarSelections{float:left;width:520px;} .tagBar .tagBarSelectedTag{color:#017AC8;font-family:'Proxima N W15 Bold';background:url('images/VollrathImages/Tag_Delete.png') no-repeat center right;padding-right:20px;margin:3px 20px 3px 3px;float:left;} .tagBar .tagBarSelectedTag .tagBarSelectedTagName{margin-right:5px;color:#333;} .tagBar .tagBarSelectedTag .tagBarSelectedTagValue{} .tagBar .tagBarSelectedTag:hover{cursor:pointer;background:url('images/VollrathImages/Tag_Delete_Hover.png') no-repeat center right;} .noneFound, .ErrorMessage{color:red;} /* === Organic Search Results === */ .organicSearchResults{} .organicSearchResults .footerTop{margin:10px 0px 10px 0px;} .organicSearchResults .paginationFooter{background:#f7f7f7;padding:5px 10px 5px 10px;border:1px solid #ccc;text-align:center;} .organicSearchResults .paginationFooter li{font-family:'Proxima N W15 Bold';} .organicSearchResults .footerBottom{margin:0px;} /* === Default Print Styling === */ @media print { #Brand_Switcher, #pageTopArea, #footer, #poweredBy, #centerZone #otherProductFamilyCarousels, #centerZone .testimonial, #centerZone #productNavigation, #centerZone .OptionsLinkContainer, #centerZone #productImageCarouselContainer, #centerZone #productContentContainer a#lnkContactSales, #centerZone #productContentContainer a#lnkAddToWishlist, #backButton, #centerZone .cursorshade, #centerZone .zoomtracker, #centerZone .zoomButton{display:none !important;} #centerZone #productContentContainer{box-shadow:none;width:100%;margin:0px;padding:0px;height:auto;} #centerZone #productImageContainer{width:30%;float:left;} #centerZone #productContent{width:50%;margin:0px;padding:0px;float:left;border:none;height:auto;} #centerZone #productInfoScrollContainer{height:auto;} #centerZone .mCSB_scrollTools{display:none;box-shadow:none;} #centerZone #productDetailsTabContainer{width:100%;max-width:100%;margin:0px;padding:0px;} #centerZone #productDetailsTabContainer ul li{display:block;box-shadow:none;margin:0px;padding:0px;width:auto;text-align:left;} #centerZone #productBulletContainer ul li{padding-left:0px;background:none;list-style:disc;margin-left:20px;} #centerZone #productDetailsTabContainer ul li + li{display:none;} #centerZone #specificationsTab{width:100%;padding:0px;margin:0px;box-shadow:none;} #centerZone #productImageContainer{box-shadow:none;margin:0px;padding:0px;height:auto;width:50%;float:right;} #centerZone #productDetailsContainer{width:50%;margin:0px;padding:0px;height:auto;float:left;} #centerZone #productDetailsTabContainer ul#productDetailTabs{box-shadow:none;display:none;} #centerZone #productDetailsTabContainer ul#productDetailTabs li{box-shadow:none;} #centerZone #productDetailsTabContainer ul#productDetailTabs li a{text-shadow:none;} #centerZone #specificationsTab, #centerZone #accessoriesTab{width:100%;margin:0px;padding:0px;display:block;} #centerZone #specificationsTab table thead tr td{width:15%;} #centerZone #specificationsTab table tbody tr td{width:15%;} #centerZone #specificationsTab table tbody tr td + td{} #centerZone #specificationsTab table tbody tr td + td + td + td + td + td + td{display:none;} #centerZone #specificationsTab, #centerZone #accessoriesTab, #centerZone #resourcesTab, #centerZone #partsAndServicesTab, #centerZone #cadRevitTab{box-shadow:none;width:100%;}} /* === Default Print Styling === */ @media print { #Brand_Switcher, #pageTopArea, #footer, #poweredBy{display:none !important;} .noPrint{display:none;}} .titanPrint .noPrint{display:none;} .titanPrint #titleBarContainer{margin:0px;padding-bottom:10px;padding-top:10px;width:100%;} .titanPrint #header_content{width:100%;} .titanPrint #header_content .Freeform{width:100%;margin:0px;padding:0px;} .titanPrint #mainBody{float:left;clear:both;} .titanPrint table, .titanPrint div{max-width:100%;float:left;clear:both;} .titanPrint .Freeform hr{margin:10px 0px 10px 0px;} .titanPrint img{max-width:300px;max-height:300px;} .titanPrint table td{font-size:11px;} .titanPrint h1{margin-bottom:0px;} .titanPrint #footer_content{padding-top:25px;} .titanPrint #header_content, .titanPrint #titleBarContainer, .titanPrint #mainBody, .titanPrint #footer_content{background:#fff;width:100%;} .titanPrint #footer_content .Freeform{width:100%;} .titanPrint #footer_content .Freeform table{width:100%;} .titanPrint img.printHeaderLine{height:1px;max-width:none;width:100%;margin-top:0px;padding-top:0px;float:left;} /* === Product Family Print Styling === */ .titanPrint{max-width:960px;margin-left:auto;margin-right:auto;background:#f7f7f7;} .titanPrint .DataDetail{width:100%;} .titanPrint .testimonial{display:none;} .titanPrint #productContentContainer{box-shadow:none;width:960px;margin:0px;padding:0px;height:auto;} .titanPrint #productImageContainer{width:50%;margin:0px;float:right;box-shadow:none;height:auto;} .titanPrint #productImageContainer img{float:right;} .titanPrint #productDetailsContainer, .titanPrint #productContent{float:left;width:50%;margin:0px;padding:0px;clear:none;border:none;height:auto;} .titanPrint #productDescription{width:100%;max-width:none;display:} .titanPrint #contentContainer a#ProductFamilyDetailAnchor{display:none;} .titanPrint #productContentContainer #productCertifications, .titanPrint #productContent #productCertifications{margin-top:10px;margin-bottom:10px;width:100%;} .titanPrint #productSymbols{width:100%;} .titanPrint #productBulletContainer{width:100%;} .titanPrint #productBulletContainer ul{width:100%;} .titanPrint #productBulletContainer ul li{padding-left:0px;background:none;list-style:disc;margin-left:20px;width:95%;} .titanPrint .mCustomScrollBox{width:100%;} .titanPrint .mCSB_container{width:100%;} .titanPrint #productContent .mCSB_container{margin:0px;} .titanPrint #productContent .mCSB_scrollTools{display:none;background:none;box-shadow:none;} .titanPrint #productContent .mCSB_draggerContainer{display:none;} .titanPrint #productDetailsTabContainer{margin-top:25px;width:100%;} .titanPrint #productDetailsTabContainer #specificationsTab{margin:0px;padding:0px;box-shadow:none;} /* === Product Detail Print Styling === */ .titanPrint #specificationsTab{width:100%;} .titanPrint #specificationsTab table td{width:20%} .titanPrint #specificationsTab table td + td{width:60%} .titanPrint #accessoriesTab{box-shadow:none;padding:0px;margin:25px 0px 0px 0px;} .titanPrint #productInfoScrollContainer{max-height:none;margin-top:10px;width:100%;height:auto;background:none;} .titanPrint #productOverview{width:100%} .titanPrint #productOverview h3{margin-top:0px;} .titanPrint #accessoriesTab{width:100%;} .titanPrint #accessoriesTab table{} .titanPrint #accessoriesTab table thead{} .titanPrint #accessoriesTab table tbody{} .titanPrint #accessoriesTab table tr{} .titanPrint #accessoriesTab table tr td{width:20%;} .titanPrint #accessoriesTab table tr td + td{width:30%;} /* === Segmented Search === */ div.SegmentedSearch div.SegmentedSearchFilter2{float:left;background:#fff;padding:10px;} div.SegmentedSearch div.SearchResults{float:right;background:#fff;padding:10px;} /* === Resource Library Data Results === */ #centerZone .DataListResourceResults .image{padding-top:0px;margin-bottom:10px;} #centerZone .DataListResourceResults .image img{max-width:20px;max-height:20px;float:left;} #centerZone .DataListResourceResults .otherStuff{float:left;padding-left:10px;} /* === LID SAVER CUSTOM APP === */ .lidSaverTabs{width:100%;float:left;border:1px solid #ccc;box-sizing:border-box;border-radius:5px;} .lidSaverTabs:after{clear:both;content: ".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;} .lidSaverTabs ul{width:100%;float:left;margin:0px !important;padding:0px;} .lidSaverTabs ul li{width:20%;float:left;list-style:none;text-align:center;background:#fff;box-sizing:border-box;position:relative;border-right:1px solid #ccc;padding:10px 0px;} .lidSaverTabs ul li:last-child{border-right:0px;} .lidSaverTabs ul li:hover{} .lidSaverTabs ul li.selected{background:#e1e1e1;} .lidSaverTabs ul li span{width:100%;display:block;} .lidSaverTabs ul li span.number{font-size:24px;line-height:30px;font-family:"Proxima N W15 Bold";} .lidSaverTabs ul li span.text{} .lidSaverTabs ul li span.arrow{background:url('images/VollrathImages/lidSaverArrow.png');display:none;position:absolute;bottom:-14px;width:29px;height:14px;left:50%;margin-left:-15px;} .lidSaverTabs ul li.selected span.arrow{display:block !important;} .lidSaverContainer{border-top:1px solid #999;border-bottom:1px solid #999;padding:25px 0px;margin-top:10px;float:left;width:100%;} .lidSaverContainerStep1{border-top:0px;} .lidSaverContainer .stepHeader{text-align:center;} .lidSaverContainer .stepHeader h2{color:#bc3a2c;font-family:"Proxima N W15 Reg";font-size:23px;line-height:23px;} .lidSaverSelections{float:left;width:100%;margin:10px 0px 0px 0px;} .lidSaverSelections ul{margin:0px !important;padding:0px;} .lidSaverSelections ul li{list-style:none;} .lidSaverSelections ul li span{} .lidSaverSelections ul li span.label{font-family:"Proxima N W15 Bold";margin-right:5px;} .lidSaverSelections ul li span.selection{} .stepContainer{float:left;width:100%;margin-top:15px;} .lidSaverContainerStep1 #regionName{width:50%;box-sizing:border-box;padding:10px;margin-left:25%;} /* === REGION STEP 1 === */ .regionContainer{} .regionContainer ul{margin:0px 0px 0px 20% !important;} .regionContainer ul li{list-style:none;width:35%;margin:0px 5px 10px 5px;background:#fff;border:1px solid #ccc;padding:8px;border-radius:5px;box-sizing:border-box;float:left;font-size:16px;} .regionContainer ul li:hover{cursor:pointer;background:#e1e1e1;} .regionContainer ul li.selected{background:#e1e1e1;} .regionContainer ul li input{} .regionContainer ul li span.option{} /* === DISPENSER TYPE STEP 2 === */ .dispenserTypeContainer{} .dispenserContainer{width:30%;float:left;margin-left:1.5%;margin-right:1.5%;margin-bottom:25px;} .cabinetDispenser{} .dispenserContainer div{position:relative;margin-bottom:10px;} .dispenserContainer div h4{position:absolute;width:100%;z-index:5;text-align:center;color:#fff;bottom:10px;padding-left:5px;padding-right:5px;box-sizing:border-box;} .dispenserContainer div img{max-width:100%;border-radius:5px;} .dispenserContainer ul{margin:0px !important;padding:0px;} .dispenserContainer ul li{list-style:none;width:47.5%;margin:0px;background:#fff;border:1px solid #ccc;padding:8px;border-radius:5px;box-sizing:border-box;float:left;font-size:16px;} .dispenserContainer ul li + li{float:right;} .dispenserContainer ul li:hover{cursor:pointer;background:#e1e1e1;} .dispenserContainer ul li.selected{background:#e1e1e1;} .dispenserContainer ul li input{margin-left:0px;} .dispenserContainer ul li .option{width:100%;} /* === LAYOUT STEP 3 === */ .dispenserLayout{position:relative;height:275px;margin-bottom:100px;} .lidSaverContainer .onlyOne{height:150px;margin-bottom:0px;} .onlyOne .layoutContainer1{width:25% !important;left:40%;} .dispenserLayout ul{margin:0px !important;padding:0px;} .dispenserLayout ul li{list-style:none;margin:0px 0px 5px 0px;background:#fff;border:1px solid #ccc;padding:8px;border-radius:5px;box-sizing:border-box;float:left;font-size:16px;width:100%;} .dispenserLayout ul li:hover{cursor:pointer;background:#e1e1e1;} .dispenserLayout ul li.selected{background:#e1e1e1;} .dispenserLayout ul li input{margin-left:0px;} .dispenserLayout ul li .option{width:100%;} .dispenserLayout .squareContainer{margin-bottom:10px;overflow:hidden;} .dispenserLayout .squareContainer span{display:block;width:50px;height:50px;background:#fff;border-radius:4px;border:2px solid #ccc;box-sizing:border-box;margin-top:5px;} .dispenserLayout .squareContainer span.selectedSquare{border:2px solid #017ac8;} .dispenserLayout .layoutContainer1{width:15%;float:left;position:absolute;bottom:0px;} .dispenserLayout .layoutContainer1 .squareContainer{width:50px;margin-left:auto;margin-right:auto;} .dispenserLayout .layoutContainer2{width:20%;float:left;position:absolute;bottom:0px;left:17.5%;} .dispenserLayout .layoutContainer2 .squareContainer{width:112px;margin-left:auto;margin-right:auto;} .dispenserLayout .layoutContainer2 .squareContainer span{float:left;margin-left:3px;margin-right:3px;} .dispenserLayout .layoutContainer3{width:20%;float:left;position:absolute;bottom:0px;left:40%;bottom:-88px;} .dispenserLayout .layoutContainer3Special{bottom:-43px;} .dispenserLayout .layoutContainer3 .squareContainer{width:50px;margin-left:auto;margin-right:auto;} .dispenserLayout .layoutContainer4{width:37.5%;float:left;position:absolute;bottom:0px;left:62.5%;bottom:-88px;} .dispenserLayout .layoutContainer4 .squareContainer{width:224px;margin-left:auto;margin-right:auto;} .dispenserLayout .layoutContainer4 .squareContainer span{float:left;margin-left:3px;margin-right:3px;} .dispenserLayout .layoutContainer4 ul li{width:60%;margin-left:20%;} .dispenserLayout .miniCabinetContainer1{left:23%;} .dispenserLayout .miniCabinetContainer4{bottom:0px;left:55%;} .dispenserLayout .miniCabinetContainer4 .squareContainer{text-align:center;} .dispenserLayout .miniCabinetContainer4 .squareContainer span{display:inline-block;float:none;} /* === MODULES STEP 4 === */ .lidSaverContainerStep4 .toolTip ul li{text-align:center;} .lidSaverContainerStep4 .toolTip ul li input{display:none;} .configureModulesContainer{text-align:center;} .configureModulesContainer p{text-align:center;position:relative;} .configureModulesContainer .bigSquare{width:110px;height:110px;background:#fff;border:2px solid #ccc;border-radius:5px;margin:4px;text-align:center;font-size:50px;font-family:"Proxima N W15 Bold";line-height:120px;color:#017ac8;margin-left:auto;margin-right:auto;position:relative;} .configureModulesContainer .bigSquare.horizontal{display:inline-block;margin:5px;} .configureModulesContainer .bigSquare.square{display:inline-block;margin:5px;} .configureModulesContainer .bigSquare:hover{cursor:pointer;} .configureModulesContainer .toolTip{background:#fff;padding:15px;border:2px solid #ccc;border-radius:5px;width:200px;display:none;position:absolute;z-index:5;margin-left:50%;left:-100px;top:0px;box-sizing:border-box;} .configureModulesContainer .toolTip:after{clear:both;content: ".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;} .configureModulesContainer .toolTip h4{margin-bottom:8px;line-height:20px;} .configureModulesContainer .toolTip ul{margin:0px !important;padding:0px;} .configureModulesContainer .toolTip ul li{list-style:none;margin:0px 0px 5px 0px;background:#fff;border:1px solid #ccc;padding:8px;border-radius:5px;box-sizing:border-box;float:left;font-size:16px;width:100%;text-align:left;} .configureModulesContainer .toolTip ul li.selected{background:#e1e1e1;} .configureModulesContainer .toolTip ul li:hover{cursor:pointer;background:#e1e1e1;} .configureModulesContainer .toolTip ul li input{margin-left:0px;} .configureModulesContainer .toolTip ul li span{width:100%;} .configureModulesContainer .toolTipLid{background:#fff;padding:15px;border:2px solid #ccc;border-radius:5px;width:200px;position:absolute;z-index:5;margin-left:50%;left:-100px;top:100px;display:none;box-sizing:border-box;} .configureModulesContainer .toolTipLid:after{clear:both;content: ".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;} .configureModulesContainer .toolTipLid h4{line-height:20px;} .configureModulesContainer .toolTipLid select{width:100%;} .configureModulesContainer .toolTipLid ul{margin:0px !important;padding:0px;max-height:250px;overflow-y:scroll;} .configureModulesContainer .toolTipLid ul li{list-style:none;text-align:left;font-size:14px;} .configureModulesContainer .toolTipLid ul li:hover{color:#333;} /* === RESULTS STEP 5 === */ .resultsContainer{text-align:center;} .resultsContainer h6{font-size:26px;line-height:36px;color:#333;} .resultsContainer h6 span{font-family:"Proxima N W15 Bold";} .resultsContainer button.lidSaverPDF{border-radius:5px;margin-bottom:35px;margin-top:10px;} .resultsContainer .bigSquare{width:60px;height:60px;background:#fff;border:2px solid #ccc;border-radius:5px;margin:4px;text-align:center;font-size:30px;font-family:"Proxima N W15 Bold";line-height:56px;margin-left:auto;margin-right:auto;position:relative;} .resultsContainer .bigSquare.horizontal{display:inline-block;margin:5px;} .resultsContainer .bigSquare.square{display:inline-block;margin:5px;} .resultsContainer .bigSquare:hover{cursor:default;} .resultsContainer .bigSquare span{color:#333;} /* === LID SAVER CONTROLS === */ .lidSaverControls{width:100%;float:left;margin-top:15px;margin-bottom:250px;} .lidSaverControls button{box-sizing:border-box;margin:0px;float:left;} .lidSaverControls button:hover{cursor:pointer;} .lidSaverControls button.reset{background:none;border:none;color:#017ac8;width:40%;margin-top:7px;} .lidSaverControls button.reset:hover{color:#333;} .lidSaverControls button.back, .lidSaverControls button.continue, .resultsContainer .lidSaverPDF{width:30%;color:#fff;border:1px solid #ccc;padding:7px;font-size:16px;border-radius:20px; background: #017bc8; /* Old browsers */ background: -moz-linear-gradient(top, #017bc8 0%, #005897 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017bc8), color-stop(100%,#005897)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #017bc8 0%,#005897 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #017bc8 0%,#005897 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #017bc8 0%,#005897 100%); /* IE10+ */ background: linear-gradient(to bottom, #017bc8 0%,#005897 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017bc8', endColorstr='#005897',GradientType=0 ); /* IE6-9 */} .lidSaverControls button.continue{float:right;} .lidSaverControls button.back:hover, .lidSaverControls button.continue:hover, .resultsContainer button.lidSaverPDF:hover{background:#333;cursor:pointer;} #DispenserContainer #stepError{display:none;width:100%;background:#f7f7f7;border:1px solid #ccc;padding:5px;color:red;float:left;box-sizing:border-box;text-align:center;font-weight:Bold;margin-top:10px;} /* === WAREWASHING START === */ .Warewashing_Start{text-align:center;margin-top:30px;margin-bottom:50px;} .Warewashing_Start h1{font-size:36px;line-height:36px;margin-bottom:0px;} .Warewashing_Start h2{font-size:30px;line-height:30px;font-weight:300;font-family:Proxima N W15 Reg;margin-top:0px;color:#666;} .Warewashing_Start ul{background:#ddcfc4;width:100%;padding:.5% !important;display:inline-block;box-sizing:border-box;border:1px solid #ccc;border-radius:3px;margin-top:35px;} .Warewashing_Start ul li{background:#fff;width:49.5%;border:1px solid #ccc;display:inline-block;float:left;clear:none;box-sizing:border-box;padding:30px 2% 30px 2%;border-radius:3px;} .Warewashing_Start ul li.first{margin-right:1%;} .Warewashing_Start ul li a{background:#0279c9;color:#fff;display:block;width:100%;box-sizing:border-box;padding:15px 1% 15px 1%;border-radius:3px;font-size:18px;font-family: "Proxima N W15 Bold";font-weght:normal;text-shadow: 0 0 1px #000;} .Warewashing_Start ul li a:hover{background:#0265a8;color:#fff;} /* === WAREWASHING LISTING === */ .WWRackGuideList{display:block !important;} .WWRackGuideList #DataList1_ResultsDiv{display:block !important;} .WWRackGuideList #DataList1_ResultsDiv .classifications{display:block !important;} .WWRackGuideList .left{width:25%;margin:0px;padding:0px;float:left;border:0px;} .WWRackGuideList .left img{max-width:100%;} .WWRackGuideList .right{width:70%;float:left;border:none;margin:0px 0px 0px 5%;padding:0px;} .WWRackGuideList .right span{font-size:16px;line-height:20px;display:inline-block !important;} .WWRackGuideList .right span.label{width:25%;display:inline-block;float:Left;margin:0px !important;} .WWRackGuideList .right div.value{width:75%;display:inline-block;border:0px;float:left;margin:0px;padding:0px;} .WWRackGuideList .right div.value span.or{margin-left:5px;margin-right:5px;} .WWRackGuideList .row{border-bottom:0px;margin:0px;padding:0px;} .WWRackGuideList .items{margin:0px;padding:0px !important;} .WWRackGuideList .item{margin:0px 0px 10px 0px;padding:10px 8px 10px 0px !important;background:#fff;width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:3px;} .WWRackGuideList .item:nth-child(even){background:#fff;} .WWRackGuideList .item h4{margin-bottom:5px;} .WWRackGuideList .item h4 a{margin-left:5px;color:#017ac8;} .WWRackGuideList .item h4 a:hover{color:#333;} .WWRackGuideList .DataFilter2{background:#ded0c5;width:100%;box-sizing:border-box;border:1px solid #fff;padding:5px !important;margin-top:5px;} .WWRackGuideList .DataFilter2 fieldset{background:#fff;width:100%;box-sizing:border-box;border:1px solid #bbb4ae;border-radius:5px;overflow:hidden;margin-bottom:5px !important;} .WWRackGuideList .DataFilter2 fieldset fieldset{border:0px;margin-bottom:0px !important;} .WWRackGuideList .DataFilter2 fieldset .head{width:100%;background:#f0e9e3;text-align:center;border-top-left-radius:5px;border-top-right-radius:5px;} /* === FILTER OPTION STYLING === */ #leftZone .WWRackGuideList .head span{display:none;} #leftZone .WWRackGuideList .head a{display:none;} #leftZone .WWRackGuideList .head h4{font-size:18px;width:100%;padding-top:5px;padding-bottom:5px;} /* === STEP 1 - BRAND === */ #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(1){} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(1) .inputs{padding:10px 15px 10px 15px;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(1) > .inputs div{width:47.5%;float:left;clear:none;padding-right:2.5%;border-right:1px solid #ccc;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(1) > .inputs div + div{width:47.5%;float:right;clear:none;padding-right:0px;border-right:0px;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(1) span input{display:none;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(1) span label{background:url('images/VollrathImages/Vollrath_Logo_Black.png') no-repeat 0px center;width:100%;float:left;background-size:100%;box-sizing:border-box;padding:0px;height:65px;font-size:0px;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(1) span label:hover{cursor:pointer;background-color:#f7f7f7;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(1).selected span label{background:url('images/VollrathImages/Vollrath_Logo_Blue.png') no-repeat 0px center;width:100%;background-size:100%;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(2) span input{display:none;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(2) span label{background:url('images/VollrathImages/Traex_Logo_Black.png') no-repeat 0px center;width:100%;float:left;background-size:100%;box-sizing:border-box;padding:0px;clear:none;height:65px;font-size:0px;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(2) span label:hover{cursor:pointer;background-color:#f7f7f7;background-size:100%;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(2).selected span label{background:url('images/VollrathImages/Traex_Logo_Blue.png') no-repeat 0px center;background-size:100%;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(1) span.uses{display:none;} /* === STEP 2 - GLASS DIMENSIONS === */ fieldset .switcher{margin-top:10px;} fieldset.userValue{padding-left:10px;padding-right:10px;} fieldset.userValue input{margin-top:0px !important;} .dontKnowPDF{margin-left:10px;margin-right:10px;margin-bottom:10px;margin-top:10px;} .dontKnowPDF span{display:block;float:left;width:100%;} /* === STEP 3 - RACK SIZE === */ #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3){} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3) h4{padding-bottom:50px;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3) .inputs{text-align:center;margin-top:-45px;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3) .inputs > div{width:75px;display:inline-block;clear:none;text-align:center;background:#fff;border:1px solid #ccc;height:75px;border-radius:50%;position:relative;overflow:visible;margin-bottom:15px;margin-left:10px;margin-right:10px;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3) .inputs > div:hover{cursor:pointer;background-color:#f7f7f7;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3) .inputs > div:nth-of-type(1){background:url('images/VollrathImages/Half_Rack_Black.png') no-repeat center center #fff;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3) .inputs > div:nth-of-type(1).selected{background:url('images/VollrathImages/Half_Rack_Blue.png') no-repeat center center #fff;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3) .inputs > div:nth-of-type(2){background:url('images/VollrathImages/Full_Rack_Black.png') no-repeat center center #fff;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3) .inputs > div:nth-of-type(2).selected{background:url('images/VollrathImages/Full_Rack_Blue.png') no-repeat center center #fff;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3) .inputs input{display:none;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3) .inputs span{width:100%;left:0px;height:100%;display:table;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3) .inputs span label{width:100%;height:95px;display:table-cell;position:relative;vertical-align:bottom;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3) .inputs span label span{display:none;} #leftZone .WWRackGuideList .DataFilter2 > fieldset:nth-of-type(3) .inputs span label:hover{cursor:pointer;} /* user value filter - unit switcher */ .WWRackGuideList .DataFilter2 div.switcher .inches, .WWRackGuideList .DataFilter2 div.switcher .cm {display:none;} .WWRackGuideList .DataFilter2 div.switcher.inches .inches, .WWRackGuideList .DataFilter2 div.switcher.cm .cm {display:block;} .WWRackGuideList .DataFilter2 div.switcher span.centered {display:block; width:100%; text-align:center;} .WWRackGuideList .DataFilter2 div.switcher div.input span.to, .WWRackGuideList .DataFilter2 div.switcher div.input span.from {display:inline-block; width:36%; margin-right:5px; text-align:left;} .WWRackGuideList .DataFilter2 div.switcher div.input span.to input, .WWRackGuideList .DataFilter2 div.switcher div.input span.from input {width:97%;box-sizing:border-box;margin-top:5px;border-radius:3px;border:1px solid #ccc;padding:4px;} .WWRackGuideList .DataFilter2 div.switcher div.input span.applyButton {display:inline-block;font-family: "Proxima N W15 Bold"; border-radius:3px; padding:5px 8px; background-color:#017ac8; color:white; cursor:pointer;} .WWRackGuideList .DataFilter2 div.switcher div.input span.applyButton:hover {background-color:#333;} .WWRackGuideList .DataFilter2 div.switcher div.input span span.error {position:absolute; width:100%;} .WWRackGuideList .DataFilter2 div.switcher div.input span.to span.error {margin-left:-90px;} .WWRackGuideList .DataFilter2 div.switcher div.input span.error {color:red;} .WWRackGuideList .DataFilter2 div.switcher div.input span.error input {border-color:red; outline:0;} /* === WAREWASHING LISTING VERSION 2 === */ .WWRackGuideList2{display:block !important;} .WWRackGuideList2 #DataList1_ResultsDiv{display:block !important;} .WWRackGuideList #DataList1_ResultsDiv .classifications{display:block !important;} .WWRackGuideList2 .left{width:33%;margin:0px;padding:0px;float:left;border:0px;margin-left:2%} .WWRackGuideList2 .left img{max-width:100%;} .WWRackGuideList2 .right{width:60%;float:left;border:none;margin:0px 0px 0px 5%;padding:0px;} .WWRackGuideList2 .right span{font-size:16px;line-height:20px;display:inline-block !important;} .WWRackGuideList2 .right span.label{width:25%;display:inline-block;float:Left;margin:0px !important;} .WWRackGuideList2 .right div.value{width:75%;display:inline-block;border:0px;float:left;margin:0px;padding:0px;} .WWRackGuideList2 .right div.value span.or{margin-left:5px;margin-right:5px;} .WWRackGuideList2 .row{border-bottom:0px;margin:0px;padding:0px;} .WWRackGuideList2 .items{margin:0px;padding:0px !important;} .WWRackGuideList2 .item{margin:0px 0px 10px 0px;padding:10px 8px 10px 0px !important;background:#fff;width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:3px;} .WWRackGuideList2 .item:nth-child(even){background:#fff;} .WWRackGuideList2 .item h4{margin-bottom:5px;} .WWRackGuideList2 .item h4 a{margin-left:5px;color:#017ac8;} .WWRackGuideList2 .item h4 a:hover{color:#333;} .WWRackGuideList2 .DataFilter2{background:#ded0c5;width:100%;box-sizing:border-box;border:1px solid #fff;padding:5px !important;margin-top:5px;margin-bottom:40px;} .WWRackGuideList2 .DataFilter2 fieldset{background:#fff;width:100%;box-sizing:border-box;border:1px solid #bbb4ae;border-radius:5px;overflow:hidden;margin-bottom:5px !important;} .WWRackGuideList2 .DataFilter2 fieldset fieldset{border:0px;margin-bottom:0px !important;margin-right:0px !important;width:50% !important;} .WWRackGuideList2 .DataFilter2 fieldset .head{width:100%;background:#f0e9e3;text-align:center;border-top-left-radius:5px;border-top-right-radius:5px;} /* === FILTER OPTION STYLING === */ #centerZone .WWRackGuideList2 .head span{display:none;} #centerZone .WWRackGuideList2 .head a{display:none;} #centerZone .WWRackGuideList2 .head h4{font-size:18px;width:100%;padding-top:5px;padding-bottom:5px;} /* === STEP 1 - GLASS DIMENSIONS === */ #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(1){width:60%;} fieldset .switcher{margin-top:10px;} fieldset.userValue{padding-left:10px;padding-right:10px;} fieldset.userValue input{margin-top:0px !important;} .dontKnowPDF{margin-left:10px;margin-right:10px;margin-bottom:10px;margin-top:10px;float:left;} .dontKnowPDF span{display:block;float:left;width:100%;} /* === STEP 2 - RACK SIZE === */ #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2){width:38%;margin-right:0px;padding-bottom:17px;} #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2) h4{padding-bottom:50px;} #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2) .inputs{text-align:center;margin-top:-45px;} #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2) .inputs > div{width:75px;display:inline-block;clear:none;text-align:center;background:#fff;border:1px solid #ccc;height:75px;border-radius:50%;position:relative;overflow:visible;margin-bottom:15px;margin-left:10px;margin-right:10px;} #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2) .inputs > div:hover{cursor:pointer;background-color:#f7f7f7;} #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2) .inputs > div:nth-of-type(1){background:url('images/VollrathImages/Half_Rack_Black.png') no-repeat center center #fff;} #leftZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2) .inputs > div:nth-of-type(1).selected{background:url('images/VollrathImages/Half_Rack_Blue.png') no-repeat center center #fff;} #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2) .inputs > div:nth-of-type(2){background:url('images/VollrathImages/Full_Rack_Black.png') no-repeat center center #fff;} #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2) .inputs > div:nth-of-type(2).selected{background:url('images/VollrathImages/Full_Rack_Blue.png') no-repeat center center #fff;} #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2) .inputs input{display:none;} #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2) .inputs span{width:100%;left:0px;height:100%;display:table;} #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2) .inputs span label{width:100%;height:95px;display:table-cell;position:relative;vertical-align:bottom;} #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2) .inputs span label span{display:none;} #centerZone .WWRackGuideList2 .DataFilter2 > fieldset:nth-of-type(2) .inputs span label:hover{cursor:pointer;} /* user value filter - unit switcher */ .WWRackGuideList2 .DataFilter2 div.switcher .inches, .WWRackGuideList2 .DataFilter2 div.switcher .cm {display:none;} .WWRackGuideList2 .DataFilter2 div.switcher.inches .inches, .WWRackGuideList2 .DataFilter2 div.switcher.cm .cm {display:block;} .WWRackGuideList2 .DataFilter2 div.switcher span.centered {display:block; width:100%; text-align:center;} .WWRackGuideList2 .DataFilter2 div.switcher div.input span.to, .WWRackGuideList2 .DataFilter2 div.switcher div.input span.from {display:inline-block; width:36%; margin-right:5px; text-align:left;} .WWRackGuideList2 .DataFilter2 div.switcher div.input span.to input, .WWRackGuideList2 .DataFilter2 div.switcher div.input span.from input {width:97%;box-sizing:border-box;margin-top:5px;border-radius:3px;border:1px solid #ccc;padding:4px;} .WWRackGuideList2 .DataFilter2 div.switcher div.input span.applyButton {display:inline-block;font-family: "Proxima N W15 Bold"; border-radius:3px; padding:5px 8px; background-color:#017ac8; color:white; cursor:pointer;} .WWRackGuideList2 .DataFilter2 div.switcher div.input span.applyButton:hover {background-color:#333;} .WWRackGuideList2 .DataFilter2 div.switcher div.input span span.error {position:absolute; width:100%;} .WWRackGuideList2 .DataFilter2 div.switcher div.input span.to span.error {margin-left:-90px;} .WWRackGuideList2 .DataFilter2 div.switcher div.input span.error {color:red;} .WWRackGuideList2 .DataFilter2 div.switcher div.input span.error input {border-color:red; outline:0;} /* === WAREWASHING LISTING VERSION 3 === */ .WWRackGuideList3{display:block !important;} .WWRackGuideList3 #DataList1_ResultsDiv{display:block !important;} .WWRackGuideList3#DataList1_ResultsDiv .classifications{display:block !important;} .WWRackGuideList3 .left{width:33%;margin:0px;padding:0px;float:left;border:0px;margin-left:2%} .WWRackGuideList3 .left img{max-width:100%;} .WWRackGuideList3 .right{width:60%;float:left;border:none;margin:0px 0px 0px 5%;padding:0px;} .WWRackGuideList3 .right span{font-size:16px;line-height:20px;display:inline-block !important;} .WWRackGuideList3 .right span.label{width:25%;display:inline-block;float:Left;margin:0px !important;} .WWRackGuideList3 .right div.value{width:75%;display:inline-block;border:0px;float:left;margin:0px;padding:0px;} .WWRackGuideList3 .right div.value span.or{margin-left:5px;margin-right:5px;} .WWRackGuideList3 .row{border-bottom:0px;margin:0px;padding:0px;} .WWRackGuideList3 .items{margin:0px;padding:0px !important;} .WWRackGuideList3 .item{margin:0px 0px 10px 0px;padding:10px 8px 10px 0px !important;background:#fff;width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:3px;} .WWRackGuideList3 .item:nth-child(even){background:#fff;} .WWRackGuideList3 .item h4{margin-bottom:5px;} .WWRackGuideList3 .item h4 a{margin-left:5px;color:#017ac8;} .WWRackGuideList3 .item h4 a:hover{color:#333;} .WWRackGuideList3 .DataFilter2{background:#ded0c5;width:100%;box-sizing:border-box;border:1px solid #fff;padding:5px !important;margin-top:5px;margin-bottom:40px;} .WWRackGuideList3 .DataFilter2 fieldset{background:#fff;width:100%;box-sizing:border-box;border:1px solid #bbb4ae;border-radius:5px;overflow:hidden;margin-bottom:5px !important;} .WWRackGuideList3 .DataFilter2 fieldset fieldset{border:0px;margin-bottom:0px !important;margin-right:0px !important;width:50% !important;} .WWRackGuideList3 .DataFilter2 fieldset .head{width:100%;background:#f0e9e3;text-align:center;border-top-left-radius:5px;border-top-right-radius:5px;} /* === FILTER OPTION STYLING === */ #centerZone .WWRackGuideList3 .head span{display:none;} #centerZone .WWRackGuideList3 .head a{display:none;} #centerZone .WWRackGuideList3 .head h4{font-size:18px;width:100%;padding-top:5px;padding-bottom:5px;} #centerZone .WWRackGuideList3 .clear { clear: none;} /* === STEP 1 - BRAND === */ #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(1){ } #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(1) .inputs{padding:10px 15px 10px 15px;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(1) > .inputs div{width:47.5%;float:left;clear:none;padding-right:2.5%;border-right:1px solid #ccc;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(1) > .inputs div + div{width:47.5%;float:right;clear:none;padding-right:0px;border-right:0px;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(1) span input{display:none;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(1) span label{background:url('images/VollrathImages/Vollrath_Logo_Black.png') no-repeat 0px center;width:100%;float:left;background-size:100%;box-sizing:border-box;padding:0px;height:65px;font-size:0px;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(1) span label:hover{cursor:pointer;background-color:#f7f7f7;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(1).selected span label{background:url('images/VollrathImages/Vollrath_Logo_Blue.png') no-repeat 0px center;width:100%;background-size:100%;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(2) span input{display:none;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(2) span label{background:url('images/VollrathImages/Traex_Logo_Black.png') no-repeat 0px center;width:100%;float:left;background-size:100%;box-sizing:border-box;padding:0px;clear:none;height:65px;font-size:0px;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(2) span label:hover{cursor:pointer;background-color:#f7f7f7;background-size:100%;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(1) .inputs div:nth-of-type(2).selected span label{background:url('images/VollrathImages/Traex_Logo_Blue.png') no-repeat 0px center;background-size:100%;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(1) span.uses{display:none;} /* == STEP 2 - GLASS TYPE === */ #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(2){width:25%;} #centerZone .WWRackGuideList3 .inputs { padding: 10px; } #centerZone .WWRackGuideList3 .inputs .input { clear: none; float: left;margin-right: 10px;} #centerZone .WWRackGuideList3 .inputs .input span {float: left;clear: both;width: 100%;} #centerZone .WWRackGuideList3 .inputs .input span.label {font-weight: bold;} #centerZone .WWRackGuideList3 .inputs.makeModel, #centerZone .WWRackGuideList3 .inputs.noMakeModel { display: none;} #centerZone .WWRackGuideList3 .inputs.makeModel.show, #centerZone .WWRackGuideList3 .inputs.noMakeModel.show { display: inline;} /* === STEP 2 - GLASS DIMENSIONS === */ #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(3){width:25%;} #centerZone .WWRackGuideList3 .dontKnowPDF{margin-left:10px;margin-right:10px;margin-bottom:10px;margin-top:10px;float:left;} #centerZone .WWRackGuideList3 .dontKnowPDF span{display:block;float:left;width:100%;} #centerZone .WWRackGuideList3 input.dimensionInput {width: 100px;} /* === STEP 2 - RACK SIZE === */ #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4){width:25%;margin-right:0px;padding-bottom:17px;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4) h4{padding-bottom:50px;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4) .inputs{text-align:center;margin-top:-45px;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4) .inputs > div{width:75px;display:inline-block;clear:none;text-align:center;background:#fff;border:1px solid #ccc;height:75px;border-radius:50%;position:relative;overflow:visible;margin-bottom:15px;margin-left:10px;margin-right:10px;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4) .inputs > div:hover{cursor:pointer;background-color:#f7f7f7;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4) .inputs > div:nth-of-type(1){background:url('images/VollrathImages/Half_Rack_Black.png') no-repeat center center #fff;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4) .inputs > div:nth-of-type(1).selected{background:url('images/VollrathImages/Half_Rack_Blue.png') no-repeat center center #fff;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4) .inputs > div:nth-of-type(2){background:url('images/VollrathImages/Full_Rack_Black.png') no-repeat center center #fff;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4) .inputs > div:nth-of-type(2).selected{background:url('images/VollrathImages/Full_Rack_Blue.png') no-repeat center center #fff;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4) .inputs input{display:none;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4) .inputs span{width:100%;left:0px;height:100%;display:table;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4) .inputs span label{width:100%;height:95px;display:table-cell;position:relative;vertical-align:bottom;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4) .inputs span label span{display:none;} #centerZone .WWRackGuideList3 .DataFilter2 > fieldset:nth-of-type(4) .inputs span label:hover{cursor:pointer;} #centerZone .WWRackGuideList3 input#filterSubmit:disabled {color:#bbb;} #centerZone .noresults { display: none; }