/* * Project: Runco * Date: 2009-12-28 * Dark font colors: #23221D /* ---------------------------------------- */ * { margin: 0; padding: 0; } html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; } body { background: #000 url(../images/bg.jpg) 50% 0 no-repeat; font-size: 62.5%; } * html body { behavior: url("styles/csshover.htc"); } @media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } } body, textarea, input, select, option, button { color: #aba8a8; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.4; } li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; } ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; } a { color: #FFFFFF; text-decoration: underline; } a:hover, a:focus, a:active { color: #87827b; text-decoration: underline; } ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; } img { border: none; border-width: 0; -ms-interpolation-mode: bicubic; } pre { font-family: "Courier New",monospace; white-space: pre-wrap; } table { border-collapse: collapse; border-spacing: 0; } button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; } hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; } *:first-child+html hr { margin: -7px 0 8px !important; } .offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; } /* LAYOUT ------------------------------------------- */ #wrapper-b .main-a .options-fb { position: absolute; right: 85px; top: 13px; } #root { width: 960px; margin: 0 auto; } #top { position: relative; z-index: 10; height: 120px; } #logo { position: absolute; left: 70px; top: 7px; width: 145px; height: 95px; } #logo a { display: block; width: 100%; height: 100%; background: url(../images/logo-screen.png) no-repeat; text-indent: -999em; overflow: hidden; } #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; } #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; } #top .options { position: absolute; right: 0; top: 15px; } #top .options .login { text-align: right; text-transform: uppercase; font-size: 1em; margin: 0 0 10px; line-height: 1; } #top .options form p { position: relative; width: 164px; height: 24px; background: url(../images/search.png) no-repeat; margin: 0; } #top .options form p input { float: left; width: 116px; line-height: 1; margin: 5px 10px; border: none; border-width: 0; background: none; } #top .options form p button { display: block; float: right; width: 28px; height: 24px; border: none; background: none; text-indent: -999em; overflow: hidden; } #top .options form p label { display: block; position: absolute; left: 11px; top:0; height: 24px; line-height: 24px; } #nav { position: relative; top: -40px; z-index: 20; margin: 0 0 0 300px; width: 760px; height: 37px; } #nav ul { list-style: none; margin: 0; padding: 0; width: 100%; float: left; } #nav li { position: relative; float: left; height: 37px; padding: 0 0 0 2px; margin: 0 0 0 -2px; background: url(../images/nav-selected-left.png) -999em 0 no-repeat; } #nav li:hover, #nav li.selected { background-position: 0 0 ; } #nav li a { display: block; float: left; padding: 0 13px; height: 37px; line-height: 37px; color: #fff; text-decoration: none; text-transform: uppercase; background: url(../images/nav-selected.png) -999em 0 no-repeat; zoom: 1; } #nav li:hover a, #nav li.selected a { background-position: 100% 0; text-decoration: none; } #nav li a span { text-transform: none; } #nav li ul { position: absolute; width: 225px; top: 37px; left: -999em; margin-left: -112px; float: none; background: #323432; } * html #nav li ul { background: #323432; } #nav li:hover ul { left: 50%; } #nav li ul li { float: none; height: auto; padding: 0; border-top: 1px solid #545152; background: none; margin: 0; zoom: 1; } #nav li ul li a { float: none; height: auto; line-height: 1.25; padding: 8px 15px 3px; font-size: 11px; color: #fff; background: url(../images/nav-tier-2-a.png); } * html #nav li ul li a { background: #232220; } #nav li ul li a:hover { background: #000; } #nav li ul li ul { position: relative; left: 0; top: 0; margin: 0 0 8px; width: 100%; background: none; } #nav li:hover ul li ul { left: 0; } #nav li ul li ul li { border: none; } #nav li ul li ul li a { padding: 3px 15px 3px 30px; text-transform: none; background: none; } #nav li ul li ul li ul { margin: 0; } #nav li ul li ul li ul li { margin: 0; } #nav li ul li ul li ul li a { padding-left: 45px; color: #a19c94; } #nav li ul li ul li ul li:hover a { background: #6c0000; } #nav li ul li ul li ul li ul { position: absolute; left: 225px; top: -999em; background: url(../images/nav-tier-5.png); } * html #nav li ul li ul li ul li ul { background: #6c0000; } #nav li:hover ul li ul li ul li:hover ul { top: 0; left: 225px; } #nav li ul li ul li ul li ul li { } #nav li ul li ul li ul li ul li a { padding-left: 15px; } #nav li ul li ul li ul li ul li a:hover { color: #fff; } /*nav addon */ #nav li.no-hand a {cursor:default;} #nav li.no-hand ul li a{cursor:pointer;} #nav li.sub-section a {background:#222 !important; font-style:italic; cursor:default !important;} #nav li.sub-section a:hover {color:#A19C94;} #nav li.indent a {padding-left:30px;} #wrapper-a { position: relative; top: -20px; width: 952px; margin: 0 0 -10px; padding: 4px; background: url(../images/wrapper-a.png); border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; } #wrapper-a h1 { margin: 10px 25px; } #wrapper-a .options-b { position: absolute; top: 20px; right: 25px; } #wrapper-a .options-b a { margin-left: 5px; } #wrapper-a-inner { width: 932px; padding: 10px; background: #12120f; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; min-height:370px;} #wrapper-a-inner-photo { width: 932px; padding: 10px; background: #12120f; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; min-height:2040px;} /* CB: Made a white wrapper for the awards page */ #wrapper-white { position: relative; top: -20px; width: 952px; margin: 0 0 -10px; padding: 4px; background: url(../images/wrapper-a.png); border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; } #wrapper-white h1 { margin: 10px 25px; } #wrapper-white .options-b { position: absolute; top: 20px; right: 25px; } #wrapper-white .options-b a { margin-left: 5px; } #wrapper-white-inner { width: 932px; padding: 10px; background: #FFFFFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; min-height:400px;} .management_list { color: #000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: center; } .management_list a:link { color: #000; text-align: center; } .management_list a:hover { color: #000; background-color: #dbdbdb; text-align: center; } .management_list a:visited { color: #000; text-align: center; } /* */ #content { clear: both; } #footer { text-align: center; color: #8d8172; margin: 25px 0; } #footer ul { padding: 0; list-style: none; margin: 0 0 10px; } #footer ul li { display: inline; text-transform: uppercase; font-size: 1.1em; margin: 0 10px; } #footer p { font-size: 1em; } #footer a { color: #8d8172; } /* GENERAL ------------------------------------------- */ /* headers */ h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #fff; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #fff; } h1 { font-size: 2.2em; } h2 { font-size: 2.2em; } p { color: #cabfaf; } .wrapper-2col .main-a h2 { margin: 0 0 30px; } h3 { font-size: 1.8em; } h3.a { margin: 0; } h4 { font-size: 1.5em; } h5 { font-size: 2em; line-height: 1.7em; padding:20px 20px 5px 20px } h6 { font-size: 1.4em; line-height: 1.4em; padding:0 20px 0 20px } /* containers */ .wrapper-2col { display: block; width: 100%; overflow: hidden; } .wrapper-2col .main-a { display: inline; float: left; width: 590px; padding: 10px 25px 0 15px; overflow: hidden; } /* .wrapper-2col .aside-a { position: relative; float: right; display: block; width: 258px; padding: 10px 20px 0; color: #403b37; background: #a19c94; border: 1px solid #534e4a; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } */ .wrapper-2col .aside-a { position: relative;min-height:1240px; float: right; display: block; width: 258px; padding: 10px 20px 0; color: #403b37; /* background: url(/images/bg-blog-col.jpg) repeat-x #af3636; */ background:#931919; border: 1px solid #534e4a; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .wrapper-2col .aside-a .options-a { position: absolute; right: 10px; top: 10px; } .wrapper-2col .aside-a .options-a a { margin-left: 3px; } .wrapper-2col .aside-a .section { margin: 0 0 40px; } .wrapper-2col .aside-a h3 { color: #fff; margin: 0 -20px 15px; width: 258px; padding: 0 20px 10px; border-bottom: 1px solid #a73a3a; } .wrapper-2col .aside-a ul { padding: 0; } /* removed 15px left padding*/ .wrapper-2col .aside-a ul li { margin: 0 0 10px; list-style-type: none; } /* changed from 15px to 10px and added no list style*/ .wrapper-2col .aside-a ul.a { padding: 0; list-style: none; } .wrapper-2col .aside-a ul.a li { margin: 0; } .wrapper-2col a { color: #9f9991; text-decoration: none; } .wrapper-2col a:hover, a:focus, a:active { text-decoration: underline; } /* .wrapper-2col .aside-a a { color: #403b37; } */ .wrapper-2col .aside-a a { color: #fff; } #wrapper-b { width: 100%; overflow: hidden; } #wrapper-b .main-a { position: relative; float: left; width: 590px; padding: 0 20px; background: url(../images/wrapper-a.png); border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;/* overflow:auto; */ min-height:200px; } #wrapper-b .accordion-a { float: right; width: 310px; } #wrapper-b .main-a h3 { padding: 8px 20px; width: 100%; margin: 0 -20px 15px; border-bottom: 1px solid #0d0d0b; } #wrapper-b .main-a .options-a { position: absolute; right: 15px; top: 10px; } #wrapper-b .main-a .options-a a { margin-left: 5px; } .news-a { } .news-a h4 { margin: 0; } .news-a h4 a { color: #fff; } .news-a p { /* font-style: italic; */} .accordion-a { position: relative; padding: 1px; background: #595450; } .accordion-a .accordion-inner { position: relative; width: 100%; background: #a19c94; } .accordion-a .accordion-corner { z-index: 5; position: absolute; width: 15px; height: 15px; display: block; background-repeat: no-repeat; overflow: hidden; font-size: 0; } .accordion-a .accordion-corner-tl { top: 0; left: 0; background: url(../images/corner-tl.png) no-repeat; } .accordion-a-home .accordion-corner-tl { background: url(../images/corner-home-tl.png) no-repeat; } .accordion-a .accordion-corner-tr { top: 0; right: 0; background: url(../images/corner-tr.png) no-repeat; } .accordion-a-home .accordion-corner-tr { background: url(../images/corner-home-tr.png) no-repeat; } .accordion-a .accordion-corner-bl { bottom: 0; left: 0; background: url(../images/corner-bl.png) no-repeat; } * html .accordion-a .accordion-corner-bl { bottom: -1px; } .accordion-a .accordion-corner-br { bottom: 0; right: 0; background: url(../images/corner-br.png) no-repeat; } * html .accordion-a .accordion-corner-br { bottom: -1px; } .accordion-a h3 { margin: 0; padding: 8px 15px; border-bottom: 1px solid #595450; background: #171511 url(../images/heading-a.png) repeat-x; } .accordion-a h4 { margin: 0; padding: 8px 15px; font: 1.3em/1.25 Helvetica,Arial,sans-serif; color: #a19c94; background: #221f1b url(../images/heading-b.png) repeat-x; border-bottom: 1px solid #595450; zoom: 1; overflow: hidden; cursor: pointer; } .accordion-a h4 { margin: 0; padding: 8px 15px; font: 1.3em/1.25 Helvetica,Arial,sans-serif; color: #a19c94; background: #221f1b url(../images/heading-b-new.png) repeat-x; border-bottom: 1px solid #595450; zoom: 1; overflow: hidden; cursor: pointer; } .accordion-a h4:hover {background: #221f1b url(../images/heading-b-new.png) bottom repeat-x; } .accordion-a h4.locate { /* font-size: 1.8em; */ } .accordion-a h4 span { float: left; padding: 0 15px 0 0; background: url(../images/arrow-a.png) 99% 0.3em no-repeat; } .accordion-a h4.active span, .accordion-a h4:hover span { float: left; padding: 0 15px 0 0; background: url(../images/arrow-c.png) 100% 0.5em no-repeat; color: #fff; } .accordion-a .item { background: url(../images/arrow-c.png) -999em 0 no-repeat; color: #403b37; } .accordion-a .item-last h4 { border: none; } .accordion-a .content { background: #a19c94; padding: 5px 10px; zoom: 1; overflow: hidden; } .accordion-a .item-last .content { } .accordion-a .content p { font-size: 1.1em; margin-top: 5px; } .accordion-a .content a { color: #FFFFFF; } .accordion-a .content ul { margin-top: 5px; padding: 0 0 0 20px; } .accordion-a .content li { font-size: 1.1em; margin: 0 0 5px; } .accordion-a .content .figure { margin-top: 0; } .accordion-b { position: relative; padding: 1px; background: #595450; zoom: 1; } .accordion-b .accordion-inner { position: relative; width: 100%; background: #a19c94; } .accordion-b .accordion-corner, .accordion-b .accordion-corner-b { z-index: 5; position: absolute; width: 15px; height: 15px; display: block; background-repeat: no-repeat; overflow: hidden; font-size: 0; } .accordion-b .accordion-corner-tl { top: 0; left: 0; background: url(../images/corner-b-tl.png) no-repeat; } .accordion-b .accordion-corner-tr { top: 0; right: 0; background: url(../images/corner-b-tr.png) no-repeat; } .accordion-b .accordion-corner-bl { bottom: 0; left: 0; background: url(../images/corner-b-bl.png) no-repeat; } .accordion-b .accordion-corner-br { bottom: 0; right: 0; background: url(../images/corner-b-br.png) no-repeat; } * html .accordion-b .accordion-corner-tr { right: -1px; } * html .accordion-b .accordion-corner-bl { background: url(../images/corner-b-bl-ie.png) no-repeat; } * html .accordion-b .accordion-corner-br { right: -1px; background: url(../images/corner-b-br-ie.png) no-repeat; } /* .accordion-b h4 { margin: 0; padding: 8px 15px; font: 1.3em/1.25 Helvetica,Arial,sans-serif; color: #a19c94; background: #221f1b url(../images/heading-b.png) repeat-x; border-bottom: 1px solid #595450; zoom: 1; overflow: hidden; cursor: pointer; } */ .accordion-b h4 { margin: 0; padding: 8px 15px; font: 1.3em/1.25 Helvetica,Arial,sans-serif; color: #a19c94; background: #221f1b url(../images/heading-b-new.png) top repeat-x; border-bottom: 1px solid #595450; zoom: 1; overflow: hidden; cursor: pointer; } .accordion-b h4:hover {background: #221f1b url(../images/heading-b-new.png) bottom repeat-x; } .accordion-b h4 span { float: left; padding: 0 15px 0 0; background: url(../images/arrow-a.png) 99% 0.3em no-repeat; } .accordion-b h4.active span, .accordion h4:hover span { float: left; padding: 0 15px 0 0; background: url(../images/arrow-c.png) 100% 0.5em no-repeat; color: #fff; } .accordion-b .item { background: url(../images/arrow-c.png) -999em 0 no-repeat; color: #403b37; } .accordion-b .item-last h4 { border: none; } .accordion-b h5 { font-size: 1.2em; font-weight: bold; color: #000; } .accordion-b .content { background: #a19c94; padding: 5px 10px; } .accordion-b .item-last .content { } .accordion-b .content p { font-size: 1.1em; margin-top: 5px; color: #23221D; } .accordion-b .content ul { margin-top: 5px; padding: 0 0 0 20px; } .accordion-b .content li { font-size: 1.1em; margin: 0 0 5px; } .accordion-b .content .figure { margin-top: 0; } .wrapper-col2-b { width: 100%; overflow: hidden; } .wrapper-col2-b .main-a { float: left; width: 530px; padding: 0px 15px; } .wrapper-col2-b .aside-a { float: right; width: 365px; } .wrapper-col2-b .accordion-b { margin: 0 0 5px; } .wrapper-col2-b .featured-a { margin: 0 0 5px; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; text-align: center; } .wrapper-col2-b .request-a { width: 365px; height: 36px; background: url(../images/request-a.png) no-repeat; } .wrapper-col2-b .request-a p { width: 325px; padding: 0 20px; line-height: 36px; height: 36px; overflow: hidden; font-size: 1.3em; font-weight: bold; } .wrapper-col2-b .request-a a { float: left; color: #23221d; padding: 0 10px 0 0; background: url(../images/arrow-b.png) 100% 50% no-repeat; } .wrapper-col2-c { width: 100%; overflow: hidden; } .wrapper-col2-c .main-a { float: left; width: 530px; padding: 10px 15px; } .wrapper-col2-c .aside-a { float: right; width: 365px; } .wrapper-col2-c .accordion-b { margin: 0 0 5px; } .wrapper-col2-c .featured-a { margin: 0 0 5px; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; text-align: center; } .wrapper-col2-c .request-a { width: 365px; height: 36px; background: url(../images/request-a.png) no-repeat; } .wrapper-col2-c .request-a p { width: 325px; padding: 0 20px; line-height: 36px; height: 36px; overflow: hidden; font-size: 1.3em; font-weight: bold; } .wrapper-col2-c .request-a a { float: left; color: #23221d; padding: 0 10px 0 0; background: url(../images/arrow-b.png) 100% 50% no-repeat; } .news-b { overflow: hidden; border-bottom: 1px solid #878075; margin: 0 0 15px; } .product-a { } .product-a .media { position: relative; top: -10px; left: -15px; margin: 0 -25px 5px 0; border: 1px solid #ccc; border: 1px solid #a19c94; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; } .product-a .media img { display: block; } html.js .product-a .media img { visibility: hidden; } .product-a h3 { font-size: 1.2em; font-weight: bold; text-transform: uppercase; } /* forms */ /* tables */ table { } table th, table td { padding: 5px 10px; border: 1px solid #ccc; } /* lists */ /* paragraphs */ p.meta { color: #fff; font-style: italic; } p.date-a { text-transform: uppercase; color: #fff; font-size: 1.2em; font-weight: bold; } .figure-a { float: left; margin: 0 10px 10px 0; } .figure-b { float: right; margin: 0 0 10px 10px; } .wrapper-2col .main-a .figure { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-repeat: no-repeat; } html.js .wrapper-2col .main-a .figure img { display: block; visibility: hidden; } /* links */ /* other */ /* SPECIFIC ------------------------------------------- */ #featured-a { position: relative; width: 960px; height: 417px; top: -34px; margin: 0 0 -29px; } #featured-a .wrapper { z-index: 1; position: relative; width: 958px; height: 415px; border: 1px solid #595450; background-repeat: no-repeat; } #featured-a .item { display: none; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; } #featured-a .active { display: block; } #featured-a .item .description { position: absolute; left: 0; top: 0; width: 170px; height: 325px; padding: 90px 50px 0; background: url(../images/featured-a.png); } #featured-a .item .description h2 { font: bold 2em Helvetica,Arial,sans-serif; } #featured-a .item .description p { color: #bab4ab; line-height: 1.5; } #featured-a .item .media { position: absolute; left: 0; top: 0; margin: 0; width: 100%; height: 100%; } #featured-a .item .media img { display: none; } #featured-a .corner { z-index: 5; position: absolute; width: 15px; height: 15px; display: block; background-repeat: no-repeat; overflow: hidden; font-size: 0; } #featured-a .corner-bl { bottom: 0; left: 0; background: url(../images/featured-a-corner-bl.png) no-repeat;} * html #featured-a .corner-bl { bottom: -1px; } #featured-a .corner-br { bottom: 0; right: 0; background: url(../images/featured-a-corner-br.png) no-repeat; } * html #featured-a .corner-br { bottom: -1px; } .sf-rotator .sf-controls { display: none; } #featured-b { position: relative; width: 960px; height: 384px; top: -34px; margin: 0 0 -29px; background-repeat: no-repeat; background-position: 100% 0; } #featured-b .wrapper { position: relative; width: 958px; height: 382px; border: 1px solid #595450; } #featured-b .items { position: absolute; left: 0; top: 0; width: 642px; height: 382px; background: url(../images/featured-b.png) no-repeat; } #featured-b .items .item { position: absolute; left: 14px; height: 78px; width: 260px; padding: 18px 25px 0 15px; cursor: pointer; color: #afa9a0; } #featured-b .items .item-active { background-image: url(../images/featured-b.png); background-repeat: no-repeat; } #featured-b .items .item .media { display: none; } #featured-b .items .item h3 { font: 2.4em/1.25 Helvetica,Arial,sans-serif; margin: 0; } #featured-b .items .item h3 a { color: #afa9a0; } #featured-b .items .item-active h3 a { color: #fff; } #featured-b .items .item h3 a:hover, #featured-b .items .item h3 a:focus, #featured-b .items .item h3 a:active { text-decoration: none; color: #fff; } #featured-b .items .item p { font-size: 1.1em; margin: 0; } #featured-b .items .item-active p { color: #fff; } #featured-b .items .item-a { top: 46px; } #featured-b .items .item-b { top: 146px; } #featured-b .items .item-c { top: 246px; } #featured-b .items .item-a:hover, #featured-b .items .item-a-active { background-position: -14px -428px; } #featured-b .items .item-b:hover, #featured-b .items .item-b-active { background-position: -14px -528px; } #featured-b .items .item-c:hover, #featured-b .items .item-c-active { background-position: -14px -628px; } #featured-b .corner { z-index: 5; position: absolute; width: 15px; height: 15px; display: block; background-repeat: no-repeat; overflow: hidden; font-size: 0; } #featured-b .corner-bl { bottom: 0; left: 0; background: url(../images/featured-b-corner-bl.png) no-repeat;} #featured-b .corner-br { bottom: 0; right: 0; background: url(../images/featured-b-corner-br.png) no-repeat; } /* CB: This was a test of this area by me ------------------------------------------- */ #featured-cb { position: relative; width: 960px; height: 417px; top: -34px; margin: 0 0 -29px; } #featured-cb .wrapper { z-index: 1; position: relative; width: 958px; height: 415px; border: 1px solid #595450; background: url(../images/featured-cb.jpg) no-repeat; } #featured-cb .item { display: none; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; } #featured-cb .active { display: block; } #featured-cb .item .description { position: absolute; left: 0; top: 0; width: 170px; height: 325px; padding: 90px 50px 0; background: url(../images/featured-cb.png); } #featured-cb .item .description h2 { font: bold 2em Helvetica,Arial,sans-serif; } #featured-cb .item .description p { font: 1.2em Helvetica,Arial,sans-serif; color: #FFFFFF; line-height: 1.7; } #featured-cb .item .media { position: absolute; left: 0; top: 0; margin: 0; width: 100%; height: 100%; } #featured-cb .item .media img { display: none; } #featured-cb .corner { z-index: 5; position: absolute; width: 15px; height: 15px; display: block; background-repeat: no-repeat; overflow: hidden; font-size: 0; } #featured-cb .corner-bl { bottom: 0; left: 0; background: url(../images/featured-a-corner-bl.png) no-repeat;} * html #featured-cb .corner-bl { bottom: -1px; } #featured-cb .corner-br { bottom: 0; right: 0; background: url(../images/featured-a-corner-br.png) no-repeat; } * html #featured-cb .corner-br { bottom: -1px; } /* Custom backgrounds for generic templates make a class and change background image */ #featured-cb .generic-bg{ background: url(../images/generic-bg.jpg) no-repeat; } #content .bg-sub-about { position: relative; width: 960px; top: -34px; margin: 0 0 0px; background: url(../images/bg-sub-about.jpg) no-repeat; height:156px; } #content .bg-sub-history { position: relative; width: 960px; top: -34px; margin: 0 0 0px; background: url(../images/bg-sub-history.jpg) no-repeat; height:156px; } #content .bg-sub-magic { position: relative; width: 960px; top: -34px; margin: 0 0 0px; background: url(../images/bg-sub-magic.jpg) no-repeat; height:156px; } #content .magic-slider-bump {margin:-20px 0px 38px 0px;} .install-page{ /* background: url(../images/bg-spiderman.png) no-repeat; */ } .history-page{ /* background: url(../images/bg-product.png) no-repeat; */ } #wrapper-c { position: relative; width: 920px; padding: 0 20px; overflow: hidden; margin: 0 0 5px; background: url(../images/wrapper-a.png); border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; } #wrapper-c h3 { padding: 8px 20px; width: 100%; margin: 0 -20px 8px; border-bottom: 1px solid #0d0d0b; } /* #wrapper-c h3 span { font-size: 0.58em; color: #b8ab98; }*/ #wrapper-c h3 span { font-size: 0.68em; color: #fff; font-weight: bold } #wrapper-c .slider { position: relative; zoom: 1; width: 960px; margin: 0 -20px; } #wrapper-c .slider .wrap { position: relative; width: 879px; overflow: hidden; height: 132px; margin: 0 38px 5px 43px; } #wrapper-c .slider .wrap ul { position: relative; height: 132px; padding: 0; margin: 0; } html.js #wrapper-c .slider .wrap ul { width: 9999em; } #wrapper-c .slider .wrap li { position: relative; display: inline; float: left; width: 288px; height: 132px; background: url(../images/slider-background.png) no-repeat; list-style: none; margin: 0 5px 0 0; cursor: pointer; } #wrapper-c .slider .wrap li a { position: relative; display: block; width: 283px; height: 127px; margin: 1px 3px 4px 2px; background-repeat: no-repeat; background-position: 0 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #wrapper-c .slider .wrap li a img { display: none; } #wrapper-c .slider .index { position: absolute; left: 0; top: 0; width: 960px; padding: 0; margin: 0; list-style: none; } #wrapper-c .slider .index li.prev, #wrapper-c .slider .index li.next { position: absolute; z-index: 10; top: 0; width: 40px; height: 132px; } #wrapper-c .slider .index li.prev a, #wrapper-c .slider .index li.next a { padding: 0; display: block; width: 100%; height: 100%; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; outline: none;} #wrapper-c .slider .index li.prev { left: 0; } #wrapper-c .slider .index li.prev a { background-image: url(../images/slider-arrow-left.png); } #wrapper-c .slider .index li.next { right: 0; } #wrapper-c .slider .index li.next a { background-image: url(../images/slider-arrow-right.png); } /* Dealer locator ------------------------------------------- */ #locator { width: 100%; overflow: hidden; } #locator .aside { width: 330px; float: left; } #locator .aside .section { width: 288px; overflow: hidden; padding: 10px 20px 0; margin: 0 0 10px; color: #403b37; background: #a19c94; border: 1px solid #534e4a; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #locator #sidebar .section { width: 218px; overflow: hidden; padding: 10px 20px 0; margin: 0 0 10px; color: #403b37; background: #a19c94; border: 1px solid #534e4a; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #locator .aside .section-last { margin: 0; } #locator .aside .section h3, #locator #sidebar .section h3 { margin: 0 -20px 10px; padding: 0 20px 5px; width: 100%; color: #000; border-bottom: 1px solid #534e4a; } #map h3{color:#000;} #sidebar table {border:0px;} #search_results h3 {margin-left:10px;} #locator .aside .section form { } #locator .aside .section form p { line-height: 21px; } #locator .aside .section form .fields-a { width: 100%; overflow: hidden; margin: 0 0 10px; } #locator .aside .section form .fields-a p { margin: 0; } #locator .aside .section form p select, #locator .aside .section form p input, select { color: #403b37; } #locator .aside .section form .fields-a p.city { width: 205px; float: left; } #locator .aside .section form .fields-a p.city input { width: 170px; padding: 2px; border: 1px solid #87827b; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height: 1; } #locator .aside .section form .fields-a p.state { float: right; width: 80px; text-align: right; } #locator .aside .section form p.zip { position: relative; width: 100%; } #locator .aside .section form p.zip input { position: absolute; top: 0; right: 0; width: 210px; padding: 2px; border: 1px solid #87827b; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height: 1; } #locator .aside .section form p.submit { } #locator .aside .section form p.submit button, #locator #sidebar .section form p.submit { display: block; width: 122px; height: 25px; background: url(../images/search-a.png) no-repeat; border: none; text-indent: -999em; overflow: hidden; } #locator .aside .request-b { width: 330px; height: 37px; background: url(../images/request-b.png) no-repeat; margin: 0 0 10px; } #locator .aside .request-b p { width: 290px; padding: 0 20px; line-height: 37px; height: 37px; overflow: hidden; font-size: 1.3em; font-weight: bold; margin: 0; } #locator .aside .request-b a { float: left; color: #23221d; padding: 0 10px 0 0; background: url(../images/arrow-b.png) 100% 50% no-repeat; } #locator .aside .result-a { width: 100%; padding: 10px 20px 0; margin: 0 -20px 10px; border-top: 1px solid #534e4a; } #locator .aside .result-first { border: none; padding-top: 0; } #locator .aside .result-a h4 { color: #403b37; font-size: 1.4em; font-weight: bold; margin: 0 0 3px; } #locator .aside .result-a a { color: #403b37; } #locator .aside .result-a p { margin: 0;color: #403b37; } #locator .main { float: right; position: relative; width: 590px; } #locator .locator-corner { z-index: 5; position: absolute; width: 15px; height: 15px; display: block; background-repeat: no-repeat; overflow: hidden; font-size: 0; } #locator .locator-corner-tl { top: 0; left: 0; background: url(../images/corner-b-tl.png) no-repeat; } #locator .locator-corner-tr { top: 0; right: 0; background: url(../images/corner-b-tr.png) no-repeat; } #locator .locator-corner-bl { bottom: 0; left: 0; background: url(../images/corner-b-bl.png) no-repeat; } #locator .locator-corner-br { bottom: 0; right: 0; background: url(../images/corner-b-br.png) no-repeat; } #locator .map { border: 1px solid #534e4a; } #locator .map iframe { margin: 0; border: none; } #locator .map h1{font-size: 1.8em } /* Fancybox ------------------------------------------- */ div#fancy_overlay{position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index:30} div#fancy_loading{position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100} div#fancy_loading div{position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(../images/fancybox/fancy_progress.png) no-repeat} div#fancy_outer{position:absolute; top:0; left:0; z-index:90; padding:20px 20px 40px 20px; margin:0; background:transparent; display:none} div#fancy_inner{position:relative; width:100%; height:100%; background:#FFF} div#fancy_content{margin:0; z-index:100; position:absolute} div#fancy_div{background:#000; color:#FFF; height:100%; width:100%; z-index:100} img#fancy_img{position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:100; width:100%; height:100%} div#fancy_close{position:absolute; top:-12px; right:-15px; height:30px; width:30px; background:url(../images/fancybox/fancy_closebox.png) top left no-repeat; cursor:pointer; z-index:181; display:none} #fancy_frame{position:relative; width:100%; height:100%; display:none} #fancy_ajax{width:100%; height:100%; overflow:auto} a#fancy_left, a#fancy_right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; z-index:111; display:none; background-image:url("data:image/gif; base64,AAAA"); outline:none; overflow:hidden} a#fancy_left{left:0px} a#fancy_right{right:0px} span.fancy_ico{position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:112; cursor:pointer; display:block} span#fancy_left_ico{left:0px; background:transparent url(../images/fancybox/fancy_left.png) no-repeat} span#fancy_right_ico{right:0px; background:transparent url(../images/fancybox/fancy_right.png) no-repeat} a#fancy_left:hover, a#fancy_right:hover{visibility:visible; background-color:transparent} a#fancy_left:hover span{left:0px} a#fancy_right:hover span{right:0px} #fancy_bigIframe{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent} div#fancy_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:70; border:0; padding:0; margin:0} div.fancy_bg{position:absolute; display:block; z-index:70; border:0; padding:0; margin:0} div#fancy_bg_n{top:-20px; left:0; width:100%; height:20px; background:transparent url(../images/fancybox/fancy_shadow_n.png) repeat-x} div#fancy_bg_ne{top:-20px; right:-20px; width:20px; height:20px; background:transparent url(../images/fancybox/fancy_shadow_ne.png) no-repeat} div#fancy_bg_e{right:-20px; height:100%; width:20px; background:transparent url(../images/fancybox/fancy_shadow_e.png) repeat-y} div#fancy_bg_se{bottom:-20px; right:-20px; width:20px; height:20px; background:transparent url(../images/fancybox/fancy_shadow_se.png) no-repeat} div#fancy_bg_s{bottom:-20px; left:0; width:100%; height:20px; background:transparent url(../images/fancybox/fancy_shadow_s.png) repeat-x} div#fancy_bg_sw{bottom:-20px; left:-20px; width:20px; height:20px; background:transparent url(../images/fancybox/fancy_shadow_sw.png) no-repeat} div#fancy_bg_w{left:-20px; height:100%; width:20px; background:transparent url(../images/fancybox/fancy_shadow_w.png) repeat-y} div#fancy_bg_nw{top:-20px; left:-20px; width:20px; height:20px; background:transparent url(../images/fancybox/fancy_shadow_nw.png) no-repeat} div#fancy_title{position:absolute; z-index:100; display:none} div#fancy_title div{color:#FFF; font:bold 12px Arial; padding-bottom:3px; white-space:nowrap} div#fancy_title table{margin:0 auto; border: none; } div#fancy_title table td{padding:0; vertical-align:middle; border: none; } td#fancy_title_left{height:32px; width:15px; background:transparent url(../images/fancybox/fancy_title_left.png) repeat-x} td#fancy_title_main{height:32px; background:transparent url(../images/fancybox/fancy_title_main.png) repeat-x} td#fancy_title_right{height:32px; width:15px; background:transparent url(../images/fancybox/fancy_title_right.png) repeat-x} #catblogoutput .links, blog-comment-container {font-size:1.2em; border:solid 1px #605847; margin:5px; padding:15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background:#13120f;} .comment-list {-moz-border-radius: 8px; -webkit-border-radius: 8px; background:#13120f; padding:15px; border:solid 1px #605847; } #catblogoutput input {color:#000;} #catblogoutput .cat_textbox_small,#catblogoutput .cat_textbox, #catblogoutput textarea {border:0px; padding:5px; color:#23221d;} #catblogoutput textarea {font-size:1.1em;} #catblogoutput a {color:#fff !important; text-decoration:underline;} div.BlogTagCloud a.BlogTagCloud-XX-Small { font-size: 0.9em; } div.BlogTagCloud a.BlogTagCloud-X-Small { font-size: 1.1em; } div.BlogTagCloud a.BlogTagCloud-Small { font-size: 1.2em; } div.BlogTagCloud a.BlogTagCloud-Medium { font-size: 1.4em; } div.BlogTagCloud a.BlogTagCloud-Large { font-size: 1.8em; } div.BlogTagCloud a.BlogTagCloud-X-Large { font-size: 2.2em; } div.BlogTagCloud a.BlogTagCloud-XX-Large { font-size: 2.4em; } .system-message, .system-error-message {margin:0px; padding:0px; padding:25px; background:none; border:none;} table th, table td {border:0px; } .blog-comment-container .comment-details, .blog-comment-container,.blog-comment-container .comment {border:none; background:none;} .blog-comment-container .comment {border-bottom:solid 1px #605847; margin-bottom:10px;} .newsPost {display:none;} /* latest blog action */ .blog-post-container {display:none;} .blog-truncate img{display:none;} .blog-truncate p {color:#12120F;} .news-b img {padding-bottom:25px;} .blogLink {color:#FFFFFF;} .newsMoreLink {text-align: right; display:none;} .blog-truncate {display:none; height:146px; _height:151px; overflow:hidden;} @media screen and (-webkit-min-device-pixel-ratio:0){ .blog-truncate {height:144px;} } *+html .blog-truncate {display:none; height:154px; overflow:hidden;} /* Store locator lovin */ .section input {color:#211a12;} #locator, #locator option {color:#000;} .backupMap {display:hidden;} #wrapper-a-inner h1, #wrapper-a-inner h2 {margin-left:0px;} #wrapper-a-inner input,#wrapper-a-inner option {color:#000;} /* Productville */ .featureCheck, .specsCheck, .literatureCheck, .downloadsCheck, .reviewCheck, .technologyCheck, .customCheck {display:none;} div#accordReviews, div#accordDownloads, div#accordLit, div#accordSpecs, div#accordFeatures, div#accordTechnology, div#customCheck {display:none;} .accordion-b a {color:#403B37;} /* Cat template */ #sub-box .dlp-projectors {background:url(/images/category-headers/dlp.jpg) no-repeat; height:330px; margin-top:-33px; margin-bottom:10px; position:relative;} #sub-box .dlp-projectors .content {position:absolute; top:0px; left:10px;} #sub-box .dlp-projectors p {padding-left:20px; width:300px;} .accordion a:hover{text-decoration:none;} /* Cat templates */ ADDED BY CB */ #sub-box .dlp {background:url(/images/category-headers/dlp.jpg) no-repeat; height:330px; margin-top:-33px; margin-bottom:10px; position:relative;} #sub-box .dlp .content {position:absolute; top:0px; left:10px;} #sub-box .dlp p {padding-left:20px; width:300px;} .accordion a:hover{text-decoration:underline;} #sub-box .led {background:url(/images/category-headers/led.jpg) no-repeat; height:330px; margin-top:-33px; margin-bottom:10px; position:relative;} #sub-box .led .content {position:absolute; top:0px; left:10px;} #sub-box .led p {padding-left:20px; width:300px;} .accordion a:hover{text-decoration:underline;} #sub-box .plasma {background:url(/images/category-headers/plasma.jpg) no-repeat; height:330px; margin-top:-33px; margin-bottom:10px; position:relative;} #sub-box .plasma .content {position:absolute; top:0px; left:10px;} #sub-box .plasma p {padding-left:20px; width:300px;} .accordion a:hover{text-decoration:underline;} #sub-box .lcd {background:url(/images/category-headers/lcd.jpg) no-repeat; height:330px; margin-top:-33px; margin-bottom:10px; position:relative;} #sub-box .lcd .content {position:absolute; top:0px; left:10px;} #sub-box .lcd p {padding-left:20px; width:300px;} #sub-box .vp {background:url(/images/category-headers/vp.jpg) no-repeat; height:330px; margin-top:-33px; margin-bottom:10px; position:relative;} #sub-box .vp .content {position:absolute; top:0px; left:10px;} #sub-box .vp p {padding-left:20px; width:300px;} #sub-box .in-wall {background:url(/images/category-headers/in-wall.jpg) no-repeat; height:330px; margin-top:-33px; margin-bottom:10px; position:relative;} #sub-box .in-wall .content {position:absolute; top:0px; left:10px;} #sub-box .in-wall p {padding-left:20px; width:300px;} /* jscroll addon */ .main-a-scroll{width:550px;height:215px;overflow:auto; float:left; padding: 0 20px; border-radius: 14px;} /* button addon */ #content .button-a { width: 210px; height: 36px; background: url(../images/button-a.jpg) no-repeat; } #content .button-a p { width: 210px; padding: 0 20px; line-height: 36px; height: 36px; overflow: hidden; font-size: 1.3em; font-weight: bold; } #content .button-a a { float: left; color: #23221d; padding: 0 10px 0 0; background: url(../images/arrow-b.png) 100% 50% no-repeat; } /* button addon new */ .button-a-new { line-height:28px; text-align:center; width: 210px; display:block; background: url(/images/button-a-new-short.png) top left; text-decoration: none; color:#23221D; font-size:13px; font-weight:normal; } .button-a-new:hover { background: url(/images/button-a-new-short.png) bottom left; color:#fff; text-decoration:none;} .button-a-new span {background: url(/images/arrow-a-new.png) no-repeat 100% 50%; padding-left:10px; opacity: .55; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=50); /* IE lt 8 */ -ms-filter: "alpha(opacity=50)"; /* IE 8 */ -khtml-opacity: .50; /* Safari 1.x */ -moz-opacity: .50; /* FF lt 1.5, Netscape */ } /* s3Slider */ #sliderAction{width:958px;/* important to be same as image width */ height:415px;/* important to be same as image height */ position:relative;/* important */ overflow:hidden;/* important */ z-index:-1;} #sliderAction a img{border:0px;} #sliderActionContent{width:958px;/* important to be same as image width or wider */ position:absolute;top:0;margin-left:0;} .sliderActionImage{float:left;position:relative;display:none;} .sliderActionImage span{position:absolute;font:20px Arial,Helvetica,sans-serif;padding:10px 13px;width:958px;background-color:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;color:#fff;display:none;} #sliderAction .clear{clear:both;} .sliderActionImage span strong{font-size:14px;} #sliderAction .top-1{top:20px;left:0;} #sliderAction .top-2{top:80px;left:0;} #sliderAction .mid-1{top:120px;left:0;} #sliderAction .mid-2{top:220px;left:0;} #sliderAction .bot-1{bottom:40px;left:0;} #sliderAction .left{top:0;left:0;width:110px !important;height:415px;} #sliderAction .right{right:0;bottom:0;width:90px !important;height:290px;} #sliderAction ul{list-style-type:none;padding-left:0px;} /* Dealer Login */ .clear {clear:both;} .dealer-left {width:435px; float:left; border-right:1px solid #534e4a; padding:15px; } .dealer-right {width:435px; float:left; padding:15px; } .dealer-left h1, .dealer-right h1 {border-bottom:1px solid #534e4a; padding-bottom:15px; margin:0 0 15px 0 !important; text-align:center;} .dealer-left p, .dealer-right p {text-align:center;} .dealer-left a img, .dealer-right a img {margin: 15px;} /* Link Icon Test */ a[href$='.pdf'] { display:inline-block; padding-left:30px; line-height:18px; background:transparent url(/images/icon-news-pdf.png) center left no-repeat; } a[href$='.zip'] { display:inline-block; padding-left:30px; line-height:18px; background:transparent url(/images/icon-news-zip.png) center left no-repeat; } a[href$='.dwg'] { display:inline-block; padding-left:30px; line-height:18px; background:transparent url(/images/icon-news-dwg.png) center left no-repeat; } /* Color Palette */ .palette-a { width: 530px; margin: 0 auto; } .palette-a p { margin: 0 0 3px; color: #fff; } .palette-a ul.items { width: 100%; padding: 0; overflow: hidden; list-style: none; } .palette-a ul.items li { display: inline; } .palette-a ul.items li .large { display: block; margin: 0 0 5px; } html.js .palette-a ul.items li .large { position: absolute; left: -999em; } .palette-a ul.items li .thumb { display: none; margin: 0 6px 0 0; } html.js .palette-a ul.items li .thumb { display: block; float: left; } div.infowindow a{ color:#0a0a08 !important; font-weight:bold;}