/* -------------------------------------------------- WhiteStarLiving.com PAGE STYLES Last revised 28 January 2008 -------------------------------------------------- Individual page styles Assign ID to and prepend to declarations */ /* -------------------------------------------------- Home -------------------------------------------------- */ /* Thumbnails */ #home #content #inset { width: 450px; background: transparent; } #home #inset h2 { color: #5f44b9; /* Pantone Blue 072 C 75% */ font: bold 14px/1.5 Georgia, serif; text-transform: uppercase; letter-spacing: .1em; width: 450px; margin: .75em 0; background-color: transparent; } #home .thumb h3 { color: #fff; /* White */ font-weight: normal; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; text-align: center; line-height: 1.909; margin: 0; padding: .47727em 0; border-bottom: 1px solid #fff; background-color: #dfdaf1; /* Pantone Blue 072 C 15% */ } #home .thumb h3, #products .thumb h2 { background: #fff url(../images/utility/header-background-25.png) repeat-x bottom; } #home .thumb li { width: 111px; } #home #content .thumb img { width: 95px; } #home #content .logos li { margin: 0 0 1em 0; } /* -------------------------------------------------- Products -------------------------------------------------- */ #products #container { margin-bottom: .75em; } #products #inset { width: 457px; /* includes width from borders */ padding-right: 20px; } #products img.main { width: 457px; } #products .thumb h2 { color: #fff; /* White */ font-weight: normal; font-size: 14px; line-height: 1.5; margin: 0; padding: .375em 0; border-bottom: 1px solid #fff; background: #fff url(../images/utility/header-background-25.png) repeat-x bottom; } #products .thumb li { text-align: center; height: 158px; width: 158px; } #products .thumb li img { /* width: 113px; */ height: 110px; } #products #swap { float: left; } /* -------------------------------------------------- Products > 23 Series -------------------------------------------------- */ /* -------------------------------------------------- Products > 28 Series -------------------------------------------------- */ /* -------------------------------------------------- Products > 33 Series -------------------------------------------------- */ /* -------------------------------------------------- Products > Corner Models -------------------------------------------------- */ /* -------------------------------------------------- Products > Builder's Boxes -------------------------------------------------- */ /* -------------------------------------------------- Item -------------------------------------------------- */ #item h1 { font-size: 18px; line-height: 1.167; margin: .5833em 0 .29167em; } #item #inset { width: 450px; } /* Swapped content */ #item #swap { height: 450px; } #item #swap img { width: 450px; } /* Thumbnail gallery */ #item .thumb li { float: left; } #item .thumb li img { height: 77px; } #item.expand .thumb li img { height: 67px; } /* Tabbed content */ #item #content #tab-box { float: right; margin-top: -.75em; margin-right: 0; margin-left: 20px; } #item ul.tabbernav { margin-top: 12px; } #item ul.tabbernav li { /* active tab */ } #item ul.tabbernav li:first-child { margin-left: 7px; } #item ul.tabbernav li a { margin-right: 0; margin-left: 3px; } #item .tabberlive .tabbertab { min-height: 37.5em; overflow: auto; padding: 0 20px .75em 0; border-right: 1px solid #ddd; border-left: none; } #item .tabberlive .tabbertab h2 { display: block; } #item .tabberlive h3 { font-size: 12px; line-height: 1.75; text-transform: uppercase; letter-spacing: .1em; } /* -------------------------------------------------- FAQ -------------------------------------------------- */ #faq #content h2 { font-size: 14px; line-height: 1.5; margin: 0 0 .75em; } #faq #content #tab-box { width: auto; margin-right: 20px; } #faq .column.right { margin-bottom: .75em; } /* -------------------------------------------------- About -------------------------------------------------- */ #about #inset { width: 403px; margin-right: 20px; } #about #inset img { width: 403px; } /* -------------------------------------------------- Contact -------------------------------------------------- */ #contact #inset { width: 403px; margin-right: 20px; } #contact #inset img { width: 403px; } /* Search */ #search #content form[action="/.search"] { display: none; } /* -------------------------------------------------- Legal/Privacy -------------------------------------------------- */ /* -------------------------------------------------- Site Map -------------------------------------------------- */