/* // // cumberland.css // // Created by Justin Rhoades on 2006-09-12. // Copyright (c) 2006 BBK Studio. All rights reserved. // */ /* imports ---------------------------------------------------------------------------------------------------*/ @import url("cumberland-nav.css"); @import url("cumberland-overlay.css"); /* css reset ----------------------------------------------------------------------------------------------------*/ * html, * html body {height:100%;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,p,blockquote,th,td,img { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing:0; } fieldset,img { border: 0; outline: 0; } address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal; } ol,ul,li { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } .clear { clear: both; width: 100%; overflow: hidden; } /* typography ----------------------------------------------------------------------------------------------------*/ body,input,textarea,select { font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 16px; color: #666; } h2 { font-size: 16px; font-weight: bold; } h3 { font-size: 12px; line-height: 15px; } h4,h5 { font-weight: bold; } p { margin-bottom: 8px; } p.baseline { margin-bottom: 16px; } /* links ----------------------------------------------------------------------------------------------------*/ a,a:link,a:active { color: #666; text-decoration: underline; outline: none; border: 0; } a:visited { color: #666; } a:hover { color: #000; } a img { border: 0; outline: none; } .float-full-one-fifth a, .float-full-one-seventh a, .title-padded a { text-decoration:none; } #home-caption a { display:block;float:left;text-decoration:none;margin-right:20px; } /* primary layout ---------------------------------------------------------------------------------------------------*/ #top-wrap,#mid-wrap,#bottom-wrap { position: relative; } #top,#mid,.mid,#bottom { width: 750px; margin: 0 auto;position:relative; } #mid-wrap { background-color:#e5e5e5; } #top { top: 0px; height: 36px;overflow:hidden; } #mid { min-height: 500px; } #bottom { margin-top:15px;margin-bottom:15px;} #bottom-nav { right:0;position:absolute;width:260px; padding-bottom:15px; } #mid .ds { top:0; } /* content units ---------------------------------------------------------------------------------------------------*/ #content-full { padding: 12px 0; } #content-half-left { padding: 12px 0; position: relative; width: 350px;} #content-half-left.ds { width:375px;height:475px;overflow:auto; } /* TEST 061103 JW */ #content-half-right { position: absolute; top:0; left:375px; width: 375px; } .float-full-one-seventh { float: left; width: 100px; overflow:hidden;margin-right: 8px; } .float-full-one-sixth { float: left; width: 118px; margin-right: 8px; } .float-full-one-fifth { float: left; width: 142px; margin-right: 8px; margin-bottom: 24px;} .float-full-one-fifth-short { float: left; width: 142px; margin-right: 8px; margin-bottom: 12px; height:115px;} .float-full-one-third { float: left; width: 245px; margin-right: 7px; } .float-full-one-half { float: left; width: 370px; margin-right: 7px; } .float-half-one-fifth { float: left; width: 68px; margin-right: 2px; } .float-half-one-third { float: left; width: 116px; } .float-half-one-fourth { float: left; width: 87px; height: 65px; } .last { margin-right: 0 !important; } /* IE hacks */ * html .float-full-one-sixth, * html .float-full-one-seventh { margin-right: 6px; } * html .float-full-one-third { margin-right: 4px; } * html .float-half-one-fifth {overflow-x:hidden;} /* divs ---------------------------------------------------------------------------------------------------*/ #material-thumbs .float-half-one-fifth { height: 100px; } #product-thumb div {float:left;margin-right:10px;} #product-thumb div.active {border:1px solid #666;padding:2px;} #product-thumb a {text-decoration:none;} #product-photo-selector {clear:left;} #product-photo-selector div {display:none;} #product-materials { overflow: hidden; width: 100%; margin-bottom: 4px; } #product-sizes { margin-bottom: 4px; } #product-meta { overflow: hidden; width: 100%; margin-bottom: 0px; } .product-extras { float: left; width:175px; height:50px; } .product-extras a { white-space:nowrap;} #product-line-bottom { position: absolute; bottom: 0; } #product-line-desc { width: 350px; } #designer-speaks-intro { width: 497px; margin-bottom:40px; } #designer-desc { background: #FFF; overflow: auto; height: 482px; padding:16px 20px 0 20px; border-top:1px solid #E5E5E5; } #request-equote { position: relative; } #productDropDownHolder { position:absolute;top:70px;left:70px;z-index:200;} #left_half_text p { display:none; } #home-caption { width:500px;position:absolute;top:13px; } /* headings ---------------------------------------------------------------------------------------------------*/ #title-section { margin-bottom: 32px; margin-top: -2px; } .title-section { margin-bottom: 16px; margin-top: -2px;width:100px; } .title-page { margin-bottom: 4px; margin-top: -2px; } .title-padded { padding-bottom: 8px; } .h-padded-bottom { padding-bottom: 4px; } /* paragraphs ---------------------------------------------------------------------------------------------------*/ .p-padded-right { padding-right: 10px; } /* lists ---------------------------------------------------------------------------------------------------*/ .list-inline { margin-bottom: 8px; } .list-inline li { display: inline; padding-right: 8px; } .list-inline li.active a { font-weight: bold; color: #000; text-decoration: none; } #product-photo-selector { margin-bottom: 4px; overflow: hidden; } #product-photo-selector a { display:inline; float:left; width:48px; height:44px; margin-right:7px; margin-bottom:9px;background-color:#787878;border:1px solid white; } #product-photo-selector a:hover { border-color:#000;outline:1px solid #999; } #product-photo-selector a.active, #product-photo-selector a.active:hover { border-color:#000;outline:1px solid #999; } /* images ---------------------------------------------------------------------------------------------------*/ .image-padded-bottom { margin-bottom: 8px; border:1px solid #cfcfcf;} /* backgrounds ---------------------------------------------------------------------------------------------------*/ body { background: #FFF top center no-repeat; } #top h1 a,#bottom li a { } /* pagers ---------------------------------------------------------------------------------------------------*/ #pager-material { position: absolute; top: 0; right: 20px; } #pager-product,#pager-return { position: absolute; top: 10px; right: 0; z-index: 90; } #pager-product.featured { left:294px; } .pager a, .pager p { display: block; float: left; height: 15px; } .pager a { width: 8px; text-indent: -1000px; overflow-y:hidden;} .pager a#arrow-left { background: transparent url(../graphics/arrow_left.gif) top left no-repeat; } .pager a#arrow-left:hover { background-position: 0 -15px; } .pager a#arrow-right { background: transparent url(../graphics/arrow_right.gif) top left no-repeat; } .pager a#arrow-right:hover { background-position: 0 -15px; } .pager p { margin: 0 7px 0 5px; } /* tool tips ---------------------------------------------------------------------------------------------------*/ #toolTip { position: absolute; z-index:95; border: 1px solid #CCCCCC; background-color: #fff; width: 100px; } #toolTip p { color: #666; line-height: 12px; padding: 3px 0 5px 0; margin-bottom: 0; text-align: center; } /* utility ---------------------------------------------------------------------------------------------------*/ .hidden-color { color: #e5e5e5; } .hide { display: none; } .show { display: inline; } /* products-environments ---------------------------------------------------------------------------------------------------*/ #environment-thumbs { } #environment-thumbs a { display: block; float: left; width: 60px; height: 60px; margin: 0 8px 8px 0; padding: 0; position:relative;} #environment-thumbs a { border:1px solid #e5e5e5; text-decoration:none;} #environment-thumbs a:hover,#environment-thumbs a#enviroActiveThumb { border-color:#787878; } #environment-thumbs a.environment-thumb img { padding: 0 0 0 0; outline:none; border: 0; width:60px;height:60px;} #environment-thumbs img.environmentFullSize { padding: 0 0 0 0; display: none; border: 0; width:375px;height:500px;} #environment-thumbs a span { display:none; } #environment-thumbs a b { position:absolute; left:0px; top:-14px; display:none; width:100px; background: #fff; color:#000; border:1px solid #ccc; font-weight:normal; text-align:center; padding: 1px } #environment-thumbs li.active{border:1px solid #666;} li.client_category li.active h3:hover{text-decoration:underline;} li.client_category li.active h3{font-weight:bold;} .hi_res_image-text,.environment-text { display:none;position:absolute;bottom:0px;left:0px;width:335px;padding:20px;background-color:#fff; -moz-opacity:0.85;opacity:0.85;-webkit-opacity:0.85;} .environment-client-list {} .environment-client-list ul {} li.environment_image{cursor:pointer;border:1px solid #ccc;display: block; float: left; width: 60px; height: 60px; margin: 0 8px 8px 0; padding: 0; position:relative;} li.client_category{cursor:pointer;clear:left;} li.client_category h3 {text-align:left;padding:3px;font-size:11px;border:0 !important;} li.client_category div,li.environment_image div { display:none;} #environment-detail { height:500px;background-color:white;overflow:auto;} #environment-detail h3 { margin:10px;margin-top:0;padding-top:15px;font-size:14px;} #environment-detail div.client-text{ font-size:14px;line-height:17px;color:#659087;margin:10px;} #environment-detail div.client-text a { font-size:14px;line-height:17px;color:#659087;} #environment-detail img { display:none;} #environment-detail div img { display:inline;} /* about us ---------------------------------------------------------------------------------------------------*/ div#aboutUsTextContainer #textBlockSwitch div {display:none;} /*rep-info ---------------------------------------------------------------------------------------------------*/ #rep-info { display: none; position: absolute; right: 0; top: 0px;z-index:91; width: 200px; padding: 20px 0px 10px 0px; border-bottom: 1px solid #cdcdcd; background: transparent url(../graphics/myrep-hover-top.gif) top right no-repeat;} #rep-info-close { display: inline; float: right; margin-right: 6px; } #rep-info-details { margin:0 5px;} /* ecards ---------------------------------------------------------------------------------------------------*/ #ecard-thumbs { width: 100%; overflow: hidden; } #ecard-thumbs a { display: block; float: left; width: 60px; height: 60px; margin: 0 8px 8px 0; padding: 0 0 0 0; } #ecard-preview { position: absolute; z-index: 20; top: 75px; left: 55px; width: 270px; overflow: hidden; } .eCardSentConfirmation{ width:320px; height:100px; position:absolute; left:30px; top:110px; color:#ededed; font-weight:bold; text-align:center; } .eCardSentConfirmation p { display:inline; float:left; margin:25px 20px auto 20px; position:relative; z-index:10; } .eCardSentConfirmation p a {color: #ededed;} .eCardSentConfirmation img { position:absolute;left:0px;top:0px;z-index:1; width:320px; height:100px; filter:alpha(opacity=60); } /* sifr ---------------------------------------------------------------------------------------------------*/ .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; } .sIFR-flash + div[adblocktab=true] { display: none !important; } .sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -2px; height: 20px; width: 160px; } .sIFR-hasFlash h2.title-section { width: 70px; } /* forms ---------------------------------------------------------------------------------------------------*/ .module-select { position:relative; height:48px; } /* form side-by-side ---------------------------------------------------------------------------------------------------*/ form div,form fieldset { margin-bottom: 8px; } #form-side input,#form-side textarea { width: 240px; color: #333; } #form-side label { float:left; width:90px; margin-right:5px; padding:0; text-align:right; font-weight:bold; } #form-side select { width: 240px !important; } #product-size-select { width: 340px !important; } #form-side div.submit { clear: both; padding-left: 95px; } #form-side div.submit input { width: 80px; } #form-side label.non { display: inline; } #form-side textarea#comments { height: 60px; } #form-side div.single { margin-bottom: 16px; } #form-side div.single input,#form-side div.multi input { width: 1em; } #form-side div.single label { display: block; width: 260px; padding-left: 45px; text-align: left; padding-bottom: 8px; font-weight: normal;} #form-side div.multi { margin-left: 95px; width: 240px; overflow: hidden; padding-left: 2px; } #form-side div.multi input { margin-right: 4px; } #form-side div.multi label { width: 70px; text-align: left; font-weight: normal; } #form-side div.multi p { margin-bottom: 2px; } #form-side .labels-short label { width:40px; } /* form stacked ---------------------------------------------------------------------------------------------------*/ #form-stack label { display: block; font-weight:bold; } #form-stack input,#form-stack textarea { display: block; width: 332px; margin-bottom: 4px; color: #333; } #form-stack .single { margin-bottom: 4px; } #form-stack .single label { margin-bottom: 6px; } #form-stack .single input { display: inline; width: 1em; margin-left: 2px; margin-bottom: 0;} #form-stack div.submit input { width: 80px; } #equote-submit {} #equote-submit input {display:inline !important;float:none;clear:none;} textarea#note { height: 140px; } textarea#note.short { height: 100px !important; } div#content-half-left textarea#note.extrashort { height: 50px !important; } textarea#ecard-message { height: 80px; } .input-short { width: 30px !important;} p.message { font-size:8px; } #cumberform div { text-align:right; padding-right:160px;margin-bottom:.5em;} #cumberform div input { text-align:left; } #cumberform div#cumberform-submit input {text-align:center;padding:0;} * html div.req { margin-bottom: 0px;} label.short {width:170px;float:left;} div label.lite,div label span.lite {font-weight:normal !important;} /* Old cruft ---------------------------------------------------------------------------------------------------*/ .atBottom { } /* New cruft ---------------------------------------------------------------------------------------------------*/ #showPrices { position:relative; top:-5px; } p#new_price_blurb { display:none; position:absolute; right:0px; /*bottom:-7px;*/ top:3px; width:450px; font-size:10px; line-height:13px; color: #666; }