/* =Body --------------------------------------------------------------------------------------- */ body { background-color: #a2a2a2; background-repeat: repeat-x; background-image: url(../images/bgtest.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; } /* =Wrapper --------------------------------------------------------------------------------------- */ #wrapper { width:946px; background:url(../images/wrapper.gif) left top repeat-y; margin:0 auto; } #inner { padding:0 5px 15px 5px; } /* =Header --------------------------------------------------------------------------------------- */ #header { position:relative; height:143px; clear:both; background:url(../images/header.jpg) left 37px no-repeat; } #logo { position:absolute; left:0; top:37px; width:210px; height:106px; display:block; text-indent:-2000em; } #main_nav { height:37px; background:url(../images/main_nav.gif) left top repeat-x; } #main_nav li { list-style:none; float:left; height:37px; line-height:37px; padding:0 14px; text-align:center; font-size:15px; font-family:Trebuchet MS; background:url(../images/mn.gif) left center no-repeat; letter-spacing:1px; } #main_nav li a { color:#D2D7E7; /*5c4f3f*/ text-decoration:none; } #main_nav li a:hover { color:#FFF; /*c06000*/ text-decoration:none; } #main_nav.custom { background:url(../images/main_nav_bsk.gif) left top repeat-x; } #main_nav.custom li a { color: #5c4f3f; } #main_nav.custom li a:hover { color: #c06000; background: none; } #main_nav.custom li { background:url(../images/mn_custom.gif) left center no-repeat; } .fitem { background:none !important; } #subheader { position:absolute; right:0px; top:37px; width:680px; height:30px; line-height:30px; } #sh_live_support { float:left; width:210px; color:#000; font-weight:bold; font-size:12px; } #sh_live_support span { float:left; } #sh_live_support img { float:right; padding-top:5px; margin-right:5px; display:inline; } #sh_free_support { float:left; width:205px; padding-left:10px; font-size:12px; color:#9c7450; } #sh_free_support span { color:#876c51; font-size:13px; padding-left:4px; } #sh_shopping_cart { float:left; font-size:11px; color:#000; letter-spacing:1px; background:url(../images/sc.gif) 5px center no-repeat; padding-left:35px; } #sh_shopping_cart span { color:#808080; } #header h1 { position:absolute; left:250px; top:80px; font-family:Arial, Helvetica, sans-serif; font-size:19px; color:#120a41; } #breadcrumb { position:absolute; left:250px; top:115px; font-size:11px; color:#000; letter-spacing:1px; } #breadcrumb a { color:#7c674d; text-decoration:underline; font-weight:bold; } #breadcrumb a:hover { } /* =Container --------------------------------------------------------------------------------------- */ #container{ clear:both; background:url(../images/container.gif) left top repeat-x; } #container.remove-bg { background: none; } /* =Content --------------------------------------------------------------------------------------- */ #content{ width:675px; margin-right:15px; float:right; display:inline; padding-top:20px; } #content-inner { width: 643px; margin: 0 0 10px 12px; position: relative; } #content-top-nav { background: url('../images/content_top_nav.gif') top repeat-x; padding-left: 15px; height: 47px; margin-top: -21px; position: relative; } #content-top-nav li { list-style: none; display: inline; } #content-top-nav li a { display: block; float: left; padding: 9px 13px; font-size: 12px; font-weight: bold; text-decoration: none; color: #b9b7cc; background: url('../images/content_top_nav_divider.gif') left no-repeat; } #content-top-nav li a:hover, #content-top-nav li a.active { color: #fff; } #content-top-nav li.first-item a { background: none; } #homepage-content-top-nav { margin: -42px 0 10px 0; position: relative;} #homepage-content-top-nav li { list-style: none; display: block; float: left; padding: 5px;} #homepage-content-top-nav li a { font: 11px "Trebuchet MS", Arial, sans-serif; color: #437dd1; font-weight: bold; padding: 0 6px; border-left: 1px solid #cbcbcb;} #homepage-content-top-nav li.first-item a { padding-left: 0; border: none; } #group-content-top-nav { height: 31px; border-bottom: 1px solid #d5d5d5; margin: -21px 0 12px 0; position: relative; } #group-content-top-nav li { list-style: none; display: inline; } #group-content-top-nav li a { padding: 8px 8px 7px 8px; font-size: 12px; text-transform: uppercase; display: block; float: left; color: #fff; border-right: 1px solid #fff; text-decoration: none; background: #5c5c5c; } #group-content-top-nav li a.active { text-decoration: underline; background :#000048; } #group-content-top-nav li a:hover { text-decoration: underline; background :#000048; } #content-inner .top-img { margin-bottom: 25px; } #content-inner .custom { margin-top: -21px; } #content-inner p { font: 14px "Trebuchet MS", Arial, sans-serif; color: #130a41; margin-bottom: 25px; line-height: 1.6; } #content-inner h3 { margin-bottom: 12px; padding-bottom: 12px; font: bold 20px "Trebuchet MS", Arial, sans-serif; border-bottom: 1px solid #d6d6d6; } #content-inner a.red { color: #d10039; } #content-inner a.green { color: #008016; } #content-inner #wood-species { margin: 20px 0 100px 0; } #content-inner #wood-species li { list-style: none; clear: both; line-height: 1.8; } #content-inner #wood-species li img { float: left; display: inline; margin: 5px 25px 30px 0;} #content-inner .finishes { float: left; width: 400px; } #content-inner .finishes ul { margin-bottom: 40px; clear: both; } #content-inner .finishes ul li { float: left; width: 106px; margin-right: 20px; list-style: none; } #content-inner .finishes ul li h4 { font-weight: bold; font-size: 12px; } #content-inner .finishes ul li.first-item { float: none; width: auto; margin-bottom: 10px; } #content-inner .finishes ul li span { font-size: 10px; color: #6d6d6d; } #content-inner .ad { float: right; width: 214px; height: 518px; } #content-inner.homepage { width: 665px; } #content-inner.homepage .higlight { background: url('../images/highlight.gif') no-repeat; width: 297px; height: 93px; float: left; padding: 14px; margin: 0 10px 20px 0; } #content-inner.homepage .higlight h3 { border: none; font-weight: normal; margin-bottom: 0; padding-bottom: 0; font-size: 18px; } #content-inner.homepage .higlight p { font-size: 14px; color: #4572b6; } #content-inner.homepage .higlight p a { color: #4572b6; font-size: 13px; } #content-inner.homepage .last { margin: 0; } #content-inner.homepage #bottom-list { clear: both; margin-bottom: 10px; } #content-inner.homepage #bottom-list li { list-style: none; border-left: 1px solid #e4e4e4; width: 150px; margin-left: 12px; float: left; display: inline; padding: 4px 0 4px 12px; height: 125px; } #content-inner.homepage #bottom-list li.item-1 { margin-left: 0; } #content-inner.homepage #bottom-list li.item-2, #content-inner.homepage #bottom-list li.item-3 { width: 222px; } #content-inner.homepage #bottom-list li p { font-size: 11px; margin: 0; } #content-inner.homepage #bottom-list li p a { color: #98879a; } #content-inner.homepage #bottom-list li h4 { margin-bottom: 12px; font-size: 13px; color: #314802; } #content-inner.homepage #bottom-list li h4.free-estimate { background: url('../images/free_estimate.gif') left no-repeat; padding: 3px 0 3px 35px; margin-bottom: 6px;} #content-inner.homepage #bottom-list li img { float: left; display: inline; margin: 4px 10px 0 0; } #content-inner .box { background: url('../images/box_top.gif') top no-repeat; padding-top: 16px; width: 660px; margin-bottom: 15px; } #content-inner .box-inner { background: url('../images/box_bottom.gif') bottom no-repeat; padding: 0 10px 20px 10px; font-family: Arial, Helvetica, sans-serif; } #content-inner .box-inner h3 { color: #140b40; padding-bottom: 7px; margin-bottom: 15px; } #content-inner .box-inner h4 { font-size: 17px; font-weight: normal; margin-bottom: 12px; } #content-inner .box-inner h4 img { float: none; display: inline; vertical-align: middle; margin-left: 12px; } #content-inner .box-inner h4 span { margin-left: 60px; } #content-inner .box-inner img { float: left; display: inline; margin-right: 16px; } #content-inner .box-inner p { margin: 0; font: 12px Arial, Helvetica, sans-serif; line-height: 1.8; display: block; width: 420px; float: left; } #content-inner .box-inner p.last { margin-top: 10px; font-size: 10px; } #content-inner #top-bar { background: #606060; border-bottom: 5px solid #c2c2c4; padding: 10px; position: relative; } #content-inner #top-bar a { font-size: 12px; font-weight: bold; color: #d7d7d7; text-decoration: none; text-transform: uppercase;} #content-inner #top-bar form { } #content-inner #top-bar label { color: #fff; font-weight: bold; display: block; float: left; margin-right: 10px; padding-top: 4px; position: absolute; top: 6px; left: 310px;} #content-inner #top-bar select { width: 170px; position: absolute; top: 6px; left: 465px; } #content-inner #products-list li { list-style: none; } #content-inner #products-list li a { display: block; text-decoration: none; background: #f4f0ed; padding: 8px; font-size: 12px; color: #5c3607; font-weight: bold; margin-top: 5px; height: 14px; } #content-inner #products-list li a span { font-size: 10px; color: #0f7fa7; text-decoration: underline; margin-left: 4px; } #content-inner #products-list li a:hover { background: #010039; color: #fff; } #content-inner #products-list li a:hover span { color: #dde5ff; } #content-inner p.info { color: #da6508; font: 11px Arial, Helvetica, sans-serif; position: absolute; top: -30px; right: 0; } #content-inner p.info span { color: #5f583b; } .accordion h5 { background: #f4f0ed; padding: 8px; font-size: 12px; color: #5c3607; font-weight: bold; margin-top: 5px; height: 14px; cursor: pointer; } .accordion h5:hover { background: #010039 url('../images/arrow_active.gif') right no-repeat; color: #fff; } .accordion h5:hover span { color: #d9f0ff; } .accordion h5.active { background: #010039 url('../images/arrow_active.gif') right no-repeat; color: #fff; } .accordion h5.active span { color: #d9f0ff; } .accordion h5 span { font-size: 10px; color: #0f7fa7; text-decoration: underline; margin-left: 4px; } .product { border-right: 4px solid #f2eeeb; border-bottom: 4px solid #f2eeeb; } .product .product-image {float: left; } .product .product-image a { display: block; text-align: center; width: 166px; text-decoration: none; color: #858585; padding: 10px 0; } .product .info { width: 472px; float: right; padding-top: 40px; } .product .info h4 { font: bold 14px Arial, Helvetica, sans-serif; margin-bottom: 3px; width: 250px; } .product .info span { font-size: 10px; color: #5d5d5d; display: block; margin-bottom: 30px; } div.price_out { display: block; width: 182px; height: 31px; float: right; margin-top: -70px; } .product .info a.price-it-out { background: url('../images/price_it_out.gif') no-repeat; text-indent: -5000px; display:block; width: 182px; height: 31px; } .product .info .product-list li { background: url('../images/product_list.gif') no-repeat; width: 463px; height: 41px; list-style: none; padding: 10px 0 0 11px; margin-bottom: 4px; } .product .info .product-list li a { font-size: 11px; color: #271e53; } .product .info .product-list li span { display: block; font-size: 11px; margin-top: 3px; } /*.product .info .product-list li a.view { float: right; margin: -68px 20px 0 0 !important; display: block; text-indent: -5000px; background: url('../images/info.gif') no-repeat; width: 41px; height: 17px; }*/ /* =Sidebar --------------------------------------------------------------------------------------- */ #sidebar{ width:213px; margin-left:2px; display:inline; float:left; border-right:1px solid #c2c2c2; } /* style for shop online */ #content-inner.shop-online { margin-left: 0px; } .shop-online #top-p { font: 19px Georgia, "Times New Roman", Times, serif; color: #291400; margin: -50px 0 7px 0; position: relative; display: block; } #top-p a { color: #0073c4; border-bottom: 1px dotted #0073c4; text-decoration: none; } .shop-online .top-img { position: relative; } #custom-content { width: 666px; height: 460px; margin-top: -24px; padding: 10px 0 0 12px; margin-bottom: 23px; } #custom-content #cols li { display: block; float: left; margin: 0 0 32px 0; list-style: none; } #custom-content #cols li h2, #featured-products h2 { color: #9a1516; font: 18px "Trebuchet MS", arial, sans-serif; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 10px; border-bottom: 1px solid #ede8e0; margin-bottom: 10px; position: relative; } #custom-content #cols li h2 a { display: block; background: url('../images/go.gif') no-repeat; text-indent: -5000px; width: 33px; height: 20px; position: absolute;} #custom-content #cols li.col1 h2 a { top: 3px; right: 90px; } #custom-content #cols li.col2 h2 a { top: 3px; right: 70px; } #custom-content #cols li.col3 h2 a { top: 3px; right: 60px; } #custom-content #cols li.col4 h2 a { top: 3px; right: 0; } #custom-content #cols li p { color: #592c00; } #custom-content #cols li p a { color: #0073c4; } #custom-content #cols li p.last a { font: 11px Arial, Helvetica, sans-serif; display: block; color: #797979; } #custom-content #cols .col1 { width: 320px; height: 190px; } #custom-content #cols .col1 .custom { color: #864200; } #custom-content #cols .col2 { width: 320px; height: 190px; float: right;} #custom-content #cols .col3 { width: 320px; height: 175px; margin-bottom: 0; } #custom-content #cols .col4 { width: 340px; height: 175px; margin-bottom: 0; } /* #custom-content #cols .col4 { width: 308px; height: 175px; float: right; padding: 0 0 0 12px; margin-bottom: 0;} #custom-content #cols .col4 h2 { background: url('../images/h2_the_design_center.gif') no-repeat; text-indent: -5000px; width: 203px; height: 25px; border: none; } #custom-content #cols .col4 select { width: 101px; padding: 2px; border: 1px solid #000; margin: 0 10px; } #custom-content #cols .col4 .input-button { background: url('../images/btn_go.gif') no-repeat; border: none; cursor: pointer; width: 49px; height: 25px; } #custom-content #cols .col4 p { font: 12px Arial, Helvetica, sans-serif; margin: 12px 0 3px 0; color: #000; } #custom-content #cols .col4 p.notice { font-size: 11px; color: #b6b6b6; margin-top: 0; } */ #featured-products h2 { color: #cec5b6; clear: both; } #featured-products h2 a { position: absolute; top: 3px; right: 0; font: bold 13px Arial, Helvetica, sans-serif; color: #647aae; text-transform: none; } #featured-products li { float: left; width: 163px; text-align: center; margin: 0; list-style: none; } #featured-products li a { font: 11px "Trebuchet MS", arial, sans-serif; color: #01589b; } #featured-products li span { display: block; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #5f5f5f; } #featured-products li img { border-left: 1px solid #ccc; } #featured-products li.first img { border: none; } #bottom-content li { margin: 0; list-style: none; } #bottom-content .item-1 { width: 410px; padding: 14px 10px; border: 1px solid #ccc; } #bottom-content .item-1 p { margin: 0; font: 13px Arial, Helvetica, sans-serif; line-height: 1.5; } #bottom-content .item-1 p a { color: #616161; } /*#bottom-content .item-1 h2 { width: 323px; height: 23px; color: #9a1516; margin-bottom: 5px; } */ #bottom-content .item-1 h2 { width: 400px; height: 23px; margin-bottom: 5px; color: #9a1516;} #bottom-content .item-2 { float: right; margin: -118px 0 0 0; } /* =Sidebar --------------------------------------------------------------------------------------- */ #sidebar{ width:213px; margin-left:2px; display:inline; float:left; border-right:1px solid #c2c2c2; } #sidebar.custom { border: none; margin: 0 0 0 10px; width: 223px; font: 12px "Trebuchet MS", Arial, sans-serif; } #sidebar.custom p { line-height: 1.6; display: block; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e4e4e4; } #sidebar.custom p.last-item { border: none; } #sidebar.custom p a { color: #496eb5; } /* shop online sidebar */ #product-nav { background: url('../images/product_nav.gif') no-repeat; width: 215px; height: 110px; padding: 12px 0 0 10px; margin-bottom: 6px; font-family: Arial, Helvetica, sans-serif; margin-left: -15px; position: relative; } #product-nav li { margin: 0; list-style: none; display: inline; } #product-nav li h3 { font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; margin: 23px 0 5px 0; } #product-nav li h3.first { margin-top: 0; } #product-nav li a { font-size: 13px; font-weight: bold; color: #a3c6df; text-decoration: none; } #product-nav li a:hover { text-decoration: underline; color: #eae4db; } #product-nav li.custom h3 { color: #72759a; } #product-nav li.custom a { color: #9c9fc9; } #extra-nav { margin-bottom: 15px; } #extra-nav li { margin: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; } #extra-nav li a { display: block; text-decoration: none; font-size: 15px; color: #982600; text-indent: 12px; background: url('../images/some_nav_a.gif') no-repeat; padding: 5px 0 4px 0; } #extra-nav li a:hover { background: url('../images/some_nav_a_hover.gif') no-repeat; } #bottom-nav { font-family: Arial, Helvetica, sans-serif; margin: 0 0 15px 12px; } #bottom-nav li { margin: 0; list-style: none; } #bottom-nav li a { font-size: 13px; color: #001a89; text-decoration: none; background: url('../images/bottom_nav_bullet.gif') left no-repeat; padding-left: 15px; margin-bottom: 5px; display: block; } p.live-support { display: block; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 10px 0; color: #000; font: 13px Arial, Helvetica, sans-serif; margin-bottom: 8px; width: 200px; } p.live-support strong { font-weight: bold; color: #5a5a5a; } p.live-support img { vertical-align: middle; margin-right: 10px; } #ads li { margin: 0 0 8px 0; list-style: none; } div.price_output { display:block; font-size: 110%; font-weight: bold; float: left; } div.product_dimensions { float: left; width: 150px; }