/* WEB FONTS */ @font-face {font-family: "SZWExtraLight";src: url('fonts/5f9c12827797acbe76159ea24ca77799.eot');src: url('/common/css/fonts/5f9c12827797acbe76159ea24ca77799.eot?#iefix') format('embedded-opentype'),url('/common/css/fonts/5f9c12827797acbe76159ea24ca77799.woff') format('woff'),url('/common/css/fonts/5f9c12827797acbe76159ea24ca77799.ttf') format('truetype'),url('/common/css/fonts/5f9c12827797acbe76159ea24ca77799.svg#wf') format('svg');} @font-face {font-family: 'SZWMedium';src: url('/common/css/fonts/d988b895a699f186400bfc3ac26f19ff.eot');src: url('/common/css/fonts/d988b895a699f186400bfc3ac26f19ff.eot?#iefix') format('embedded-opentype'),url('/common/css/fonts/d988b895a699f186400bfc3ac26f19ff.woff') format('woff'),url('/common/css/fonts/d988b895a699f186400bfc3ac26f19ff.ttf') format('truetype'),url('/common/css/fonts/d988b895a699f186400bfc3ac26f19ff.svg#wf') format('svg');} @font-face {font-family: 'SZWCondBook';src: url('/common/css/fonts/9eb1f30f691fff4cb00473d261e8465e.eot');src: url('/common/css/fonts/9eb1f30f691fff4cb00473d261e8465e.eot?#iefix') format('embedded-opentype'),url('/common/css/fonts/9eb1f30f691fff4cb00473d261e8465e.woff') format('woff'),url('/common/css/fonts/9eb1f30f691fff4cb00473d261e8465e.ttf') format('truetype'),url('/common/css/fonts/9eb1f30f691fff4cb00473d261e8465e.svg#wf') format('svg');} @font-face {font-family: 'SZWLight';src: url('/common/css/fonts/98479bd438ff77681e3c936305fe01bc.eot');src: url('/common/css/fonts/98479bd438ff77681e3c936305fe01bc.eot?#iefix') format('embedded-opentype'),url('/common/css/fonts/98479bd438ff77681e3c936305fe01bc.woff') format('woff'),url('/common/css/fonts/98479bd438ff77681e3c936305fe01bc.ttf') format('truetype'),url('/common/css/fonts/98479bd438ff77681e3c936305fe01bc.svg#wf') format('svg');} /* General Layout Styles */ html { overflow: -moz-scrollbars-vertical; } html, body { height: 100%; } body { background:#d6d8da url(../images/bg-page.jpg) repeat-x top; margin:0; } div, form { margin:0; padding:0; } #main { width:985px; margin-left:auto; margin-right:auto; margin-top:0; padding:0; text-align:left; background-image:url(../images/bg-grad.png); } img { border:0; } #content-wrapper { width:935px; padding: 20px 25px; } #content-pages { float:left; width:630px; padding-right:20px; vertical-align:top; background-color:#FFF; } #content-pages-expanded { position:relative; width:935px; margin-bottom: 21px; } #content-pages-expanded_new {float:left; width:935px; margin-bottom: 21px; } #right-column { position:relative; width:285px; border-bottom:0px solid #ECEDEE; margin-left:650px; } #footer { position:relative; padding:0 25px 20px 25px; margin-left:10px; font-size:10px; zoom:1.0; } #endcap { width:985px; margin-left:auto; margin-right:auto; padding:0 0 20px 0; background-image:url(../images/bg-grad-bot.png); background-repeat:no-repeat;} .clearing { height:0; clear:both } .gray-divider-sm { background-color:#e7e9ea; margin:4px 0 4px 0; padding:0px; height:1px; } ul { padding-left: 15px; } img.makeLink, .pointer label { cursor:pointer; cursor:hand; } * { outline:none; } /* select (highlight) color */ ::selection { background:#434343; color:#fff; } ::-moz-selection { background:#434343; color:#fff; } ::-webkit-selection { background:#434343; color:#fff; } /* containment approach for div's with floated children */ .clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearfix {display:inline-block;} html[xmlns] .clearfix {display:block;} * html .clearfix {height:1%;} .clearMe {overflow:hidden;width:100%;} .inline { display:inline; } /* Header Styles */ #header { width:935px; text-align:left; padding:0 25px 0px 25px;} #logo { float:left; width:300px; } #search-box { margin-left:735px; padding-top:30px; } #wishlist-button { left: 550px; top: -27px; position: relative; width: 178px; height: 19px; } #wishlist-button2 { left: 550px; top: -23px; position: relative; width: 178px; height: 19px; } .search-box { width:177px; height:15px; font-size:10px; line-height:13px; color:#999; border:1px solid #DDD; background-color:#f8f8f8; margin: 0 7px 0 0; padding:1px 0 0 0; } #utility-nav { text-align:right; margin:14px 0 12px 0; } #utility-nav a { margin-left:8px; } div#nav { margin:0; } div#nav ul.mainnav { padding-left:0; margin:0; } div#nav ul.mainnav li.mainnav { display:inline; } div#nav ul.mainnav li.mainnav a.mainnav { display:block; float:left; } div#nav ul.mainnav li.mainnav a.mainnav img#main1, div#nav ul.mainnav li.mainnav a.mainnav img#main2, div#nav ul.mainnav li.mainnav a.mainnav img#main3 { margin-right:1px; } div.nav-popup-wrapper { position:relative; z-index:1000; top:25px; } div.nav-popup a { color:#333333; margin-bottom:5px; display:block; letter-spacing:.4px; } div.nav-popup a:hover { color:#88970c; text-decoration:underline; } div#sz.nav-popup { position:absolute; display:none; left:0px; width:137px; padding:10px 10px 20px 10px; border-bottom:1px solid #7995b5; background-color:#f9f9f9; } div#wolf.nav-popup { position:absolute; display:none; left:158px; width:137px; padding:10px 10px 20px 10px; border-bottom:1px solid #ca4f21; background-color:#f9f9f9; } div#pd.nav-popup { position:absolute; display:none; left:316px; width:137px; padding:10px 10px 20px 10px; border-bottom:1px solid #b0bc8b; background-color:#f9f9f9; } div#tr.nav-popup { position:absolute; display:none; left:474px; width:137px; padding:10px 10px 20px 10px; border-bottom:1px solid #b0bc8b; background-color:#f9f9f9; } #my-links { margin-left:650px; background-color:#B4B7B9; height:24px; width:285px; } #my-links-act { margin-left:650px; background-color:#333333; height:24px; width:285px; } #my-links-header { float: left; width: 110px; display:inline; } #my-links-nav { color:#fff; height:18px; width: 164px; padding: 6px 6px 0 0; margin-left: 110px; font-size: 10px; text-align: right; } #my-links-nav td, #my-links-nav div, #my-links-nav a, #my-links-nav a:visited, #my-links-nav a:active { text-decoration:none; color:#fff; font-size: 10px; } #my-links-nav a:hover { text-decoration:underline; } .my-message { color:#fff; margin-left:5px; text-align:center; width:16px; font-size: 10px; height:16px; background-image:url(../images/bg-mysz-message.png); background-repeat:no-repeat; } #showroom_popup { position:absolute; width:114px; height:50px; left:834px; top:-90px; background-color:#e5e5e5; padding:10px 0 0 7px; } .showroom-box { width:75px; height:15px; font-size:10px; line-height:13px; color:#999; border:1px solid #DDD; background-color:#f8f8f8; margin: 0 7px 0 0; padding:1px 0 0 3px; } /* Right Navigation */ #right-nav { width:285px; border-bottom:1px solid #e7e9ea; margin-bottom:20px; } #right-nav a.category { border-top:1px solid #e7e9ea; padding:9px 0 9px 26px; display:block; color:#333333; font-size:12px; line-height:12px; background:transparent url(../images/bullet-grnarrow.gif) no-repeat; background-position:9px 12px; text-decoration:none; } #right-nav a.category:hover { color:#333333; } #right-nav a.category-active { border-top:1px solid #e7e9ea; padding:9px 0 9px 26px; display:block; color:#333333; font-size:12px; line-height:12px; background:transparent url(../images/bullet-grnarrow.gif) no-repeat; background-position:9px 12px; text-decoration:none; background-color:#f8f8f8; } #right-nav a.page { color:#333333; width:259px; text-decoration:none; display:block; border-top:1px solid #FFFFFF; padding:2px 0 2px 26px; background-color:#f8f8f8; } #right-nav a.page:hover { background-color:#e7e9ea; } #right-nav a.page-active { color:#333333; width:259px; text-decoration:none; display:block; border-top:1px solid #FFFFFF; padding:2px 0 2px 26px; background-color:#e7e9ea; } #right-nav .livingkitchen a.page:hover { background-color:#e7e9c6; } #right-nav .livingkitchen a.page-active { background-color:#e7e9c6; } #right-nav .livingkitchen a.category:hover { color:#8e943a; } #right-nav .livingkitchen a.category-active { color:#8e943a; } #right-nav .livingkitchen a.category-active:hover { color:#333333; } #right-nav .subzero a.page:hover { background-color:#d4dfe9; } #right-nav .subzero a.page-active { background-color:#d4dfe9; } #right-nav .subzero a.category:hover { color:#608bb3; } #right-nav .subzero a.category-active { color:#608bb3; } #right-nav .subzero a.category-active:hover { color:#333333; } #right-nav .traderesources a.page:hover { background-color:#e7e9c6; } #right-nav .traderesources a.page-active { background-color:#e7e9c6; } #right-nav .traderesources a.category:hover { color:#8e943a; } #right-nav .traderesources a.category-active { color:#8e943a; } #right-nav .traderesources a.category-active:hover { color:#333333; } #right-nav .wolf a.page:hover { background-color:#f3eae6; } #right-nav .wolf a.page-active { background-color:#f3eae6; } #right-nav .wolf a.category:hover { color:#b04f29; } #right-nav .wolf a.category-active { color:#b04f29; } #right-nav .wolf a.category-active:hover { color:#333333; } /* KDC SIDEBAR IMAGE LINKS */ #sidebar_link_images img { margin-bottom: 20px; } .kdc_scale100 { max-width: 100px; max-height: 100px; width: expression(this.width > 100 ? "100px" : true); height: expression(this.height > 100 ? "100px" : true); } .kdcPreviewPopupDiv { height:500px; overflow:auto; } /* Footer Styles */ #footer-links { color:#999; width:775px; } #footer-links a { color:#666; text-decoration:none; } #footer-links a:hover { color:#88970C; text-decoration:underline; } #footer-links a:visited { color:#999; } #copyright { color:#999; margin-top:2px; width:775px; } #social-links { position:absolute; top:-10px; right:30px; } #social-links ul { float:right; display:inline; list-style-type:none; padding:0; margin:0; } #social-links ul li { float:left; display:inline; margin-left:5px; line-height:36px; } /* Spiffs */ .multi-spiff { width:267px; height:89px; padding:16px 0 0 18px; background-image:url(../spiffs/blank.jpg); background-repeat:no-repeat; } .email-spiff { width:275px; height:55px; padding:50px 0 0 10px; background-image:url(../spiffs/email.jpg); background-repeat:no-repeat; } .email-spiff .textbox { width:140px; height:15px; margin:0 0 9px 0; } .locator-spiff { width:275px; height:55px; padding:50px 0 0 10px; background-image:url(../spiffs/locator.jpg); background-repeat:no-repeat; } .locator-spiff .textbox { width:259px; height:15px; margin:0 0 9px 0; } .email-spiff .button, .locator-spiff .button { margin-left:3px; } /* Text Styles */ div, td, p, input, textarea, select, address { font-family:helvetica, arial, verdana, sans-serif; font-size:11px; line-height:15px; color:#666; } p { margin:0 0 4px 0; } .copy, .copy p { font-size:12px; line-height:18px; } address { font-style:normal; } .dark { color:#333333; font-weight:bold; } .bold { font-weight: bold; } .title { font-size:22px; line-height:28px; font-family:"helvetica neue light", helvetica, arial, verdana, sans-serif; } .small { font-size: 8px; } .lt-gray { color:#999999; } .large-kdc { font-size:18px; line-height:18px; } .large { font-size:16px; line-height:20px; } .large a { color:#666666; } .large a:hover { color:#88970c; text-decoration:none; } .large-green { color:#929d74; font-size:16px; line-height:20px; } .large-green p { color:#929d74; font-size:16px; line-height:20px; } .large-dark { color:#333333; font-size:16px; line-height:20px; } .note { font-size:10px; line-height:14px; } .white { color:#FFFFFF; } .green { color:#88970c; } blockquote { font-size:16px; line-height:20px; margin:13px 50px 16px 0px; } a { color:#88970c; text-decoration:none; } a:hover { text-decoration:underline; } a.callout { padding:0px 0 0 20px; line-height:13px; color:#666666; background: transparent url(../images/bullet-callout.gif) no-repeat; display:block; margin-top:10px; } a.callout:hover { text-decoration:underline; color:#88970c; background-image:url(../images/bullet-callout-on.gif); } a.callout-clean { padding:0px 0 0 20px; line-height:13px; color:#666666; background: transparent url(../images/bullet-callout.png) no-repeat; display:block; margin-top:10px; } a.callout-clean:hover { text-decoration:underline; color:#88970c; background-image:url(../images/bullet-callout-on.png); } a.callout-large-green { padding:0px 0 2px 20px; font-size:14px; line-height:13px; color:#88970c; background: transparent url(../images/bullet-callout.gif) no-repeat; display:block; margin-top:10px; } a.callout-large-green:hover { text-decoration:underline; color:#88970c; background-image:url(../images/bullet-callout-on.gif); } a.green { color:#88970c; } a.small { font-size: 10px; } a.callout-close { padding:0px 0 0 20px; line-height:13px; color:#666666; background: transparent url(../images/bullet-callout.gif) no-repeat; display:block; margin-top:5px; } a.callout-close:hover { padding:0px 0 0 20px; line-height:13px; text-decoration:underline; color:#88970c; background-image:url(../images/bullet-callout-on.gif); } a.callout-back-large-green { font-size:14px; padding:0 0 3px 20px; line-height:16px; color:#88970c; margin-top:0px; background:url(../images/bullet-callout-back.gif) no-repeat 0 1px; } a.callout-back-large-green:hover{ background-image:url(../images/bullet-callout-back-on.gif); background-position:0 1px; } a.prod-result { padding:0px 0 0 20px; font-size: 13px; color:#88970c; font-weight:bold; background:transparent url(../images/bullet-callout.gif) no-repeat; } a.prod-result:hover { text-decoration:none; background-image:url(../images/bullet-callout-on.gif); } a.back { padding:0px 0 0 8px; margin-left:11px; font-size:10px; color:#666666; background:transparent url(../images/bullet-backarrow.gif) no-repeat; } a.back:hover { color:#88970C; text-decoration:underline; } a.arrow { padding:0px 0 0 6px; color:#666666; background:transparent url(../images/bullet-arrow.gif) no-repeat; background-position:0 5px; } a.arrow:hover { color:#88970C; text-decoration:underline; } a.plus { padding:0px 0 0 20px; font-size:10px; color:#666666; background:transparent url(../images/bullet-plus-lg.gif) no-repeat; background-position:2px 2px;} a.plus:hover { text-decoration:none; color:#88970c; } a.star { padding:0px 0 0 20px; font-size:10px; color:#666666; background:transparent url(../images/wishlist_star.png) no-repeat; background-position:2px 2px;} a.star:hover { text-decoration:none; color:#88970c; } a.email { padding:0px 0 0 20px; font-size:10px; color:#666666; background:transparent url(../images/bullet-email.gif) no-repeat; background-position:0px 4px; } a.email:hover { text-decoration:none; color:#88970c; } a.print { padding:0px 0 0 20px; font-size:10px; color:#666666; background:transparent url(../images/bullet-print.gif) no-repeat; background-position:0px 2px; } a.print:hover { text-decoration:none; color:#88970c; } a.delete { padding:0px 0 0 20px; font-size:10px; color:#666666; background:transparent url(../images/icon-trashcan-wht.gif) no-repeat; background-position:0px 2px; } a.delete:hover { text-decoration:none; color:#88970c; background-position:0px 2px; } a.pdf { padding:0px 0 0 18px; color:#666666; background:transparent url(../images/bullet-pdf.gif) no-repeat; background-position:0 0px; } a.pdf:hover { color:#88970C; text-decoration:underline; } a.next-button { font-size:14px; line-height:14px; color:#333333; padding:7px 0 5px 0; display:block; background:url(../images/button-forward-bkgd.jpg) right top no-repeat; } a.next-button:hover { text-decoration: none; background-position: top right; } a.alertlink { padding:0px 0 0 23px; font-size:11px; color:#666666; background:transparent url(../images/bullet-alert.gif) no-repeat; background-position:2px 1px; } a.alertlink:hover { text-decoration:none; color:#88970c; } a.video { padding:0px 0 0 23px; font-size:11px; color:#666666; background:transparent url(../images/locator/icon-video.gif) no-repeat; background-position:0 2px; } a.video:hover { text-decoration:none; color:#88970c; background-position:0 2px; } h3 { color:#999999; font-size:16px; font-weight:normal; line-height:22px; margin:8px 0 0 0; padding:0; } h3 p { color:#999999; font-size:16px; font-weight:normal; line-height:22px; margin:0 0 4px 0; padding:0; } h4 { color:#999999; font-size:12px; font-weight:normal; line-height:15px; margin:12px 0 0 0; padding:0;} .checkout-btn { width:90px; } .checkout-now-btn { width:136px; } ul.arrowlist { margin:0; padding:0; } ul.arrowlist li { line-height:14px; padding:0 0 4px 10px; margin:0; background-image:url(../images/bullet-arrow.gif); background-repeat:no-repeat; list-style-type: none; background-position:0 5px; } ul.arrowlist li a { padding:0; color: #666666; } ul.arrowlist li a:hover { text-decoration:none; color:#88970c; } a.gray { color: #666666; } a.gray:hover { text-decoration:none; color:#88970c; } ul.copy { margin:0; } ul.copy li { padding:0px 0 0 7px; margin:0; list-style-type:none; background:transparent url(../images/bullet-dot.gif) no-repeat; } div.subtitle { color:#333333; font-weight:bold; margin-bottom:2px; } div.title-wrapper { margin-bottom:8px; } div.title-wrapper-nocopy { margin-bottom:13px; } div.subtitle-wrapper { margin-bottom:5px; } div.subtitle-wrapper-close { margin-bottom:3px; } div.subtitle-wrapper-left { margin:0 0 10px 10px; } /* classes for the planning and design page */ div.halfFeatureWrapper { float:left; width:316px; position:relative; } div.halfFeatureWrapper div.planning-copy-overlay-half {min-height:97px; width:260px; position:absolute; top:150px; padding:6px 0 0 11px; background-image:url(/common/images/planning/grey-background.png); background-repeat:repeat-y; color:#ffffff;} div.halfFeatureWrapper div.planning-copy-overlay-half h1.replace-title-white {margin-bottom:0; font-size:24px !important; line-height:28px; height:30px; overflow:hidden; } div.halfFeatureWrapper div.planning-copy-overlay-half a.callout-clean { color:#ffffff; } div#quarterFeatureWrapper { float:left; width:313px; margin-left:1px; } div#quarterFeatureWrapper div#feature_0 { margin-bottom:1px; } div.planning-copy-overlay-quarter {height:134px; width:158px; padding:10px 11px 0 11px; background-color:#e6ecd2;float:left; background-repeat:repeat-y; overflow:hidden; } div.planning-copy-overlay-quarter div.title { font-size:16px; line-height:20px; margin-bottom:4px; } div.planning-copy-overlay-quarter a.callout { margin-top:7px; } select.jumplist { width:280px; margin-top:6px; } /* classes for the trade resources page */ div.mini-feature {border-top:1px solid #E7E9EA; padding:20px 0 20px 10px;} div#featureWrapper { position:relative; height:290px; } div#featureWrapper div.featureText {padding-top:10px;} div#featureWrapper div.featureTextLink {padding-bottom:20px;} div.featureDescription {font-size:12px; padding-right:17px;} div.serial-feature-list {position:absolute;left:-5000px; } div.copy-overlay {min-height:120px;width :360px;position:absolute;top:125px;padding:0 12px 0 12px; background-image:url(/common/images/traderesources/white-background.png); background-repeat:repeat-y;} div.copy-overlay h1.replace-title {margin-bottom:0;line-height:38px;} div#featureSelectors {z-index:2;position:absolute; top:263px;right:11px;} div.featureSelector {float:left;text-align:center;color:white;width:16px;height:16px;margin-right:2px;background:url(/common/images/traderesources/number-background.gif);} div#newProducts {border-bottom:1px solid white; background:#dee5ec url(/common/images/traderesources/bkg-newProducts.gif) repeat-x;} div.specialFeatures {padding:14px 12px;} div.specialFeatures a.callout {margin-top:4px;} div#tradeAlerts {background:url(/common/images/traderesources/bkg-tradeAlerts.gif); background-repeat:repeat-x;min-height:133px; background-color:#dee5ec; background-repeat:no-repeat;} div#tradeAlerts ul.arrowlist {padding-bottom:10px;} div.tradeCalloutHeader {padding-bottom:8px;vertical-align:middle;} span#trade-rss-subscribe {padding-left:20px;} span#trade-rss-subscribe a {color:#527488;} span#trade-rss-subscribe img {margin-left:8px;vertical-align:middle;} span#trade-rss-subscribe span#subscribe {padding-right:8px;} div#follow-us {padding-top:21px;} div#follow-us-buttons img.img {margin-right:14px;} div.follow-us-text {padding-bottom:16px;} #content-pages-expanded #page_flash { width:935px; height:340px; } #page_flash { width:630px; height:290px; } #named_flash { width:630px; height:290px; } .wolf #named_flash { width:630px; height:350px; } .subzero #named_flash { width:630px; height:350px; } #builtin_flash { width:975px; height:635px; margin-bottom:20px; padding-left:5px; } div#flashContainer { width:935px; height:482px; } #flash-tools-container { margin:0; width:630px; /*height:391px;*/ height: 357px; } #zoom { width:630px; height:310px; } #controller { width:630px; height:46px; background-color:#e7e9ea; border-bottom:1px solid white; } #zoom-print, #controller-print { display:none; } .regproduct { border-bottom:2px solid #dbe0b6; } .regproduct + .regproduct { margin-top: 20px; } .regproduct .note { color:#999999; text-align:right; } .productline-left { float:left; width:170px; padding:0 20px 0 20px; } .productline-right { width:420px; margin-left:210px; } /* Page Tools */ .page-tools-noborder { width:105px; padding:0 0 0 0; position:absolute; left: 526px; top: 10px; z-index: 2; border:0px solid #e7e9ea; border-bottom: none; } .page-tools-noborder .star { display:block; padding:5px 0 7px 30px; line-height:12px; background-position:0px 9px; } .page-tools-noborder2 .star { display:block; padding:5px 0 7px 30px; line-height:12px; background-position:0px 5px; } .page-tools { width:97px; padding:0 0 0 0; position:absolute; border:1px solid #e7e9ea; border-bottom: none; } .page-tools .plus { display:block; padding:5px 0 7px 23px; line-height:12px; background-position:8px 9px; border-bottom:1px solid #e7e9ea; } .page-tools .print { display:block; padding:6px 0 6px 23px; line-height:12px; background-position:6px 7px; border-bottom:1px solid #e7e9ea; } .page-tools .email { display:block; padding:6px 0 6px 23px; line-height:12px; background-position:6px 9px; border-bottom:1px solid #e7e9ea; } .page-tools .delete { display:block; padding:6px 0 6px 23px; line-height:12px; background-position:7px 8px; border-bottom:1px solid #e7e9ea; } .page-tools .kitchen { display:block; padding:6px 0 6px 23px; line-height:12px; background-position:7px 8px; border-bottom:1px solid #e7e9ea; color:#666666; font-size:10px; line-height:12px; background:url("../images/bullet-grnarrow.gif") no-repeat scroll 9px 9px transparent; } .page-tools .like { display:block; padding:6px 0 6px 23px; line-height:12px; background-position:7px 8px; border-bottom:1px solid #e7e9ea; } .modal-popup { width:500px; border:5px solid #636466; background-color:#ffffff; padding:20px; } .modal-popup input.reg { margin-left:0px; } .modal-popup select.reg { margin-left:0px; } .modal-popup textarea.reg { margin-left:0px; margin-bottom:20px; } .modal-popup h3 { padding-right:85px; margin-bottom:11px; } .modal-bg { background-image:url(../images/bg-50.png); } .account-popup { width: 350px; } .account-popup .header { color:#222222; font-size:20px; font-weight:bold; line-height:20px; } #lightbox { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:20; } #lightbox .lightboxBg { width:100%; height:100%; position:absolute; top:0px; left:0px; background-image:url(../images/bg-50.png); } #lightbox .contentOuter { position:absolute; z-index:1; } .modalelement, .modalclose { cursor:pointer; } .dc-popup { width:586px; border:5px solid #636466; background-color:White; background-image:url(../images/bg-dcpopup.jpg); background-repeat:repeat-x; background-position:0 240px; padding:20px; } .dc-popup .dchead { margin-bottom:25px; } .dc-popup .dcleft { float:left; width:320px; border-right:1px solid #e7e9ea; } .dc-popup .dcright { width:200px; margin:0 0 0 345px;} .dcleft img.subtitle { margin-bottom:16px; } .dcright img.subtitle { margin-bottom:23px; } .dc-popup #forgot-password { margin-right:23px; } .dc-popup input.reg { width:290px; height:15px; margin:1px 0 4px 0; } .dc-popup .dccheckbox { margin-left:-4px; } .dc-popup input.submit { margin:22px 0 0 0; } .dc-popup .profile-select { border-top:1px solid #e7e9ea; border-bottom:1px solid #e7e9ea; margin:20px 0 20px 0; padding:13px 0 13px 0; } .dc-popup a.callout-green { font-size:14px; color:#75870d; padding:0px 0 0 20px; background: transparent url(../images/bullet-callout.gif) no-repeat; display:block; } .dc-popup a.callout-green:hover { text-decoration:underline; color:#75870d; background-image:url(../images/bullet-callout-on.gif); } .dc-popup .form-error { color:#FFFFFF; font-size:12px; margin-left:0px; font-weight:bold; width:300px; padding:8px 0 6px 20px; margin-bottom:10px; background-color:#88970c; } .designcontest .dc-left { float:left; width:280px; padding:20px 0 0 10px; border-top:1px solid #e7e9ea; margin-top:20px; } .designcontest .dc-right { margin-left:320px; width:615px; padding:20px 0 0 0; border-top:1px solid #e7e9ea; margin-top:20px; } .designcontest table.dctable { border-collapse:collapse; margin-bottom:16px; } .designcontest table.dctable td { padding:5px 0 8px 0; border-top:1px solid #e7e9ea; border-bottom:1px solid #e7e9ea; text-align:left; } .designcontest table.dctable td img { margin-bottom:3px; } .designcontest table.dctable td.col1 { padding-right:4px; } .designcontest table.dctable td.col4 { padding-right:3px; } .designcontest .dc-left p { margin-bottom: 15px; } .dctleft-two { float:left; width:613px; } .dctright { width:252px; padding:18px 30px 0 10px; margin-left:643px; margin-top:20px; border-top:1px solid #e7e9ea; } .dctleft { float:left; width:281px; padding:18px 0 0 10px; margin-top:20px; border-top:1px solid #e7e9ea; } .dctmid { width:282px; padding:18px 0 0 10px; margin-left:321px; margin-top:20px; border-top:1px solid #e7e9ea; } .dc-navwrapper { width:275px; height:29px; padding:12px 10px 0 0; text-align:right; background-image:url(../images/bg-steel.jpg); background-repeat:no-repeat; } .dc-hoverdiv { padding:3px 1px 1px 1px; background-color:#fff; position:absolute; top:-145px; left:60px;z-index:5000; border: 5px solid #636466; } .dc-hoverdiv .closebtn { margin:0 11px 2px 0; } .video-popup { width:640px; height:380px; border:5px solid #636466; background-color:#ffffff; padding:20px; } .video-popup #modal_zoom { width:640px; height:360px; } /* Page Styles */ #landing-header { padding:34px 0 17px 10px; } #landing-header h3 { margin-top:6px; width:580px; } #landing-header-nocopy { padding:34px 0 22px 10px; } #category-header { padding:40px 0 23px 10px; } #newcategory-header { padding:0 0 23px 10px; } #category-header h3 { width:540px; } #page-header { padding:18px 0 20px 10px; width:580px; } #page-header-dc { padding:13px 0 25px 10px; } #page-header-nocopy { padding:18px 0 17px 10px; } #page-header-short { padding:18px 0 0 10px; } #featured-wrapper { height:172px; background-color:#e5ecd2; margin-bottom:20px; } #featured-wrapper-dc { height:213px; background-color:#e5ecd2; margin-bottom:20px; } #featured-img { float:left; } #featured-text { margin-left:335px; padding:20px 25px 0 5px; } .featured-title { margin-bottom:15px; } #twocol-left { float:left; width:305px; padding-right:20px; } #twocol-right { width:305px; margin-left:325px; } .content-section { padding:0px 5px 20px 10px; } .content-section-nocopy { padding:0px 0 13px 10px; } .landing-section { padding:20px 0 20px 10px; border-top:1px solid #e7e9ea; } .landing-section-noborder { padding:20px 0 20px 10px; } #threecol-left { float:left; width:190px; padding-right:20px; } #threecol-middle { width:190px; margin:0 210px 0 210px; padding-right:20px; } #threecol-right { float:right; width:190px; padding-right:20px; } #selector { width:608px; padding:9px 10px 8px 10px; margin-bottom:20px; border:1px solid #e7e9ea; background-image:url(../images/bg-tipselector.jpg); background-repeat:repeat-x; } #selector .sIFR-h2, #selector img { margin-bottom:7px; } #selector select { width:294px; height:19px; } #selector select.left { margin-right:17px; } #detail-leftcol { float:left; width:515px; padding-top:10px; border-top:1px solid #e7e9ea; } #detail-content { font-size:12px; line-height:18px; padding:4px 10px 10px 10px; } #detail-content-kdc { font-size:12px; line-height:18px; padding:0px 10px 10px 0px; } #detail-content-kdc h2 { font-size: 16px; line-height: 22px; color: #000; } #detail-rightcol { width:105px; margin-left:515px; padding-left:10px; } #detail-articleimg { margin:20px 0 20px 0; } #detail-related { position:absolute; width:190px; left:315px; } #gak-leftcol { float:left; width:410px; padding-left:10px; margin-top:18px; } #gak-rightcol { width:200px; margin-left:430px; margin-top:18px; } #gak-designer { float:left; width:190px; height:190px; margin:0 10px 20px 0; } #gakmain-left { float:left; width:305px; padding-right:20px; margin-top:30px; } #gakmain-left .subtitle-wrapper { margin-left:10px; } #gakmain-right { width:305px; margin:30px 0 0 325px; } #gakmain-right .subtitle-wrapper { margin-left:10px; } #gakresult-content { width:630px; padding:10px 0 0 0; border-top:1px solid #e7e9ea; } #gakresult-content table { width:100%; } #gakresult-content table td { width:33%; padding:0 10px 15px 10px; } #gakresult-content table td img { margin-bottom:5px; } #gakresult-content table td a { color:#666666; } #gakresult-content table td a:hover { color:#88970c; text-decoration:underline; } #gakresult-content .title-copy { margin:0 0 10px 10px; } .manufacture-section { margin:3px 0 0 0; padding-bottom:5px; border-top:1px solid #e7e9ea; } .manufacture-section .section-title { margin:5px 0 0 10px; } .manufacture-section ul { margin:0; padding:0; } .manufacture-section ul li { padding:2px 0 0 19px; list-style-type:none; background:transparent url(../images/bullet-arrow.gif) no-repeat; background-position: 12px 7px; } .manufacture-section ul li a { color:#666666; } .manufacture-section ul li a:hover { color:#88970c; text-decoration:underline; } .manufacture-section ul li.plain { padding:2px 0 0 19px; list-style-type:none; background-image:none;} .list-section { border-top:2px solid #e7e9ea; padding-bottom:10px; } .list-section .section-title { margin:10px 0 10px 10px; } .list-section .section-title-morepad { margin:10px 0 15px 10px; } .list-section ul { margin:0; padding:0; } .list-section ul li { padding:2px 0 4px 17px; border-top:1px solid #e7e9ea; list-style-type:none; background:transparent url(../images/bullet-arrow.gif) no-repeat; background-position: 10px 7px; } .list-section ul li.hover { background-color:#e5ecd2; } .list-section ul li.top { border-top:0 } .list-section ul li.bottom { border-bottom:1px solid #e7e9ea } .list-section ul li.top-hover { border-top:0; background-color:#e5ecd2; } .list-section ul li a { color:#666666; } .list-section ul li a:hover { color:#88970c; text-decoration:underline; } .list-section ul li a:visited { color:#999999; } .stark-section { padding-bottom:10px; } .stark-section .section-title { margin:10px 0 10px 10px; } .stark-section ul { margin:0; padding:0; } .stark-section ul li { padding:2px 0 4px 10px; border-bottom:1px solid #e7e9ea; list-style-type:none; } .stark-section ul li.top { border-top:1px solid #e7e9ea; } .link-list { margin:5px 0 0 0; padding:0; } .link-list li { padding:0; margin:0; list-style-type:none; } div.app-popup { width:665px; height:85%; overflow:auto; } .newclass { background-color:#e5ecd2; } .fok-popup { background-image:url(../images/fok-frame.gif); background-repeat:no-repeat; padding:4px 4px 4px 13px; } .contact-table-yellow {padding:0; border:0;background-color:#feffd9;} .contact-table-yellow td {width:285px; padding:15px 20px 20px 10px;vertical-align:top;font-size:13px;color:#898989; } .contact-table-yellow td.border {width:285px;padding:15px 20px 20px 10px;vertical-align:top;border-left:1px solid #e7e9ea;font-size:13px;color:#898989;} .contact-table-yellow p {font-size:13px;color:#898989;padding:5px 0;} .contact-table-yellow h4 {font-size:18px;line-height:20px;margin-top:0px;color:#666666;padding-bottom:5px;} .contact-table-yellow p.large {font-size:16px;color:#666666;} .contact-table-green {padding:0; border:0;background-color:#f4ffe6;margin-top:20px;} .contact-table-green td {width:285px; padding:15px 20px 20px 10px;vertical-align:top;font-size:13px;color:#898989; } .contact-table-green td.border {width:285px;padding:15px 20px 20px 10px;vertical-align:top;border-left:1px solid #e7e9ea;font-size:13px;color:#898989;} .contact-table-green p {font-size:13px;color:#898989;padding:5px 0;} .contact-table-green h4 {font-size:16px;line-height:20px;margin-top:0px;color:#666666;padding-bottom:5px;} .contact-table-green p.large {font-size:14px;color:#666666;} .contact-table-green .callout {margin-top:0px;} .contact-twocol-table {padding:0; border:0;margin-top:20px;} .contact-twocol-table td {width:285px; padding:15px 20px 20px 10px;vertical-align:top;font-size:11px;color:#666666;} .contact-twocol-table td.border {width:285px;padding:15px 20px 20px 10px;vertical-align:top;font-size:11px;color:#666666;border-left:1px solid #e7e9ea;} .contact-twocol-table p {font-size:11px;color:#666666;padding:5px 0;} .contact-twocol-table h4 {font-size:15px;line-height:20px;margin-top:0px;color:#666666;padding-bottom:5px;} .contact-twocol-table p.large {font-size:13px;color:#666666;margin-top:0px;} .contact-twocol-table .reg { margin:0px; width: 280px;} .contact-twocol-table .callout {margin-top:0px;} .warranty .callout {margin-top:10px;} #blog-wrapper { padding:0 0 0 10px; width:510px; } .blog-entry { border-bottom:1px solid #e7e9ea; margin-bottom:16px; padding-bottom:30px;} .blog-entry .large { width:330px; margin-bottom:3px } #tabs-body { border:1px solid #e7e9ea; border-top:0px; height:100%; } #tabs-body * h4 { font-size:12px; font-weight:bold; margin: 0 0 2px 0; line-height:normal; } #tabs-body * p + h4 { margin-top: 8px; } .tab { display:block; float:left; cursor:pointer; } .tabblank { display:block; float:left; } html>body #productdetails { *margin-top: -3px; } /* IE7/Quirk fix */ #productdetails .page-tools { left:531px; top:65px; z-index: 2; } .prod-detail-left { float:left; width:470px; padding:21px 0 10px 10px; position: static; } .prod-detail-left-nolpad { float:left; width:480px; padding:21px 0 10px 0px; } .prod-detail-left-hidden { float:left; width:505px; padding:21px 0 10px 10px; position:absolute; left:-5000px; top:0px; } .prod-detail-left-handles { float:left; width:610px; padding:21px 0 10px 10px; position:absolute; left:-5000px; top:0px; } .prod-detail-left-nolpad-hidden { float:left; width:480px; padding:21px 0 10px 0px; position:absolute; left:-5000px; top:0px; } .prod-detail-left-rangetop { float:left; width:620px; padding:21px 0 10px 10px; position:absolute; left:-5000px; top:0px; } .prod-detail-left-steam { float:left; width:610px; padding:21px 0 10px 10px; position: static; } .prod-detail-right { position:relative; width:100px; left:525px; padding-top:19px; } .prod-detail-right-extra { position:relative; left:-5000px; top:0px; } .detail-tab .section-header { margin-bottom: 10px; } .rangetop-type { width:182px; border-top:1px solid #e7e9ea; padding:10px 15px 0 3px; margin-bottom:15px; } .rangetop-type .sIFR-h2 { margin-bottom:10px; } .rangetop-type img { margin-bottom:4px; } div.rangetop-option { margin:4px 0 23px 7px; color:#999999; font-size:11px; line-height:14px; } .prod-detail-left .sub-left, .prod-detail-left-hidden .sub-left { float:left; width:185px; } .prod-detail-left .sub-right, .prod-detail-left-hidden .sub-right { width:185px; margin-left:210px; } .prod-detail-left .big-left, .prod-detail-left-hidden .big-left, .prod-detail-left-rangetop .big-left { float:left; width:296px; } .prod-detail-left .sm-right, .prod-detail-left-hidden .sm-right { width:170px; margin-left:300px; } .prod-detail-left-rangetop .sm-right { width:200px; margin-left:300px; } .prod-detail-left .section, .prod-detail-left-hidden .section { margin-bottom:35px; } .prod-detail-left .sIFR-h2, .prod-detail-left-hidden .sIFR-h2 { margin-bottom:13px; } .prod-detail-left .section ol, .prod-detail-left .section ul, .prod-detail-left-hidden .section ol, .prod-detail-left-hidden .section ul { margin:0; } .prod-detail-left .logo-energystar { margin-top:40px; } .prod-detail-left .logo-natpromo { margin: 0 0 0 8px; } .prod-detail-left-hidden .for-owners-left, .prod-detail-left-rangetop .for-owners-left { float:left; width: 340px; margin-right: 30px; } .for-owners { width: 600px; } .for-owners-right { width: 230px; float: right; } .for-owners .section { width: 505px; } .for-owners .faq-container { margin-top: 30px; } .for-owners-left .product-video { float: left; width: 85px; margin: 10px 20px 0 0; } .for-owners-left .product-video img { width: 85px; height: 86px; margin-bottom: 5px; text-decoration: none; } .for-owners-left .product-video a:hover img:hover { text-decoration: none; border: none; } .detail-filter { float:left; width:170px; margin-right:40px;} .detail-filter .filter-link { height:28px; margin:0; padding:0 0 0 10px; background:transparent url(../images/bullet-grnarrow.gif) no-repeat; background-position:0 3px; } .detail-filter .filter-link a { color:#8f8f8f; font-weight:bold; font-size:11px; line-height:14px; text-decoration:none; } .detail-filter .filter-link a:hover { color:#88970c; } #specsheet-body { border:1px solid #e7e9ea; border-top:0px; height:100%; } .specsheet-link-wrapper { padding:10px 0 0 10px; font-size:11px; } .specsheet { margin:0 2px 0 2px; padding-left:8px; border-bottom:2px solid #dbe0b6; } .specsheet .sIFR-h2 { margin-top:26px; padding-bottom:6px; } .specsheet .name { float:left; width:180px; font-size:12px; line-height:16px; height:16px; padding:2px 0 2px 0; } .specsheet .wrapper { width:421px; margin-left:195px; padding-top:0px; } .specsheet .note { padding:16px 10px 15px 10px; font-size:10px; color:#999999; } .greenkitchen #left2 { float:left; width:630px; } .greenkitchen #left-col { float:left; width:295px; padding:20px 0 0 10px; } .greenkitchen #mid-col { width:285px; margin-left:325px; padding:20px 0 0 20px; } .greenkitchen #right-col { width:285px; margin-left:650px; padding:10px 0 0 0; } .greenkitchen a.arrow { padding:0 0 2px 8px; display:block; background:transparent url(../images/bullet-arrow.gif) no-repeat; background-position:0 5px; } .greenkitchen a.arrow:hover { color:#88970C; text-decoration:underline; } .greenkitchen select { width:240px; height:19px; margin-bottom:20px; } .greenkitchen #left2 #left-col .section { padding-bottom:25px; } .greenkitchen #left2 #mid-col .section { padding:10px 0 0 0; margin-bottom:20px; border-top:1px solid #e7e9ea; } .greenkitchen #right-col .section { border-bottom:1px solid white; } .sitemap #left2 { float:left; width:640px; } .sitemap #left-col { float:left; width:300px; padding:0 0 0 0; } .sitemap #mid-col { width:300px; margin-left:325px; padding:0 0 0 0; } .sitemap #right-col { width:285px; margin-left:650px; padding:0 0 0 0; } .sitemap * a.title-blue { font-size:20px; line-height:28px; color:#608bb3; display:block; border-bottom:1px solid #e7e9ea; padding:0 0 7px 10px; font-family:"helvetica neue light", helvetica, arial, verdana, sans-serif; text-decoration:none; } .sitemap * a.title-blue:hover { text-decoration:none; color:#666666; } .sitemap * a.title-orange { font-size:20px; line-height:28px; color:#bf4a1d; display:block; border-bottom:1px solid #e7e9ea; padding:0 0 7px 10px; font-family:"helvetica neue light", helvetica, arial, verdana, sans-serif; text-decoration:none; } .sitemap * a.title-orange:hover { text-decoration:none; color:#666666; } .sitemap * a.title-green { font-size:20px; line-height:28px; color:#929d74; display:block; border-bottom:1px solid #e7e9ea; padding:0 0 7px 10px; font-family:"helvetica neue light", helvetica, arial, verdana, sans-serif; text-decoration:none; } .sitemap * a.title-green:hover { text-decoration:none; color:#666666; } .sitemap * .title-black { font-size:20px; line-height:28px; color:#333333; border-bottom:1px solid #e7e9ea; padding:0 0 7px 10px; font-family:"helvetica neue light", helvetica, arial, verdana, sans-serif; } .sitemap * a.section { color:#333333; font-size:12px; border-bottom:1px solid #e7e9ea; padding:10px 0 8px 25px; margin-bottom:6px; display:block; line-height:12px; background:transparent url(../images/bullet-grnarrow.gif) no-repeat; background-position:11px 12px; text-decoration:none; } .sitemap * a.section:hover { color:#333333; } .sitemap * a.category { color:#333333; font-size:12px; padding:13px 0 14px 25px; display:block; line-height:12px; background:transparent url(../images/bullet-grnarrow.gif) no-repeat; background-position:11px 15px; text-decoration:none; } .sitemap * a.category:hover { color:#333333; } .sitemap * a.page { color:#5d5d5d; font-size:11px; padding:1px 0 8px 25px; display:block; line-height:11px; text-decoration:none; } .sitemap * a.page:hover { color:#5d5d5d; } .sitemap * .lk a.section:hover { color:#8e943a; } .sitemap * .lk a.category:hover { color:#8e943a; } .sitemap * .lk a.page:hover { color:#8e943a; } .sitemap * .sz a.section:hover { color:#608bb3; } .sitemap * .sz a.category:hover { color:#608bb3; } .sitemap * .sz a.page:hover { color:#608bb3; } .sitemap * .wolf a.section:hover { color:#b04f29; } .sitemap * .wolf a.category:hover { color:#b04f29; } .sitemap * .wolf a.page:hover { color:#b04f29; } .sitemap * div.section { border-bottom:1px solid #e7e9ea; } .dealerlist .large { margin: 10px 23px; font-weight: bold; } .dealerlist .title-black { margin-top: 27px; } .dealerlist .column { float: left; width: 290px; margin-right: 20px; } .dealerlist #selector { width: 294px; } #productdetailpagetools { margin:0; } #doclist-wrapper { width:417px; } #doclist-wrapper img { margin:1px 0 8px 10px; } #doclist-wrapper .leftcol { float:left; width:210px; } #doclist-wrapper .rightcol { width:197px; margin-left:220px; } #doclist-wrapper table { width:100%; padding:0; border:0; border-collapse:collapse; } #doclist-wrapper table td { width:100%; padding:4px; border-top:1px solid #e7e9ea; border-bottom:1px solid #e7e9ea; } #doclist-wrapper .leftcol table td.icon { width:12px; padding-left:8px; } #doclist-wrapper .rightcol table td.item { padding-left:10px; } #doclist-wrapper .rightcol table td.icon3 { width:12px; padding-left:8px; padding-top:5px; } #doclist-wrapper .rightcol table td.icon2 { padding-right:15px; } .faq-filters h3, .state-filters h3 { font-weight: bold; color: #333333; margin-bottom: 10px; } .faq-filters .col1, .faq-filters .col2 { width: 49%; } .faq-filters .col1 { float: left; } .faq-filters .col2 { float: right; } .faq-filters select, .faq-filters select { width: 100%; } #faqlist { margin-left:10px; width:420px; } .detail-tab #faqlist { margin-left: 0; } #faqlist .large { padding:16px 0 6px 10px; border-bottom:1px solid #e7e9ea; } #faqlist .question-wrapper { border-bottom:1px solid #e7e9ea; } #faqlist .question { padding:7px 0 7px 7px; } #faqlist .question a { font-size:11px; line-height:13px; color:#666666; display:block; background:url(../images/bullet-plus-lg.gif); background-repeat:no-repeat; background-position:0 3px; padding:0 0 0 16px; } #faqlist .question a:hover { text-decoration:none; color:#88970c; } #faqlist .question-act { padding:7px 0 7px 7px; background-color:#f7f8f8; } #faqlist .question-act a { font-size:11px; line-height:13px; font-weight:bold; color:#666666; display:block; background-image:url(../images/bullet-minus.gif); background-repeat:no-repeat; background-position:0 4px; padding:0 0 0 16px; } #faqlist .question-act a:hover { text-decoration:none; color:#88970c; } #faqlist .answer { background-color:#f7f8f8; padding:0px 10px 10px 23px; } #kdc-page .lk-link { width:13px; height:13px; background: url(/common/images/icon-help.png) no-repeat; } #kdc-page .lk-pop { position: absolute; bottom: -12px; left: -18px; display: none; width: 259px; padding: 0 30px 30px 16px; background: url(/common/images/bg-lk-kdc.png) no-repeat bottom; } #kdc-page .lk-pop-before { position: absolute; top: -10px; left: 0; width: 305px; height: 10px; background: url(/common/images/bg-lk-top-kdc.png); } /* My SubZero */ .hover-list-wrapper { border-bottom:2px solid #dbe0b6; margin-bottom:20px; } .hover-list { border-top:2px solid #dbe0b6; padding-top:10px; } .hover-list .sIFR-h2 { padding:0 0 10px 10px; } .hover-list table { padding:0; border:0; margin-bottom:10px; width:100%; } .hover-list tr { cursor:pointer; } .hover-list td { vertical-align:top; padding:0 0 4px 0; } .hover-list td.arrow { padding:0 13px 0 14px; } .hover-list td.icon { padding:2px 9px 0 10px; } .hover-list td.note { padding:0 0 4px 10px; } .hover-list tr.hover { background-color:#e7e9ea; } .hover-list a.item { color:#666666; } .hover-list a.item:hover { color:#88970c; } .hover-trash { width:14px; height:21px; visibility:hidden; background-color:#e7e9ea; } .hover-trash input { margin:4px 0 0 5px; } .mysz #sm-left { float:left; width:190px; border:1px solid #e7e9ea; background-image:url(../images/bg-form.gif); padding:12px 0 0 8px; height:288px; } .mysz #sm-left .sIFR-h2 { margin-bottom:15px; } .mysz #sm-left .large { margin-bottom:6px; } .mysz #big-right { width:420px; margin-left:210px; } .mysz #registered { border:1px solid #e7e9ea; padding:10px 9px 20px 9px; margin-bottom:20px;} .mysz #registered .sIFR-h2 { padding-bottom:7px; } .mysz .orderline { border-bottom:1px solid #e7e9ea; padding:4px 0 2px 12px; cursor:pointer; } .mysz .orderline .ordernumber { float:left; width:145px; } .mysz .orderline .ordernumber a { text-decoration:none; } .mysz .orderline .ordernumber a:hover { text-decoration:none; } .mysz .orderdtl { background-color:#ebecee; padding:10px 0 15px 0; } .mysz .orderdtl table { } .mysz .orderdtl table th, .mysz .orderdtl table td { padding:0 5px 20px 5px; } .mysz .orderdtl table td.totalrow { padding:0 5px 0 5px; } .mysz .orderdtl table th.thumb, .mysz .orderdtl table td.thumb { width:107px; } .mysz .orderdtl table th.name, .mysz .orderdtl table td.name { width:140px; } .mysz .orderdtl table th.price, .mysz .orderdtl table td.price { width:50px; } .mysz .orderdtl table th.qty, .mysz .orderdtl table td.qty { width:55px; } .mysz .orderdtl table th.total, .mysz .orderdtl table td.total { } .mysz .orderline .orderdate { float:left; width:215px; } .mysz .orderline .orderstatus { float:left; } .expander { height:18px; padding:2px 0 0 12px; cursor:pointer; background-image:url(../images/bg-opener.gif); background-repeat:repeat-x; } .expander input { margin-right:9px; } .expander div.text-link-plus { background:url(../images/icon-plus.gif) no-repeat 0 5px; padding-left:15px; } .expander div.text-link-minus { background:url(../images/icon-minus.gif) no-repeat 0 5px; padding-left:15px; } table.careers { width:630px; border:0px; padding:0px; } table.careers th { padding:35px 0 9px 10px; border-bottom:1px solid #e7e9ea; } table.careers td { padding:3px 0 3px 10px; border-bottom:1px solid #e7e9ea; } table.careers th.spacer, table.careers td.spacer { padding:0; border:0px; } .maintenance { border:1px solid #e7e9ea; margin-bottom:30px; background-image:url(../images/bg-searchresults.jpg); background-repeat:repeat-x; } .maintenance .subtitle-wrapper { margin-top:13px; margin-left:8px; } .maintenance .alert { padding-right:8px; padding-bottom:6px; padding-left:8px; } .maintenance .alert-desc { padding:0 48px 10px 31px; } .maintenance .alert-desc input { margin:0 4px 0 -4px; } .maintenance .alert-reset { padding:10px 40px 10px 31px; background-color:#f5f5f5; } .maintenance .alert-reset .subtitle-wrapper { margin-top:0; margin-left:0; } /* Product/Category list styles */ .list-table { border-collapse:collapse; width:630px; } .list-table td { border:1px solid #e7e9ea; } .list-table td.noborder { border:0; } .prod-hover { position:absolute; top:-10px; left:-1px; width:207px; height:225px; display:none; text-align:right; padding-top:7px; border:2px solid #e7e9ea; } .prod-wrapper { position:relative; border:3px solid #FFFFFF; } .prod-wrapper-on { position:relative; border:3px solid #e7e9ea; } .item-wrapper { position:relative; } .item-hover { position:absolute; top:-10px; left:-1px; width:209px; cursor:pointer; height:212px; background-color:#608bb3; filter:alpha(opacity=90); opacity:0.9; display:none; z-index:10; } .wolf .item-hover { background-color:#bf4a1d; } .cat-desc { color:#FFFFFF; font-size:14px; line-height:18px; padding:10px 18px 0 18px; } .item-name { padding:0px 0 0 10px; margin:9px 0 5px 8px; line-height:12px; background-image:url(../images/bullet-grnarrow.gif); background-repeat:no-repeat; background-position:0px 2px; } a.item-name-plus { color:#666666; padding:0px 0 0 10px; margin:9px 0 5px 8px; display:block; line-height:12px; background-image:url(../images/bullet-plus.gif); background-repeat:no-repeat; background-position:0px 3px; } a.item-name-on { color:#FFFFFF; padding:0px 0 0 10px; margin:9px 0 5px 8px; display:block; line-height:12px; background-image:url(../images/bullet-whtarrow.gif); background-repeat:no-repeat; background-position:0px 2px; } .item-image { margin:0 18px 13px 18px; } .item-badges {position: absolute; width: 42px; bottom: 12px;line-height: 5px;} .dealer-item { padding:15px 9px 15px 9px; width:187px; } .showroom-item { padding:10px 20px 20px 10px; } .showroom-left { float:left; width:175px; } .showroom-right { margin-left:200px; } #search-results { width:608px; padding:16px 10px 8px 10px; margin-bottom:20px; border:1px solid #e7e9ea; background-image:url(../images/bg-searchresults.jpg); background-repeat:repeat-x; } #search-results #twocol-left { float:left; width:240px; } #search-results #twocol-right { width:300px; margin-left:290px; } #search-results #twocol-left2 { float:left; width:280px; } #search-results #twocol-right2 { width:300px; margin-left:300px; } #search-results #field-table { margin-top:20px; } #search-results #field-table td { padding-top:3px; } #search-results select.reg { height:19px; margin:2px 0 0 0px; } #search-results input.reg { width:290px; height:14px; margin:1px 0 0 0px; } #international select.reg { height:19px; margin:15px 0 20px 10px; } #international #result-wrapper { border-top:1px solid #e7e9ea; padding-top:17px; } #international #result-wrapper div { margin:0 0 6px 10px; } #international img.intlMap { border-top:1px solid #e7e9ea; } #international table { border:0px; padding:0px; width:100%; } #international table td { width:33%; padding:0 0 12px 15px; color:#999999; } #international table td a { color:#999999; } #international table td a:hover { color:#88970c; text-decoration:underline; } .intl-country-list-wrapper { position:absolute; top:-320px; left:95px; width:400px; height:300px; padding:20px; border:6px solid #B4B7B9; filter:alpha(opacity=90); opacity:0.9; background-color:#FFF; } table.intl-country-list td a { color:#7d8b06 !important; } table.intl-country-list td { padding: 1px 5px 1px 5px !important; width: 25% !important; vertical-align:top; } /* Form Page Styles */ #form-head { width:610px; padding:18px 0 38px 10px; } #form-head h3 { margin-top:6px; width:580px; } #form-left-col { float:left; width:200px; } .form-left-content { padding:20px 10px 0 10px; } .form-left-content-notop{ padding:0px 10px 0 10px; } .form-left-section { padding:20px 10px 10px 0px; } .form-left-section .sIFR-h2-twoline, .form-left-section .sIFR-h2 { padding-bottom:5px; } #form-wide { background-image:url(../images/bg-form.gif); background-repeat:repeat-x; border:1px solid #e7e9ea; padding:5px 5px 40px 5px; text-align:left; } #form-wide .reg { margin-left: 0; } #form-main-col { width:313px; margin-left:200px; background-image:url(../images/bg-form.gif); background-repeat:repeat-x; border:1px solid #e7e9ea; padding:18px 105px 40px 10px; text-align:left; } #form-main-col-plain { width:413px; margin-left:200px; padding:18px 0px 40px 10px; text-align:left; } #form-main-col-plain .sIFR-h1 { padding-bottom:10px; } #form-main-col.form-align-left, .form-error.form-align-left { margin-left: 0; } .form-error {margin-left:200px; width:410px;} .form-error-wide {margin-left:0px;} .form-error,.form-error-wide { color:#FFFFFF; font-size:12px; font-weight:bold; padding:8px 0 6px 20px; background-color:#88970c; } .form-error a,.form-error-wide a { color: #FFFFFF; } .form-section { border-bottom:1px solid #e7e9ea; padding-bottom:15px; margin-bottom:15px; } .ui-dialog-content .form-section { border-bottom:0; padding-bottom:0; margin-bottom:0; } #NewsletterPopup .form-section { border-bottom:1px solid #e7e9ea; padding-bottom:15px; margin-bottom:15px; } .email-friend label { display: block; } ul.form-error { background: transparent url(../images/bg-form.gif) repeat-x; border: 1px solid #88970c; color: #666; font-weight: normal; font-size: 11px; margin-top:0; padding-left: 32px; width: 396px;} span.form-error { display:block; } .email-friend .form-error, #NewsletterPopup .form-error, #config-save-form .form-error { margin-left: 0; } .form-error-signup { color:#FFFFFF; font-size:12px;font-weight:bold; padding:8px 0 6px 20px; background-color:#88970c; } .form-error-signup a { color: #FFFFFF; } ul.form-error-signup { background: transparent url(../images/bg-form.gif) repeat-x; border: 1px solid #88970c; color: #666; font-weight: normal; font-size: 11px; margin-top:0; padding-left: 32px;} span.form-error-signup { display:block; } .form-section h2, .form-section p, .form-section a { margin-left:10px; } .form-section .radio{ margin-left: 2px; } #form-main-col span, #form-main-col label { padding:0 0 0 10px; line-height:14px !important; } #form-main-col span.required, #form-main-col label.required { background:transparent url(../images/bullet-star.gif) no-repeat; } #form-main-col span.error, #form-main-col label.error { color:#88970c; font-weight:bold; background:transparent url(../images/bullet-star.gif) no-repeat; } span.error { color:#88970c; font-weight:bold; } #modal-main-col span { line-height:14px !important; } #modal-main-col span.error { padding-left:10px; color:#88970c; font-weight:bold; background:transparent url(../images/bullet-star.gif) no-repeat; } #modal-main-col span.required { padding-left: 10px; background:transparent url(../images/bullet-star.gif) no-repeat; } #modal-form div { margin-bottom: 8px; } .survey-question { display:block; margin-top: 10px;} .surveyAnswer { margin: 2px 0px 10px 10px; } .survey-answer { margin: 2px 0px 10px 10px; } #forgot-password { float:right; margin-right:7px; } .ajax__calendar_container { z-index: 100 !important;} /* Form Element Styles */ select.reg { width:294px; height:19px; margin:2px 0 4px 10px; } select.med { width:140px; height:19px; margin:2px 0 4px 10px; } input.reg { width:290px; height:15px; margin:1px 0 4px 10px; } textarea.reg { width:290px; height:160px; margin:1px 0 4px 10px; } input.submit { margin-left:10px; } div.checkbox { float:left; width:25px; margin-bottom:4px; margin-left:6px;} div.check-label { margin-bottom:4px; padding-top:3px; } div.reg { margin:1px 0 4px 10px; height:19px } div.select-label { margin-top: 1px; } /* Content Column Styles */ img.spiff { padding-right: 1px; } img.subhead { margin-bottom:8px; } img.detail-head { margin-bottom:20px; } img.threecol-mid { margin:0 20px 0px 20px; } .img-wrapper { margin:0px 20px 0px 0px; padding-bottom:10px; } table.float-img { padding:0; border:0; } table.float-img td { width:99%; border:0; padding:0; } table.float-img td.img { width:1%; border:0; vertical-align:top; padding:3px 0 0 20px; } /* Right Column Styles */ /* Product Finder */ .pf-home { background-color:#f3f4f5; background-image:url(../images/bg-dropdown-gradient.jpg); background-repeat:repeat-x; min-height:105px; } #pf-wrapper { } .pf-section-left { padding:11px 11px 11px 11px; width:264px; } .pf-section-right { padding:30px 11px 11px 11px; width:264px; } #pf-wrapper img.title { margin-bottom:10px; } #pf-wrapper select { width:264px; height:19px; margin:5px 0 5px 0; } #pf-wrapper .link { padding-top:6px; } #pf-wrapper .divider { width:100%; background-color:#FFFFFF; } /* Right Nav */ .nav-node { background-color:#FFF; border-top:1px solid #ECEDEE; font-size:12px; color:#333; width:259px; height:23px; padding:8px 0 0 26px; cursor:pointer; cursor:hand; } .nav-node-active-sz { background-color:#F8F8F8; border-top:1px solid #ECEDEE; font-size:12px; color:#608BB3; width:259px; height:23px; padding:8px 0 0 26px; cursor:pointer; cursor:hand; } .subnav-node { background-color:#f8f8f8; border-top:1px solid #FFF; font-size:11px; width:259px; height:16px; color:#5d5d5d; padding:3px 0 0 26px; cursor:pointer; cursor:hand; } .subnav-node-active-sz { background-color:#D4DFE9; border-top:1px solid #FFF; font-size:11px; width:259px; height:16px; color:#333; padding:3px 0 0 26px; cursor:pointer; cursor:hand; } /* sIFR Styles */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { visibility: hidden; } .sIFR-hasFlash h2 { visibility: hidden; } /* hide is used in KDC and KDC admin pages */ .hide {display:none;} /* sIFRs must be wrapped in the coresponding div the swf adds padding to the text which is corrected by nesting it in a div with overflow hidden */ h1#landing { position:absolute; top:-11px; font-size:41px !important; line-height:55px; margin:0; padding:0; visibility:hidden; } h1 { position:absolute; top:-8px; font-size:30px !important; line-height:40px; margin:0; padding:0; font-family:"SZWLight", Helvetica, sans-serif; font-weight:normal; } h2 { position:absolute; top:-3px; font-size:10px !important; line-height:16px; margin:0; padding:0; font-family:"SZWLight", Helvetica, sans-serif; font-weight:normal; } h3.replace-title-gray-sml { position:absolute; top:-3px; font-size:7px !important; line-height:13px; margin:0; padding:0; } /* work on replacing the above with these styles */ h1.normal { font-size:30px !important; line-height:40px; margin:0 0 8px 0; padding:0; position:static; top:inherit; } h1.small { font-size:24px !important; line-height:30px; margin:0 0 8px 0; padding:0; position:static; top:inherit; } h2.normal { font-size:10px !important; line-height:16px; margin:0 0 0 0; padding:0; position:static; top:inherit; } div.sIFR-landing { position:relative; overflow:hidden; height:42px; } div.sIFR-h1 { position:relative; overflow:hidden; height:31px; padding-bottom: 20px;} div.sIFR-h1-twoline { position:relative; overflow:hidden; height:70px; } div.sIFR-h1-sm { position:relative; overflow:hidden; height:31px; background-color:red; } div.sIFR-h1-sm-twoline { position:relative; overflow:hidden; height:70px; } div.sIFR-h2 { position:relative; overflow:hidden; height:10px; } div.sIFR-h2-twoline { position:relative; overflow:hidden; height:26px; } /*setting default colors for non-Flash browsers*/ h1.replace-title-green { color:#929d74; } h1.replace-title-ltgreen { color:#b0bc8b; } h1.replace-title-blue { color:#6699cc; } h1.replace-title-orange { color:#cc6633; } h1.replace-title-integrated { color:#064d8f; } /* End sIFR Styles */ /* Print Styles */ #logo-print, .print-divider, .page-break, .print-subhdr { display:none; width:0; height:0; } /* Grid view table styles */ .dashboard .list-table { border:1px solid #355497; margin-bottom: 12px; } .dashboard .list-table th, .dashboard .list-table td.subHeaderRowStyle { color: #FFFFFF; background-color:#355497; font-weight:bold; text-align:left; } .dashboard .list-table th a { color: #FFFFFF; } .dashboard .list-table td { vertical-align:top; } .dashboard .list-table-alt td { background-color:#F6F6F6; } .dashboard .list-table-highlight td { background-color:#fff0f5; } /* Integrated Microsite */ .integrated { } .integrated div#int-main-wrapper { position:relative; height:405px; width:935px; overflow:hidden; } .integrated div#int-main-slider { position:relative; left:0; width:10000px; } .integrated div.int-main { float:left; position:relative; width:935px; height:405px; } .integrated div.int-main a.callout { background-image:url(../images/outdoorkitchens/icon-callout.png); } .integrated a#close_btn { display:none; position:absolute; top:12px; z-index:2; left:873px; width:51px; height:13px; background:url(../images/outdoorkitchens/btn-close.png) no-repeat; background-position:0 0; } .integrated a#close_btn:hover { background-position:0 -13px; } html>/**/body .integrated a#introducingColumns_video_btn { background-image:url(../images/integrated/btn-introducingColumnsVideo.png);background-image:url(../images/spacer.gif)\0; } html>/**/body .integrated a#productLine_video_btn { background-image:url(../images/integrated/btn-productLineVideo.png);background-image:url(../images/spacer.gif)\0; } .integrated a#introducingColumns_video_btn { display:block; position:absolute; top:233px; z-index:2; left:0px; width:226px; height:25px;background-repeat:no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/images/integrated/btn-introducingColumnsVideo.png", sizingMethod="crop"); cursor:hand; } .integrated div#section3 a#introducingColumns_video_btn {top:276px;} .integrated a#productLine_video_btn { display:block; position:absolute; top:259px; z-index:2; left:0px; width:226px; height:25px; background-repeat:no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/images/integrated/btn-productLineVideo.png", sizingMethod="crop"); cursor:hand; } html>/**/body .integrated a#green_video_btn { background-image:url(../images/integrated/btn-green.png);background-image:url(../images/spacer.gif)\0; } .integrated a#green_video_btn { display:block; position:absolute; top:233px; z-index:2; left:0px; width:114px; height:25px; background-repeat:no-repeat; background-position:0 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/images/integrated/btn-green.png", sizingMethod="crop"); cursor:hand; } .integrated a#introducingColumns_video_btn:hover, .integrated a#productLine_video_btn:hover, .integrated a#green_video_btn:hover { background-position:0 -25px;background-color:#000 !important; } .integrated div#menu { position:absolute; top:-1000px; z-index:5; left:0; height:36px; width:935px;zoom:1; } .integrated div#menu a, .integrated div#menu span {display:block; float:left; height:36px; background-repeat:no-repeat; background-position:0 0; cursor:hand; } .integrated div#menu span {cursor:default;} html>/**/body .integrated div#menu a#int-m0 { background:transparent url(../images/integrated/btn-menu1.png) no-repeat;background-image:url(../images/spacer.gif)\0; } html>/**/body .integrated div#menu a#int-m1 { background:transparent url(../images/integrated/btn-menu2.png) no-repeat;background-image:url(../images/spacer.gif)\0; } html>/**/body .integrated div#menu a#int-m2 { background:transparent url(../images/integrated/btn-menu3.png) no-repeat;background-image:url(../images/spacer.gif)\0; } html>/**/body .integrated div#menu a#int-m3 { background:transparent url(../images/integrated/btn-menu4.png) no-repeat;background-image:url(../images/spacer.gif)\0; } html>/**/body .integrated div#menu a#int-m4 { background:transparent url(../images/integrated/btn-menu5.png) no-repeat;background-image:url(../images/spacer.gif)\0; } html>/**/body .integrated div#menu a#int-m5 { background:transparent url(../images/integrated/btn-menu6.png) no-repeat;background-image:url(../images/spacer.gif)\0; } html>/**/body .integrated div#menu a#int-m6 { background:transparent url(../images/integrated/btn-menu7.png) no-repeat;background-image:url(../images/spacer.gif)\0; } html>/**/body .integrated div#menu span#int-m7 {background:transparent url(../images/integrated/btn-menu-overlap.png) no-repeat;background-image:url(../images/spacer.gif)\0;} .integrated div#menu a#int-m0 { width:141px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/images/integrated/btn-menu1.png", sizingMethod="crop"); margin-right:1px; } .integrated div#menu a#int-m1 { width:139px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/images/integrated/btn-menu2.png", sizingMethod="crop"); margin-right:1px; } .integrated div#menu a#int-m2 { width:162px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/images/integrated/btn-menu3.png", sizingMethod="crop"); margin-right:1px; } .integrated div#menu a#int-m3 { width:58px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/images/integrated/btn-menu4.png", sizingMethod="crop"); margin-right:1px; } .integrated div#menu a#int-m4 { width:165px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/images/integrated/btn-menu5.png", sizingMethod="crop"); margin-right:1px; } .integrated div#menu a#int-m5 { width:61px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/images/integrated/btn-menu6.png", sizingMethod="crop"); margin-right:1px; } .integrated div#menu a#int-m6 { width:61px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/images/integrated/btn-menu7.png", sizingMethod="crop"); margin-right:1px; } .integrated div#menu span#int-m7 { width:141px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/images/integrated/btn-menu-overlap.png", sizingMethod="crop"); } .integrated div#menu a:hover { background-position:0 -36px; } .integrated div#menu a.active, .integrated div#menu a.active:hover { background-color:#000 !important; } .integrated div#menu img {float:left;} .integrated div#section2 div.menu, .integrated div#section4 div.menu, .integrated div#section5 div.menu { float:right;display: inline;margin:5px 5px 0 0;width:280px; height:334px; padding:25px 0 0 0; background:url(../images/integrated/bg-productmenu.png) no-repeat; } html>/**/body .integrated div#section1 div.menu { background:url(../images/integrated/bg-productmenu.png) no-repeat;background-image:url(../images/spacer.gif)\0; } .integrated div#section1 div.menu {float:right;display: inline;margin:5px 5px 0 0;width:280px; height:334px; padding:25px 0 0 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/images/integrated/bg-productmenu.png", sizingMethod="crop"); } .integrated div#section1 div.menu-list {position:absolute;top:30px;left:650px;z-index:3;zoom:1;display:none;width:280px;} .integrated div#section1 div.menu-list img, .integrated div#section2 div.menu img, .integrated div#section4 div.menu img, .integrated div#section5 div.menu img { margin:0 0 10px 16px; } .integrated div#section1 div.menu-list ul, .integrated div#section2 div.menu ul, .integrated div#section4 div.menu ul, .integrated div#section5 div.menu ul { margin:0; padding:0; list-style-type:none; } .integrated div#section1 div.menu-list ul li, .integrated div#section2 div.menu ul li, .integrated div#section4 div.menu ul li, .integrated div#section5 div.menu ul li { padding:3px 0 0 37px; position:relative;z-index:999999; margin-bottom:2px; cursor:pointer; background:url(../images/outdoorkitchens/icon-plus.gif) no-repeat 17px 6px; } .integrated div#section1 div.menu-list ul li.hover, .integrated div#section1 div.menu-list ul li.active, .integrated div#section2 div.menu ul li.hover, .integrated div#section2 div.menu ul li.active, .integrated div#section4 div.menu ul li.hover, .integrated div#section4 div.menu ul li.active, .integrated div#section5 div.menu ul li.hover, .integrated div#section5 div.menu ul li.active { background-color:#000000; background-position:22px 6px; } .integrated div#section1 div.menu-list ul li div.video-cover, .integrated div#section2 div.menu ul li div.link-cover, .integrated div#section4 div.menu ul li div.link-cover, .integrated div#section5 div.menu ul li div.link-cover { position:absolute; top:0; left:0; cursor:pointer; height:20px; width:280px; background-image:url(../images/spacer.gif); } .integrated div.menu h2, .integrated div.menu-list h2 {visibility:visible;color:#FFF;font-size:11px !important;font-weight:normal !important;font-family:arial,verdana,sans-serif;text-transform:uppercase;} .integrated div#intro { width:922px; height:113px; padding:29px 0 0 13px; margin-bottom:30px; background:url(../images/integrated/bg-intro.jpg) no-repeat; } .integrated div#intro p.large { float:left; width:425px; padding-right:20px; margin-right:21px; } .integrated div#intro div#brochure { float:left; width:250px; } .integrated div#intro a#brochure_img { float:left; margin-left:20px; position:relative; top:-10px; display:block; height:120px; width:150px; } .integrated div.border { border-bottom:1px solid #e7e9ea; } .integrated div.int-left { float:left; width:445px; margin-right:21px; padding:0 0 0 13px; } .integrated div.int-right { float:left; width:442px; padding:0 13px 0 0; } .integrated div.int-left select {width:265px;background-color:#f4f4f4;border:1px solid #868686;font-size:11px;font-family:arial,sans-serif;} .integrated div.int-left #doclist-wrapper {margin:20px 0 14px 0;} .integrated div.int-left #doclist-wrapper .integrated-specDownloads {display:none;} .integrated div.int-left div.note {margin-left:10px;display:none;} .integrated div#section1 div#section1-content {position:absolute;top:-1000px;left:0;z-index:2;width:935px;height:405px;background-color:transparent;} .integrated div#section1 div#section1-mainImg {position:absolute;top:0;left:0;z-index:1;width:935px;height:405px;} .integrated div#section1 div.int-popup { width:276px; position:absolute; display:none; z-index:5; } .integrated div#section1 div.int-popup-content { color:#ffffff; padding:10px 24px 10px 12px; background-color:#bf4a1e; } .integrated div#section1 div.int-popup img.int-close { position:absolute; top:5px; right:5px; cursor:pointer; } .integrated div#section1 a.learn-more { display:block; padding-left:20px; margin-top:8px; width:100px; color:#ffffff; background:url(../images/outdoorkitchens/btn-callout.gif) no-repeat 0 2px; } .integrated div#section2 { background:url('../images/spacer.gif') no-repeat; } .integrated div.isActivated-section2 { background-image:url('../images/integrated/bg-integratedProducts.jpg') !important; } .integrated div#section2 div.int-popup-hidden {display:none;} .integrated div#section2 div.left { float:left; padding:71px 0 0 20px; width:445px; } .integrated div#section2 div.left * { color:#ffffff; font-size:12px; } .integrated div#section2 .menu ul {margin:10px 0 0 0;} .integrated div#section2 div.left p.section2-intro, .integrated div#section4 div.left p.section4-intro, .integrated div#section5 div.left p.section5-intro {font-size:16px;line-height:22px;font-weight:normal;} .integrated div#section2 div.int-popup, .integrated div#section4 div.int-popup, .integrated div#section5 div.int-popup { width:639px; height:359px; position:absolute; top:-3000px; left:5px; display:block; z-index:5;background-color:#FFFFFF; } .integrated div#section2 div.int-popup div#int-prodPop-content, .integrated div#section4 div.int-popup div.content, .integrated div#section5 div.int-popup div.content { padding:29px 0 0 14px; width:320px; } .integrated div#section2 div.int-popup img#int-prodPop-close, .integrated div#section4 div.int-popup img.int-close, .integrated div#section5 div.int-popup img.int-close { position:absolute; top:11px; right:14px; cursor:pointer; } .integrated div#section2 div.int-popup div#int-prodPop-img, .integrated div#section4 div.int-popup div.int-prod, .integrated div#section5 div.int-popup div.int-prod { float:right;display: inline; width:270px; text-align:center; margin:35px 15px 0 0; } .integrated div#section2 div.int-popup div#int-prodPop-documents, .integrated div#section4 div.int-popup div.content div.documents { margin-top:15px; padding-top:13px; border-top:1px solid #e7e9ea; } .integrated div#section3 div#section3-content {position:absolute;top:0;left:0;z-index:2;width:400px;height:405px;background-color:transparent;} .integrated div#section3 div#section3-mainImg {position:absolute;top:0;left:0;z-index:1;width:935px;height:405px;} .integrated div#section3 div.left { float:left; padding:73px 0 0 20px; width:300px; } .integrated div#section3 div.left * { color:#ffffff; font-size:12px; } .integrated div#section3 div.left h1.normal {font-size:24px !important;} .integrated div#section3 #columns-videoPlayer {position:absolute;top:-3000px;left:12px;width:379px;height:336px;background-color:#FFF;z-index:4;display:block;} .integrated div#section3 #columns-videoPlayer #columns-videoPlayer-holder {height:209px;padding-top:17px;} .integrated div#section3 div#columns-videoPlayer img.int-close { position:absolute; top:6px; right:6px;z-index:5; cursor:pointer; } .integrated div#section3 #columns-videoDesc-holder {position:relative;top:0;left:0;z-index:4;} .integrated div#section3 .videoDesc {display:block;position:absolute;top:0;left:0;z-index:5;padding:0 15px;} .integrated div#section4 { background:url('../images/spacer.gif') no-repeat; } .integrated div.isActivated-section4 { background-image:url('../images/integrated/bg-green.jpg') !important; } .integrated div#section4 div.left { float:left; padding:72px 0 0 20px; width:385px; } .integrated div#section4 div.left * { color:#ffffff; font-size:12px; } .integrated div#section4 div.int-popup img { margin-bottom:10px; } .integrated div#section5 { background:url('../images/spacer.gif') no-repeat; } .integrated div.isActivated-section5 { background-image:url('../images/integrated/bg-designingIntegrated-off.jpg') !important; } .integrated div#section5 div#section5-content {position:absolute;top:0;left:0;z-index:2;width:935px;height:405px;background-color:transparent;} .integrated div#section5 div#section5-mainImg {position:absolute;top:0;left:0;z-index:1;width:935px;height:405px;display:none;} .integrated div#section5 div.left { float:left; padding:72px 0 0 20px; width:385px; } .integrated div#section5 div.left * { color:#ffffff; font-size:12px; } .integrated div#section5 div.int-popup img { margin-bottom:10px; } .integrated div#section6 h3.replace-title-white, .integrated div#section7 h3.replace-title-white {font-size:18px;font-weight:normal;color:#FFF;margin:11px 0 13px 0;} .integrated div#section6, .integrated div#section7 { background:url('../images/spacer.gif') no-repeat; } .integrated div.isActivated-section6, .integrated div.isActivated-section7 { background-image:url('../images/integrated/bg-photos-videos.jpg') !important; } .integrated div#section6 #integratedPhotos-thumbs {padding:5px 5px 0 14px;width:272px;height:359px;float:left;} .integrated div#section6 #integratedPhotos-thumbs img {float:left;margin:1px 4px 4px 1px;cursor:pointer;cursor:hand;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;} .integrated div#section6 #integratedPhotos-thumbs img.active {margin:0 3px 3px 0; border:1px solid #FFF;cursor:default;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;} .integrated div#section6 #integratedPhotos-enlarged {float:left;position:relative;top:0;left:0;width:639px;height:359px;padding-top:5px;overflow:hidden;} .integrated div#section6 #integratedPhotos-enlarged div.previousHolder {position:absolute;bottom:3px;left:3px;width:27px;height:27px;overflow:hidden;z-index:2;display:none;} .integrated div#section6 #integratedPhotos-enlarged div.nextHolder {position:absolute;bottom:3px;left:238px;width:27px;height:27px;overflow:hidden;z-index:2;} .integrated div#section6 #integratedPhotos-enlarged img.previous {cursor:pointer;cursor:hand;position:absolute;top:0;left:0;} .integrated div#section6 #integratedPhotos-enlarged img.next {cursor:pointer;cursor:hand;position:absolute;top:0;left:0;} .integrated div#section6 #integratedPhotos-enlarged .productList-img {display:none;position:absolute;left:33px;bottom:31px;z-index:3;background:transparent url('../images/integrated/bg-productsInPhoto.png') no-repeat;} .integrated div#section6 #integratedPhotos-enlarged .productList-img span {display:block;color:#FFF;font-size:10px;text-transform:uppercase;width:192px;padding:4px 0 3px 10px;} .integrated div#section6 #integratedPhotos-enlarged .productList-btn {position:absolute;left:33px;bottom:3px;z-index:3;height:28px;width:202px;overflow:hidden;cursor:pointer;cursor:hand;} .integrated div#section6 #integratedPhotos-enlarged .productList-btn img {position:absolute;top:0;left:0;} .integrated div#section7 #integratedVideo-thumbs {padding:5px 5px 0 14px;width:272px;height:359px;float:left;} .integrated div#section7 #integratedVideo-thumbs div.videoThumb {float:left;width:90px;margin-bottom:10px;} .integrated div#section7 #integratedVideo-thumbs div img {float:left;margin:1px 4px 4px 1px;cursor:pointer;cursor:hand;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;} .integrated div#section7 #integratedVideo-thumbs div img.active {margin:0 3px 3px 0; border:1px solid #FFF;cursor:default;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;} .integrated div#section7 #integratedVideo-thumbs div a {font-size:11px;text-decoration:none;color:#FFF;} .integrated div#section7 #integratedVideo-enlarged {float:left;background-color:#FFF;width:638px;height:359px;margin-top:5px;} .integrated #popUp-videoPlayer {position:absolute;top:5px;left:5px;width:640px;height:359px;background-color:#FFF;z-index:4;display:none;} .integrated #popUp-videoPlayer-holder {} .integrated div#popUp-videoPlayer img.int-close { position:absolute; top:7px; right:6px; cursor:pointer;z-index:5; } /* Outdoor kitchens */ .outdoorkitchens { } .outdoorkitchens div#ok-main-wrapper { position:relative; height:405px; width:935px; overflow:hidden; } .outdoorkitchens div#ok-main-slider { position:relative; left:0px; width:4675px; } .outdoorkitchens div.ok-main { float:left; position:relative; width:935px; height:405px; } .outdoorkitchens div.ok-main a.callout { background-image:url(../images/outdoorkitchens/icon-callout.png); } .outdoorkitchens div#main_img { position:relative; z-index:1; height:405px; } .outdoorkitchens div#main_img img.bigimg { position:absolute; top:0; left:0; } .outdoorkitchens a#close_btn { display:none; position:absolute; top:12px; z-index:2; left:873px; width:51px; height:13px; background:url(../images/outdoorkitchens/btn-close.png) no-repeat; background-position:0 0; } .outdoorkitchens a#close_btn:hover { background-position:0 -13px; } .outdoorkitchens a#explore_btn { display:block; position:absolute; top:165px; z-index:2; left:0px; width:152px; height:25px; background-image:url(../images/outdoorkitchens/btn-explore.png); background-repeat:no-repeat; background-position:0 0; } .outdoorkitchens a#explore_btn:hover { background-position:0 -25px; } .outdoorkitchens a#explore_btn.active, .outdoorkitchens a#explore_btn.active:hover { background-position:0 -50px; height:84px; } .outdoorkitchens div#menu { position:absolute; top:371px; z-index:2; left:0; height:35px; width:935px; } .outdoorkitchens div#menu a { display:block; float:left; height:35px; background-repeat:no-repeat; background-position:0 0; } .outdoorkitchens div#menu a#okm0 { width:209px; background-image:url(../images/outdoorkitchens/btn-menu1.png); margin-right:1px; } .outdoorkitchens div#menu a#okm1 { width:166px; background-image:url(../images/outdoorkitchens/btn-menu2.png); margin-right:1px; } .outdoorkitchens div#menu a#okm2 { width:142px; background-image:url(../images/outdoorkitchens/btn-menu3.png); margin-right:1px; } .outdoorkitchens div#menu a#okm3 { width:108px; background-image:url(../images/outdoorkitchens/btn-menu4.png); margin-right:1px; } .outdoorkitchens div#menu a#okm4 { width:305px; background-image:url(../images/outdoorkitchens/btn-menu5.png); } .outdoorkitchens div#menu a:hover { background-position:0 -37px; } .outdoorkitchens div#menu a.active, .outdoorkitchens div#menu a.active:hover { background-position:0 -74px; } .outdoorkitchens div#intro, .outdoorkitchens div#video-intro { width:922px; height:113px; padding:29px 0 0 13px; margin-bottom:30px; } .outdoorkitchens div#intro { background:url(../images/outdoorkitchens/bg-intro-simple.gif) repeat-x 0 0; } .outdoorkitchens div#intro-video { background:url(../images/outdoorkitchens/bg-intro.gif) no-repeat; } .outdoorkitchens div#intro p.large { float:left; width:425px; padding-right:20px; margin-right:21px; } .outdoorkitchens div#intro div#outdoor-videos { font-size: 12px; } .outdoorkitchens div#intro div#brochure, .outdoorkitchens div#intro div#outdoor-videos, .outdoorkitchens div#intro div#brochure-text { float:left; width:250px; } .outdoorkitchens div#intro a#brochure_img { float:left; margin-left:20px; position:relative; top:-10px; display:block; height:120px; width:150px; } .outdoorkitchens div#ok-content { } .outdoorkitchens div.border { border-bottom:1px solid #e7e9ea; } .outdoorkitchens div.ok-left { float:left; width:445px; margin-right:21px; padding:0 0 0 13px; } .outdoorkitchens div.ok-right { float:left; width:442px; padding:0 13px 0 0; } .outdoorkitchens div.ok-section { padding:0 0 22px 0; margin-bottom:15px; } .outdoorkitchens div.ok-right img#recipe_btn { cursor:pointer; } .outdoorkitchens a.ok-plus { display:block; cursor:pointer; position:absolute; display:none; z-index:4; width:24px; height:24px; background:url(../images/outdoorkitchens/btn-plus.png) no-repeat 5px 5px; } .outdoorkitchens a.ok-plus:hover { background:url(../images/outdoorkitchens/btn-plus-on.png) no-repeat 0 0; } .outdoorkitchens div#section1 div.ok-popup { width:276px; position:absolute; display:none; z-index:5; } .outdoorkitchens div#section1 div.ok-popup-content { color:#ffffff; padding:10px 24px 10px 12px; background-color:#bf4a1e; } .outdoorkitchens div#section1 div.ok-popup img.ok-close { position:absolute; top:5px; right:5px; cursor:pointer; } .outdoorkitchens div#section1 div.ok-popup-cap { width:276px; height:11px; background:url(../images/outdoorkitchens/bg-popup-cap.png) no-repeat 0 0; } .outdoorkitchens div#section1 div.ok-popup-cap-right { width:276px; height:11px; background:url(../images/outdoorkitchens/bg-popup-cap.png) no-repeat right 0; } .outdoorkitchens div#section1 a.learn-more { display:block; padding-left:20px; margin-top:8px; width:100px; color:#ffffff; background:url(../images/outdoorkitchens/btn-callout.gif) no-repeat 0 2px; } .outdoorkitchens div#section2 { background:url(../images/outdoorkitchens/bg-outdoor.jpg) no-repeat; } .outdoorkitchens div#section2 div.left { float:left; padding:41px 0 0 20px; width:385px; } .outdoorkitchens div#section2 div.left * { color:#ffffff; font-size:12px; } .outdoorkitchens div#section2 div.menu { float:right; margin:5px 4px 0 0; width:284px; height:313px; padding:46px 0 0 0; background:url(../images/outdoorkitchens/bg-productmenu.png) no-repeat; } .outdoorkitchens div#section2 div.menu img { margin-left:16px; } .outdoorkitchens div#section2 div.menu ul { margin:0; padding:0; list-style-type:none; } .outdoorkitchens div#section2 div.menu ul li { padding:3px 0 0 37px; position:relative; margin-bottom:4px; cursor:pointer; background:url(../images/outdoorkitchens/icon-plus.gif) no-repeat 17px 6px; } .outdoorkitchens div#section2 div.menu ul li.hover, .outdoorkitchens div#section2 div.menu ul li.active { background-color:#000000; background-position:22px 6px; } .outdoorkitchens div#section2 div.menu ul li div.link-cover { position:absolute; top:0; left:0; cursor:pointer; height:20px; width:284px; background-image:url(../images/spacer.gif); } .outdoorkitchens div#section2 div.ok-popup { width:625px; height:359px; position:absolute; top:5px; left:5px; display:block; z-index:5; background-color:#ffffff; } .outdoorkitchens div#section2 div.ok-popup div.content { padding:29px 0 0 14px; width:302px; } .outdoorkitchens div#section2 div.ok-popup div.content div.documents { margin-top:15px; padding-top:13px; border-top:1px solid #e7e9ea; } .outdoorkitchens div#section2 div.ok-popup img.ok-close { position:absolute; top:11px; right:14px; cursor:pointer; } .outdoorkitchens div#section2 div.ok-popup div.ok-prod { float:right; width:270px; text-align:center; margin:35px 20px 0 0; } .outdoorkitchens div#section3 { background:url(../images/outdoorkitchens/bg-gallery.jpg) no-repeat; } .outdoorkitchens div#section3 div#g-navigation { width:320px; margin:15px 0 0 13px; } .outdoorkitchens div#section3 div#g-navigation a#grid_btn { display:block; float:left; margin-right:5px; width:15px; height:13px; background:url(../images/outdoorkitchens/btn-grid.png) 0 0; } .outdoorkitchens div#section3 div#g-navigation a#grid_btn:hover, .outdoorkitchens div#section3 div#g-navigation a#grid_btn.active { background-position:0 13px; } .outdoorkitchens div#section3 div#g-navigation a#slide_btn { display:block; float:left; margin-right:9px; width:15px; height:13px; background:url(../images/outdoorkitchens/btn-slide.png) 0 0; } .outdoorkitchens div#section3 div#g-navigation a#slide_btn:hover, .outdoorkitchens div#section3 div#g-navigation a#slide_btn.active { background-position:0 13px; } .outdoorkitchens div#section3 div#g-navigation div#view_type { float:left; width:70px; height:13px; line-height:13px; color:#ffffff; } .outdoorkitchens div#section3 div#g-navigation a#left_btn { display:none; float:left; width:14px; margin-right:5px; height:13px; background:url(../images/outdoorkitchens/btn-left.png) 0 0; } .outdoorkitchens div#section3 div#g-navigation a#right_btn { display:none; float:left; width:14px; margin-right:11px; height:13px; background:url(../images/outdoorkitchens/btn-right.png) 0 0; } .outdoorkitchens div#section3 div#g-navigation div#numbers { float:left; display:none; width:140px; height:13px; line-height:13px; color:#a69f9a; } .outdoorkitchens div#section3 div#g-navigation div#numbers a { color:#a69f9a; padding:0 2px 0 2px; } .outdoorkitchens div#section3 div#g-navigation div#numbers a:hover, .outdoorkitchens div#section3 div#g-navigation div#numbers a.active { color:#ffffff; } .outdoorkitchens div#section3 div#grid_view { margin:45px 0 0 9px; display:block; } .outdoorkitchens div#section3 div#grid_view div.slide { width:177px; text-align:center; position:relative; height:112px; background-color:#838385; float:left; margin:0 8px 8px 0; } .outdoorkitchens div#section3 div#grid_view div.slide div.border { position:absolute; top:0; left:0; display:none; width:173px; height:108px; border:2px solid #ffffff; } .outdoorkitchens div#section3 div#slide_view { } .outdoorkitchens div#section3 div#slide_view div#slide { width:570px; text-align:center; height:360px; position:absolute; top:4px; left:360px; background-color:#838385; } .outdoorkitchens div#section3 div#slide_view div#slide img { position:absolute; left:0; display:none; z-index:1; } .outdoorkitchens div#section3 div#slide_view div.content { position:absolute; left:13px; top:60px; color:#ffffff; width:300px; } .outdoorkitchens div#section3 div#slide_view div.content div.photo_copy { height:100px; color:#ffffff; } .outdoorkitchens div#section3 div#slide_view div.content div.related_prods * { color:#FFFFFF; } .outdoorkitchens div#section3 div#slide_view div.content div.related_prods ul { margin:8px 0 0 0; padding:0; list-style-type:none; } .outdoorkitchens div#section3 div#slide_view div.content div.related_prods ul li { padding:3px 0 0 0; margin-bottom:0; } .outdoorkitchens div#section4 { background:url(../images/outdoorkitchens/bg-video.jpg) no-repeat 0 0; } .outdoorkitchens div#section4 .ok-videos { padding: 7px 5px 0 5px; } .outdoorkitchens div#section4 .ok-video-list, .ok-video-container { float: left; } .outdoorkitchens div#section4 .ok-video-list { width: 282px; height: 362px; margin-right: 5px; } .outdoorkitchens div#section4 .ok-video-container { background-color: #FFFFFF; } .outdoorkitchens div#section4 .ok-video-player { width: 638px; } .outdoorkitchens div#section4 div.menu ul { margin: 15px 1px 0 0; padding:0; list-style-type:none; } .outdoorkitchens div#section4 div.menu ul li { padding: 2px 0 2px 26px; position:relative; margin-bottom:1px; cursor:pointer; background:url(/common/images/outdoorkitchens/icon-plus.gif) no-repeat 10px 6px; } .outdoorkitchens div#section4 div.menu ul li.hover, .outdoorkitchens div#section4 div.menu ul li.active { background-color:#695853; background-position:15px 6px; } .outdoorkitchens div#section4 div.menu ul li div.link-cover { position:absolute; top:0; left:0; cursor:pointer; height:20px; width:284px; background-image:url(/common/images/spacer.gif); } .outdoorkitchens div#section5 { background:url(../images/outdoorkitchens/bg-grills.jpg) no-repeat; } .outdoorkitchens div#section5 a.ok-plus { display:block; } .outdoorkitchens div#section5 div.left { float:left; padding:41px 0 0 20px; width:385px; } .outdoorkitchens div#section5 div.left * { color:#ffffff; font-size:12px; } .outdoorkitchens div#section5 div.ok-popup { width:389px; height:342px; padding:23px 17px 0 17px; position:absolute; top:3px; left:3px; display:block; z-index:5; background:url(../images/outdoorkitchens/bg-popup2.png) no-repeat; } .outdoorkitchens div#section5 div.ok-popup .ok-close { position:absolute; top:11px; left:357px; cursor:pointer; } .outdoorkitchens div#section5 div.ok-popup img { margin-bottom:10px; } .outdoorkitchens div#section5 div.ok-popup * { color:#ffffff; } .outdoorkitchens .spec-popup { width: 800px; } .outdoorkitchens .spec-popup table { width:100%; border-collapse:collapse; } .outdoorkitchens .spec-popup table th { padding:3px 5px 3px 5px; text-align:center; border:1px solid black; color:#ffffff; background-color:#686767; } .outdoorkitchens .spec-popup table td { padding:3px 5px 3px 5px; border:1px solid black; text-align:center } .outdoorkitchens .spec-popup table th.name, .outdoorkitchens .spec-popup table td.name { text-align:left; } /* Micro sites */ span.ms_title { font-size:12px; font-weight:bold; color:#333333; } .microsite div#ms_photo { position:relative; z-index:1; } .microsite div#ms_photo div#ms_title { position:absolute; z-index:2; top:265px; width:925px; height:64px; padding:28px 0 0 10px; background:url(../images/microsite/bg-title.png) no-repeat; } .microsite div#ms_photo div#ms_nav { position:absolute; z-index:2; top:357px; width:935px; height:43px; background-color:#232729; } .microsite div#ms_info { width:933px; height:145px; border-left:1px solid #dbe0b7; overflow:hidden; border-right:1px solid #dbe0b7; border-bottom:1px solid #dbe0b7; background:url(../images/microsite/bg-info.gif) repeat-x; } .microsite div#ms_info div#ms_map_wrapper { float:left; width:138px; margin:21px 0 0 10px; overflow:hidden; } .microsite div#ms_info div#ms_map_wrapper div#ms_gmap { width:138px; height:103px; } .microsite div#ms_info div#ms_map_wrapper a { padding:0 0 0 10px; background:url(../images/microsite/icon-arrow.gif) no-repeat 0 5px; } .microsite div#ms_info div#ms_address { float:left; width:400px; height:115px; margin:21px 84px 0 16px; color:#333333; } .microsite div#ms_info div#ms_tools { float:left; margin:21px 14px 0 0; } div#ms_tools { width:137px; height:59px; padding:6px 0 0 0; border:1px solid #dadfb4; background-color:#fafaf4; } div#ms_tools a.ms_callout { display:block; color:#666666; padding:0 0 0 10px; margin-left:10px; background:url(../images/microsite/icon-arrow.gif) no-repeat 0 5px; } div#ms_tools a.ms_callout:hover { color:#88970c; text-decoration:none; } div#ms_tools div#ms_toolbar { padding:2px 0 0 20px; height:18px; margin-top:8px; border-top:1px solid #dadfb4; } div#ms_tools div#ms_toolbar div.label { float:left; } div#ms_tools div#ms_toolbar a { display:block; float:left; width:15px; height:14px; margin-left:3px; } div#ms_tools div#ms_toolbar a.ms_plus { background:url(../images/microsite/icon-plus.gif) no-repeat 3px 4px; } div#ms_tools div#ms_toolbar a.ms_print { background:url(../images/microsite/icon-print.gif) no-repeat 2px 3px; } div#ms_tools div#ms_toolbar a.ms_email { background:url(../images/microsite/icon-email.gif) no-repeat 2px 5px; } div#ms_tools div#ms_toolbar a.ms_phone { background:url(../images/microsite/icon-phone.gif) no-repeat 3px 0; } .microsite div#ms_info div#ms_subnav { float:left; width:132px; height:130px; padding-top:15px; background:url(../images/microsite/bg-subnav.gif) repeat-x; } .microsite div#ms_info div#ms_subnav a { width:119px; padding:2px 0 2px 13px; display:block; border-bottom:1px solid #ecedd7; color:#333333; } .microsite div#ms_info div#ms_subnav a:hover { background-color:#c9d382; text-decoration:none; } .microsite div#ms_info div#ms_subnav a#last { border-bottom:0; } .microsite h1 { margin-left:10px; } .microsite h3 { padding-left:10px; margin-bottom:20px; } .microsite div#ms_intro-img { margin-bottom:23px; } h2.table-title { margin-left:10px; float:left; } a.ms_plain { color:#333333; text-decoration:none; } a.ms_plain:hover { color:#88970c; } a.ms_rss { color:#333333; padding:0 18px 0 0; text-decoration:none; background:url(../images/microsite/icon-rss.gif) no-repeat right; } a.ms_rss:hover { color:#88970c; background:url(../images/microsite/icon-rss-on.gif) no-repeat right; } table.ms_table { width:100%; border:0; border-collapse:collapse; margin:10px 0 25px 0; } table.ms_table td { border-bottom:1px solid #e8e8ea; padding:0 0 0 10px; height:24px; } table.ms_table td.ms_name a { padding:0 0 0 10px; background:url(../images/microsite/icon-arrow.gif) no-repeat 0 5px; } table.ms_table td.ms_button { text-align:right; padding:0; } table.ms_table tr.last td { border-bottom:0; } div.ms_section { border-top:1px solid #e8e9eb; width:290px; padding:16px 0 25px 10px; float:left; margin-right:30px; } div.ms_section-right { border-top:1px solid #e8e9eb; width:290px; padding:16px 0 25px 10px; float:left; } div.ms_subtitle { font-size:16px; line-height:20px; margin-bottom:7px; } div#right-nav.ms_rightnav { border-bottom:0; float: right; } div#right-nav div#ms_navtitle { color:#ffffff; font-size:20px; line-height:24px; padding:10px; margin-bottom:10px; background-color:#000000; } div#right-nav div#ms_info { background-color:#edefda; margin:20px 0 20px 0; padding:19px 0 27px 12px; } div#right-nav div#ms_info div#ms_tools { float:right; margin:0 0 0 10px; } div#right-nav div#ms_gmap { height:150px; } /* gallery */ .microsite #ms_gallery-wrapper { width:630px; padding:30px 0 30px 0; background:url(../images/microsite/bg-gallery.gif) repeat-x; text-align:center; } .microsite #ms_gallery-wrapper table { border:0; border-collapse:collapse; } .microsite #ms_gallery-wrapper table tr td { width:570px; height:360px; padding:0; vertical-align:middle; text-align:center; } .microsite #ms_gallery-wrapper div#info { width:570px; padding-top:10px; text-align:left; } .microsite #ms_gallery-wrapper div#info div#pagination { float:right; } .microsite #ms_gallery-wrapper div#info div#pagination a#left_btn { float:left; width:14px; margin-right:5px; height:13px; background:url(../images/microsite/btn-left.png) 0 0; } .microsite #ms_gallery-wrapper div#info div#pagination a#right_btn { float:left; width:14px; margin-right:11px; height:13px; background:url(../images/microsite/btn-right.png) 0 0; } .microsite #ms_gallery-wrapper div#info div#pagination div#numbers { float:left; width:140px; height:13px; line-height:13px; color:#a69f9a; } .microsite #ms_gallery-wrapper div#info div#pagination div#numbers a { color:#666666; padding:0 2px 0 2px; } .microsite #ms_gallery-wrapper div#info div#pagination div#numbers a:hover, .microsite #ms_gallery-wrapper div#info div#pagination div#numbers a.active { color:#88970c; } .microsite #ms_gallery-wrapper div#info div#caption { width:300px; padding:0 20px 0 0; } /*Microsite partner page */ .microsite div#msp_header { height:225px; background:url(../images/bg-form.gif) repeat-x; margin-top:10px; overflow:hidden; } .microsite div#msp_header img { float:right; border-left:1px solid #ffffff; } .microsite div#msp_header div#msp_intro { padding:20px 0 20px 10px; width:340px; overflow:hidden; } .microsite div#msp_header div#msp_intro div.msp_lktitle { color:#768607; font-size:13px; margin:10px 0 5px 0; } .microsite div#msp_portfolio { text-align:right; font-size:10px; font-weight:bold; color:#777777; margin-bottom:17px; } .microsite div.ms_inlineimg { float:right; margin:0 0 10px 20px; width:200px; } /* microsite dealer page */ .microsite div.dealerinfo { float:left; width:350px; padding-left:10px; margin:20px 20px 0 0; } .microsite div.dealermap { float:left; width:250px; margin:10px 0 0 0; } .microsite div.dealermap div#ms_gmap { width:250px; height:150px; margin-bottom:5px; } div.dealermap a { padding:0 0 0 10px; background:url(../images/microsite/icon-arrow.gif) no-repeat 0 5px; } /* microsite dist page */ .microsite div.showrooms-wrapper { padding:0 0px 0 10px; margin:0 0 30px 0; } .microsite div.showrooms-wrapper div.showroom { margin:10px 30px 0 0; width:208px; float:left; } .microsite div.showrooms-wrapper div.showroom-right { margin:10px 0 0 0; width:208px; float:left; } .microsite div.showrooms-wrapper div.showroom img, .microsite div.showrooms-wrapper div.showroom-right img { margin-bottom:10px; } .microsite div.other-showrooms-wrapper { padding:0 0px 0 10px; margin:20px 0 30px 0; } .microsite div.other-showrooms-wrapper div.showroom { margin:10px 13px 0 0; padding-bottom:20px; width:193px; float:left; } .microsite div.other-showrooms-wrapper div.showroom-right { margin:10px 0 0 0; width:193px; padding-bottom:20px; float:left; } .microsite div.other-showrooms-wrapper div.showroom img, .microsite div.other-showrooms-wrapper div.showroom-right img { margin-bottom:10px; } /* Locator */ div.error_div { color:#FFFFFF; font-size:12px; font-weight:bold; padding:8px 0 6px 20px; background-color:#88970c; } .locator span.required { padding-left: 10px; position:relative; left:-10px; background:transparent url(../images/bullet-star.gif) no-repeat; } .locator div#loc_left { float:left; width:158px; padding:0 5px 19px 10px; margin-right:20px; border:1px solid #e8e8ea; background:url(../images/bg-form.gif) repeat-x; } .locator div#loc_left div#search_pane { margin-top:23px; } .locator div#loc_left div#search_pane img { display:block; float:left; } .locator div#loc_left div#search_pane img#search_city, .locator div#loc_left div#search_pane img#search_zip { cursor:pointer; } .locator div#loc_left div#search_city_form { padding:23px 0 16px 1px; margin-right:5px; border-bottom:1px solid #e8e8ea; } .locator div#loc_left div#search_city_form input.text { width:134px; height:17px; padding:1px 2px 1px 2px; margin-bottom:7px; } .locator div#loc_left div#search_city_form select { width:119px; height:18px; margin-bottom:17px; } .locator div#loc_left div#search_zip_form { padding:0 0 16px 1px; margin-right:5px; border-bottom:1px solid #e8e8ea; } .locator div#loc_left div#search_zip_form input.text { width:72px; height:17px; padding:1px 2px 1px 2px; margin-bottom:16px; } .locator div#loc_left select.intl { width:146px; height:18px; margin:14px 0 0 0; } .locator div#loc_main { float:left; width:435px; } .locator div#loc_main img.title { margin:21px 0 19px 0; } /* Locator Results */ .locator-results div.error_div { color:#FFFFFF; font-size:12px; font-weight:bold; padding:8px 0 6px 20px; background-color:#88970c; } .locator-results #searchbar_title { float:left; width:158px; height:46px; padding:5px 0 0 9px; border-top:1px solid #e8e8ea; border-left:1px solid #e8e8ea; border-bottom:1px solid #e8e8ea; background:url(../images/locator/bg-searchbar.gif); } .locator-results #searchbar_city { float:left; width:227px; height:46px; padding:3px 0 0 6px; border:1px solid #e8e8ea; border-top:3px solid #e8e8ea; margin-right:1px; } .locator-results #searchbar_city input.city { width:116px; height:14px; padding:0 2px 0 2px; line-height:14px; margin:0; } .locator-results #searchbar_city select { width:57px; height:18px; margin:0 7px 0 10px; } .locator-results #searchbar_zip { float:left; width:217px; height:46px; padding:3px 0 0 7px; border:1px solid #e8e8ea; border-top:3px solid #e8e8ea; } .locator-results #searchbar_zip input.zip { width:52px; height:14px; padding:0 2px 0 2px; line-height:14px; margin:0; } .locator-results #searchbar_zip select { width:83px; height:18px; margin:0 7px 0 10px; } .locator-results #searchbar_city.active, .locator-results #searchbar_zip.active { border-color:#88970c; } .locator-results div#gmap { width:628px; height:223px; border:1px solid #e8e8ea; margin:20px 0 0 0; } .locator-results div#tab1 { float:left; width:138px; cursor:pointer; height:22px; padding:5px 10px 0 10px; margin:20px 0 0 0; background:url(../images/locator/tab1.png) no-repeat; } .locator-results div#tab2 { float:left; width:137px; cursor:pointer; height:22px; padding:5px 10px 0 10px; margin:20px 0 0 0; background:url(../images/locator/tab2.png) no-repeat; } .locator-results div#tab3 { float:left; width:138px; cursor:pointer; height:22px; padding:5px 10px 0 10px; margin:20px 0 0 0; background:url(../images/locator/tab3.png) no-repeat; } .locator-results div#tab4 { float:left; width:137px; cursor:pointer; height:22px; padding:5px 10px 0 10px; margin:20px 0 0 0; background:url(../images/locator/tab4.png) no-repeat; } .locator-results div#tab1.active, .locator-results div#tab1.hover { background-image:url(../images/locator/tab1-on.png); } .locator-results div#tab2.active, .locator-results div#tab2.hover{ background-image:url(../images/locator/tab2-on.png); } .locator-results div#tab3.active, .locator-results div#tab3.hover { background-image:url(../images/locator/tab3-on.png); } .locator-results div#tab4.active, .locator-results div#tab4.hover { background-image: url(../images/locator/tab4-on.png);} .locator-results div#showroom_title { padding:10px 0 0 0; } .locator-results div#showroom_title img { display:block; float:left; margin-right:2px; } .locator-results div#showroom_title div.large { display:block; float:left; padding-top:5px; width:315px; } .locator-results div#showroom_title a { display:block; float:left; font-size:11px; padding-top:9px; background-position:0 11px; } .locator-results div#showroom { width:619px; padding:20px 0 20px 9px; border:1px solid #dbe0b7; background-color:#edefda; } .locator-results div#showroom div#photo { float:left; width:165px; margin-right:20px; } .locator-results div#showroom div#photo img { margin-bottom:5px; } .locator-results div#showroom div#info { float:left; width:434px; } .locator-results div#showroom div#info ul.arrowlist { margin:5px 0 5px 0; } .locator-results div#showroom div#info div#ms_tools { float:right; } .locator-results div#showroom div#info div#events { float:left; width:200px; margin:20px 20px 0 0; } .locator-results div#showroom div#info div#whatsnew { float:left; width:195px; margin:20px 0 0 0; } .locator-results div#dealer_title { padding:10px 0 0 0; } .locator-results div#dealer_title img { display:block; float:left; margin-right:2px; } .locator-results div#dealer_title div.large { display:block; float:left; padding-top:5px; width:435px; } .locator-results div.item { border-top:1px solid #e8e8ea; padding:15px 0 15px 0; } .locator-results div.item div.number { float:left; width:21px; margin:0 0 0 10px; } .locator-results div.item div.logo { float:left; width:130px; margin:0 18px 0 0; } .locator-results div.item div.info { float:left; width:180px; margin:0 40px 0 0; } .locator-results div.item div.hours { float:left; width:130px; margin:0 0 0 0; } .locator-results div.item div.tools { float:left; width:85px; margin:0 0 0 0; } .locator-results div.lk-pop { position:absolute; top:-128px; left:50px; display:none; width:259px; height:109px; padding:17px 30px 10px 16px; background:url(../images/locator/bg-lk.png) no-repeat; } .locator-results div.loc_paging { padding:8px 0 0 10px; border-top:1px solid #e8e8ea; } .locator-results div.loc_paging div.pageinfo { float:left; } .locator-results div.loc_paging div.pagelinks { float:right; } .locator-results div.loc_paging div.pagelinks a.pagelink { color:#666666; margin:0 2px 0 2px; padding:0 3px 0 3px; } .locator-results div.loc_paging div.pagelinks a.pagelink:hover { color:#88970c; } .locator-results div.loc_paging div.pagelinks a.active { color:#FFFFFF; background-color:#88970c; } .locator-results div.loc_paging div.pagelinks a.active:hover { color:#FFFFFF; } .locator-results div.loc_paging img { cursor:pointer; } div.loc_tools { width:83px; height:39px; padding:2px 0 0 0; border:1px solid #e8e8ea; } .service-tools div.loc_tools { height: 27px; } div.loc_tools a.ms_callout { display:block; color:#666666; padding:0 0 0 7px; margin-left:9px; background:url(../images/microsite/icon-arrow.gif) no-repeat 0 5px; } div.loc_tools a.ms_callout:hover { color:#88970c; text-decoration:none; } div.loc_tools div#ms_toolbar { padding:2px 0 0 4px; height:16px; margin-top:3px; border-top:1px solid #e8e8ea; } .service-tools div.loc_tools div#ms_toolbar { border: none; } div.loc_tools div#ms_toolbar a { display:block; float:left; width:15px; height:14px; margin-left:3px; } div.loc_tools div#ms_toolbar a.ms_plus { background:url(../images/microsite/icon-plus.gif) no-repeat 3px 4px; } div.loc_tools div#ms_toolbar a.ms_print { background:url(../images/microsite/icon-print.gif) no-repeat 2px 3px; } div.loc_tools div#ms_toolbar a.ms_email { background:url(../images/microsite/icon-email.gif) no-repeat 2px 5px; } div.loc_tools div#ms_toolbar a.ms_phone { background:url(../images/microsite/icon-phone.gif) no-repeat 3px 0; } div.showroom_page div#gmap { width:935px; height:450px; margin-bottom:25px; } div.gmap_popup { width:350px; padding-bottom:10px; } div.gmap_popup div.ms_title { font-size:12px; font-weight:bold; color:#333333; margin-bottom:10px; } div.gmap_popup img { float:right; margin-left:10px } div.showroom_page div.pagelinks { margin:4px 0 4px 0; } div.showroom_page div.pagelinks a.active { font-weight:bold; } div.showroom_page h1 { margin:0 6px 0 10px; } div.showroom_page h3 { width:600px; padding:0 0 0 10px; } div.showroom_page div#intro_copy { width:400px; margin:0 0 0 10px; } div.showroom_page div#search_form { float:right; width:175px; height:120px; padding:13px 10px 0 10px; border:1px solid #e8e8ea; background:url(../images/locator/bg-form.gif) repeat-x; } div.showroom_page div#search_form h2 { margin-bottom:8px; } div.showroom_page div#search_form input.zip { width:60px; } div.showroom_page div#search_form hr { height:1px; color:#e8e8ea; margin:10px 0 10px 0; } div.showroom_page div#search_form select { width:150px; } .showroom_page div#showroom_title { padding:10px 0 0 0; margin-left:10px; } .showroom_page div#showroom_title div.large { display:block; float:left; padding-top:5px; width:315px; } .showroom_page div#showroom_title a { display:block; float:left; font-size:11px; padding-top:9px; background-position:0 11px; } .showroom_page div#showroom { width:619px; padding:20px 0 20px 9px; margin-bottom:30px; border:1px solid #dbe0b7; background-color:#edefda; } .showroom_page div#showroom ul.arrowlist { margin:5px 0 5px 0; } .showroom_page div#showroom div.events { float:left; width:265px; margin:0 20px 0 0; } .showroom_page div#showroom div.whatsnew { float:left; width:175px; margin:0 20px 0 0; } .showroom_page div#showroom div#ms_tools { float:left; } .showroom_page a.video_link { position:absolute; display:block; top:-47px; left:446px; width:184px; height:23px; background:url(../images/locator/watchvideo.png) no-repeat; } .showroom_page a.video_link:hover { background-image:url(../images/locator/watchvideo-on.png); } #salesSmall #dreamKitchen { background: transparent url(../images/subzerosavings2.gif) no-repeat top center; height: 880px; } #salesSmall #dreamKitchen #search_form { margin-left:79px; top: 755px; } /* Kitchen Inspiration */ .designervideoseries { margin-bottom: 0 !important; } #ki_dropdown { float: left; padding: 0 15px; width: 905px; background: #e7e9ea url(../images/bg-kitcheninspiration.gif) left repeat-y; } ul.ki_participants { width: 390px; float: left; padding: 0; } ul.ki_participants li { list-style: none; width: 390px; padding: 0; margin: 0; float: left; } ul.ki_participants li img { float: left; padding: 0 10px 10px 0; } .ki_info { width: 200px; float: left; } .ki_info .name { color: #333333; } .ki_info .info { display: block; } .ki_info a { display: block; float: left; } .ki_expander { display: block; width: 414px; height: 31px; float: left; } /*#endcap { padding-bottom: 500px !important; }*/ .cart-bar { float: right; width: 285px; cursor:pointer; height: 24px; background: url(/common/images/cart/cart-bar-bkgd.jpg) top left; } .cart-bar .items { margin: 9px 0 0 41px; width: 100px; } .cart-bar .checkout { margin: 9px 0 0 186px; width: 75px; float: left; } /* Store Styles */ div#store { width: 628px; border: solid #e7e9ea; border-width: 1px 0 0 0; float: left; } div#store h4 { color: #8f8f8f; font-weight: bold; font-size:11px; line-height:11px; text-decoration:none;} div#store h5 { color: #8f8f8f; font-weight: bold; font-size:11px; line-height:11px; font-weight: normal; text-decoration:none;} div#store .options { margin: 20px 0 5px 0px; } div#store div.section { width: 628px; border: solid #e7e9ea; border-width: 0 1px 1px 1px; float: left; } div#store div#header { height: 47px; width: 618px; padding: 28px 0 0 10px; } div#store div#header #order_by_phone { font-size: 13px; clear: both; font-weight: bold; padding: 8px 0 5px 1px; margin-top: -30px; } div#store div#header .back { margin-left: 3px; } div#store div#header .sIFR-h1 { width: 300px; } div#store div#information { padding-top: 10px; } div#store div#information h3 { margin-left: 10px; width: 410px; padding: 0; } div#store div#information p { margin: 6px 0 18px 10px; } div#store div.page-tools { top: 0; right: 0; border-top: none; border-right: none; } div#store div#information div.page-tools { top: -10px; } div#store .item { height: 500px; width: 208px; float: left; border: solid #e7e9ea; border-width: 0 1px 1px 0;} div#store .last_column { border-right: none; width: 210px; } div#store .last_row {border-bottom: none;} div#store .item .header { height: 55px; margin-bottom: 9px; } div#store .item h4 { margin: 0; padding:14px 10px 4px 20px; display:block; background:transparent url(../images/bullet-grnarrow.gif) no-repeat; background-position:9px 17px; } div#store .item h4 a { color: #8f8f8f } div#store .item h5 { margin: 0; padding-left: 19px; display:block; } div#store .item p { margin: 20px 10px 0 15px; } div#store .item img { margin: 20px 10px 0 15px; } div#store .item div.addtocart { margin-left: 10px; } div#store .item div.addtocart a { display: block; margin: 20px 0 0 0; } div#store .item div.addtocart a img { margin: 0; } div#store.detail div#header { height: 70px; } div#store.detail table { margin:0 0 10px 10px; border-collapse:collapse; } div#store.detail div.addtocart table {margin-left:0} div#store.detail .left { width: 300px; } div#store.detail .right { width: 190px; } div#store.detail .sIFR-h2 { margin: 10px 0 12px 0; } div#store.detail #item h4 { margin: 0; padding:11px 0 4px 0; display:block; } div#store.detail #item h5 { margin: 0; padding:0; display:block; } div#store.detail #item ul { list-style-type: none; margin: 0; padding: 0; } div#store.detail #item li { margin-bottom: 3px; } div#store.detail #item p.description { margin-top: 10px; margin-left:3px;} div#store.detail #item ul.resources { border-top: 1px solid #e7e9ea; } div#store.detail #item ul.resources li { padding: 3px 0px 3px 10px; border-bottom: 1px solid #e7e9ea; list-style-image: url(/common/images/bullet-arrow.gif); list-style-position: inside; } div#store.detail #item ul.resources li a { color: #8f8f8f; } div#store.detail #item .quantity { border-top: 1px solid #e7e9ea; margin-top: 10px; margin-left:4px; padding-top: 10px; height: 30px; } div#store.detail #item .quantity input { font-size: 10px; } div#store.detail #item a.add_to_cart { display: block; clear: both; margin-top: 5px; } div#store.detail #item p.delivery { margin-bottom: 15px; } div#store.detail #item hr { height: 1px; border: none; background-color: #e7e9ea; } div#store.detail #related .sIFR-h2 { margin: 20px 0 6px 10px; } div#store.detail .item { height: 300px; width: 208px; float: left; border: none; } div#store.contact div#header { height: 89px; } div#store.contact .form-error { width:408px; } * html div#store #form-main-col { margin-left: 210px; } * html div#store #item, * html div#store #body, * html div#store #information { margin-top: -15px; } div#store #body h3 { width: 470px; margin: 10px 0 0 10px; } div#store.contact #body h3 { margin-bottom: 34px; } div#store.contact #numbers { width: 175px; float: left; margin: 30px 0 0 10px; } div#store.contact #numbers p { margin: 0; padding: 0; } div#store.contact .send { margin: 25px 0; } div#store.questions div#header { height: 79px; } div#store.questions .callout { margin-left: 11px; } div#store.questions .sIFR-h1 { margin-bottom: 10px; } div#store.questions .back { margin-top: -25px; clear: both; } div#store.questions #faqlist { margin-bottom: 75px; } div#store #form-main-col { border-right: 0; width: 312px; } .addtocart-wrapper { margin-top:30px; } .addtocart-wrapper-detail { margin-bottom:30px; } .addpopup-left { float:left; width:200px; } .addpopup-right { width:246px; margin-left:210px; } .addpopup-right .cart-info { width:246px; padding:0 0 0 3px; border-bottom:1px solid #999999; color:#999999; font-size:11px; } .enlarge-link {margin:5px 0 0 17px;width:170px;text-align:center;} /* Cart */ table.steps .sIFR-h1 { margin: 8px 0 0 11px; color: White; } table.steps td { border-left: 1px solid white; } td.step, a.step { background-repeat: no-repeat; width: 131px; height: 56px; } a.step { display: block; cursor: pointer; } td#step_1, a#step_1 { background-image: url(/common/images/cart/step-1.jpg); } td#step_2, a#step_2 { background-image: url(/common/images/cart/step-2.jpg); } td#step_3, a#step_3 { background-image: url(/common/images/cart/step-3.jpg); } td#step_4, a#step_4 { background-image: url(/common/images/cart/step-4.jpg); } td#step_5, a#step_5 { background-image: url(/common/images/cart/step-5.jpg); } td.active, a.active { background-position: 0 -168px; } td.incomplete, a.incomplete { background-position: 0 -112px; } td.complete, a.complete { background-position: 0 -56px; } a:hover { background-position: 0 0; } #step_1_content #items { width: 788px; border: 1px solid #e7e9ea; } tr.item a.delete { padding:2px 0 0 14px; color:#88970c; } #step_1_content { margin-top: 30px; width: 788px; margin-left: 10px; float: left; } #step_1_content * { font-size: 12px; } a.next-button { font-size: 14px; } #step_1_content .small { font-size: 10px; } #step_1_content .page-tools { position: relative; } #step_1_content th { text-align: left; background: #e7e9ea; padding:4px 0 4px 5px; font-weight: normal; } #step_1_content td { padding:20px 10px 20px 5px; border-bottom: 1px solid #e7e9ea; } #step_1_content td.availability, #step_1_content td.quantity, #step_1_content td.quantity-box { background: #f8f8f8; } #step_1_content td.thumbnail { width:86px; padding:10px; } #step_1_content td.description { width:259px; } #step_1_content td.availability { width:58px; padding-left:10px; padding-right:15px; } #step_1_content th.price { padding-left:25px; } #step_1_content td.price { width:55px; padding-left:25px; } #step_1_content th.quantity { padding-left:10px; } #step_1_content td.quantity-box { width:53px; padding-left:10px; } #step_1_content td.quantity { width:33px; padding-left:30px; } #step_1_content th.total { padding-left:30px; } #step_1_content td.total { width:60px; padding-left:30px; font-weight:bold; } #step_1_content td.tools { width:50px; }/* 95 */ #step_1_content a.callout { margin:10px 0 10px 550px; color:#88970c; font-weight:bold; font-size:10px; line-height:14px; background-position:2px 1px; } #step_1_content #CanadianOrderForm a.callout, #step_2_content #CanadianOrderForm a.callout { margin-left:0; font-size: inherit; font-weight:normal; } #step_1_content #CanadianOrderForm p, #step_2_content #CanadianOrderForm p { margin: 10px 0 0 0; } #step_1_content #summary { width:786px; padding:20px 0 10px 0; border:solid #e7e9ea; border-width:0 1px 1px 1px; background: url(/common/images/cart/summary-bkgd.jpg) repeat-x; } #step_1_content #summary #left { float:left; width:620px; text-align:right; line-height:18px; } #step_1_content #summary #right { width:136px; margin-left:641px; line-height:18px; } #step_1_content #summary #right span { margin-left:10px; } #step_1_content #summary #right #checkout-btn { margin:37px 0 0 0; } #step_1_content a.callout-back-large-green { font-size: 14px; } #step_1_content a.delete { font-size: 10px; } .total { font-size:14px; font-weight:bold; } #cart-footer { border-top:1px solid #e7e9ea; padding-top:20px; width:788px; margin-top:20px; clear:both; } #cart-footer .right-note { float:right; width:315px; text-align:right; font-size:11px; } #checkout-continue-btn { clear:both; padding:20px 0 0 0; text-align:right; } .checkout-now-popup { width: 793px; } .checkout-now-popup .button { margin-top: 19px; } .checkout-now-popup img.title { margin: 29px 0 6px 0; } .checkout-now-popup input.reg { width: 340px; } #step_2_content { margin-top:30px; width:788px; margin-left:10px; } #step_2_content .form-error { margin:0 0 0 0; width:362px; } #step_2_content .shipping-method, #step_2_content .serial-numbers { width: 360px; padding:18px 10px 10px 10px; margin-left:406px; background-image:url(../images/bg-form.gif); background-repeat:repeat-x; border:1px solid #e7e9ea; } #step_2_content .serial-numbers { margin-bottom: 20px; } #step_2_content .shipping-method p, #step_2_content .serial-numbers p { margin-left:10px; } #step_2_content .shipping-form .form-section a, #step_2_content .shipping-method .form-section a{ margin-left:0px; } #step_2_content .serial-numbers .form-section a { margin-left: 10px; } #step_2_content div.radio { float:left; margin:0 5px 50px 0; } .shipping-form { margin:0 0 0 0; width:360px; padding:18px 10px 10px 10px; float:left; background-image:url(../images/bg-form.gif); background-repeat:repeat-x; border:1px solid #e7e9ea; text-align:left; } .shipping-error { margin:0 0 0 0; color:#FFFFFF; font-size:12px; font-weight:bold; padding:8px 0 6px 20px; background-color:#88970c; } .shipping-error ul, .form-error ul { margin:5px 0 0 0; padding:0; font-weight:normal; } .shipping-error ul li, .form-error ul li { line-height:14px; padding:0 0 1px 10px; margin:0; font-weight:normal; background:transparent url(../images/bullet-whtdot.gif) no-repeat 0 5px; list-style-type: none; } .shipping-form h2 { margin-left:10px; } .shipping-form span, .shipping-method span, #step_4_form span, .serial-numbers span { padding:0 0 0 10px; line-height:14px !important; } .shipping-form span.required, #shipping-method span.required, #step_4_form span.required, .serial-numbers span.required { background:transparent url(../images/bullet-star.gif) no-repeat; } .shipping-form span.error, #shipping-method span.error, #step_4_form span.error { color:#88970c; font-weight:bold; background:transparent url(../images/bullet-star.gif) no-repeat; } .modal { background-image:none; border:0; padding:0; } .modal-popup .shipping-form input.reg { margin-left:10px; } .modal-popup .shipping-form select.reg { margin-left:10px; } div#store .item p.notAvailable, p.notAvailable {font-weight: bold; margin: 0 0 0 5px; } #step_4_content, #step_5_content { margin-top:30px; width:788px; margin-left:10px; } #step_5_content { border-bottom:1px solid #e7e9ea; padding-bottom:30px; } #step_4_content .large, #step_1_content .large, #step_5_content .large { font-size:16px; font-weight:bold; color:#555555; } #step_4_content .form-error { margin:0 0 0 0; width:768px; } #step_4_form { margin:0; padding:18px 10px 10px 10px; background-image:url(../images/bg-form.gif); background-repeat:repeat-x; border:1px solid #e7e9ea; text-align:left; } #step_4_form #left { float:left; width:360px; } #step_4_form #right { width:355px; margin-left:410px; } #step_4_form #right .section { border-bottom:1px solid #e7e9ea; padding:0 0 15px 10px; margin-bottom:15px; } #step_4_form #right .section p span { margin:0; } #step_4_form #right .bot-section { padding:0 0 0 10px; margin-bottom:15px; } #step_4_form #right .payment { margin-left:184px; padding-top:30px; width:160px; } .modal-popup #ccv-image { float:left; width:121px; } .modal-popup #ccv-text { width:270px; margin-left:135px; } .modal-popup #ccv-text .section { padding:6px 0 65px 0; } #step_4_content #foot-left { float:left; width:620px; text-align:right; font-size:11px; color:#636363; } #step_4_content #foot-right { width:158px; margin-left:630px; line-height:18px; } #step_4_content .subtitle { font-size:14px; color:#636363; font-weight:bold; margin:0 0 5px 15px; } #step_4_content a.callout-large-green { margin-left:15px; } #step_4_content ul.copy { font-size:11px; line-height:15px; } .divLoading { position: fixed; top:50%; left:45%; z-index: 5000; } /* Trade Panel Specifications Q/A Document Selector */ img.tpsAnswerImage { border:solid 0px blue; margin-bottom:-2px; height:300px;} a.tpsAnswerLink { line-height:13px; color:#88970c; background: transparent; margin-top:10px; } a.tpsAnswerLink:hover { text-decoration:underline; color:#88970c; } /* Installation Videos */ h3.dkGray { color:#666;margin:8px 0 7px 0;} div#installVideo-intro, div#installvideo-disclaimer {margin:0 0 17px 10px;width:590px;} img#installVideo-brandingImg {margin-bottom:10px;} div#installVideo-agreementForm {margin-left:10px;} div#installVideo-agreementForm label {display: block;padding-left: 15px;text-indent: -15px;margin-bottom:20px;} div#installVideo-agreementForm input.checkbox {width: 13px;height: 13px;padding: 0;margin:0 5px 0 0;vertical-align: bottom;position: relative;top: -1px;*overflow: hidden;} #installVideo-chooseCat .installVideo-cat {float:left;width:315px;} .installVideo-comingSoon {position:relative;left:0;top:0;} .installVideo-comingSoon span {margin-top:4px;display:block;filter:alpha(opacity=70); opacity:0.7;width:314px;height:180px;position:absolute;top:0;left:0;z-index:4;background-color:#FFF;} .installVideo-comingSoon p {width:314px;height:180px;line-height:180px;text-align:center;color:#333;font-weight:bold;font-size:15px;position:absolute;top:0;left:0;z-index:5;} #installVideo-chooseCat .installVideo-cat img {margin:4px 0 20px 0;} #installVideo-chooseCat .installVideo-cat h2, #installVideo-chooseCat .installVideo-cat h3, #installVideo-chooseCat #installVideo-productList-builtIn, #installVideo-chooseCat #installVideo-productList-integrated {margin-left:10px;} #installVideo-chooseCat .installVideo-productList-left, #installVideo-chooseCat .installVideo-productList-right {float:left;width:105px;margin-top:14px;} #installVideo-videoHolder {margin-bottom:30px;} #installVideo-chaptersTools {float:left;width:650px;margin-top:30px;} #installVideo-chaptersTools .installVideo-videoInfo {float:left;width:315px;} #installVideo-chaptersTools .installVideo-videoInfo ul {padding:17px 0 0 0 !important;} #installVideo-chaptersTools .video-tools {display:none;} #installVideo-chaptersTools .initial-video-tools {display:block;} #installVideo-chaptersTools #installVideo-tools-none p {margin-top:17px;} #installVideo-notices {float:left;width:285px;margin-top:30px;overflow:hidden;} #installVideo-notices .notice {background-color:#f4f4f5;width:250px;height:72px;padding:10px 25px 0 10px;margin-bottom:12px;} #installVideo-notices .notice p {color:#999;margin:12px 0 4px 0;} a.tpsAnswerLink:hover { text-decoration:underline; color:#88970c; } /* KITCHEN PROFILE IFRAME */ #kitchen-profile-app { width: 942px; height: 630px; margin-left: -3px; border: none; overflow: hidden; } /* KITCHEN DESIGN VIDEO GALLERY */ .LimelightEmbeddedPlayer { margin-left: -10px; } #subhead { font-size: 14px; width: 936px; margin: -5px 0 30px 0; } /************************************* NATIONAL PROMO PAGES / CALCULATOR **************************************/ /* SAVINGS CALCULATOR */ .calc_buttons { width: 630px; margin: 0 auto 5px auto; text-align: right; font-size: 10px; } .calc_wrap { width: 630px; margin: 0 auto; color: #959595; font-size: 12px; background-color: #fff; } .calc_wrap ul { list-style-type: none; padding: 0px; margin: 0px; } .calc_wrap ul li.no_link { font-weight: bold; color: #434343; padding-left: 18px; line-height: 16px; } .calc_wrap ul li.with_link { background-image: url('http://www.subzero-wolf.com/common/images/button-search.gif'); font-weight: bold; color: #88970C; background-repeat: no-repeat; background-position: 0px -2px; padding-left: 18px; line-height: 16px;} .calc_header { background: #004d9c; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 5px 10px; color: #fff; } .calc_equation_wrap { border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; padding: 0; clear: both;} .calc_left { float: left; width: 289px; padding: 10px; border-right: 1px solid #c8c8c8; } .calc_left hr { width: 100%; border: 0px solid #a7a7a7; height: 1px; background: #c8c8c8; margin: 10px 0;} .calc_right { float: right; width: 297px; padding: 10px; } .calc_total { clear: both; background: #004d9c; font-weight: lighter; text-transform: uppercase; font-size: 22px; color: #fff; text-align: center; padding: 10px; } .calc_left h3, .calc_right h3 { font-size: 1.5em; color: #434343; padding: 0px; margin: 0px; font-weight: lighter; } .calc_section_text { font-size: 1em; color: #959595; } .calc_section_bar { background: #004d9c; font-size: 11px; color: #fff; width: 279px; padding: 2px 5px; font-weight: bold; margin: 5px 0;} .calc_product { color: #434343; font: bold 1em; } /* Print Calc */ .print_calc_head { height: 83px; width: 610px; margin: 25px auto; } .print_copy { font-size: 12px; margin: 50px auto 0 auto; width: 610px; } .print_calc_logos { height: 54px; width: 400px; margin: 50px auto; } .print_calc_header { border: 1px solid #a7a7a7; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 5px 10px; color: #004d9c; } .print_calc_total { border-top: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; clear: both; font-weight: lighter; text-transform: uppercase; font-size: 22px; color: #004d9c; text-align: center; padding: 10px; } .print_calc_section_text { font-size: 1em; color: #959595; } .print_calc_section_bar { border: 1px solid #a7a7a7; font-size: 11px; color: #; width: 279px; padding: 2px 5px; font-weight: normal; margin: 5px 0;} #subhead { font-size: 14px; width: 936px; margin: -5px 0 30px 0; } /* LANDING PAGES */ .eq_header { background: transparent url('/common/images/promo/header.png') no-repeat top center; height: 83px; width: 669px; margin:25px auto;} .eq_header2 { background: transparent url('/common/images/promo/landing2_head.png') no-repeat top center; height: 159px; width: 935px; margin:25px auto;} .equation_img { background: transparent url('/common/images/promo/landing2_equation.png') no-repeat top center; height: 120px; width: 933px; margin:25px auto 0 auto; } .eq_wrap { width: 100%; font-size: 8px; } .eq_wrap p { position: relative; top: 170px; } .eq_choose { float: left; background-image: url('/common/images/promo/eq_choose.png'); width: 175px; height: 198px; margin-right: 10px; padding: 10px; text-align: center; vertical-align: bottom; } .eq_and { float: left; background-image: url('/common/images/promo/eq_and.png'); width: 496px; height: 198px; margin-right: 10px; padding: 10px; text-align: center; vertical-align: bottom; } .eq_and p.left { float: left; left: 15px; } .eq_and p.right { float: right; right: 20px; width: 225px; } .eq_savings { float: left; width: 204px; } .eq_get { background-image: url('/common/images/promo/eq_get.png'); width: 204px; height: 94px; margin-bottom: 11px;} .eq_plus { background-image: url('/common/images/promo/eq_plus.png'); width: 184px; height: 93px; padding: 10px; text-align: center; vertical-align: bottom; } .eq_plus p { position: relative; top: 65px; } .maximize_savings { clear:both; background: transparent url('/common/images/promo/start_maximizing.png') no-repeat top center; height: 23px; width: 828px; margin:25px auto; } .savings_action { position: relative; display: block; margin: 0 auto 50px auto; width: 617px; } .savings_action_browser { float: left; background: #fff8f5; font-size: 14px; padding: 20px; border: 1px solid #b4b7b9; width: 254px; margin-right: 25px; } .savings_action_buyer { float: left; background: #f1f7ff; font-size: 14px; padding: 20px; border: 1px solid #b4b7b9; width: 254px; } .download_email { margin: 0 0 10px 0; } .download_pdf { float: left; margin-right: 20px; } .email_promo { float: left; } a.promo_email { padding:0px 0 0 18px; color:#666666; background:transparent url(../images/bullet-email.gif) no-repeat; background-position:0px 3px; } a.promo_email:hover { text-decoration:underline; color:#88970c; } .equation_info { width: 935px; padding:0; margin:0; margin: 0 auto 35px auto; text-align: center; font-size: 8px; } .eq1 { float:left; width: 79px; } .eq2 { float:left; width: 109px; } .eq3 { float:left; width: 53px; } .eq4 { float:left; width: 117px; } .eq5 { float:left; width: 28px; } .eq6 { float:left; width: 105px; } .eq7 { float:left; width: 267px; } .eq8 { float:left; width: 177px; } .two_ways_wrap { width: 935px; margin: 0 auto 25px auto; } .two_ways_head { background: #004d9c; color: #fff; text-transform: uppercase; padding: 8px; font-size: 12px; font-weight: bold; } .two_ways_body { background: #f1f1f2; border-left: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6; padding: 20px; color: #a6a6a6; font-size: 14px; font-weight: bold; color: #636365; } .two_ways_body_wrap { } .two_ways_one { float: left; margin-right: 20px; width: 431px; font-size: 13px; } .two_ways_two { float: left; width: 436px; font-size: 13px; } .two_ways_number1 { float: left; background: url('/common/images/promo/landing2_1.png') top left no-repeat; height: 34px; width: 16px; margin-right: 10px; margin-bottom: 5px; } .two_ways_number2 { float: left; background: url('/common/images/promo/landing2_2.png') top left no-repeat; height: 35px; width: 25px; margin-right: 10px; margin-bottom: 5px;} .two_ways_copy { font-size: 14px; font-weight: normal; line-height: 19px; } /* Promo Form Boxes */ .form_wrap { width: 935px; margin: 0 auto; } .form_wrap span { text-transform: uppercase; font-weight: normal; line-height: auto; margin-bottom: 2px; } .form_body { width: 449px; background: #f1f1f2; border-left: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6;padding: 5px; color: #a6a6a6; font-size: 14px; font-weight: bold; color: #636365; } .form_body_brochure { width: 449px; background: #f1f1f2; border-left: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6;padding: 5px 5px 9px 5px; color: #a6a6a6; font-size: 14px; font-weight: bold; color: #636365; } .form_body_acct { width: 449px; background: #f1f1f2; border-left: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6;padding: 5px 5px 16px 5px; color: #a6a6a6; font-size: 14px; font-weight: bold; color: #636365; } .form_body_questions { width: 449px; background: #f1f1f2; border-left: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6;padding: 5px; color: #a6a6a6; font-weight: bold; color: #636365; font-size: 12px; font-weight: normal; } .form_body_questions span { text-transform: none; } .form_head { background: #004d9c; color: #fff; text-transform: uppercase; padding: 5px 7px; font-size: 12px; font-weight: bold; } .form_left { float: left; width: 461px; margin-right: 13px; } .form_personal { width: 100%; } .form_right { float: left; width: 461px; } .form_contact { width: 100%; margin-bottom: 13px; } .form_kitchen { width: 461px;} .form_footer { width: 935px; margin: 0 auto; margin-top: 10px; } .form_disclaimer { font-size: 10px; margin-top: 5px; font-weight: normal; line-height: 12px;} .form_wrap input { height: 15px; } .form_wrap select { height: 21px; } .form_error { color:#FFFFFF; font-size:12px; margin:0 0 3px 0; font-weight:bold; width:99%; padding:5px 5px 5px 5px; background-color:#88970c; } /* Promo Brochure Signup */ .a_firstname { width: 216px; margin-right: 5px;} .a_lastname { width: 217px; } .a_company { width: 442px; } .a_address1 { width: 442px; } .a_address2 { width: 442px; margin-top: 5px; } .a_city { width: 177px; margin-right: 5px; } .a_state { width: 162px; margin-right: 5px; } .a_zip { width: 88px; } .a_country { width: 447px; } .a_email {width: 216px; margin-right: 5px;} .a_email2 { width: 442px; } .a_phone { width: 216px; } .form_body_questions select { font-size: 11px; width: 216px;} .form_submit { width: 935px; margin: 0 auto; margin-top: 10px; text-align: right; } .form_submit_acct { float: right; width: 200px; margin: 0 auto 10px auto; text-align: right; color: #f1f1f2; } /* Promo Account Signup */ .FirstName { width: 216px; margin-right: 5px;} .LastName { width: 217px; } .Address_AddressLine1 { width: 442px; } .Address_AddressLine2 { width: 442px; margin-top: 5px; } .Address_City { width: 177px; margin-right: 5px; } .Address_State { width: 162px; margin-right: 5px; } .Address_Zip { width: 88px; } .Address_Country { width: 447px; } .Address_Phone { width: 442px; } .Email { width: 442px; } .Password { width: 216px; margin-right: 5px; } .ConfirmPassword { width: 216px; } .form_wrap .form_contact label, .form_wrap .form_left label { text-transform: uppercase; font-weight: normal; line-height: auto; margin-bottom: 2px; } /* Promo Thank You Pages */ .thankyou { margin: 15px 0; } .thankyou h3 { margin-bottom: 5px; color: #434343; } .thankyou hr { width: 100%; height: 1px; border: 0; background-color: #e7e9ea; color: #e7e9ea; margin-bottom: 25px; } .thankyoucopy { margin-bottom: 25px; font-size: 16px; } .nextsteps { margin-bottom: 25px; } .nextlinks ul { list-style-type: none; padding: 0px; margin: 0px; font-size: 14px;} .nextlinks ul li { background-image: url('/common/images/promo/btn_arrow.png'); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 20px; margin-bottom: 5px;} .step_arrow { margin-bottom: 10px } .lookbadge { float: left; background: url('/common/images/promo/promo_badge_small.png') top left no-repeat; height: 41px; width: 40px; margin-right: 10px; } /*New wishlist styles*/ .nextsteps_new { margin-top: 10px; } h3.calculate_header { font-size:20px;color:#666666; } .wishlistdiv1 { margin-bottom: 10px; } div.wishlist_alert { color:#666666; font-size: 16px; background-color:#feffd9;padding:10px 10px; } div.save_wishlist { border: 1px solid #c8c8c8;background-color:#feffd9; } div.save_wishlist h3 { color:#666666;padding:3px 10px;margin-top:0px; } div.save_wishlist p { padding:0px 10px 0px 10px; } .page-tools-wishlist { border-left:1px solid #e7e9ea; float:right;} .tool {border-top:1px solid #e7e9ea;border-bottom:1px solid #e7e9ea;border-right:1px solid #e7e9ea;float:right;padding:5px;} a.email_wishlist { padding:0px 0 0 20px; font-size:10px; color:#666666; background:transparent url(../images/bullet-email.gif) no-repeat; background-position:0px 4px; } a.email_wishlist:hover { text-decoration:none; color:#88970c; } a.print_wishlist { padding:0px 0 0 20px; font-size:10px; color:#666666; background:transparent url(../images/bullet-print.gif) no-repeat; background-position:0px 2px; } a.print_wishlist:hover { text-decoration:none; color:#88970c; } .page-tools-wishlist .email { padding:0px 0 0 20px; font-size:10px; color:#666666; background:transparent url(../images/bullet-email.gif) no-repeat; background-position:0px 4px; } .page-tools-wishlist .email:hover { text-decoration:none; color:#88970c; } /* INTERNATIONAL LOCATOR PAGE */ #results_container { width: 936px; display:inline-block; margin-bottom: 20px;} #results { width: 936px; margin-bottom:30px; margin-left: auto; margin-right: auto; } #international-locator { padding-bottom: 65px; } #international-locator a.callout-right {font-size:15px; line-height:25px;padding:0px 20px 0 0; color:#666666; background: transparent url(../images/bullet-callout.gif) no-repeat right 2px; } #international-locator a.callout-right:hover { text-decoration:underline; color:#88970c; background:url(../images/bullet-callout-on.gif) no-repeat right 2px; } #international-locator .dvHeader { margin: 0px 0px 30px 10px; } #international-locator .dvHeader h3, .countryDD h3 {color:#666} #international-locator .dvHeaderImage { float:right; margin-right:65px; margin-top:-135px; } #international-locator .region_head { background-color:#B4B7B9; font-weight: bold; color: #fff; padding:5px 7px; text-transform: uppercase; } .list-table-international {float:left; min-height:171px; width: 936px;} .list-table-international td { border:1px solid #B4B7B9; } .list-table-international td.noborder { border:0; } .region_selector { width: 936px; margin-left: auto; margin-right: auto; text-align: right; height: 27px; clear: both; } .region_selector #region_change { float: right; line-height: 27px; margin-right: 10px; } .region_selector #region_change img { margin-left: 3px; vertical-align: middle; } .countryDD { float: right; background-color:#B4B7B9; width: 220px; height: 20px; padding:1px 10px 5px 0px; font-size:14px; text-transform: uppercase;} .region_selector .countryDD select { width:185px; font-weight: bold; vertical-align: middle; background: #B4B7B9; color: #FFF; border: 0px; } #international-locator .subtitle {font-weight: normal; font-size: 18px; color: #333; display:inline; } #international-locator .dealer-item { width: 275px; padding: 15px} #international-locator .dealer-item img { margin-top: 10px; } #international-locator #visit_na { margin-left: 10px; margin-top: 0px; } /* SZW LANDING PAGE PROMO */ .szlanding_body {background: #fff;} #szlanding_wrapper {width: 1024px; margin: 20px auto;} .szlanding_header {height: 130px; background: url(/common/images/szwlanding/header_bg.png) no-repeat top left;} .szlanding_footer {height: 65px; background: url(/common/images/szwlanding/footer_bg.png) no-repeat top left;} .szlanding_footerlinks {text-align: center; margin: 5px 0 0 0; } .szlanding_footerlinks ul {list-style: none; height: 15px; margin: 0 auto; padding: 0; width: 660px;} .szlanding_footerlinks ul li { float: left; font-size: 12px; padding: 0 5px; border-left: 1px solid #666;} .szlanding_footerlinks ul li:first-child {padding-left: 0; border: 0;} .szlanding_footerlinks ul li a, .szlanding_footerlinks ul li a:hover { color: #666; text-decoration: none;} .szlanding_content {min-height: 447px;} .szlanding_logo {margin: 45px 0 0 35px;} .szlanding_left {width: 701px; height: 447px; float: left; background: url(/common/images/szwlanding/landing_corn.jpg) no-repeat top left;} .szlanding_right {width: 283px; float: left; padding: 10px 0 0 15px; font-size: 12px; line-height: 20Px;} .szlanding_right .centered { text-align: center; margin-top: 20px;} .ty_buttons {width: 935px; margin: 20px auto 0 auto;} .ty_buttons ul {list-style: none; height: 47px; margin: 0 auto; padding: 0; width: 600px;} .ty_buttons ul li { float: left; margin-left:20px; } .ty_buttons ul li:first-child {margin-left: 0; border: 0;} .ty_left {float: left; width: 400px; margin-right: 10px;} .ty_blurb {margin-top: 75px; font-size: 13px; color: #666;} .ty_right {float: left; width: 525px; font-size: 15px; color: #666; font-weight: 500; } .LimelightEmbeddedPlayer_landing {margin-top: 10px;} /* SZW LANDING PAGE PROMO Form Boxes */ .szwlanding_form_wrap { width: 935px; margin: 0px auto; padding-top: 25px; } .szwlanding_form_wrap span { text-transform: capitalize; font-weight: normal; font-size: 14px; color: #666; line-height: auto; padding-bottom: 5px; } .szwlanding_form_body { width: 449px; background: transparent; padding: 0px; color: #666; font-size: 14px; font-weight: bold; } .szwlanding_form_body_brochure { width: 449px; background: transparent; padding: 5px 0px 9px 0px; color: #9f9f9f; font-size: 14px; text-transform: capitalize;} .szwlanding_form_body_questions { width: 449px; padding: 0px; color: #666; font-size: 11px; font-weight: normal; } .szwlanding_form_body_questions span { text-transform: none; font-size: 10px;} .szwlanding_form_head { color: #666; text-transform: uppercase; padding: 5px 0px 10px 0; font-size: 16px; } .szwlanding_form_left { float: left; width: 461px; margin-right: 13px; } .szwlanding_form_personal { width: 100%; } .szwlanding_form_right { float: left; width: 461px; } .szwlanding_form_contact { width: 100%; margin-bottom: 13px; } .szwlanding_form_kitchen { width: 461px;} .szwlanding_form_footer { width: 935px; margin: 0 auto; margin-top: 10px; } .szwlanding_form_disclaimer { font-size: 10px; margin-top: 5px; font-weight: normal; line-height: 12px;} .szwlanding_form_wrap input { height: 18px; margin-top: 5px;} .szwlanding_form_wrap select { height: 24px; margin-top: 5px;} .szwlanding_form_error { color:#FFFFFF; font-size:12px; margin:0 0 3px 0; font-weight:bold; width:99%; padding:5px 5px 5px 5px; background-color:#88970c; } /* SZW LANDING PAGE PROMO Brochure Signup */ .szwlanding_a_firstname, .szwlanding_a_lastname, .szwlanding_a_company, .szwlanding_a_address1 { width: 442px;} .szwlanding_a_address2 { width: 442px; margin-top: 5px; } .szwlanding_a_city { width: 177px; margin-right: 5px; } .szwlanding_a_state { width: 162px; margin-right: 5px; } .szwlanding_a_zip { width: 88px; } .szwlanding_a_country { width: 447px; } .szwlanding_a_email {width: 221px; margin-right: 10px;} .szwlanding_a_phone { width: 221px; } .szwlanding_form_body_questions select { font-size: 11px; width: 223px;} .szwlanding_form_submit { width: 461px; margin: 0 auto; margin-top: 43px; text-align: right; } .szwlanding_form_submit_acct { float: right; width: 200px; margin: 0 auto 10px auto; text-align: right; color: #f1f1f2; } /* WOLF LANDING PAGE PROMO */ wlanding_body {background:#d6d8da url(../images/bg-page.jpg) repeat-x top; margin:0;} #wlanding_main { width:985px; margin-left:auto; margin-right:auto; margin-top:0; padding:0; text-align:left; background-image:url(../images/bg-grad.png); } .wlanding_header { background: url(/common/images/szwlanding/wheader_bg.png) repeat-x; width: 975px; margin: 0 auto;} .wlanding_header_img { width: 934px; margin: 0 auto; padding-top: 20px; } #wlanding_footer { position:relative; padding:0 20px 5px 20px; margin-left:10px; font-size:10px; zoom:1.0; } #wlanding_endcap { width:985px; margin-left:auto; margin-right:auto; padding:0 0 20px 0; background-image:url(../images/bg-grad-bot.png); background-repeat:no-repeat;} .wlanding_footerlinks {text-align: center; margin: 5px 0 0 0; } .wlanding_footerlinks ul {list-style: none; height: 20px; margin: 0 auto; padding: 0; width: 600px;} .wlanding_footerlinks ul li { float: left; font-size: 11px; padding: 0 5px; border-left: 1px solid #666;} .wlanding_footerlinks ul li:first-child {padding-left: 0; border: 0;} .wlanding_footerlinks ul li a, .szlanding_footerlinks ul li a:hover { color: #666; text-decoration: none;} .wlanding_content { background: #e9e3ca; min-height: 533px; width: 934px; margin: 0 auto; color: #5a5a59;} .wlanding_content_info {font-family: Georgia; font-size: 12px; width: 735px; margin: 0px auto; padding: 25px 0 15px 0; border-bottom: 2px dotted #fff;} .wty_content_wrap { margin-left: 60px; } .wty_wrap1 { width: 675px; margin: 0 auto; padding: 25px 0; border-bottom: 2px dotted #FFF; } .wty_wrap1 .left { float: left; width: 311px; margin-right: 20px; font-family: Georgia; font-size: 28px; color: #5a5a59; line-height: 30px; padding-top: 40px;} .wty_wrap1 .right { float: left; width: 344px; } .wty_wrap2 { width: 675px; margin: 25px auto 0 auto; padding-bottom: 25px;} .wty_wrap2 .left { float: left; width: 311px; margin-right: 20px; font-family: Georgia; font-size: 24px; color: #5a5a59; } .wty_wrap2 .right { float: left; width: 344px; } .wty_sent { width: 100px; float: left; margin-right: 15px;} .wty_address {float: left;} .cta_button { background: url(/common/images/szwlanding/cta_bg.png); color: #fff; font-size: 11px; height: 22px; width:334px; margin-bottom: 10px; padding: 8px 0 0 10px;} .cta_button:hover { background: url(/common/images/szwlanding/cta_bg_hover.png) } .cta_button a:link, .cta_button a:visited, .cta_button a:hover { color: #fff; text-decoration: none; } /* WOLF LANDING PAGE PROMO Form Boxes */ .wlanding_form_wrap { width: 735px; margin: 0px auto; padding-top: 25px; } .wlanding_form_wrap span { text-transform: capitalize; font-weight: normal; font-size: 11px; color: #5a5a59; line-height: auto; padding-bottom: 5px; } .wlanding_form_body { width: 349px; background: transparent; padding: 0px; color: #5a5a59; font-size: 14px; font-weight: bold; } .wlanding_form_body_brochure { width: 349px; background: transparent; padding: 1px 0px 9px 0px; color: #5a5a59; font-size: 14px; text-transform: capitalize;} .wlanding_form_body_questions { width: 349px; padding: 0px; color: #5a5a59; font-size: 11px; font-weight: normal; } .wlanding_form_body_questions span { text-transform: none; font-size: 10px;} .wlanding_form_head { color: #5a5a59; text-transform: uppercase; padding: 5px 0px 10px 0; font-size: 12px; font-weight: 800; } .wlanding_form_left { float: left; width: 361px; margin-right: 13px; } .wlanding_form_personal { width: 100%; } .wlanding_form_right { float: left; width: 361px; } .wlanding_form_contact { width: 100%; margin-bottom: 13px; } .wlanding_form_kitchen { width: 361px; } .wlanding_form_footer { width: 735px; margin: 0 auto; margin-top: 10px; } .wlanding_form_disclaimer { font-size: 10px; margin-top: 5px; font-weight: normal; line-height: 12px;} .wlanding_form_wrap input { height: 15px; margin-top: 5px;} .wlanding_form_wrap select { height: 21px; margin-top: 5px;} .wlanding_form_error { color:#FFFFFF; font-size:12px; margin:0 0 3px 0; font-weight:bold; width:99%; padding:5px 5px 5px 5px; background-color:#af282e; } /* WOLF LANDING PAGE PROMO Brochure Signup */ .wlanding_a_firstname, .wlanding_a_lastname, .wlanding_a_company, .wlanding_a_address1 { width: 342px;} .wlanding_a_address2 { width: 342px; margin-top: 10px; } .wlanding_a_city { width: 127px; margin-right: 5px; } .wlanding_a_state { width: 142px; margin-right: 5px; } .wlanding_a_zip { width: 58px; } .wlanding_a_country { width: 347px; } .wlanding_a_email {width: 171px; margin-right: 10px;} .wlanding_a_phone { width: 171px; } .wlanding_form_body_questions select { font-size: 11px; width: 173px;} .wlanding_form_submit { width: 361px; margin: 18px auto 0 auto; text-align: right; } .wlanding_form_submit_acct { float: right; width: 200px; margin: 0 auto 10px auto; text-align: right; color: #f1f1f2; } /* PARTS AND SERVICES BRANCH */ .parts-services { width: 121px;height: 19px; } /* WISHLIST MODAL WINDOW */ .modal_table {border: 0; text-align: left;} .modal_table td, modal_table td a:link { border: 0; font-size: 13px; vertical-align:top; padding-top: 5px;} .modal_table td img { margin-right: 5px; } .modal_table td#pad {width: 40px;} .modal_table img {margin-top: 2px;} .modal_table tr#border {border-bottom: 1px solid #e7e9ea;} .modal_table th { font-size: 13px; font-weight: normal; padding-bottom: 5px; } .modal_table td#border {border-bottom:1px solid #e7e9ea; } .form-section2 { border-bottom:0px solid #e7e9ea; padding-bottom:15px; margin-bottom:15px; } /* DREAM KITCHEN CTA */ .dream-ty-cta { height: 19px; background: url(/common/images/button-search.gif) no-repeat 0px 2px; padding: 0 0 0 18px;} .dream-ty-cta h3 { font-size: 19px; } /* VIEW WISHLIST BUTTON */ /* JD POWER LANDING PAGE */ .jd_content { width: 100%; } .jd_award {float: left; background: #fff url(/common/images/jdpower/jd_award.png) no-repeat top center; width: 301px; height: 243px; margin-right: 15px; } .jd_head {float: left; width: 617px; font-size: 13px; line-height: 18px;} .jd_head h3 {color: #b0bc8c; font-size: 26px; text-transform: uppercase; margin: 20px 0 10px 0;letter-spacing: -1px;} #quoteleft {float:left; width: 54px; height: 19px; background: url(/common/images/jdpower/jd_leftquote.png) top right no-repeat; } #quote {float: left; width:484px; padding: 0 10px; color: #454545; font-size: 13px; text-align: center;} #quoteright {float:left;width: 54px; height: 19px; background: url(/common/images/jdpower/jd_rightquote.png) top left no-repeat; } .jd_subquote {width: 100%; text-align: center; text-transform: uppercase; font-size: 22px; margin: 25px 0; color: #b0bc8c; line-height: 27px; letter-spacing: -1px;} .jd_boxcol { float:left; width: 295px; margin-right: 16px;} .jd_boxhead {width: 283px; padding: 6px; background: #b4b7b9; font-size: 17px; font-weight: 100; text-transform: uppercase; color: #fff; letter-spacing: 0px;} .jd_box { background-color: #f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff)); background-image: -webkit-linear-gradient(top, #f2f2f2, #ffffff); background-image: -moz-linear-gradient(top, #f2f2f2, #ffffff); background-image: -ms-linear-gradient(top, #f2f2f2, #ffffff); background-image: -o-linear-gradient(top, #f2f2f2, #ffffff); background-image: linear-gradient(top, #f2f2f2, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2f2f2', EndColorStr='#ffffff'); font-size: 11px; padding: 5px; background-image: linear-gradient(top, #f2f2f2, #ffffff);/* IE6–IE9 */ } .jd_ctabox { background-color: #f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff)); background-image: -webkit-linear-gradient(top, #f2f2f2, #ffffff); background-image: -moz-linear-gradient(top, #f2f2f2, #ffffff); background-image: -ms-linear-gradient(top, #f2f2f2, #ffffff); background-image: -o-linear-gradient(top, #f2f2f2, #ffffff); background-image: linear-gradient(top, #f2f2f2, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2f2f2', EndColorStr='#ffffff'); border-top: 2px solid #454545; font-size: 11px; width: 288px; min-height: 90px; padding: 4px; float: left; margin-right: 15px; background-image: linear-gradient(top, #f2f2f2, #ffffff);/* IE6–IE9 */ } .jd_ctabox_h5 { color: #454545; font-size: 16px; font-weight: 700; margin: 10px 0 5px 0;} .jd_ctabox h6 {color: #454545; font-size: 13px; margin: 5px 0 0 0; } .jd_ctabox_img {float: left; margin-right: 5px; vertical-align: bottom;} .jd_ctabox img {margin-right: 5px; vertical-align: top;} .jd_ctacontent {width: 100%; margin: 50px auto 0 auto;} .jd_disclaimer {font-size: 9px; margin-top: 50px;} /* VIDEO GALLERY */ #video-container{width:630px; position:relative} #video-landing {margin:0} .video-gallery-nav .category-active {font-size:13px !important} .video-gallery-nav #categories a, .video-gallery-nav #topvideos a, .video-gallery-nav #recentvideos a {font-size:12px !important; padding:4px 0 4px 26px} #videos, #category-videos {margin:0} #videos .video, #category-videos .video-category-gallery { cursor:pointer; border:1px solid #efefef; width:171px;padding: 10px;display: inline-block;vertical-align:top; min-height:136px; float:left} #videos .video:hover, #category-videos .video-category-gallery:hover, #videos .hover { background-color: #ededed; } #videos .selected, #category-videos .selected { background-color: #ededed; cursor: default } .video-image {position:relative} .video-image .thumbnail {margin:0 auto 5px;width: 171px;height: 114px; z-index:1} .video-image .btn-play {position:absolute;z-index:10; width:171px; height:114px;top:0; left:0; background:transparent url(/kitchen-design-plans/_images/video-gallery-play.png) no-repeat 0 0; overflow:hidden; text-indent:9999px; } .video-image .now-playing {position:absolute;z-index:10; white-space:nowrap;line-height:114px;top:0; left:0; height:114px; width:171px; text-align:center; vertical-align:middle; text-transform:uppercase; color:#fff; font-size:1.2em; font-weight:bold} #videos .video label, #category-videos .video-category-gallery label { cursor: pointer; width:110px; font-size:12px; font-family: "SZWLight"} .video-gallery-nav .ajax-loader { margin: 5px 0 5px 130px;width: 20px; } #video-category { font-family: "SZWMedium";color: #999; font-size: 12px;text-transform: uppercase;} #video-container .page-header-nocopy {padding:18px 0 17px 10px;} .page-header-nocopy h4 { font-family: "SZWExtraLight";color: #434343; font-size: 34px; margin:5px 10px 5px 0; line-height:34px } #video-description, #video-landing p {font-family: "SZWLight"; font-size:12px; line-height:18px} #video-container .cover-video { min-height:480px; width: 630px; background-color:White; position: absolute; z-index: 100;left:0 } #video-container .covered { z-index: 200; } #video-player { z-index: 150} #video-player .LimelightEmbeddedPlayer {margin:0} .video-gallery .share-button span.icon{background-image: url("/common/images/mobile/icons-18-88970C.png"); display: inline-block; width: 20px; height: 20px;border: 1px solid #AFB477;background-position: 1px 1px;vertical-align: middle;margin: 0 5px 0 0;border-image: initial;text-align:right;} div#share-options .social-icon, .video-gallery #footer-content .social-icon {display:inline-block; text-indent:-9999px; overflow:hidden; width:32px; height:32px; margin:0 10px 0 0; vertical-align:middle;background:url(/common/images/mobile/social-icons.png) no-repeat 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} div#share-options a#fb-share, .video-gallery #footer-content a#fb {background-position:0 0} div#share-options a#tw-share, .video-gallery #footer-content a#tw {background-position:-32px 0} div#share-options a#email-share {background-position:-64px 0} div#sidebar.video-gallery {text-align:right;margin-top:10px;} div#share-options {display:none;bottom:0;padding:2%;width:606px;background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 20%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.65) 20%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 20%,rgba(0,0,0,0) 100%); background: linear-gradient(top, rgba(0,0,0,0.65) 20%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 );} /* EXPLORE AWARD WINNING KITCHENS */ .gallery_generic {width: 100%; padding: 0; margin: 0;} .gallery_left {float: left; width: 307px; height: 475px; margin: 0 1px 0 0; background: #fff url(/common/images/gallery/explore.jpg) top left no-repeat;} .gallery_right {float: left; width: 627px; } #gallery_right_top {height: 438px; margin-bottom: 1px; overflow: hidden;} #gallery_right_top img {position: relative; top: 0; left: 0;} .gallery_right_bottom {width: 100%; margin-top: 1px;} .gallery_right_bottom #left {width: 208px; height: 36px; float: left; margin-right: 1px;} .gallery_right_bottom #mid {width: 208px; height: 36px; float: left; margin-right: 2px;} .gallery_right_bottom #right {width: 208px; height: 36px; float: left;} .gallery_bottom { float: left; height: 60px; padding: 15px 5px 5px 10px;} .gallery_bottom img {vertical-align: top;} #left.gallery_bottom {margin-right: 1px; width: 292px; background: url(/common/images/gallery/bottom-box-left.png); } #mid.gallery_bottom {margin-right: 1px; width: 302px; background: url(/common/images/gallery/bottom-box-middle.png); } #right.gallery_bottom {margin-right: 0; width: 294px; background: url(/common/images/gallery/bottom-box-right.png); } .gallery_bottom h4 {color: #0f5ebb; text-transform:uppercase; margin: 0 0 3px 0; font-size: 15px; } .gallery_bottom a:hover {text-decoration: none;} div.fadehover { position: relative; } img.a { position: absolute; left: 0; top: 0; z-index: 10; } img.b { position: absolute; left: 0; top: 0; } .gallery_cta_text {font-size: 13px;} .gallery_cta_arrow {float: left; background: url(/common/images/button-search.gif) no-repeat 0px -1px; margin: 0 5px 0 0; width: 13px; height: 100%;} .gallery_cta_brochure {float: right; background: url(/common/images/gallery/brochure.png) no-repeat 0px 0px; margin-right: 30px; width: 43px; height: 56px;} /* JD POWER BANNER */ #jd_banner {margin: 25px 0 0 25px;} /* STEAM OVEN PAGES (category, evidence, product) */ /* category */ #category_title {font: 32px "SZWExtraLight"; color: #cc6633; margin: 0 0 20px 0; padding:0; line-height:30px;} .steam_hero_content { width: 935px; margin: 0 0 25px 0; padding:0; font-family: "SZWLight"; } .steam_hero_content .hero { float: left; width: 670px; height: 291px; padding:0; margin: 0;} .steam_hero_content .copy { float: left; width: 225px; height: 291px; background: #5C5C5C; color: white; padding: 0 20px 0 20px; font-size: 13px; font-family: SZWExtraLight; } .steam_hero_content .copy_h1 { font: 17px "SZWLight"; margin: 81px 0 11px 0; color: #fff;} /* line 837/843 if something goes awry */ .steam_hero_content .copy a { background: url(/common/images/steam/link_button.png) no-repeat 0px 1px; padding-left: 22px; line-height: 30px; color: white; font: 12px "SZWMedium"; text-decoration: none; line-height:14px;} .prod_loc_bar_content { width: 935px; height:56px; margin: 0 0 25px 0; padding:0; background: url(/common/images/steam/product-locator-bar-bg.jpg) no-repeat 0 0;} .prod_loc_bar_content .product { float: left; width:400px; height: 38px; } .prod_loc_bar_content .product ul {list-style-type:none; margin: 18px 0 0 65px; padding:0;} .prod_loc_bar_content .product ul li {height: 17px; line-height: 17px; background: url(/common/images/steam/link_button.png) no-repeat 0px 3px; padding-left: 20px;} .prod_loc_bar_content .product a { color: #666; font: 14px "SZWMedium"; text-decoration: none; } .prod_loc_bar_content .locator { float: right; padding: 12px 60px 0 0; height: 38px; width:450px; color: #666; font: 14px "SZWMedium"; text-decoration: none; } .prod_loc_bar_content .locator input { color: #999; font: 14px "SZWMedium"; text-decoration: none; padding: 3px 5px; margin-left: 7px; } .prod_loc_bar_content .locator .submit { background: url(/common/images/steam/link_button.png) no-repeat 0px 6px; border: 0px; margin-left: 5px; width: 16px; cursor:pointer; } .story_blocks {width: 935px; margin: 0; padding: 0;} .story_blocks a { text-decoration: none;} .story_block_left { float: left; width: 465px; padding-right: 0px; border-right: 1px solid #d4d4d4; margin: 0px 22px 10px 0; min-height: 250px; box-sizing: border-box;/* and for older/other browsers: */ -moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box} .story_block_left_h2, .story_block_right_h2 {font: 22px "SZWExtraLight"; color: #CC6633; margin:0 0 12px 0;padding: 0; line-height: 20px;} .story_block_left_h2 a, .story_block_right_h2 a {color: #CC6633;text-decoration: none; } .story_block_left .copy h3, .story_block_right .copy h3 {font: 16px "SZWLight"; color: #666; margin: 0 0 10px 0;} .story_block_right .image_link, .story_block_left .image_link { width: 218px; overflow: hidden; float:left; margin-right: 20px;} .story_block_left .link, .story_block_right .link { width: 218px; height:32px; padding:0; margin-top: 20px; background-image: url("/common/images/worth_it/read_btn_w.gif"); } .story_block_left .link a, .story_block_right .link a { width:100%;height:100%;display:block;} .story_block_left .link a:hover , .story_block_right .link a:hover { background-image: url("/common/images/worth_it/read_btn_w_hover.gif");} .story_block_left .copy, .story_block_right .copy {float: left; width: 208px; font: 16px "SZWLight"; color: #999; } .story_block_right {float: left; width: 447px; font: 14px "SZWLight"; color: #999; margin: 0 0 20px 0; min-height: 250px; box-sizing: border-box; /* and for older/other browsers: */ -moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;} .block_hr {clear: both; width:935px; margin: 10px 0 25px 0; height: 1px; border: 0; background: #d4d4d4;} /*Worth It*/ /*Worth It category pages*/ #w_category_title {font: 31px "SZWLight"; color: #bf4a1d; margin: 0 0 20px 0; line-height:30px;background: url(/common/images/worth_it/header_backgr.gif); background-repeat: repeat-x;padding:8px;} #w_category_title a {text-decoration:none;color: #bf4a1d; } #sz_category_title {font: 31px "SZWLight"; color: #608cb4; margin: 0 0 20px 0; line-height:30px;background: url(/common/images/worth_it/header_backgr.gif); background-repeat: repeat-x;padding:8px;} #sz_category_title a {text-decoration:none;color: #608cb4; } .worth_it .hero_content .copy { float: left; width: 225px; height: 291px; background: #608cb4; color: white; padding: 0 20px 0 20px; font-size: 14px; font-family: SZWLight;line-height:18px; } .worth_it .hero_content .copy_w { float: left; width: 225px; height: 291px; background: #bf4a1d; color: white; padding: 0 20px 0 20px; font-size: 14px; font-family: SZWLight;line-height:18px; } .worth_it .hero_content .copy_h1 { color: #fff; font: 18px "SZWLight"; margin-top: 81px; margin-bottom: 12px; } .worth_it .hero_content .copy_h1_w { font: 18px "SZWLight"; margin-top: 81px; } .worth_it .hero_content { width: 935px; margin: 0 0 25px 0; padding:0; font-family: "SZWLight"; } .worth_it .hero_content .hero_sz { float: left; width: 670px; height: 291px; padding:0; margin: 0; background-image:url(/common/images/worth_it/sz_difference_hero.jpg)} .worth_it .hero_content .hero_w { float: left; width: 670px; height: 291px; padding:0; margin: 0; background-image:url(/common/images/worth_it/w_difference_hero.jpg)} .worth_it .new_story_blocks {width: 935px; margin: 0; padding: 0;} .worth_it .new_story_blocks a {text-decoration:none;} .worth_it .new_story_block_left { float: left; width: 465px; padding-right: 0px; border-right: 1px solid #d4d4d4; margin: 0px 22px 10px 0; min-height: 250px; box-sizing: border-box; /* and for older/other browsers: */-moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box} .worth_it .new_story_block_right {float: left; width: 447px; font: 14px "SZWLight"; color: #999; margin: 0 0 20px 0; min-height: 250px; box-sizing: border-box; /* and for older/other browsers: */-moz-box-sizing: border-box; -ms-box-sizing: border-box;-webkit-box-sizing: border-box} .worth_it .new_story_block_left .copy h3, .worth_it .new_story_block_right .copy h3 {font: 16px "SZWLight"; color: #666; margin: 0 0 10px 0;} .worth_it .new_story_block_right .image_link, .worth_it .new_story_block_left .image_link { width: 218px; overflow: hidden; float:left; margin-right: 20px;} .worth_it .new_story_block_left .link, .worth_it .new_story_block_left .copy, .worth_it .new_story_block_right .copy {float: left; width: 208px; font: 16px "SZWLight"; color: #999; } .worth_it .block_hr {clear: both; width:935px; margin: 10px 0 25px 0; height: 1px; border: 0; background: #d4d4d4;} .worth_it .new_story_block_left .copy, .worth_it .new_story_block_right .copy {float: left; width: 208px; font: 16px "SZWLight"; color: #999; } .worth_it .new_story_block_left .link, .worth_it .new_story_block_right .link { width: 218px; height:32px; padding:0; margin-top : 20px; background-image: url("/common/images/worth_it/read_btn_sz.gif"); } .worth_it .new_story_block_left .link_w, .worth_it .new_story_block_right .link_w { width: 218px; height:32px; padding:0; margin-top: 20px; background-image: url("/common/images/worth_it/read_btn_w.gif"); } .worth_it .new_story_block_left .link a, .worth_it .new_story_block_right .link a { width:100%;height:100%;display:block;} .worth_it .new_story_block_left .link_w a, .worth_it .new_story_block_right .link_w a{ width:100%;height:100%;display:block;} .worth_it .new_story_block_left .link a:hover, .worth_it .new_story_block_right .link a:hover { background-image: url("/common/images/worth_it/read_btn_sz_hover.gif");} .worth_it .new_story_block_left .link_w a:hover, .worth_it .new_story_block_right .link_w a:hover { background-image: url("/common/images/worth_it/read_btn_w_hover.gif");} .worth_it .new_story_block_left_sz_h2, .worth_it .new_story_block_right_sz_h2 {font: 22px "SZWExtraLight"; color: #608cb4; margin:0 0 12px 0;padding: 0; line-height: 20px;} .worth_it .new_story_block_left_sz_h2 a {font: 22px "SZWLight"; color: #608cb4; margin:0 0 12px 0;padding: 0; line-height: 20px;} .worth_it .new_story_block_left_w_h2, .worth_it .new_story_block_right_w_h2 {font: 22px "SZWLight"; color: #bf4a1d; margin:0 0 12px 0;padding: 0; line-height: 23px;} .worth_it .new_story_block_left_w_h2 a, .worth_it .new_story_block_right_w_h2 a {font: 22px "SZWLight"; color: #bf4a1d; margin:0 0 12px 0;padding: 0; line-height: 23px;} .worth_it .category_video { width:935px;background-color:#e9eaec;height:348px; } .worth_it .category_video .player { margin-left:10px;float:left; } .worth_it .category_video .content {width:250px; float:left;margin-left:20px;} .worth_it .category_video p { font: 16px 'SZWLight'; color: #999; } .worth_it .category_video_sz_h2 { font: 22px 'SZWLight'; color: #608cb4; margin:18px 0 18px 0;padding: 0; line-height: 20px; } .worth_it .category_video_w_h2 {font: 22px 'SZWLight'; color: #bf4a1d; margin:18px 0 18px 0;padding: 0; line-height: 20px; } /*Worth It story pages*/ .worth_it .new_story_hero_content { width: 935px; margin: 0 0 35px 0; padding: 0; } .worth_it .new_story_hero_content .hero_sz_freshness {float: left; padding: 25px; width: 636px; height: 234px; color: #fff; font: 28px "SZWLight"; overflow: hidden;background-image:url(/common/images/worth_it/sz_freshness_hero.jpg);} .worth_it .new_story_hero_content .hero_sz_design {float: left; padding: 25px; width: 636px; height: 234px; color: #fff; font: 28px "SZWLight"; overflow: hidden;background-image:url(/common/images/worth_it/sz_design_hero.jpg);} .worth_it .new_story_hero_content .hero_sz_investment {float: left; padding: 25px; width: 636px; height: 234px; color: #fff; font: 28px "SZWLight"; overflow: hidden;background-image:url(/common/images/worth_it/sz_investment_hero.jpg);} .worth_it .new_story_hero_content .hero_sz_quality {float: left; padding: 25px; width: 636px; height: 234px; color: #fff; font: 28px "SZWLight"; overflow: hidden;background-image:url(/common/images/worth_it/sz_quality_hero.jpg);} .worth_it .new_story_hero_content .hero_sz_customer_service {float: left; padding: 25px; width: 636px; height: 234px; color: #fff; font: 28px "SZWLight"; overflow: hidden;background-image:url(/common/images/worth_it/sz_customer_service_hero.jpg);} .worth_it .new_story_hero_content .hero_w_customer_service {float: left; padding: 25px; width: 636px; height: 234px; color: #fff; font: 28px "SZWLight"; overflow: hidden;background-image:url(/common/images/worth_it/w_customer_service_hero.jpg);} .worth_it .new_story_hero_content .hero_w_quality {float: left; padding: 25px; width: 636px; height: 234px; color: #fff; font: 28px "SZWLight"; overflow: hidden;background-image:url(/common/images/worth_it/w_quality_hero.jpg);} .worth_it .new_story_hero_content .hero_w_design {float: left; padding: 25px; width: 636px; height: 234px; color: #fff; font: 28px "SZWLight"; overflow: hidden;background-image:url(/common/images/worth_it/w_design_hero.jpg);} .worth_it .new_story_hero_content .hero_w_control {float: left; padding: 25px; width: 636px; height: 234px; color: #fff; font: 28px "SZWLight"; overflow: hidden;background-image:url(/common/images/worth_it/w_control_hero.jpg);} .worth_it .new_story_hero_content .hero .copy {margin-top: 170px;} .worth_it .new_story_hero_content .hero .copy_h1 { color: #fff; font: 28px "SZWLight"; margin:0; padding:0; } .worth_it .new_evidence_blocks {width: 935px; margin: 0; padding: 0; } .worth_it .new_evidence_blocks .sz_h2 {font: 28px 'SZWLight'; color: #608cb4; margin-bottom:5px;margin-left:3px;} .worth_it .new_evidence_blocks .w_h2 {font: 28px 'SZWLight'; color: #bf4a1d; margin-bottom:5px;margin-left:3px;} .worth_it .new_evidence_blocks .block {background:url(/common/images/worth_it/gradient.jpg) top repeat-x;padding:20px 30px 0px 30px;margin-bottom: 35px;} .worth_it .new_evidence_blocks .block .content {font: 14px "SZWLight"; color: #777; float: left; width: 525px; margin-right:50px } .worth_it .new_evidence_blocks .block .content p {font: 14px "SZWLight"; color: #777; margin-bottom: 10px;} .worth_it .new_evidence_blocks .block .content ul li{color: #777;} .worth_it .new_evidence_blocks .block .content li {font: 14px "SZWLight"; color: #777; margin:0; padding:0;} .worth_it .new_evidence_blocks .block .content h3 {font: 14px "SZWMedium"; color: #555; margin:0 0 10px 0;} .worth_it .new_evidence_blocks .block .content h4 {font: 14px "SZWMedium"; color: #777; margin-bottom:0; padding-bottom:0;} .worth_it .new_evidence_blocks .block .image {float: left; width:290px; height: 220px; margin-top:8px; padding-left:10px;} .worth_it .new_evidence_blocks .block .image1 img, .worth_it .new_evidence_blocks .block .image2 img, .worth_it .new_evidence_blocks .block .image3 img {margin-top: 139px; width: 130px; height: 20px;} .worth_it .new_evidence_blocks .block .thumb {float: left; width:285px; height: 179px; text-align: right; } .worth_it .new_evidence_blocks .block .thumb img {margin-top: 139px; width: 130px; height: 20px;} /* SZ story images */ .worth_it .new_evidence_blocks .block .freshness_microprocessor {float: left; width:300px; height: 147px; margin-top:8px; background: url(/common/images/worth_it/sz_freshness_microprocessor.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .freshness_door {float: left; width:300px; height: 176px; margin-top:8px; background: url(/common/images/worth_it/sz_freshness_door.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .design_timeless {float: left; width:300px; height: 213px; margin-top:8px; background: url(/common/images/worth_it/sz_design_timeless.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .sz_design_gallery {float: left; width:300px; height: 196px; margin-top:8px; background: url(/common/images/worth_it/sz_design_gallery.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .sz_design_gallery a {float: right; width:100%; height: 100%; } .worth_it .new_evidence_blocks .block .quality_usa {float: left; width:300px; height: 248px; margin-top:8px; background: url(/common/images/worth_it/sz_quality_usa.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .investment_longevity {float: left; width:300px; height: 167px; margin-top:8px; background: url(/common/images/worth_it/sz_investment_longevity.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .investment_homeowners {float: left; width:300px; height: 264px; margin-top:8px; background: url(/common/images/worth_it/sz_investment_homeowners.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .customer_service_factory_certified {float: left; width:300px; height: 83px; margin-top:8px; background: url(/common/images/worth_it/sz_customer_service_factory.png) no-repeat;} .worth_it .new_evidence_blocks .block .customer_service_JDPower {float: left; width:300px; height: 235px; margin-top:8px; background: url(/common/images/worth_it/sz_customer_service_JDPower.png) no-repeat;} .worth_it .new_evidence_blocks .block .customer_service_warranty {float: left; width:300px; height: 177px; margin-top:8px; background: url(/common/images/worth_it/sz_customer_service_warranty.jpg) no-repeat;} /* Wolf story images */ .worth_it .new_evidence_blocks .block .customer_service_warranty_w {float: left; width:300px; height: 227px; margin-top:8px; background: url(/common/images/worth_it/w_customer_service_warranty.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .quality_history_w {float: left; width:300px; height: 216px; margin-top:8px; background: url(/common/images/worth_it/w_quality_history.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .quality_construction_w {float: left; width:300px; height: 146px; margin-top:8px; background: url(/common/images/worth_it/w_quality_construction.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .quality_testing_w {float: left; width:300px; height: 217px; margin-top:8px; background: url(/common/images/worth_it/w_quality_testing.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .quality_usa_w {float: left; width:300px; height: 199px; margin-top:8px; background: url(/common/images/worth_it/w_quality_usa.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .design_cooking_w {float: left; width:300px; height: 194px; margin-top:8px; background: url(/common/images/worth_it/w_design_cooking.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .design_trusted_w {float: left; width:300px; height: 233px; margin-top:8px; background: url(/common/images/worth_it/w_design_trusted.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .w_design_gallery {float: left; width:300px; height: 196px; margin-top:8px; background: url(/common/images/worth_it/w_design_gallery.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .w_design_gallery a {float: right; width:100%; height: 100%;} .worth_it .new_evidence_blocks .block .control_innovations_w {float: left; width:300px; height: 187px; margin-top:8px; background: url(/common/images/worth_it/w_control_power.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .control_power_w {float: left; width:300px; height: 187px; margin-top:8px; background: url(/common/images/worth_it/w_control_power.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .control_dual_convection_w {float: left; width:300px; height: 250px; margin-top:8px; background: url(/common/images/worth_it/w_control_dual_convection.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .control_preparation_w {float: left; width:300px; height: 200px; margin-top:8px; background: url(/common/images/worth_it/w_control_preparation.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .control_tarts_w {float: left; width:300px; height: 177px; margin-top:8px; background: url(/common/images/worth_it/w_control_tarts.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .control_fish_w {float: left; width:300px; height: 175px; margin-top:15px; background: url(/common/images/worth_it/w_control_fish.jpg) no-repeat;} .worth_it .new_evidence_blocks .block .control_pizza_w {float: left; width:300px; height: 192px; margin-top:15px; background: url(/common/images/worth_it/w_control_pizza.jpg) no-repeat;} .cooking_modes {border-collapse:collapse; } .cooking_modes tr {border-bottom:1px solid #ededed;} .cooking_modes td {padding:6px;font: 13px "SZWLight"; color: #888;} .cooking_modes td.name {font-weight:bold;border-right:1px solid #ededed;} .cooking_modes td.description {padding-left:10px;} .cooking_modes td.name h4 {font: 14px "SZWMedium"; color: Red; margin:0;} /*Worth It 5 tabs */ .worth_it .new_story_hero_content .tabs5 { float: right; width: 249px; height: 284px; } .worth_it .new_story_hero_content .tabs5 a { text-decoration: none; } .worth_it .new_story_hero_content .tabs5 ul { list-style-type: none; padding: 0; margin:0; width:249px;} .worth_it .new_story_hero_content .tabs5 ul li { padding:10px; height: 37px; background-color: #e9eaec; background-image: -webkit-gradient(linear, left top, left bottom, from(#e9eaec), to(#f3f4f6)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e9eaec, #f3f4f6); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e9eaec, #f3f4f6); /* FF3.6 */ background-image: -ms-linear-gradient(top, #e9eaec, #f3f4f6); /* IE10 */ background-image: -o-linear-gradient(top, #e9eaec, #f3f4f6); /* Opera 11.10+ */ background-image: linear-gradient(top, #e9eaec, #f3f4f6); } .worth_it .new_story_hero_content .tabs5 ul li td {margin:0; padding:0; height: 31px; color: #666; font: 15px "SZWMedium";} .worth_it .new_story_hero_content .tabs5 ul li.selected { width: 231px; background: url(/common/images/worth_it/tab_5_selected_sz.png) no-repeat top right; z-index: 9999; color: white; margin-left: -50px; padding-left: 58px; } .worth_it .new_story_hero_content .tabs5 ul li.selected td {margin:0; padding:0; color: #fff; font: 15px "SZWMedium"; vertical-align: middle; height: 31px;} .worth_it .new_story_hero_content .tabs5 ul li.selected {color: #fff; font: 15px "SZWMedium"; text-decoration: none; display:inline-block;} /*Worth It 4 tabs */ .worth_it .new_story_hero_content .tabs4 { float: right; width: 249px; height: 285px; } .worth_it .new_story_hero_content .tabs4 a { text-decoration: none; } .worth_it .new_story_hero_content .tabs4 ul { list-style-type: none; padding: 0; margin:0; width:249px;} .worth_it .new_story_hero_content .tabs4 ul li { padding:0 10px; height: 71px; background-color: #e9eaec; background-image: -webkit-gradient(linear, left top, left bottom, from(#e9eaec), to(#f3f4f6)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e9eaec, #f3f4f6); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e9eaec, #f3f4f6); /* FF3.6 */ background-image: -ms-linear-gradient(top, #e9eaec, #f3f4f6); /* IE10 */ background-image: -o-linear-gradient(top, #e9eaec, #f3f4f6); /* Opera 11.10+ */ background-image: linear-gradient(top, #e9eaec, #f3f4f6); } .worth_it .new_story_hero_content .tabs4 ul li td {margin:0; padding:0; height: 64px; color: #666; font: 15px "SZWMedium"; text-decoration: none;} .worth_it .new_story_hero_content .tabs4 ul li.selected { width: 231px; background: url(/common/images/worth_it/tab_4_selected_w.png) no-repeat top right; z-index: 9999; color: white; margin-left: -50px; padding-left: 58px; } .worth_it .new_story_hero_content .tabs4 ul li.selected td {margin:0; padding:0; color: #fff; font: 15px "SZWMedium"; vertical-align: middle; height: 64px;} .worth_it .new_story_hero_content .tabs4 ul li.selected {color: #fff; font: 15px "SZWMedium"; text-decoration: none; display:inline-block;} /* products (used on category and story pages) */ #product_list { width: 935px; margin: 0; padding: 0; } #product_list .product { width: 895px; margin: 35px 0 0 0; padding: 20px; background-color: #e9eaec; background-image: -webkit-gradient(linear, left top, left bottom, from(#e9eaec), to(#f3f4f6)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e9eaec, #f3f4f6); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e9eaec, #f3f4f6); /* FF3.6 */ background-image: -ms-linear-gradient(top, #e9eaec, #f3f4f6); /* IE10 */ background-image: -o-linear-gradient(top, #e9eaec, #f3f4f6); /* Opera 11.10+ */ background-image: linear-gradient(top, #e9eaec, #f3f4f6); } #product_list .product .image { float: left; width: 259px; margin-right: 20px; } #product_list .product .content { float: left; font: 14px "SZWLight"; width: 445px; margin-right: 40px;} #product_list .product .content_h1 { font: 28px "SZWLight"; color: #CC6633; margin:0; text-transform: capitalize;} #product_list .product .content a {text-decoration: none;} #product_list .product .content .spec_link {float: left; margin-right: 90px;} #product_list .product .content .spec_link .specs { font: 11px "SZWMedium"; color: #666; margin:0 0 15px 0; text-transform:uppercase; line-height: 15px;} #product_list .product .content .spec_link .specs strong { font: 10px "SZWMedium"; color:#fff; background: #afafaf; padding: 1px 3px; } #product_list .product .content .eligible { } #product_list .product .content .wish { margin: 0 0 15px 0 } #product_list .product .content .wish ul {list-style:none; padding:0; margin:0; } #product_list .product .content .wish ul li { background: url(/common/images/steam/wishlist_icon_mid.png) no-repeat 0 2px; padding-left: 24px; line-height:23px; } #product_list .product .content .wish a {color: #666; text-decoration: none; font: 14px "SZWMedium"; } #product_list .product .content .prod_desc {font: 14px "SZWLight"; margin: 0 0 20px 0; } #product_list .product .content .spec_link .link { margin-top: 20px; } #product_list .product .content .spec_link .link a { color: #666; font: 14px "SZWMedium"; text-decoration: none;} #product_list .product .content .spec_link .link ul {list-style-type:none; margin:0; padding:0;} #product_list .product .content .spec_link .link ul li {height: 17px; line-height:17px; background: url(/common/images/steam/link_button.png) no-repeat 0px 3px; padding-left: 20px;} #product_list .product .certs { width: 77px; float: left; text-align: center; margin-top: 20px;} #product_list .product .certs img { margin-bottom: 10px; } /* STORY PAGE */ .story_hero_content { width: 935px; margin: 0 0 35px 0; padding: 0; } .story_hero_content .hero {float: left; padding: 25px; width: 636px; height: 234px; color: #fff; font: 28px "SZWLight"; overflow: hidden;} .story_hero_content .hero .copy {margin-top: 170px;} .story_hero_content .hero .copy_h1 { color: #fff; font: 28px "SZWLight"; margin:0; padding:0; } /* 3 tabs */ .story_hero_content .tabs3 { float: right; width: 249px; height: 285px; } .story_hero_content .tabs3 a { text-decoration: none; } .story_hero_content .tabs3 ul { list-style-type: none; padding: 0; margin:0; width:249px;} .story_hero_content .tabs3 ul li { padding:0 10px; height: 95px; background-color: #e9eaec; background-image: -webkit-gradient(linear, left top, left bottom, from(#e9eaec), to(#f3f4f6)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e9eaec, #f3f4f6); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e9eaec, #f3f4f6); /* FF3.6 */ background-image: -ms-linear-gradient(top, #e9eaec, #f3f4f6); /* IE10 */ background-image: -o-linear-gradient(top, #e9eaec, #f3f4f6); /* Opera 11.10+ */ background-image: linear-gradient(top, #e9eaec, #f3f4f6); } .story_hero_content .tabs3 ul li td {margin:0; padding:0; height: 89px; color: #666; font: 15px "SZWMedium";} .story_hero_content .tabs3 ul li.selected { width: 231px; background: url(/common/images/steam/tab_3_selected.png) no-repeat top right; z-index: 9999; color: white; margin-left: -50px; padding-left: 58px; } .story_hero_content .tabs3 ul li.selected td {margin:0; padding:0; color: #fff; font: 15px "SZWMedium"; vertical-align: middle; height: 89px;} .story_hero_content .tabs3 ul li.selected {color: #fff; font: 15px "SZWMedium"; text-decoration: none; display:inline-block;} /* 4 tabs */ .story_hero_content .tabs4 { float: right; width: 249px; height: 285px; } .story_hero_content .tabs4 a { text-decoration: none; } .story_hero_content .tabs4 ul { list-style-type: none; padding: 0; margin:0; width:249px;} .story_hero_content .tabs4 ul li { padding:0 10px; height: 71px; background-color: #e9eaec; background-image: -webkit-gradient(linear, left top, left bottom, from(#e9eaec), to(#f3f4f6)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e9eaec, #f3f4f6); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e9eaec, #f3f4f6); /* FF3.6 */ background-image: -ms-linear-gradient(top, #e9eaec, #f3f4f6); /* IE10 */ background-image: -o-linear-gradient(top, #e9eaec, #f3f4f6); /* Opera 11.10+ */ background-image: linear-gradient(top, #e9eaec, #f3f4f6); } .story_hero_content .tabs4 ul li td {margin:0; padding:0; height: 64px; color: #666; font: 15px "SZWMedium"; text-decoration: none;} .story_hero_content .tabs4 ul li.selected { width: 231px; background: url(/common/images/steam/tab_4_selected.png) no-repeat top right; z-index: 9999; color: white; margin-left: -50px; padding-left: 58px; } .story_hero_content .tabs4 ul li.selected td {margin:0; padding:0; color: #fff; font: 15px "SZWMedium"; vertical-align: middle; height: 64px;} .story_hero_content .tabs4 ul li.selected {color: #fff; font: 15px "SZWMedium"; text-decoration: none; display:inline-block;} /* 5 tabs */ .story_hero_content .tabs5 { float: right; width: 249px; height: 285px; } .story_hero_content .tabs5 a { text-decoration: none; } .story_hero_content .tabs5 ul { list-style-type: none; padding: 0; margin:0; width:249px;} .story_hero_content .tabs5 ul li { padding:10px; height: 37px; background-color: #e9eaec; background-image: -webkit-gradient(linear, left top, left bottom, from(#e9eaec), to(#f3f4f6)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e9eaec, #f3f4f6); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e9eaec, #f3f4f6); /* FF3.6 */ background-image: -ms-linear-gradient(top, #e9eaec, #f3f4f6); /* IE10 */ background-image: -o-linear-gradient(top, #e9eaec, #f3f4f6); /* Opera 11.10+ */ background-image: linear-gradient(top, #e9eaec, #f3f4f6); } .story_hero_content .tabs5 ul li td {margin:0; padding:0; height: 31px; color: #666; font: 15px "SZWMedium";} .story_hero_content .tabs5 ul li.selected { width: 231px; background: url(/common/images/steam/tab_5_selected.png) no-repeat top right; z-index: 9999; color: white; margin-left: -50px; padding-left: 58px; } .story_hero_content .tabs5 ul li.selected td {margin:0; padding:0; color: #fff; font: 15px "SZWMedium"; vertical-align: middle; height: 31px;} .story_hero_content .tabs5 ul li.selected {color: #fff; font: 15px "SZWMedium"; text-decoration: none; display:inline-block;} /* 2 icons */ .icons2 {margin: 0 auto 35px auto; padding:0; width: 551px;} .icons2 .icon {float: left; width: 250px; border-right: 1px solid #ccc; margin-right: 30px; padding-right:18px;} .icons2 .icon_last {float: left; width: 250px; border-right: 0;} .icons2 .icon .image, .icons2 .icon_last .image {float: left; margin-right: 10px; vertical-align: middle;} .icons2 .icon .name, .icons2 .icon_last .name {float:left; font: 15px "SZWMedium"; color: #CC6633; width: 158px;} .icons2 .icon .name td, .icons2 .icon_last .name td { font: 15px "SZWMedium"; color: #CC6633; vertical-align: middle; padding:0;} .icons2 .icon a, .icons2 .icon_last a {text-decoration: none;} /* 3 icons */ .icons3 {margin: 0 auto 35px auto; padding:0; width: 852px;} .icons3 .icon {float: left; width: 250px; border-right: 1px solid #ccc; margin-right: 30px; padding-right: 18px} .icons3 .icon_last {float: left; width: 250px; border-right: 0;} .icons3 .icon .image, .icons3 .icon_last .image {float: left; margin-right: 10px; vertical-align: middle;} .icons3 .icon .name, .icons3 .icon_last .name {float:left; font: 15px "SZWMedium"; color: #CC6633; width: 158px;} .icons3 .icon .name td, .icons3 .icon_last .name td { font: 15px "SZWMedium"; color: #CC6633; vertical-align: middle; padding:0;} .icons3 .icon a, .icons3 .icon_last a {text-decoration: none;} /* 4 icons */ .icons4 {margin: 0 auto 35px auto; padding:0; width: 800px;} .icons4 .icon {float: left; width: 199px; border-right: 1px solid #ccc; text-align: center;} .icons4 .icon_last {float: left; width: 200px; border-right: 0; text-align: center;} .icons4 .icon .image, .icons4 .icon_last .image {} .icons4 .icon .name, .icons4 .icon_last .name {font: 12px "SZWMedium"; color: #CC6633; margin-top: 5px; } .icons4 .icon a, .icons4 .icon_last a {text-decoration: none;} /* 5 icons */ .icons5 {margin: 0 auto 35px auto; padding:0; width: 850px;} .icons5 .icon {float: left; width: 169px; border-right: 1px solid #ccc; text-align: center;} .icons5 .icon_last {float: left; width: 170px; border-right: 0; text-align: center;} .icons5 .icon .image, .icons5 .icon_last .image {} .icons5 .icon .name, .icons5 .icon_last .name {font: 12px "SZWMedium"; color: #CC6633; margin-top: 5px; } .icons5 .icon a, .icons5 .icon_last a {text-decoration: none;} .evidence_blocks {width: 935px; margin: 0; padding: 0; } .evidence_blocks .block {margin-bottom: 35px;} .evidence_blocks .block .icon {float: left; width: 82px; margin: 0 50px 0 35px;} .evidence_blocks .block .content {font: 14px "SZWLight"; color: #999; float: left; width: 383px; margin: 0 50px 0 0; } .evidence_blocks .block .content p {font: 14px "SZWLight"; color: #999; margin-bottom: 10px;} .evidence_blocks .block .content li {font: 14px "SZWLight"; color: #999; margin:0; padding:0;} .evidence_blocks .block .content span {font: 28px "SZWLight"; color: #CC6633; margin:0;} .evidence_blocks .block .content h3 {font: 14px "SZWMedium"; color: #666; margin:0 0 10px 0; } .evidence_blocks .block .image1 {float: left; width:285px; height: 179px; text-align: right; background: url(/common/images/steam/eb_01.jpg) no-repeat;} .evidence_blocks .block .image2 {float: left; width:285px; height: 179px; text-align: right; background: url(/common/images/steam/eb_02.jpg) no-repeat;} .evidence_blocks .block .image3 {float: left; width:285px; height: 179px; text-align: right; background: url(/common/images/steam/eb_03.jpg) no-repeat;} .evidence_blocks .block .image1 img, .evidence_blocks .block .image2 img, .evidence_blocks .block .image3 img {margin-top: 139px; width: 130px; height: 20px;} .evidence_blocks .block .thumb {float: left; width:285px; height: 179px; text-align: right; } .evidence_blocks .block .thumb img {margin-top: 139px; width: 130px; height: 20px;} /* PRODUCT DETAIL PAGE */ .product_functions {margin:0 0 10px 0;} .product_functions .name {font: 34px "SZWExtraLight"; color: #CC6633; line-height: 34px; margin:0 0 7px 0;} .product_functions .tools {height: 19px;} .product_functions .tools a {text-decoration: none; color: #434343} .product_functions .tools .email {float: left; background: url(/common/images/bullet-email.gif) no-repeat 0px 6px; padding: 2px 8px 0 16px; margin-right: 10px; border-right: 1px solid #999} .product_functions .tools .print {float: left; background: url(/common/images/bullet-print.gif) no-repeat 0px 4px; padding: 2px 8px 0 16px; margin-right: 10px; border-right: 1px solid #999} .product_functions .tools .wishlist {float: left;} .add_wishlist {height: 37px; background-color: #E7E9EA; z-index: 1000; margin-top: -47px; padding-top: 9px; padding-left: 10px; color: #666; font: 15px "SZWMedium"; width:304px; line-height: 30px; position:relative;} .add_wishlist ul {list-style:none; padding:0; margin:0; } .add_wishlist ul li { background: url(/common/images/steam/wishlist_icon.png) no-repeat 0 3px; padding-left: 32px; } .add_wishlist a {color: #666; text-decoration: none;} .overview_desc {float: left; width: 286px; font: 15px "SZWLight"; color: #666; margin: 5px 25px 0 0;} .overview_models {float: left; font: 10px "SZWLight"; color: #666; text-transform:capitalize; } .overview_models td.header {color: #cc6633; width:230px; font: 15px "SZWLight";} .overview_models td.starting {color: #cc6633; font: 15px "SZWLight"} .overview_models td.left {width: 230px;} .overview_models table.right {width: 100px; text-align:right;} .overview_models .link {margin-top: 30px;} .overview_models .link ul {list-style-type:none; margin:0; padding:0;} .overview_models .link ul li {height: 17px; line-height:17px; background: url(/common/images/steam/link_button.png) no-repeat 0px 3px; padding-left: 20px;} .overview_models .link a {color: #cc6633; font: 14px "SZWLight"; text-decoration: none; } .overview_models .footnote {margin-top: 5px; font: 10px "SZWLight";width: 280px;} #tab_1_data .block_header {color: #cc6633; font: 18px "SZWLight"; margin:35px 0 20px 0;} #tab_1_data .blocks {width: 500px; margin:25px 0 0 0; padding:0;} #tab_1_data .block {float: left; width:220px; margin-right:25px;} #tab_1_data .blocks .block .link { padding: 7px 10px; width: 200px; margin: 5px 0 25px 0; background-color: #dddddd; background-image: linear-gradient(top, #dddddd, #eeeeee); } #tab_1_data .blocks .block .link a { color: #666; font: 13px "SZWMedium"; text-decoration: none; } #tab_1_data .blocks .block .link ul {list-style-type:none; margin:0; padding:0;} #tab_1_data .blocks .block .link ul li {background: url(/common/images/steam/link_button.png) no-repeat 0px 2px; padding-left: 20px;} /*KDC message*/ .kdc-message {padding:5px 5px 10px 5px;background-color:/*eeedeb*/#e8e8e7;border:1px solid #e0e0e0;margin:15px 0 20px 0;overflow:auto;} .kdc-message .entry_btn {height:43px; width:227px; background:url(../../professional-kitchen/kitchen-design-contest/images/kdc_entry_btn.gif);margin:70px 0 auto 16px;float:left;} .kdc-message .entry_btn a {display:block;width:100%; height:100%;} .kdc-message .entry_btn a:hover {background:url(../../professional-kitchen/kitchen-design-contest/images/kdc_entry_btn_hover.gif);} .kdc-message .video {height:208px; width:359px; background:url(../../professional-kitchen/kitchen-design-contest/images/video_thumb.jpg);float:left;margin-left:5px;} .kdc-message .video a {display:block;width:100%; height:100%;} .kdc-message .video a:hover {background:url(../../professional-kitchen/kitchen-design-contest/images/video_thumb.jpg);} .kdc-message h4 {color:#333;font:25px'SZWLight';margin:0 5px 5px 5px;} #tab_1_data .blocks .block .link ul li {background: url(/common/images/steam/link_button.png) no-repeat 0px 2px; padding-left: 20px;} #jd_banner {margin: 25px 0 0 25px;} /* HOMEPAGE REDESIGN 10.2011 */ .sub-header { width: 100%; margin: 0px 0 15px 0;} .sub-header .products1 { float: left;} .sub-header .products1 .prodselect { width: 264px; height: 19px; } .sub-header .facebook1 { float: right; text-align: right;} .sub-header .products2 { float: right;} .sub-header .products2 .prodselect { width: 285px; height: 19px; } .sub-header .facebook2 { float: left; text-align: right;} .fb-like { margin-right: -20px; } .support_container { width: 900px; margin: 33px auto 25px auto; } .herosupport { float: left; font-family: "SZWLight"; font-size: 14px; color: #999; width: 600px; line-height: 21px; margin-right: 25px; } .herosupport h3 { color: #c64d13; font-family: "SZWExtraLight"; font-size: 38px; margin: -10px 0 5px -2px; line-height: 42px; } .linkspace { height: 7px; } .supportimage { float: left; width: 202px; -webkit-box-shadow: 0px 0 10px #999; -moz-box-shadow: 0px 0 10px #999; box-shadow: 0px 0 10px #999; behavior: url(/common/scripts/PIE.htc); } .herosupport a { font-family: "SZWMedium"; font-size: 13px; color: #999; text-decoration: none; vertical-align: top; margin-top: 10px; } .herosupport a img { margin: 5px 5px 0 0; } .herosupport .link { height: 13px; background: url(/common/images/home-wolf/link_button.png) no-repeat 0px 0px; padding-left: 18px; } .herosupport a { font-family: "SZWMedium"; font-size: 13px; color: #999; text-decoration: none; } .spiff_container { padding-top: 20px; background-color: #dedede; background-color: #dedede; background-image: linear-gradient(top, #dedede, #ffffff); /* Saf4+, Chrome */ /* Chrome 10+, Saf5.1+, iOS 5+ */ /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ } .spiff { float: left; width: 260px; padding: 0 30px 10px 20px; border-right: 1px solid #ccc; } .spiff .headline { font-family: "SZWExtraLight"; font-size: 20px; margin-bottom: 10px; line-height: 26px;} .spiff .headline_special { font-family: "SZWExtraLight"; font-size: 22px; color: #0057a3; text-transform: uppercase; line-height: 28px; margin-bottom: 10px;} .spiff strong { font-family: "SZWMedium"; } .spiff .link { height: 13px; background: url(/common/images/home-wolf/link_button.png) no-repeat 0px 0px; padding-left: 18px; margin-bottom: 15px;} .spiff .link a, .spiff .link a:hover { font-family: "SZWMedium"; font-size: 13px; color: #999; text-decoration: none;} .spiff .promo_image { -webkit-box-shadow: 0px 0 10px #999; -moz-box-shadow: 0px 0 10px #999; box-shadow: 0px 0 10px #999; behavior: url(/common/scripts/PIE.htc); } .spiff .promo_image_noshadow { } .spiff_last { float: left; padding: 0 20px 20px 20px; border-right: 0px; width: 270px; } .spiff_last .headline { font-family: "SZWExtraLight"; font-size: 20px; margin-bottom: 10px; line-height: 26px;} .spiff_last .headline_special { font-family: "SZWExtraLight"; font-size: 22px; color: #0057a3; text-transform: uppercase; line-height: 28px; margin-bottom: 10px;} .spiff_last strong { font-family: "SZWMedium"; } .spiff_last .link { height: 13px; background: url(/common/images/home-wolf/link_button.png) no-repeat 0px 0px; padding-left: 18px; margin-bottom: 15px;} .spiff_last .link a, .spiff .link a:hover { font-family: "SZWMedium"; font-size: 13px; color: #999; text-decoration: none;} .spiff_last .promo_image { -webkit-box-shadow: 0px 0 10px #999; -moz-box-shadow: 0px 0 10px #999; box-shadow: 0px 0 10px #999; behavior: url(/common/scripts/PIE.htc); } .spiff_last .promo_image_noshadow { } /* Tabs */ .tab_content { height: 374px;} .tab_nav { float: right; margin: 23px 25px 0 0; min-height: 374px; } ul.tabs { list-style:none; margin:0 !important; padding:0; } ul.tabs li { background: transparent; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } ul.tabs a { z-index: 9999; width: 218px; font-family: "SZWMedium"; font-size:12px; display:block; height: 36px; line-height:34px; text-align:left; text-decoration:none; text-transform: uppercase; color:#fff; padding: 0 0 0 20px; margin:0; position:relative; top:1px; } ul.tabs a:active { text-align: left; outline:none; } ul.tabs a:hover { color:#c64d13; } /* active tab uses a class name "current". */ ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a, ul.tabs li.current a:visited { z-index: 9999; background: url(/common/images/home-wolf/nav_selected.png) no-repeat 0px 0px; cursor:default !important; color:#fff !important; padding: 0 0 0 20px;} /* initially all panes are hidden */ .panes .pane { display:none; width: 935px; height: 324px; position: relative; } /* category tabs */ .tab-pane { width: 885px; height: 324px; padding: 25px; position: absolute; } .panes .content { width: 595px; padding: 20px; background: url(/common/images/home-wolf/cat_bg.jpg); height: 280px; } .panes .content .head { height: 29px; margin-bottom: 20px;} .panes .content .catname { float: left; font-family:"SZWExtraLight"; font-size: 29px; text-transform: uppercase; color: #fff; line-height: 29px; height: 29px;} .panes .content .exit { float: right; } /* Two to Three Widget Layout */ .panes .content .widgets3 { margin: 0 auto; } .panes .content .widget { float: left; width: 144px; padding: 0 26px; border-right: 1px solid #c3764d; font-family: "SZWLight"; font-size: 13px; color: #fff; } .panes .content .widget .image { -webkit-box-shadow: 0px 0 10px #434343; -moz-box-shadow: 0px 0 10px #434343; box-shadow: 0px 0 10px #434343; behavior: url(/common/scripts/PIE.htc); } .panes .content .widget .image_noshadow { border: 0px;} .panes .content .widget h4 { font-family: "SZWExtraLight"; font-size: 25px; margin-bottom: 10px; color: #fff; } .panes .content .widget .catlink, .panes .content .widget .catlink a { font-family: "SZWMedium"; font-size: 13px; color: #fff; margin-top: 9px; text-decoration: none; line-height: 13px; vertical-align: top; } .panes .content .widget .catlink img { margin-right: 5px; } .panes .content .widget_last { float: left; width: 144px; padding: 0 0 0 26px; border-right: 0; font-family: "SZWLight"; font-size: 13px; color: #fff; } .panes .content .widget_last .image { -webkit-box-shadow: 0px 0 10px #434343; -moz-box-shadow: 0px 0 10px #434343; box-shadow: 0px 0 10px #434343; behavior: url(/common/scripts/PIE.htc); } .panes .content .widget_last .image_noshadow { border: 0px;} .panes .content .widget_last h4 { font-family: "SZWExtraLight"; font-size: 25px; margin-bottom: 10px; color: #fff; } .panes .content .widget_last .catlink, .panes .content .widget_last .catlink a { font-family: "SZWMedium"; font-size: 13px; color: #fff; margin-top: 9px; text-decoration: none; line-height: 13px; vertical-align: top; } .panes .content .widget_last .catlink img { margin-right: 5px; } /* One Widget Layout */ .panes .content .widgets1 { margin: 0 auto; } .panes .content .widget1 { padding: 0 26px; margin-top: 40px;} .panes .content .widget1 .image { float: left; margin-right: 25px; width: 217px; -webkit-box-shadow: 0px 0 10px #434343; -moz-box-shadow: 0px 0 10px #434343; box-shadow: 0px 0 10px #434343; behavior: url(/common/scripts/PIE.htc); } .panes .content .widget1 .image_noshadow { float: left; margin-right: 25px; width: 217px; } .panes .content .widget1 .catlink, .panes .content .widget1 .catlink a { font-family: "SZWMedium"; font-size: 13px; color: #fff; margin-top: 9px; text-decoration: none; line-height: 13px; vertical-align: top; } .panes .content .widget1 .catlink img { margin-right: 5px; } .panes .content .widget1 .desc_link { padding-top: 25px; font-family: "SZWLight"; font-size: 13px; color: #fff; } /* WOLF HOMEPAGE SPECIFIC */ .panes #ctl00_ContentPlaceHolder1_wolfhome { display: none; padding: 0; margin:0} .panes #wolfhome1 { display: none; } .panes #wolfhome2 { display: none; background: url(/common/images/home-wolf/wolf-hero-02.jpg) no-repeat top left; } .panes #wolfhome3 { display: none; background: url(/common/images/home-wolf/wolf-hero-03.jpg) no-repeat top left; } .panes #wolfhome4 { display: none; background: url(/common/images/home-wolf/wolf-hero-04.jpg) no-repeat top left; } .panes #wolfhome5 { display: none; background: url(/common/images/home-wolf/wolf-hero-05.jpg) no-repeat top left; } .panes #wolfhome6 { display: none; background: url(/common/images/home-wolf/wolf-hero-06.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_wolfhome .herotext, .panes #wolfhome1 .herotext, .panes #wolfhome2 .herotext, .panes #wolfhome3 .herotext, .panes #wolfhome4 .herotext, .panes #wolfhome5 .herotext, .panes #wolfhome6 .herotext { margin-top: 130px; padding: 30px; width: 590px; font-family:"SZWExtraLight"; font-size: 48pt; text-transform: uppercase; color: #fff; line-height: 66px;text-shadow: 0 0 2px rgba(255,255,255,100);} .panes #ctl00_ContentPlaceHolder1_ranges { display: none; background: url(/common/images/home-wolf/cat_bg_range.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_builtin { display: none; background: url(/common/images/home-wolf/cat_bg_bi.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_cooktops { display: none; background: url(/common/images/home-wolf/cat_bg_ct.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_rangetops { display: none; background: url(/common/images/home-wolf/cat_bg_rt.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_integrated { display: none; background: url(/common/images/home-wolf/cat_bg_im.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_microwaves { display: none; background: url(/common/images/home-wolf/cat_bg_mic.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_warming { display: none; background: url(/common/images/home-wolf/cat_bg_wd.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_outdoor { display: none; background: url(/common/images/home-wolf/cat_bg_og.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_ventilation { display: none; background: url(/common/images/home-wolf/cat_bg_vent.jpg) no-repeat top left; } /* SUB-ZERO HOMEPAGE */ .tab_nav_sz { float: right; margin: 45px 24px 0 0; min-height: 328px; } ul.tabs_sz { list-style:none; margin:0 !important; padding:0; } ul.tabs_sz li { background: transparent; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } ul.tabs_sz a { z-index: 9999; width: 218px; font-family: "SZWMedium"; font-size:12px; display:block; height: 36px; line-height:34px; text-align:left; text-decoration:none; text-transform: uppercase; color:#fff; padding: 0 0 0 20px; margin: 7px 0 0 0; position:relative; top:1px; } ul.tabs_sz a:active { text-align: left; outline:none; } ul.tabs_sz a:hover { color:#608cb4; } /* active tab uses a class name "current". */ ul.tabs_sz a.current, ul.tabs_sz a.current:hover, ul.tabs_sz li.current a, ul.tabs_sz li.current a:visited { z-index: 9999; background: url(/common/images/home-sz/nav_selected.png) no-repeat 0px 0px; cursor:default !important; color:#fff !important; padding: 0 0 0 20px;} .herosupportsz { float: left; font-family: "SZWLight"; font-size: 14px; color: #999; width: 600px; line-height: 21px; margin-right: 25px; } .herosupportsz h3 { color: #608cb3; font-family: "SZWExtraLight"; font-size: 38px; margin: -10px 0 5px -2px; line-height: 42px; } .herosupportsz a { font-family: "SZWMedium"; font-size: 13px; color: #999; text-decoration: none; vertical-align: top; } .herosupportsz a img { margin: 5px 5px 0 0; } .herosupportsz .link { height: 13px; background: url(/common/images/home-wolf/link_button.png) no-repeat 0px 0px; padding-left: 18px; } .herosupportsz a { font-family: "SZWMedium"; font-size: 13px; color: #999; text-decoration: none; } .herosupportsz a img { margin: 5px 5px 0 0; } .panes .contentsz { width: 595px; padding: 20px; background: url(/common/images/home-sz/cat_bg.jpg); height: 280px; } .panes .contentsz .head { height: 29px; margin-bottom: 20px;} .panes .contentsz .catname { float: left; font-family:"SZWExtraLight"; font-size: 29px; text-transform: uppercase; color: #fff; line-height: 29px; height: 29px;} .panes .contentsz .exit { float: right; } /* Two to Three Widget Layout */ .panes .contentsz .widgets3 { margin: 0 auto; } .panes .contentsz .widget { float: left; width: 144px; padding: 0 26px; border-right: 1px solid #c3764d; font-family: "SZWLight"; font-size: 13px; color: #fff; } .panes .contentsz .widget .image { -webkit-box-shadow: 0px 0 10px #434343; -moz-box-shadow: 0px 0 10px #434343; box-shadow: 0px 0 10px #434343; behavior: url(/common/scripts/PIE.htc); } .panes .contentsz .widget .image { border: 0px;} .panes .contentsz .widget h4 { font-family: "SZWExtraLight"; font-size: 25px; margin-bottom: 10px; color: #fff; } .panes .contentsz .widget .catlink, .panes .contentsz .widget .catlink a { font-family: "SZWMedium"; font-size: 13px; color: #fff; margin-top: 9px; text-decoration: none; line-height: 13px; vertical-align: top; } .panes .contentsz .widget .catlink img { margin-right: 5px; } .panes .contentsz .widget_last { float: left; width: 144px; padding: 0 0 0 26px; border-right: 0; font-family: "SZWLight"; font-size: 13px; color: #fff; } .panes .contentsz .widget_last .image { -webkit-box-shadow: 0px 0 10px #434343; -moz-box-shadow: 0px 0 10px #434343; box-shadow: 0px 0 10px #434343; behavior: url(/common/scripts/PIE.htc); } .panes .contentsz .widget_last h4 { font-family: "SZWExtraLight"; font-size: 25px; margin-bottom: 10px; color: #fff; } .panes .contentsz .widget_last .catlink, .panes .contentsz .widget_last .catlink a { font-family: "SZWMedium"; font-size: 13px; color: #fff; margin-top: 9px; text-decoration: none; line-height: 13px; vertical-align: top; } .panes .contentsz .widget_last .catlink img { margin-right: 5px; } /* One Widget Layout */ .panes .contentsz .widgets1 { margin: 0 auto; } .panes .contentsz .widget1 { padding: 0 26px; margin-top: 40px;} .panes .contentsz .widget1 .image { float: left; margin-right: 25px; width: 217px; -webkit-box-shadow: 0px 0 10px #434343; -moz-box-shadow: 0px 0 10px #434343; box-shadow: 0px 0 10px #434343; behavior: url(/common/scripts/PIE.htc); } .panes .contentsz .widget1 .image_noshadow { float: left; margin-right: 25px; width: 217px; } .panes .contentsz .widget1 .catlink, .panes .contentsz .widget1 .catlink a { font-family: "SZWMedium"; font-size: 13px; color: #fff; margin-top: 9px; text-decoration: none; line-height: 13px; vertical-align: top; } .panes .contentsz .widget1 .catlink img { margin-right: 5px; } .panes .contentsz .widget1 .desc_link { padding-top: 25px; font-family: "SZWLight"; font-size: 13px; color: #fff; } /* TAB PANES */ .panes #ctl00_ContentPlaceHolder1_szhome { display: none; padding: 0; margin:0} .panes #szhome { display: none; padding: 0; margin:0; } .panes #szhome1 { display: none; padding: 0; margin:0; } .panes #szhome2 { display: none; background: url(/common/images/home-sz/sz-hero-02.jpg) no-repeat top left; } .panes #szhome3 { display: none; background: url(/common/images/home-sz/sz-hero-03.jpg) no-repeat top left; } .panes #szhome4 { display: none; background: url(/common/images/home-sz/sz-hero-04.jpg) no-repeat top left; } .panes #szhome5 { display: none; background: url(/common/images/home-sz/sz-hero-05.jpg) no-repeat top left; } .panes #szhome6 { display: none; background: url(/common/images/home-sz/sz-hero-06.jpg) no-repeat top left; } .panes #szhome7 { display: none; background: url(/common/images/home-sz/sz-hero-07.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_szhome .herotext, .panes #szhome1 .herotext, .panes #szhome2 .herotext, .panes #szhome3 .herotext, .panes #szhome4 .herotext, .panes #szhome5 .herotext, .panes #szhome6 .herotext, .panes #szhome7 .herotext { margin-top: 130px; padding: 30px; width: 590px; font-family:"SZWExtraLight"; font-size: 48pt; text-transform: uppercase; color: #fff; line-height: 66px;text-shadow: 0 0 2px rgba(255,255,255,100);} .panes #ctl00_ContentPlaceHolder1_integratedr { display: none; background: url(/common/images/home-sz/cat_bg_ir.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_builtinr { display: none; background: url(/common/images/home-sz/cat_bg_bir.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_pro48 { display: none; background: url(/common/images/home-sz/cat_bg_p48.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_wine { display: none; background: url(/common/images/home-sz/cat_bg_ws.jpg) no-repeat top left; } .panes #ctl00_ContentPlaceHolder1_undercounter { display: none; background: url(/common/images/home-sz/cat_bg_ur.jpg) no-repeat top left; } .panes .contentsz .widget { float: left; width: 144px; padding: 0 26px; border-right: 1px solid #4a6b88; font-family: "SZWLight"; font-size: 13px; color: #fff; }