/******************************* Antonio Miguel standard style sheet Developed by Program This! Web Solutions date: 01/16/2007 *******************************/ html { min-height: 100%; margin: 0 0 .01em; } * { margin: 0; padding: 0; border: 0; } body { background: #6f6e60; text-align: center; font: 11px Verdana, Arial, Helvetica, sans-serif; } body#popup { background: #fff; } a:link, a:visited { text-decoration: none; color: #D03F3C; } a:hover { text-decoration: underline; color: #52767E; } #container { position: relative; top: 10px; margin: 0 auto 10px; width: 780px; text-align: left; background: url(../images/bg-container.gif) repeat-y 0 0 #2a3c40; } #topShadow { position: relative; float: left; width: 780px; height: 23px; background: url(../images/topShadow.gif) no-repeat 0 0; } #bottomShadow { position: relative; float: left; width: 780px; height: 31px; background: url(../images/bottomShadow.gif) no-repeat 0 0 #6F6E60; } #topNav { position: relative; float: right; padding: 0 15px 0 0; width: 780px; w\idth: 765px; background: #6f6e60; text-align: right; font-size: 11px; } #topNav a:link, #topNav a:visited { color: #fff; text-decoration: none; } #footer { position: relative; top: 5px; margin: 0 auto 5px; padding: 0 15px 0 0; width: 780px; w\idth: 765px; height: 40px; text-align: right; font-size: 11px; } #footer a { color: #fff; text-decoration: none; } #footer #copyright { position: relative; left: 15px; float: left; color: #C4B9A2; } #topNav a:hover, #topNav a.on:link, #topNav a.on:visited, #topNav a.on:hover, #footer a:hover, #footer a.on:link, #footer a.on:visited, #footer a.on:hover { color: #C4B9A2; } #dev { position: relative; top: 8px; right: 8px; margin: 0 0 8px 8px; font-size: 10px; text-align: right; color: #C4B9A2; } #dev a:link, #dev a:visited, #dev a:hover { color: #C4B9A2; } #H_content, #S_content { position: relative; left: 31px; top: 8px; margin: 0 31px 8px 0; float: left; width: 718px; w\idth: 712px; border: 3px solid #fff; background: #fff; } #S_content { background: url(../images/bg-leftcolumn.gif) repeat-y 0 0 #fff; } #leftcolumn { position: relative; float: left; width: 275px; w\idth: 274px; background: #D1CABB; border-right: 1px solid #fff; } #craftsmanship { position: relative; top: 0; float: left; width: 274px; height: 199px; background: url(../images/craftsmanship.gif) no-repeat 0 0; } #leftcolumn p { position: relative; left: 20px; top: 20px; margin: 0 20px 20px 0; float: left; color: #2A3C40; text-align: left; font-size: 12px; } #rightcolumn { position: relative; float: left; width: 437px; } #logo { position: relative; float: left; width: 274px; height: 242px; background: url(../images/bg-logo.jpg) no-repeat 0 0; } #logo img { position: relative; left: 15px; top: 86px; } #H_header { position: relative; float: right; width: 437px; height: 275px; } #tagline, #tagline span { position: relative; top: 0; left: 0; float: left; width: 274px; height: 33px; background: url(../images/tagline.png) no-repeat 0 0; overflow: hidden; } #S_content #tagline { border-bottom: 1px solid #fff; } #tagline span { position: absolute; top: 0; left: 0; display: block; } /* nav */ #home #nav, #sub #nav { position: relative; float: right; width: 437px; height: 120px; z-index: 1; } #sub #nav { top: -1px; margin: 0 0 -1px; } #home #nav li, #sub #nav li { position: relative; float: left; display: block; height: 120px; list-style: none; } #home #nav li a, #sub #nav li a { cursor: pointer; height: 120px; position: relative; left: 0; display: block; overflow: hidden; } #home #nav li span, #sub #nav li span { position: absolute; left: 0; top: 0; z-index: 1; height: 120px; } #sub #nav, #sub #nav li, #sub #nav li a, #sub #nav li span { height: 33px; } #home #nav li.b, #home #nav li.b a, #home #nav li.b span, #sub #nav li.b, #sub #nav li.b a, #sub #nav li.b span { width: 135px; background: url(../images/nav.jpg) no-repeat 0 0; } #home #nav li.b a:hover span, #sub #nav li.b a:hover span { background: url(../images/nav.jpg) no-repeat 0 -120px; } #home #nav li.bon, #home #nav li.bon span, #sub #nav li.bon, #sub #nav li.bon span { width: 135px; background: url(../images/nav.jpg) no-repeat 0 -120px; } #home #nav li.r, #home #nav li.r a, #home #nav li.r span, #sub #nav li.r, #sub #nav li.r a, #sub #nav li.r span { width: 116px; background: url(../images/nav.jpg) no-repeat -135px 0; } #home #nav li.r a:hover span, #sub #nav li.r a:hover span { background: url(../images/nav.jpg) no-repeat -135px -120px; } #home #nav li.ron, #home #nav li.ron span, #sub #nav li.ron, #sub #nav li.ron span { width: 116px; background: url(../images/nav.jpg) no-repeat -135px -120px; } #home #nav li.m, #home #nav li.m a, #home #nav li.m span, #sub #nav li.m, #sub #nav li.m a, #sub #nav li.m span { width: 81px; background: url(../images/nav.jpg) no-repeat -251px 0; z-index: 0; } #home #nav li.m a:hover span, #sub #nav li.m a:hover span { background: url(../images/nav.jpg) no-repeat -251px -120px; } #home #nav li.mon, #home #nav li.mon span, #sub #nav li.mon, #sub #nav li.mon span { width: 81px; background: url(../images/nav.jpg) no-repeat -251px -120px; } #home #nav li.h, #home #nav li.h a, #home #nav li.h span, #sub #nav li.h, #sub #nav li.h a, #sub #nav li.h span { width: 105px; background: url(../images/nav.jpg) no-repeat -332px 0; } #home #nav li.h a:hover span, #sub #nav li.h a:hover span { background: url(../images/nav.jpg) no-repeat -332px -120px; } #home #nav li.hon, #home #nav li.hon span, #sub #nav li.hon, #sub #nav li.hon span { width: 105px; background: url(../images/nav.jpg) no-repeat -332px -120px; } /* css dropdowns */ #home #nav li ul { display: none; position: absolute; width: auto; border: 1px solid #fff; border-bottom: none; } #home #nav li li { width: auto; height: auto; } #home #nav li>ul { left: -1px; z-index: 50; } #home #nav li:hover ul, #home #nav li.sfhover ul { left: -1px; display: block; z-index:50; } #home #nav li li a:link, #home #nav li li a:visited { background: #89806A; color: #fff; padding: 4px 5px 4px 8px; display: block; height: auto; line-height: 14px; font-size: 11px; } #home #nav li li a:hover { background-color: #862220; text-decoration: none; } #sub #nav li ul { display: none; position: absolute; width: auto; border: 1px solid #fff; border-top: none; } #sub #nav li ul { background: #89806A; } #sub #nav li li { width: auto; height: auto; } #sub #nav li>ul { left: -1px; z-index: 50; } #sub #nav li:hover ul, #sub #nav li.sfhover ul { top: 33px; left: -1px; display: block; z-index:50; } #sub #nav li li a:link, #sub #nav li li a:visited, #sub #nav li li div { background: #89806A; color: #fff; padding: 4px 5px 4px 8px; display: block; height: auto; line-height: 14px; font-size: 11px; } #sub #nav li li a:hover { background-color: #862220; text-decoration: none; } /* backsplash tiles */ #home #nav li.b ul, #home #nav li.b li { width: 135px; w\idth: 134px; } #home #nav li.b>ul, #home #nav li.b:hover ul, #home #nav li.b.sfhover ul { bottom: 120px; } #home #nav li.b li a:link, #home #nav li.b li a:visited { width: 135px; w\idth: 121px; } #sub #nav li.b ul, #sub #nav li.b li, #sub #nav li.bon ul, #sub #nav li.bon li { width: 135px; w\idth: 134px; } #sub #nav li.b>ul, #sub #nav li.b:hover ul, #sub #nav li.b.sfhover ul, #sub #nav li.bon>ul, #sub #nav li.bon:hover ul, #sub #nav li.bon.sfhover ul { top: 33px; } #sub #nav li.b li a:link, #sub #nav li.b li a:visited, #sub #nav li.bon li a:link, #sub #nav li.bon li a:visited { width: 135px; w\idth: 121px; } /* range hoods */ #home #nav li.r ul, #home #nav li.r li { width: 116px; w\idth: 115px; } #home #nav li.r>ul, #home #nav li.r:hover ul, #home #nav li.r.sfhover ul { bottom: 120px; } #home #nav li.r li a:link, #home #nav li.r li a:visited { width: 116px; w\idth: 102px; } #home #nav li.r ul ul, #home #nav li.ron ul ul { display: none; position: absolute; width: auto; border: none; } #home #nav li.r li>ul, #home #nav li.ron li>ul { left: 115px; top: 0; } #home #nav li.r li:hover ul, #home #nav li.r li.sfhover ul, #home #nav li.ron li:hover ul, #home #nav li.ron li.sfhover ul { left: 115px; top: 0; display: block; } #sub #nav li.r ul, #sub #nav li.r li, #sub #nav li.ron ul, #sub #nav li.ron li { width: 116px; w\idth: 115px; } #sub #nav li.r>ul, #sub #nav li.r:hover ul, #sub #nav li.r.sfhover ul, #sub #nav li.ron>ul, #sub #nav li.ron:hover ul, #sub #nav li.ron.sfhover ul { top: 33px; } #sub #nav li.r li a:link, #sub #nav li.r li a:visited, #sub #nav li.ron li a:link, #sub #nav li.ron li a:visited, #sub #nav li.r li div { width: 116px; w\idth: 102px; } #sub #nav li.r ul ul, #sub #nav li.ron ul ul { display: none; position: absolute; width: auto; border: 1px solid #fff; } #sub #nav li.r li>ul, #sub #nav li.ron li>ul { left: 115px; } #sub #nav li.r li:hover ul, #sub #nav li.r li.sfhover ul, #sub #nav li.ron li:hover ul, #sub #nav li.ron li.sfhover ul { top: 0; left: 115px; display: block; } /* mantles */ #home #nav li.m ul, #home #nav li.m li { width: 81px; w\idth: 80px; } #home #nav li.m>ul, #home #nav li.m:hover ul, #home #nav li.m.sfhover ul { bottom: 120px; } #home #nav li.m li a:link, #home #nav li.m li a:visited { width: 81px; w\idth: 67px; } #sub #nav li.m ul, #sub #nav li.m li, #sub #nav li.mon ul, #sub #nav li.mon li { width: 81px; w\idth: 80px; } #sub #nav li.m>ul, #sub #nav li.m:hover ul, #sub #nav li.m.sfhover ul, #sub #nav li.mon:hover ul, #sub #nav li.mon.sfhover ul { top: 33px; } #sub #nav li.m li a:link, #sub #nav li.m li a:visited, #sub #nav li.mon li a:link, #sub #nav li.mon li a:visited { width: 81px; w\idth: 67px; } #leftcolumn p#H_text { position: relative; left: 0; top: 0; margin: 0; float: left; padding: 10px 15px 11px 15px; width: 274px; w\idth: 244px; border: 1px solid #fff; border-width: 1px 0 0 0; background: #89806a; color: #fff; line-height: 14px; font-size: 11px; } #S_text { position: relative; top: 20px; margin: 0 0 20px; float: left; padding: 0 0 0 20px; width: 437px; w\idth: 417px; background: #fff; z-index: 0; } #S_text h1, #S_text h1.product { font: 30pt normal "Times New Roman", Times, serif; line-height: 1em; color: #9f362c; width: 401px; margin: 0 0 5px; float: left; } #S_text h1.product { position: relative; float: left; width: 207px; } #S_text h2 { font: 24pt normal "Times New Roman", Times, serif; line-height: 1em; color: #9f362c; width: 401px; margin: 0 0 5px; } #S_text h4 { font-size: 12px; color: #000; margin: 0 0 14px; } #S_text p { margin: 0 0 15px; line-height: 16px; } #S_text td { line-height: 16px; } #S_text .table-panels td { line-height: 12px; } #S_text .nomargin { margin: 0; } #S_text ul, #S_text ol { margin: 0 0 15px 20px; } #S_text ul ul, #S_text ol ol { margin: 0 0 5px 20px; } #S_text p#breadcrumb { position: relative; margin: 0; } #home #btm_text, #S_text #btm_text { font-size: 10px; line-height: 12px; color: #6F6E60; } #home #btm_text { color: #C4B9A2; text-align: left; width: 700px; margin: 0 auto; } #home #btm_text a:link, #home #btm_text a:visited, #home #btm_text a:hover { color: #C4B9A2; } #S_text #btm_text a:link, #S_text #btm_text a:visited, #S_text #btm_text a:hover { color: #6F6E60; } #S_text .sitemap, #S_text .sitemap2 { margin: 0 0 10px; width: 200px; } #S_text .sitemap { float: left; clear: left; } #S_text .sitemap2 { float: right; clear: right; } #S_text .sitemap h3, #S_text .sitemap2 h3 { font-size: 11px; margin: 0 0 5px; } #S_text .sitemap ul, #S_text .sitemap ol, #S_text .sitemap2 ul, #S_text .sitemap2 ol { margin: 0 0 5px 20px; } #product_image { position: relative; float: right; width: 200px; text-align: center; margin: 0 0 15px 10px; } #product_image img { position: relative; margin: 0 0 5px; } a.more_imgs { font-size: 11px; background: url(../images/more_imgs.png) no-repeat 0 0; padding: 2px 0 2px 20px; } .elements, div.category_imgs { position: relative; float: left; margin: 0 20px 15px 0; text-align: center; } div.category_imgs { width: 90px; margin: 0 25px 15px 5px; } /* Dealers section */ #logout { position: absolute; float: right; right: 5px; margin: 0 0 0 5px; background: #c00; border: 1px solid #000; } #logout a:link, #logout a:visited, #logout a:hover { display: block; color: #fff; text-decoration: none; padding: 3px 5px; } /* forms */ #form { position: relative; left: 0; top: 0; width: 401px; } #form fieldset { position: relative; float: left; width: 401px; border: none; margin: 0 0 5px; } #form p { margin: 0 0 5px; } #form label { position: relative; float: left; width: 140px; w\idth: 125px; text-align: right; padding: 0 15px 0 0; } input[name=Fname], input[name=Lname], input[name=email], textarea { width: 250px; w\idth: 248px; } input, textarea { border: 1px solid #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } input[type=submit] { border: 1px solid; font-size: 11px; } input.required, textarea.required { border: 2px solid #c00; background: #fcc; } #errorbox { position: relative; left: 0; width: 417px; w\idth: 399px; margin: 0 0 10px; border: 1px solid #c00; background: #fcc; color: #c00; padding: 3px 8px; text-align: center; } #securitybox { position: relative; top: 15px; margin: 0 0 30px 0; float:right; } #securitybox img { float: left; margin: 0 15px 30px 0; } #securitybox input { width: 150px; w\idth: 144px; } fieldset#subj { display: none; } /* generic classes */ .clear { clear: both; } a.link:link, a.link:visited, a.link:hover, a.marketing:link, a.marketing:visited, a.marketing:hover { color: #fff; text-decoration: none; font-weight: normal; } a.marketing:link, a.marketing:visited, a.marketing:hover { color: #000; } .pdf { background: url(../images/pdf.gif) no-repeat right top; padding: 3px 25px 3px 0; } #S_text .top a:link, #S_text .top a:visited, #S_text .top a:hover { font-weight: normal; font-style: normal; font-size: 10px; } /* popup windows */ #popup { text-align: left; } #popup h1 { font: 26pt normal "Times New Roman", Times, serif; line-height: 1em; color: #9f362c; width: 100%; margin: 0 0 5px; } #popup #bottomNav { position: absolute; bottom: 0; right: 0; width: 100%; padding: 5px 25px 5px 0; background: #6f6e60; text-align: right; font-size: 11px; } #bottomNav a:link, #bottomNav a:visited { color: #fff; text-decoration: none; } #bottomNav a:hover { color: #C4B9A2; } #thumbnails { position: absolute; right: 5px; margin: 0 0 0 95px; float: right; width: 92px; w\idth: 90px; border: 1px solid #6F6E60; background: #efefef; text-align: center; } #thumbnails img { margin: 4px 0; } #main { position: relative; left: 5px; margin: 0 5px 0 0; width: 390px; w\idth: 388px; text-align: center; } /* sIFR styles */ /*---- sIFR ---*/ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } .sIFR-hasFlash #S_text h1, .sIFR-hasFlash #popup h1 { visibility: hidden; letter-spacing: -9px; font-size: 20pt; line-height: 1em; } .sIFR-hasFlash #S_text h2 { visibility: hidden; letter-spacing: -9px; font-size: 20pt; line-height: 1em; }