/* File: wsi-business-sales.css Author: Erin Lathers Created: 10-16-2008 Description: Styles specific for WSI Corp Site - Business Sales section */ /* Shared company overview styles */ div#content, div.popup-content { background-color: #FFF; border: .1em solid #ECE7D8;} div#content div#intro, div.popup-intro { background-color: #faf7d9; margin: .3em; border: none; padding: 2.5em 5em; clear: both;} div#content h1 { color: #747064; padding-bottom: 1em; margin-bottom: .75em; background-image:url('../images/company-overview/three_stars.gif'); background-repeat: no-repeat; background-position: bottom center;} div#content ul#brands { float: left; width: 100%; display: block; } div#content ul#brands li { float: left; padding: 0em 1.25em; display: block; } div#content ul#brands li.ws { padding-left: 0em } div#content ul#brands li.we { padding-right: 0em } div#content ul#brands li a { float: left; background-repeat: no-repeat; background-position: center; } /* floating the anchor for ff - so that the tag is contained within the li and doesn't add extra spacing */ div#content ul#brands li img { padding: .5em 0em;} div#content ul#brands li.wsh img { padding: 0;} div#content ul#brands li a:hover img, div#content ul#brands li.brand-hover a img { visibility: hidden;} div#content ul#brands li.ws a { background-image: url('../images/company-overview/brand-logos/ws_on.gif'); padding-left: 0em;} div#content ul#brands li.pb a { background-image: url('../images/company-overview/brand-logos/pb_on.gif')} div#content ul#brands li.pbk a { background-image: url('../images/company-overview/brand-logos/pbk_on.gif')} div#content ul#brands li.pbt a { background-image: url('../images/company-overview/brand-logos/pbt_on.gif')} div#content ul#brands li.wsh a { background-image: url('../images/company-overview/brand-logos/wsh_on.gif')} div#content ul#brands li.we a { background-image: url('../images/company-overview/brand-logos/we_on.gif')} /* end Shared company overview styles */ /* company overview Landing */ body#company-overview div#content { width: 99.7%} body#company-overview div#content h1 { color: #747064; padding-bottom: .5em; margin-bottom: .5em; background-image:url('../images/company-overview/three_stars.gif'); background-repeat: no-repeat; background-position: bottom center; font-size: 2.9em;} body#company-overview div#content p { font : normal 1.3em Times New Roman, Times, serif; letter-spacing : 0.01em; color : #747064; overflow : hidden; padding-bottom : 2em; line-height: 2em;} body#company-overview div#content.landing div#intro { background-color: #faf7d9; margin: .3em; border: none; padding: 2em 4.75em 1.5em 4.55em; } body#company-overview div#content div.hero-container { float: left; margin: 0 1em 0 1.3em; } body#company-overview div#content div#column-one { float: left; width: 22.22em; text-align: justify; } body#company-overview div#content div#column-two { float: right; width: 22em; text-align: justify; } body#company-overview p.drop-case {color : #747064; overflow : hidden; } body#company-overview p.drop-case:First-Letter { float : left; font-size : 4.7em; line-height : 0.6em; padding-top : 0.03em; display : block; color : #896b27; } /* end company overview */ /* Executive Biographies */ body#executive-biographies div#content { width: 99.7%} body#executive-biographies div#content div#intro { background-color: #faf7d9; margin: .3em; border: none; padding: 4.25em 10em 3em 10em; } body#executive-biographies div#content div.text-wrapper h2 { color: #896b27; padding-top: 1em; font-size: 1.6em; font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-weight: bold; letter-spacing: .1em;} body#executive-biographies div#content div.text-wrapper p { padding-bottom: 1em; font-size: 1em; color: #888; line-height: 1.45em; } /* end Executive Biographies */ /* Awards */ body#awards div#content { width: 99.7%} body#awards div#content h1 { color: #747064; padding-bottom: 1em; margin-bottom: .25em; background-image:url('../images/company-overview/three_stars.gif'); background-repeat: no-repeat; background-position: bottom center;} body#awards div#content div#intro { background-color: #faf7d9; margin: .3em; border: none; padding: 4.25em 10em 3em 10em; } body#awards div#content div.text-wrapper { text-align: center;} body#awards div#content div.text-wrapper h2 { color: #896b27; padding-top: 1em; font-size: 1.6em; font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-weight: bold; letter-spacing: .1em; padding-bottom: .5em;} body#awards div#content div.text-wrapper p { padding-bottom: 1em; font-size: 1em; color: #888; line-height: 1.45em;} /* end Awards */ /* Corporate Timeline */ /* TEMPORARILY HIDING HEADER AND FOOTER */ body#corporate-timeline div#header, body#corporate-timeline div#footer {display:none;} /* end TEMPORARILY HIDING HEADER AND FOOTER */ body#corporate-timeline div#wrap {width:56.6em; overflow: hidden;} body#corporate-timeline div#timeline-top-nav {float:left;position:relative;text-align:center;background:#fff; width:56.9em; margin-bottom: 0.7em; } body#corporate-timeline div#timeline-top-nav ul { display:block; float:left;margin:.75em 0 0; } body#corporate-timeline div#timeline-top-nav ul li {float:left;} body#corporate-timeline div#timeline-top-nav ul li.wsi-logo {margin-top:0.4em;background-image:url('../images/ws-logo.gif'); background-repeat: no-repeat; text-indent:-999em; overflow:hidden;border-right:.1em solid #ECE7D8;} body#corporate-timeline div#timeline-top-nav ul li a {display:block;} body#corporate-timeline div#timeline-top-nav ul li.wsi-logo a {width:14.5em; height:1em;} body#corporate-timeline div#timeline-top-nav ul li.options {width:26.5em; text-align:right;} body#corporate-timeline div#timeline-top-nav ul li select {font-family:Arial,Helvetica,Sans-serif;font-size:1em;text-decoration:none;} body#corporate-timeline div#timeline-top-nav ul li#timeline-full {margin-left: 0.1em; background-image:url('../images/company-overview/timeline/btn_timeline_glance.gif'); background-repeat: no-repeat; text-indent:-999em;} body#corporate-timeline div#timeline-top-nav ul li#timeline-full a {width:15.5em; height:1.8em;} body#corporate-timeline div#viewBox {clear:both;} body#corporate-timeline div.popup-content { border: .1em solid #958f8f; margin-bottom:0.7em;} body#corporate-timeline div.popup-intro {margin:0.3em;padding:2.5em 2.5em;} body#corporate-timeline div.text-wrapper {height:25em;} body#corporate-timeline div.text-wrapper div.hero {width:24.8em; float:right; text-align:center;} body#corporate-timeline div.text-wrapper div.hero img {margin-left:1.5em;} body#corporate-timeline div.text-wrapper h2, body#corporate-timeline div.text-wrapper p.date, body#corporate-timeline div.text-wrapper p.horizontal-rule {text-align:center;} body#corporate-timeline div.text-wrapper p.horizontal-rule {line-height:0.1em; margin:0.8em 0 1.2em;padding:0;}/*For use with — to create horizontal line.*/ body#corporate-timeline div.text-wrapper h2 { color: #896b27; font-size: 1.7em; font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-weight: bold; letter-spacing: .13em;} /* body#corporate-timeline div.text-wrapper h2:first-letter {font-size: 1.3em;} */ body#corporate-timeline div.text-wrapper p, body#corporate-timeline div.text-wrapper ul {line-height:1.3em;color:#594749;margin:1em 0 0 0;} body#corporate-timeline div.text-wrapper p.date {margin:0;display:none;} body#corporate-timeline div.text-wrapper p.quote-source {font-style:italic;color:#896B27;margin:0;} body#corporate-timeline div#timeline_start div.popup-intro {margin:0.3em;padding:2.3em;} body#corporate-timeline div#timeline_start div.text-wrapper {height: 23.5em; font-size: 1.3em;} body#corporate-timeline div#timeline_start div.text-wrapper h2 { font-size: 2.2em;letter-spacing:0em; margin: 0 4.4em;} body#corporate-timeline div#timeline_start div.text-wrapper p.horizontal-rule {padding: 0.75em 0 0.5em;margin:0;} body#corporate-timeline div#timeline_start div.text-wrapper p.drop-case {font-family: "Times New Roman", Times, serif; color: #747064; letter-spacing: 0.03em; line-height: 1.2em; margin: 0 0 1.8em; padding: 0; font-weight: normal;} body#corporate-timeline div#timeline_start div.text-wrapper p.drop-case:First-Letter {font-size : 5em; float : left; line-height : 0.68em; padding-top : 0.03em; display : block;} body#corporate-timeline div#timeline_start a#click-to-begin {color: #b29c67; font-size: 0.8em; font-weight: bold; letter-spacing: 0.05em; text-decoration: none; text-transform: uppercase; display: block; text-align: center;} body#corporate-timeline div#timeline_start a:hover#click-to-begin {color: #967a3a;} body#corporate-timeline div#timeline_19 div.text-wrapper ul {margin-left: 4em; list-style-type: disc;} body#corporate-timeline div.text-wrapper ul.awards-1992 {margin-left: 4em; margin-top: 4em; list-style-type: disc;} body#corporate-timeline div.timeline-bottom-nav { background-color:#919090;float:left;padding:1em 0; } body#corporate-timeline div.timeline-bottom-nav ul {float:left;} body#corporate-timeline div.timeline-bottom-nav ul li {float:left;padding:1.1em 0;text-align:center;} body#corporate-timeline div.timeline-bottom-nav ul li.begining {width:7.7em;} body#corporate-timeline div.timeline-bottom-nav ul li.previous-event {width:10.8em;border-left:0.1em solid #fff;} body#corporate-timeline div.timeline-bottom-nav ul li.current {padding:0;margin:-1em 0;} body#corporate-timeline div.timeline-bottom-nav ul li.next-event {width:8.2em;border-right:0.1em solid #fff;} body#corporate-timeline div.timeline-bottom-nav ul li.present {width:9.5em;} body#corporate-timeline div.timeline-bottom-nav ul li a {color:#fff;font-size:0.9em;font-weight:bold;text-decoration:none;text-transform:uppercase; background-repeat: no-repeat;} body#corporate-timeline div.timeline-bottom-nav ul li a.inactive {color:#5e5d5d; cursor:default; } body#corporate-timeline div.timeline-bottom-nav ul li.begining a {background-position: left; background-image:url('../images/company-overview/timeline/img_arrow_1952_on.gif'); padding-left:2em;} body#corporate-timeline div.timeline-bottom-nav ul li.previous-event a {background-position: left; background-image:url('../images/company-overview/timeline/img_arrow_previous_on.gif'); padding-left:1.2em;margin-left:0.5em;} body#corporate-timeline div.timeline-bottom-nav ul li.next-event a {background-position: right; background-image:url('../images/company-overview/timeline/img_arrow_next_on.gif'); padding-right:1.2em;margin-right:0.5em;} body#corporate-timeline div.timeline-bottom-nav ul li.present a {background-position: right; background-image:url('../images/company-overview/timeline/img_arrow_present_on.gif'); padding-right:2em;} body#corporate-timeline div.timeline-bottom-nav ul li.begining a.inactive {background-image:url('../images/company-overview/timeline/img_arrow_1952_off.gif');} body#corporate-timeline div.timeline-bottom-nav ul li.previous-event a.inactive {background-image:url('../images/company-overview/timeline/img_arrow_previous_off.gif');} body#corporate-timeline div.timeline-bottom-nav ul li.next-event a.inactive {background-image:url('../images/company-overview/timeline/img_arrow_next_off.gif');} body#corporate-timeline div.timeline-bottom-nav ul li.present a.inactive {background-image:url('../images/company-overview/timeline/img_arrow_present_off.gif');} body#corporate-timeline div#timeline-top-nav ul li.timeline-header {width:28.2em; text-align:left;} body#corporate-timeline div#timeline-top-nav ul li.timeline-header img {margin-left: 1em;} body#corporate-timeline div#timeline-top-nav ul li#timeline-back {margin-left: 0.3em; background-image:url('../images/company-overview/timeline/btn_timeline-back.gif'); background-repeat: no-repeat; text-indent:-999em;} body#corporate-timeline div#timeline-top-nav ul li#timeline-back a {width:13.8em; height:1.8em;} body#corporate-timeline div#timeline-top-nav ul li.wsi-logo a.inactive {cursor:default; } body#corporate-timeline div#timeline_scroll div.text-wrapper {height: 32.7em;} body#corporate-timeline div#timeline_scroll div.text-wrapper ul {overflow: auto;} body#corporate-timeline div#timeline_scroll div#intro {padding: 2em 3.5em 1em;} body#corporate-timeline div#timeline_scroll h2 {font-size: 2.1em;} body#corporate-timeline div#timeline_scroll div#scroll-up {padding-top: 1.3em;} body#corporate-timeline div#timeline_scroll div a {font-size: 0.9em; letter-spacing: 0.1em; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; text-align: center;} body#corporate-timeline div#timeline_scroll div#scroll-up a {color: #aba695; background-image:url('../images/company-overview/timeline/btn_arrow-up.gif'); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 0.8em;} body#corporate-timeline div#timeline_scroll div#scroll-down a {color: #aba695; background-image:url('../images/company-overview/timeline/btn_arrow-down.gif'); background-repeat: no-repeat; background-position: top center; padding-top: 0.8em;} body#corporate-timeline div#timeline_scroll div#download a {color: #b29c67;} body#corporate-timeline div#timeline_scroll div#scroll-up a:hover, body#corporate-timeline div#timeline_scroll div#scroll-down a:hover, body#corporate-timeline div#timeline_scroll div#download a:hover {color: #967a3a;} body#corporate-timeline div#timeline_scroll div.text-wrapper ul { height: 19.7em; border-top: .1em solid #958f8f; border-bottom: .1em solid #958f8f; font-size: 1.1em; line-height: 1.3em; margin: 0.4em 0;} body#corporate-timeline div#timeline_scroll div.text-wrapper ul { overflow:auto;} body#corporate-timeline div#timeline_scroll div.text-wrapper ul li {margin: 1em 0;} body#corporate-timeline div#timeline_scroll div#download {padding-top: 1.5em;} /* end Corporate Timeline */ /* William-Sonoma */ /* Landing Page */ body#ws-landing div.landing { border: 1px solid #c09f58; float: left; width: 73.8em; margin-top: 10px; } body#ws-landing div.landing div.copy { float: right; padding: 6em 2em 0em 2em; width: 28.9em; } body#ws-landing div.landing div.copy h1 { padding-bottom: .8em;} body#ws-landing div.landing div.copy p.drop-case { font-weight: normal; font-size: 1.3em; line-height: 1.35em; text-align: justify; } body#ws-landing div.landing div.copy p.drop-case:First-Letter { float: left; font-size : 3em; line-height : .75em; padding-top: 0.11em; display : block; } body#ws-landing div.landing div.images { padding: .8em .8em 2.7em .8em; float: left; width: auto; border-right: 1px solid #c09f58; } body#ws-landing div.landing div.images ul#channels { float: left; width: auto; padding : 9px 0 0 0; position: relative; font-size: 100%; } body#ws-landing div.landing div.images ul#channels li { float : left; padding : 0 0 0 11px; margin : 0; } body#ws-landing div ul#channels li a { background-repeat: no-repeat; float: left;} body#ws-landing div ul#channels li a:hover img { visibility: hidden;} body#ws-landing div ul#channels li#retail a { background-image: url('../images/company-overview/ws/img_retail_on.jpg')} body#ws-landing div ul#channels li#catalog a { background-image: url('../images/company-overview/ws/img_catalog_on.jpg')} body#ws-landing div ul#channels li#online a { background-image: url('../images/company-overview/ws/img_online_on.jpg')} body#ws-landing div ul#channels li#publishing a { background-image: url('../images/company-overview/ws/img_publishing_on.jpg')} body#ws-landing div ul#channels li#products a { background-image: url('../images/company-overview/ws/img_products_on.jpg')} #ws-landing div ul#channels li ul.callout { visibility: hidden; position: absolute; top: 7.6em; left: 0; float: left; color:#999; font-size: 1.2em; font-family:"Times New Roman", Times, serif; font-weight: bold; font-style: italic; line-height: 1.2em; } #ws-landing div ul#channels li ul.callout li { width: 30em; text-align: center; } #ws-landing div ul#channels li:hover ul.callout { visibility: visible;} /* end Landing Page */ /* end William-Sonoma */ /* Pottery Barn */ /* Pottery Barn name */ /* Pottery Barn Kids */ /* ePottery Barn Kidsnd name */ /* Pottery Barn Teen */ /* Pottery Barn Teen name */ /* William-Sonoma Home */ #whBody { width : 740px; position : relative; } #whBody div.top-nav {} #whBody div.sub-nav { padding-bottom : 14px; } /* Landing Page */ #whBody div.landing { border : 1px solid #e6e6e6; padding : 24px 21px; margin : 0; overflow : hidden; } #whBody div.landing div.copy { float : right; padding-left : 25px; } #whBody div.landing div.copy ul { list-style : none; padding : 11px 0 0 0; margin : 0; overflow : hidden; } #whBody div.landing div.copy ul li { float : left; padding : 0 0 0 15px; margin : 0; } #whBody div.landing div.copy ul li.first { padding-left : 32px; } #whBody div.callout { position : absolute; top : 385px; left : 323px; visibility : hidden; } #whBody div.landing div.images { } /* Landing Page */ /* end William-Sonoma Home */ /* West Elm */ /* end West Elm */