/* File: design-details.css Author: Alanna Spence Created: 06-02-2009 Description: This file contains all styles for west elm design details pages. */ h3 {font-size: 1.1em; font-weight: bold; color:#333; text-transform : uppercase;} /* -- Assembly Instructions-- */ #assembly-instructions-content h2 { float: left; clear: both; } #assembly-instructions-content #block1 { float:right; } #assembly-instructions-content #alphaNav { margin: 2.1em 0 .75em 0; float: right; width:100%; } #assembly-instructions-content div #alphanav {width:53.75em; white-space:nowrap;} #assembly-instructions-content #alphanav a.last {margin-right:0;} #assembly-instructions-content #alphaNav a { margin-right: .5em; display: block; float: left;color:#333; } #assembly-instructions-content #alphaNav a, a:active, a:visited {color:#333;} #assembly-instructions-content #alphaNav a:Hover { background-color: #a3a3a3; color: #ffffff; } #assembly-instructions-content #alphaNav a, #assembly-instructions #scrollField h2 { width: 1.5em; height: 1.5em; background-color: #7b7b7b; font-weight: bold; text-transform : uppercase; color: #ffffff; text-align: center; } #assembly-instructions #scrollField h2 { padding-top: .35em !important; } #assembly-instructions-content #scrollField { border: 1px solid #c8c8c8; padding: 1.1em 1.6em 0 1.6em; margin-bottom: 1.6em; height: 60em; overflow: auto; clear: right; } #assembly-instructions-content #scrollField h3 { clear: both; } #assembly-instructions-content #scrollField ul.left, #assembly-instructions #scrollField ul.right { float: left; margin: 1em .75em 2em 0; } #assembly-instructions-content #scrollField ul.left { margin-left: .5em; } #assembly-instructions-content #scrollField ul.right { margin-left: .75em; margin-right: .5em; } #assembly-instructions-content #scrollField ul.left li, #scrollField ul.right li { width: 24em; margin-bottom: .5em; padding-left: 1.5em; text-transform : capitalize; } div#assembly-instructions #content #block1 p img {float:left; padding-right:1em;} div#assembly-instructions #content #block1 {height:24em;} div#assembly-instructions #content .rtlink {text-align:right;margin-top:-1.5em;margin-bottom:2em;} /* //Assembly Instructions */ /* -- Landing: Design Details-- */ #design-details-landing #thumbs { border-left: 1px solid #999999; margin:2em 8em; float: left; } #design-details-landing #thumbs li { border-top: 1px solid #999999; border-right: 1px solid #999999; float: left; } #design-details-landing #thumbs img { border-bottom: 1px solid #999999; } #design-details-landing #thumbs p { margin:.75em; padding: 0; height: ; width: ; } #design-details-landing #thumbs li.btm {border-bottom: 1px solid #999999;} /* //Landing: Design Details */ /* -- Personalization */ #personalization-guide div#content {height:198em !important;} #personalization-guide div#content h2 {border-bottom:1px solid #999; padding:2em 0 .75em 0; color:#666;} #personalization-guide div#content h3 {text-transform:none;color:#666; font-size:1.2em;margin:1em 0 1em 0;} #personalization-guide div#content p {line-height:1.4em;} #personalization-guide #block1 {height:24em;} #personalization-guide #block1 img { float: left; margin-right: 15px; } #personalization-guide #block1 p { margin: 20px 0 25px 0; } #personalization-guide #block1 h3 { text-transform:none; color:#666; line-height:1.4em; margin-bottom: .5em; } #personalization-guide #block1 a {text-decoration:none;} #personalization-guide #block1 a img { display: inline; float: none;margin-left:-.1em;} #personalization-guide #block2 { overflow: auto;} #personalization-guide #block2 div.floatContainer { float: left; width: 100%;} #personalization-guide #block2 div.floatContainer div { float: left; width: 47%; margin-right:1em; } #personalization-guide #block2 div.floatContainer div p { width : 24em; } #personalization-guide #block2 h3 { margin-top: 9px; width: 179px; line-height:1.1em;} #personalization-guide #block3 {height:20em;*height:42em;} #personalization-guide #block3 ul#steps li { margin-top: 3px;} #personalization-guide #block3 ul#personalize, #block3 ul#monogram, #block3 ul#threadColor { float: left; margin-top: 20px; } #personalization-guide #block3 ul h3 { margin-bottom: 9px; } #personalization-guide #block3 ul#personalize li, #block3 ul#monogram li { height: 33px; vertical-align : middle; text-transform : lowercase; } #personalization-guide #block3 ul#personalize li img, #block3 ul#monogram li img { margin-left: 8px; vertical-align : middle; display: inline; float: none; } #personalization-guide #block3 ul#personalize { width: 49%; } #personalization-guide #block3 ul#monogram { width: 49%; } #personalization-guide #block3 ul#monogram h3 { padding-left: 12px; } #personalization-guide #block3 ul#monogram li { float: left; width: 134px; padding-left: 12px; } #personalization-guide #block3 ul#threadColor { margin-top: 25px;} #personalization-guide #block3 ul#threadColor h3 { padding: 0 0 16px 0; margin:0;} #personalization-guide #block3 ul#threadColor li { float: left; height:75px; } #personalization-guide #block3 ul#threadColor li div { width: 69px; *width: 68px; height: 40px; margin: 0px 9px 0 0; padding:0; } #personalization-guide #block3 ul#threadColor li h4 { margin: 4px 0 0 1px; font-size:1em; font-weight: normal; } #personalization-guide hr {margin:0 -1.5em 2em -1.5em;} #personalization-guide table#monogramming-styles {margin:0 10em 2em 0;} #personalization-guide #monogramming-styles td {font-size:1.1em;line-height:1.5em;vertical-align:middle;padding:0em 0em 1em 4em;} #personalization-guide #block4 {} /* //Personalization */ /* WE LOVE */ #design-details #we-love div#content {margin-left:2em;} #design-details #we-love div#content div#copy-block img {margin:2em 2em 0 0;} #design-details #we-love div#content div#copy-block img.rt {margin-right:0;} #design-details #we-love div#content div#copy-block {margin-bottom:2em;} #we-love div#content {margin-left:2em;} #we-love div#david-stark div#content div#copy-block {margin-left:2.2em;margin-bottom:-1.4em;*margin-left:2.1em;*margin-bottom:-1.6em;} #we-love div#lutz-patmos div#content div#copy-block {margin:4em 0 0 2.4em; *margin:4em 0 0 2.3em;} #we-love div#design-direction div#content h1 {padding-bottom:0;} #we-love div#design-direction div#content h2 {margin-bottom:1em;} #we-love div#design-direction div#content div#copy-block {display:inline;margin-bottom:2em;} #we-love div#design-direction div#content div#copy-block div {float:left;margin-right:1.8em; *margin-right:1.7em; _margin-right:1.3em} #we-love div#design-direction div#content div#copy-block div h2 {margin:1em 0 1em 0;} #we-love div#design-direction div#content div#copy-block p {width:25em;} #we-love div#ata div#copy-block {margin:3.5em 0 5em 2.1em;*margin-left:2em;} #design-details #we-love h1 {margin-bottom:.5em;} #design-details #we-love div#content div#tab {border:1px solid #e5e6e6;margin:0 1.9em 2em 0;*margin-right:1.8em;} #design-details #we-love div#content div#tab div {float:left;margin:0;padding:0;} #design-details #we-love div#content div#tab img {margin:0;padding:0;} #we-love #ben div#copy-block img {margin-top:4em;} #we-love #ben div#copy-block {margin-bottom:2em;} /* -- Guide Landing Pages */ #hero {margin:1em -.75em 0 -.75em;} div.flashul { border-bottom: 1px solid #999999; margin-bottom:2em;} .rightlnk {float:right;} /* Comparison Chart */ #comparison-chart h1 { padding-left:.5em !important; float: left; } #comparison-chart #product h2 {position:absolute;width:16.5em;} #comparison-chart td h2 {font-size: 1.1em; font-weight: bold; color:#333; text-transform : lowercase;} #comparison-chart td h2 a {text-decoration:none;} #comparison-chart h3 {font-size: 1em; font-weight: normal; text-transform : lowercase;} #comparison-chart #product img {margin-top:4em;} #comparison-chart #paginationPrint div {width:100%} #comparison-chart #paginationPrint ul { padding:1em 1em 0 0;float: right; } #comparison-chart #paginationPrint .back { position:relative; top: 1.6em; left: 0em; margin-left:-13em;} #comparison-chart #paginationPrint ul li { float: left;} #comparison-chart #contentArea { padding: 1em;} #comparison-chart #contentArea table { border-top: 1px solid #999999; border-left: 1px solid #999999; } #comparison-chart #contentArea td { border-right: 1px solid #999999; border-bottom: 1px solid #999999; padding: 0 .75em; vertical-align: top; } #comparison-chart #contentArea td div { width: 13.6em; } #comparison-chart div#content { border:1px solid #CCCCCC; margin:0 1em;} #comparison-chart div#content #product td {width:18.2em;} #comparison-chart #swatches ul.finishColor li { float: left; } #comparison-chart #swatches ul.finishColor li {padding-right: .4em;} #comparison-chart #swatches ul.finishColor li h3 { } #comparison-chart #dimensions ul li { padding-bottom: 1.5em } #comparison-chart #fits-with ul li { padding-bottom: 1em; height: 7em; } #comparison-chart #fits-with ul li img { float: left; margin-bottom: 0; } #comparison-chart #fits-with ul li p { float: left; width: 6.08em; margin-top:2.5em;} /* //Comparison Chart */