/*---------------------------------------- Name: print.css Developed by:Josh Hamilton*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* === === === === === === === === === === =STRUCTURE === === === === === === === === === === */ html { width: 100%; } body { font: 62.5%/1.5 Helvetica, sans-serif, serif; background-color: #7E9096; color:#4A5051; position: relative; width: 100%; } #page-wrap { width: 820px; margin: 0 auto ; position: relative; padding-bottom:45px; } #page-wrap-inner { background-color:#E9E2CE; padding-bottom:5px; overflow:hidden; } #lshadow { background: transparent url(../images/general/left-shadow.png) no-repeat left 0; position:absolute; top:0; left:200px; z-index:10; width:13px; height:670px; } #rshadow { background: transparent url(../images/general/right-shadow.png) no-repeat right 0; position:absolute; top:0; right:0; z-index:10; width:13px; height:670px; } /* === === === === === === === === === === =COMMON === === === === === === === === === === */ a { color:#4A5051; text-decoration: none; } a:hover { text-decoration: none; } h1,h2 { font-weight: bold; color: #4A5051; font-family:'lucida Grande', Helvetica, sans-serif; letter-spacing: -.01em; word-spacing:-0.1em;} h3,h4,h5,h6 { font-weight: normal; color: #7E9096; font-family:'lucida Grande', Helvetica, sans-serif; } h1 { font-size: 22px; line-height:1.2em; margin-bottom: .5em;} h2 { font-size: 13px; margin-bottom:2em; text-align:right;} h3 { font-size: 12px; margin-bottom:.5em; } #cufon { font-size: 22px; margin-bottom:5px; color:#7E9096; } h4 { font-size: 12px; margin-bottom:.3em; color: #4A5051;} h5 { font-size: 11px; margin-top:-10px; } h6 { font-size: 1.3em; margin-bottom: 1em; } blockquote { padding-left:1.5em; margin: 1.5em; border-left:3px solid #ccc; font-style:italic; } strong { font-weight: bold; } em { font-style: italic; } /*=TYPE === === === === === === === === === === */ p { padding:0 0 1.0em 0; color:#958C7D; font-size:10px; } .large { font-size:13px; color: #4A5051;} .current a {color:red;} /*=STANDARD CLASSES === === === === === === === === === === */ .left {float:left;} .right {float:right;} .clear {clear:both;} .hide {display:none; text-indent:-99999px;} .cap {text-transform:uppercase;} /*=LEFT-SIDEBAR === === === === === === === === === === */ #left-sidebar { background-color:#E9E2CE; width:200px; float:left; height:620px; } #left-sidebar-inner { padding:25px 8px 0 8px; overflow:hidden; } /*==LOGO==*/ #logo { width:162px; height:92px; margin:0 auto; padding-bottom:18px; } h2#tagline { display:block; padding:15px 0; text-align:center; font-size:12px; color:#7E9096; } /*==PATTERN PICKER==*/ #pattern-picker { text-align:right; } .find, .reset, .submit { margin:5px 0; cursor: pointer; font-size:9px;} .reset { margin-right:5px;} #pattern-picker form { font-size:10px; } #pattern-picker li { line-height:20px; } #pattern-picker input { border:1px solid #958C7D; color:#4A5051; } #pattern-picker option, #pattern-picker select { font-size:9px;} /*==MAIN NAV ===============================*/ ul#brand-nav { padding:28px 0 5px 0; font-size:9px; line-height:18px; text-transform:uppercase; text-align:right; clear:both; } ul#brand-nav li a { background:url(../images/general/nav-bullet.gif) no-repeat right 4px; padding-right:12px; font-weight:normal; display:block;} ul#brand-nav li a:hover { color:#7E9096;} ul#brand-nav li ul { padding-left:12px;} span.nav-headline { background-image:none; padding-left:12px; font-weight:bold; font-size:10px;} /*==STATIC NAV ===============================*/ ul#static-nav { font-size:9px; line-height:18px; text-transform:uppercase; text-align:right; padding-top:10px; } ul#static-nav li a { background:url(../images/general/nav-bullet-static.gif) no-repeat right 4px; padding-right:12px; font-weight:normal; display:block; color:#7E9096; } ul#static-nav li a:hover { color:#4A5051;} /*=CONTENT AREA === === === === === === === === === === */ #content { width:620px; height:620px; position:relative; float:right; background:#E9E2CE url(../images/general/container-bkd.gif) repeat-y right 0; } #content-inner { padding:0; overflow:hidden; } #content-inner-static { padding:25px; height:445px; position:relative; overflow:auto; font-weight:bold;} #content-inner-static-full { padding:25px; height:560px; position:relative; overflow:hidden; font-weight:bold;} #main-content { float:left; } /*==RIGHT BRANDS NAV==*/ #right-nav { float:right; width:195px; } #right-nav-inner { padding:54px 23px 0 23px; } #right-nav-inner li a { text-indent:-99999px; } #right-nav-inner li#warner a img { width:152px; height:106px; margin-bottom:46px; } #right-nav-inner li#belair a img { width:152px; height:73px; margin-bottom:46px; } #right-nav-inner li#ches a img { width:152px; height:108px; margin-bottom:46px; } #right-nav-inner li#hw a img { width:152px; height:89px; } /*=INTERIOR PAGES COLLECTIONS === === === === === === === === === === */ /*header-nav*/ #interior-head-nav { margin:0 25px 0 25px ; padding:25px 0 0 0; border-bottom:1px solid #F6F4EC; color:#958C7D; } #interior-head-nav { font-size:10px; font-weight:bold;} #interior-head-nav a { color:#958C7D; font-weight:bold;} #interior-head-nav a:hover { color:#4A5051; } /*collection page div tag*/ #collection { margin:0 25px 0 25px; padding:15px 0 25px 0; border-top:1px solid #B8B2A8; overflow:hidden; position:relative; z-index:9;} #collection h2 { text-align:left; margin-bottom:1em; color:#4A5051; } #collection h3 { margin:10px 0 0 0; font-weight:bold; } #collection ul { font-size:11px; line-height:14px; } ul#books-container { width:400px; height:445px; text-align:center; padding-top:15px; overflow:auto; position:relative;} ul#books-container li { float:left; display:inline; margin:0 40px 40px 0; position:relative; font-weight:bold; width:86px; height:110px; } ul#books-container li a { float:left; display:block; width:86px; height:110px; } ul#books-container li a span.collection-img { position:absolute; bottom:0; left:0; display:block; } ul#books-container li a p.caption { display:block; color:#958C7D; position:relative; top:115px; line-height:12px; text-align:center;} ul#books-container li a:hover p.caption, #right-nav-inside a:hover { color:#4A5051;} /*side-navigation for interior pages*/ #right-nav-inside {position:absolute; top:65px; right:0; font-size:10px; text-align:right; } #right-nav-inside h4 {font-weight:bold; text-transform:uppercase; padding-top:12px; border-top:1px solid #B8B2A8; font-size:10px; } #right-nav-inside h4.no-border {border:none; } #right-nav-inside li {line-height:12px; padding-bottom:5px; font-weight:bold; } #right-nav-inside li a { color:#958C7D; } #collection-logo { padding-bottom:12px; border-bottom:1px solid #F6F4EC; } /*=INTERIOR PAGES PATTERNS === === === === === === === === === === */ ul#pattern-container { width:400px; height:445px; text-align:center; padding-top:15px; overflow:auto; position:relative; } ul#pattern-container-search { width:100%;height:445px; text-align:center; padding-top:15px; overflow:auto; position:relative; } ul#pattern-container.color-pick { width:570px; } ul#pattern-container li, ul#pattern-container-search li { float:left; display:inline; margin:0 25px 50px 0; position:relative; font-weight:bold; width:100px; height:100px; } ul#pattern-container li a, ul#pattern-container-search li a { float:left; display:block; width:100px; height:100px; } ul#pattern-container li a span.collection-img img, ul#pattern-container-search li a span.collection-img img { position:absolute; bottom:0; left:0; } ul#pattern-container li a p.caption, ul#pattern-container-search li a p.caption { display:block; color:#958C7D; position:relative; top:105px; line-height:12px; text-align:center;} ul#pattern-container li a:hover p.caption, #right-nav-inside a:hover , ul#pattern-container-search li a:hover p.caption { color:#4A5051;} #notice { position: absolute; top:590px; left:25px; width:450px; } #notice p { font-size:9px; color:#4A5051; } p.hint { padding-bottom:0; font-style:italic; } /*=INTERIOR PAGES DETAIL === === === === === === === === === === */ #detail-img-container { float:right; } #detail-specs { width:220px; float:left; padding-top:15px;} #detail-specs ul { border-top:1px solid #B8B2A8; padding-top:12px; } #detail-specs ul li, ul#search-specs li { line-height:12px; padding-bottom:5px; color:#958C7D; font-weight:bold; } #detail-specs ul li strong, ul#search-specs li strong { color: #4A5051; } #detail-specs ul li a:hover { text-decoration:underline; } #detail-thumbs { width:270px; position:relative; } #detail-thumbs-inner { position:relative; overflow:auto; margin-top:290px; height:180px;} #detail-thumbs-inner li { float:left; display:inline; text-align:center; width:75px; height:90px; margin:0 8px 12px 0; color:#958C7D; } #detail-thumbs-inner li img { margin-bottom:3px; } #detail-thumbs-inner li a { display:block; float:left; color:#958C7D; } #detail-thumbs-inner li a:hover, #detail-thumbs-inner li a:hover .block { color:#4A5051; } .block { display:block; font-weight:bold; } #large-swatch { position:absolute; top:65px; right:0; } /*search page div tag*/ #search{ width:400px; height:300px; position:absolute; top:103px; margin:0 auto; margin-left:400px; z-index:10; } #right-nav-inside-search { font-size:10px; } #right-nav-inside-search li { float:left; display:inline; margin-right:3px; } p.search-results { padding-bottom:0; font-weight:bold; } /*=FOOTER === === === === === === === === === === */ #footer { margin:0 auto; width:820px; clear:both; } #footer-inner { padding:10px 0; color:#E9E2CE; list-style:none; overflow:hidden; } #footer-inner p { color:#E9E2CE; text-transform:uppercase; font-size:9px; } #footer-nav { float:left; color: #E9E2CE; width:200px; text-align:center; padding-top:4px; } #footer-nav p a { color: #E9E2CE; text-transform:uppercase; } #footer-nav p a:hover { text-decoration:underline; } #copy-info { float:left; margin:0 40px 0 15px; clear:right; padding-top:4px; } #footer-logos { float: left; } #footer-logos li { float: left; display:inline; } #footer-logos li a { float: left; display:block; margin-right:15px;}