/*------------------------------------------------------------------ [Master Stylesheet] Project: Select Drapery Hardware Author: Scott Lively Version: 1.1 Last change: 01/15/09 -------------------------------------------------------------------*/ @import 'reset.css'; /*------------------------------------------------------------------ [Table of contents] 1. Body 2. Navigation a. Main b. Sub 3. Content [#content] a. Products b. Gallery c. Distributor Locator d. Media & Marketing e. Contact f. Scroll Area g. CMS h. Pagination (page flipper) 4. Footer [#ftr] 5. Error -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [1. Body ] -------------------------------------------------------------------*/ html, body { height:100%; margin:0 0 1px; min-height:101%; padding:0; } body { background-color:#7A6C5E; color:#463D34; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:normal; letter-spacing:0px; line-height:16px; text-align:left; word-spacing:0px; } a { color:#463D34; } a:hover { color:#000; } h1, h2 { font-size:18px; font-weight:bold; line-height:24px; } p { padding: 8px 0px; } #wrapper { background-repeat:repeat-y; margin:auto; width:831px; } #main_container { background-repeat:no-repeat; margin:auto; min-height:600px; width:831px; } #left_container { float:left; padding-bottom:10px; width:204px; } #right_container { float:right; width:548px; } #hdr { height:70px; } .red { color:#A80532; } .black { color:#000; } /*------------------------------------------------------------------ [2a. Navigation - Main ] -------------------------------------------------------------------*/ #nav_main { height:34px; padding:8px 16px 0px 0px; text-align:center; } #nav_main li { display:inline; list-style-type:none; } #nav_main a { color:#FFF; font-size:14px; padding:6px; padding:6px 12px; /* remove this line when ready to show Gallery page again */ text-decoration:none; } #nav_main a:hover { color:#C6BCB2; } #nav_main a.current { color:#C98B49; } #dropmenudiv2 { background-color:#C6BCB2; border:1px solid #463D34; border-bottom-width:0px; line-height:18px; position:absolute; z-index:100; } #dropmenudiv2 a { border-bottom:1px solid #463D34; display:block; padding:1px 0px; text-decoration:none; text-indent:3px; width:100%; } #dropmenudiv2 a:hover { background-color:#C6BCB2; color:#9B8A78; } /*------------------------------------------------------------------ [2b. Navigation - Sub ] -------------------------------------------------------------------*/ #nav_sub { padding:8px 4px 0px 20px; text-align:right; } #nav_sub ul li { list-style-type:none; } #nav_sub ul li a { border-bottom:1px solid #C6BCB2; color:#28231E; display:block; font-size:12px; padding:6px 8px 2px 10px; text-decoration:none; } #nav_sub ul li a:hover { color:#C6BCB2; } #nav_sub ul li a.current { color:#A90332; } #nav_sub ul li a img { vertical-align:middle; } #dropmenudiv { background-color:#C6BCB2; border:1px solid #463D34; border-bottom-width:0px; font-size:12px; line-height:18px; position:absolute; z-index:100; } #dropmenudiv a { border-bottom:1px solid #463D34; display:block; padding:1px 0px; text-decoration:none; text-indent:3px; width:100%; } #dropmenudiv a:hover { background-color:#C6BCB2; color:#9B8A78; } /*------------------------------------------------------------------ [3. Content ] -------------------------------------------------------------------*/ #content { padding:0px 16px 4px 0px; } #content ol { padding-left:18px; } #content ul { padding-left:14px; } #privacy, #legal { font-size:10px; line-height:12px; padding:20px; } #privacy div, #legal div { padding:3px 0px; } #login_msg { color:#28231E; font-size:11px; margin-left:15px; padding:4px 0px; text-align:center; } #login_msg a { color:#28231E; text-decoration:none; } #login_msg a:hover { color:#C6BCB2; } /*------------------------------------------------------------------ [3a. Products ] -------------------------------------------------------------------*/ #download_brochure { padding-top:12px; text-align:center; } #style_holder { float:left; padding-left:0px; width:182px; } .style_thumbnail { float:left; height:70px; margin-bottom:10px; padding-left:14px; width:70px; } .style_thumbnail a img { border:2px solid #463D34; display:block; text-decoration:none; } .style_thumbnail a:hover img, .style_thumbnail a.current img { border:2px solid #A90332; } #finish_holder { text-align:center; width:348px; } #product_holder { padding-top:6px; text-align:center; width:348px; } #product_holder img { border:2px solid #463D34; display:block; margin:auto; } #description_holder { padding-top:6px; width:348px; } #description_holder h1, #stats_holder h1 { font-size:16px; text-align:center; text-decoration:underline; } #stats_holder { font-size:13px; line-height:1.5; overflow:hidden; padding:4px 4px 0px 4px; width:340px; } #stats_holder td.heading { font-weight:bold; text-align:center; } #stats_holder td.data { border-top:1px solid #9B8A78; text-align:center; } #traverse_index, #traverse_premium, #traverse_supreme, #traverse_sets { font-family:"Times New Roman", Times, serif; font-size:13px; line-height:14px; } #traverse_index p, #traverse_premium p, #traverse_supreme p, #traverse_sets p { padding:0px; } #traverse_index { background:#C6BCB2 url(../images/pages-products/edition1/traverse-rods/bg-index.jpg) no-repeat; height:308px; line-height:14px; padding:138px 0px 0px 226px; width:306px; } #traverse_premium { background:#C6BCB2 url(../images/pages-products/edition1/traverse-rods/bg-premium.jpg) no-repeat; height:312px; line-height:16px; padding:260px 0px 0px 302px; width:230px; } #traverse_supreme { background:#C6BCB2 url(../images/pages-products/edition1/traverse-rods/bg-supreme.jpg) no-repeat; height:342px; line-height:16px; padding:220px 0px 0px 300px; width:232px; } #traverse_sets { background:#C6BCB2 url(../images/pages-products/edition1/traverse-rods/bg-sets.jpg) no-repeat; height:680px; line-height:16px; padding:46px 0px 0px 24px; width:508px; } /*------------------------------------------------------------------ [3b. Gallery ] -------------------------------------------------------------------*/ .gallery_thumb_container { float:left; margin-bottom:18px; text-align:center; width:175px; } #gallery_container { margin:auto; padding-top:10px; width:500px; } #designer_list { padding:20px 28px 0px 28px; } #designer_list p { padding:4px 0px; } /*------------------------------------------------------------------ [3c. Distributor Locator ] -------------------------------------------------------------------*/ #locator_form { font-size:16px; } #locator_form_left { float:left; width:262px; } #locator_form_right { float:right; width:270px; } .locator, .locator_left { float:left; padding:2px; } .locator_left { text-align:right; width:32%; } /*------------------------------------------------------------------ [3d. Media & Marketing ] -------------------------------------------------------------------*/ #media_welcome { color:#FFF; font-style:italic; line-height:1.5; padding:50px 20px 0px 0px; } /*------------------------------------------------------------------ [3e. Contact ] -------------------------------------------------------------------*/ #contact_container, #login_container { font-size:16px; padding-top:10px; text-align:center; } .identifier { float:left; padding:6px; text-align:right; width:36%; } .input_side { float:left; padding:6px; text-align:left; } .form_txt_fld, .form_zip_fld, select, #contact_container textarea { border:1px solid #5D564E; border-width:2px 1px 1px 2px;} .form_txt_fld { width:135px; } .form_zip_fld { width:50px; } #contact_container textarea { height:60px; width:290px; } #success { font-size:18px; font-style:italic; line-height:28px; padding-top:40px; text-align:center; } /*------------------------------------------------------------------ [3f. Scroll Area ] -------------------------------------------------------------------*/ div#hold { height:486px; overflow:hidden; position:relative; width:490px; z-index:99; } div#wn { height:484px; left:0px; overflow:hidden; position:absolute; top:0px; width:488px; z-index:1; } div.content_scroll { left:0px; position:absolute; top:0px; visibility:hidden; z-index:1; } /* Set small font-size or size/position of div's will be off in some browsers */ div#scrollbar { font-size:1px; height:160px; left:0; position:relative; top:0; width:11px; z-index:1; } div#track { background:url(../images/track.gif) #463D34 repeat; height:136px; left:0; position:absolute; top:12px; width:11px; z-index:1; } div#dragBar { background-color:#C6BCB2; height:20px; left:1px; position:absolute; top:1px; width:9px; z-index:1; } div#up { left:0; position:absolute; top:0; z-index:2; } div#down { bottom:0; left:0; position:absolute; z-index:3; } td#scroll_links { width:20px; } table.main { margin:auto; text-align:left; width:530px; } td.images { padding:4px; } table.media td { padding:2px 12px; } table.media_close_out td { padding:2px 8px; } img.close_out { border:2px solid #463D34; height:81px; width:125px; } table.media_close_out h1 { font-size:16px; text-align:center; text-decoration:underline; } div.close_out_stats { font-size:12px; line-height:1.5; padding:0px; width:342px; } div.close_out_stats td.heading { font-weight:bold; text-align:center; } div.close_out_stats td.data { border-top:1px solid #9B8A78; text-align:center; } /*------------------------------------------------------------------ [3g. Content Management ] -------------------------------------------------------------------*/ #results .left { float:left; padding:8px; } #results .right { float:right; padding:8px 20px 2px 0px; } table.cms { border-bottom:1px solid #463D34; width:100%; } table.cms td { border-top:1px solid #463D34; padding:4px; } table.cms td a { text-decoration:none; } div.view_left { float:left; padding:4px; text-align:right; width:45%; } div.view_right { float:left; padding:4px; } /*------------------------------------------------------------------ [3h. Content - Pagination (page flipper) ] -------------------------------------------------------------------*/ .paginator { background-color:#FFF; border:1px solid #463D34; float:left; font-size:10px; margin:0px 2px; padding:4px; } .paginator_current { background-color:#FF92AC; border:1px solid #463D34; float:left; font-size:10px; margin:0px 2px; padding:4px; } /*------------------------------------------------------------------ [4. Footer ] -------------------------------------------------------------------*/ #ftr { background:#7A6D5D url(../images/footer.jpg) no-repeat; font-family:"Times New Roman", Times, serif; height:40px; margin:auto; padding-top:17px; width:831px; } div.nav_ftr, div.copyright { color:#000; font-size:12px; padding:2px 0px; text-align:center; } div.nav_ftr a { color:#000; text-decoration:none; } div.nav_ftr a:hover { color:#C6BCB2; } /*------------------------------------------------------------------ [5. Error ] -------------------------------------------------------------------*/ .err_msg, #errName, #errFirstName, #errLastName, #errAddress, #errCity, #errZip, #errEmail, #errPhone, #errUsername, #errPassword { color:#A90332; font-size:14px; font-style:italic; }