/* DEFAULT SKIN CSS */
/* FONT SIZES */
html { font-size: 100%; }
body { font-size: 62.5%; } /* 1em = 10px */
div { font-size: 1em; }
/* GLOBAL ASSIGNMENTS */
* { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; }
html, body { width: 100%; height: 100%; }
img { border: none; }
a { color: inherit; text-decoration: none; }
table { width: 100%; height: 100%; }
.print_only { display: none; }
/* INTRO */
body#intro { height: 100%; width: 100%; background-color: #003C79; }
#intro div { position: absolute; display: block; width: 565px; height: 365px; top: 50%; left: 50%; margin-top: -183px; margin-left: -283px; }
#intro object { display: block; width: 565px; height: 350px; }
#intro div a { display: block; color: #FFFFFF; font-size: 1em; text-transform: uppercase; font-weight: bold; text-align: right; padding-right: 10px; }
/* HEADER */
#header { position: relative; width: 100%; height: 126px; background: url(images/header/header_bg2.jpg) repeat-x; }
#header h1 { position: absolute; font-size: 1em; width: 90em; height: 126px; background: url(images/header/header2.jpg) no-repeat; }
#header h1 span { display: none; }
#header a { display: block; }
#header a.logo { position: absolute; left: 12px; top: 36px; z-index: 1; }
#header a.leed { position: absolute; left: 496px; top: 0px; }
#header a.specs { position: absolute; left: 605px; top: 0px; }
#header a.tradeshows { position: absolute; left: 745px; top: 0px; }
/* NAVIGATION - TOP */
#nav_top { position: absolute; top: 53px; min-width: 90em; height: 73px; background: url(images/header/nav_top_bg.jpg) repeat-x; }
#nav_top ul { padding: 4px 0 0 130px; font-size: 1.1em; list-style-type: none; }
#nav_top li { display: block; float: left; line-height: 1.4; padding: 0 1.4em; border-left: 1px solid #B1CBE5; vertical-align: middle; }
#nav_top li.first { padding-left: 0; border: none; }
#nav_top a { color: #B1CBE5; text-transform: uppercase; }
#nav_top a.selected { color: #FFFFFF; font-weight: bold; }
/* LEFT NAVIGATION */
#nav_left { position: relative; float: left; width: 17%; }
#nav_left ul { font-size: 1.1em; }
#nav_left li { list-style-type: none; margin-bottom: .2em; }
#nav_left div.category { position: relative; width: 100%; padding-right: .8em; line-height: 1.9; vertical-align: middle; background: #F7941C; }
#nav_left div.passive { position: relative; width: 100%; padding-right: .8em; line-height: 1.9; vertical-align: middle; background: #7F7F7F; }
#nav_left div.related { position: relative; width: 100%; padding-right: .8em; line-height: 1.9; vertical-align: middle; background: #5998C9; }
#nav_left div.relatedb { position: relative; width: 100%; padding-right: .8em; line-height: 1.9; vertical-align: middle; background: #003F7A; }
#nav_left div.passive a,
#nav_left div.category a,
#nav_left div.additional a { padding-left: .8em; color: #FFFFFF; font-weight: bold; }
#nav_left div.additional { position: relative; width: 100%; padding-right: .8em; line-height: 1.9; vertical-align: middle; background: #B1CBE5; }
#nav_left div.additional span,
#nav_left div.related span { padding-left: .8em; color: #FFFFFF; font-weight: bold; }
#nav_left div.relatedb span { padding-left: .8em; color: #FFFFFF; font-weight: bold; }
#nav_left ul ul { margin-top: 1.1em; font-size: 1em; margin-bottom: .8em; }
#nav_left li.page { padding: 0 0 .8em 1.6em; line-height: 1.5; }
#nav_left li.page a { color: #5998C9; }
#nav_left .selected { font-weight: bold; }
#nav_left ul#archives li { padding: 0 0 0 1.6em; line-height: 1.5; }
#nav_left ul#archives li a { color: #5998C9; }
#nav_left div.search { position: relative; width: 100%; padding-right: .8em; line-height: 1.9; vertical-align: middle; background: #003F7A; }
#nav_left div.search span { padding-left: .8em; color: #FFFFFF; font-weight: bold; }
#nav_left div.search_form { position: relative; padding: 1em 0 1em .8em; }
#nav_left .search_input { position: relative; font-size: 1em; padding-bottom: .2em; }
#nav_left .search_input input { font-size: 1em; width: 90%; padding: .2em 0; border: 1px solid #5998C9; }
#nav_left .search_button { position: relative; font-size: 1em; }
#nav_left .search_button input { font-size: 1em; width: 5em; padding: .2em 0; border: 1px solid #5998C9; }
/* LEFT DECOR */
#left_decor { position: relative; margin-top: 3.2em; }
#left_decor_alt { position: relative; margin-top: 3.2em; }
/* BODY */
#body { position: relative; width: 100%; min-width: 90em; margin-top: 5px; }
/* HOME */
#home_spacer { width: 90em; }
#home_container { position: relative; width: 536px; margin: 0 auto; padding-bottom: 3em; background: #FFFFFF; border-left: 3px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
#home_container2 { position: relative; width: 790px; margin: 0 auto; background: url(http://www.majorskylights.com/newback.jpg) top repeat-x; padding-bottom: 3em; margin-bottom: 25px; }
#home_container3 { position: relative; width: 790px; margin: 0 auto; background: #FFFFFF; padding-bottom: 3em; margin-bottom: 25px; }
#home_container.home { height: 340px; }
#home_container.products { height: 230px; }
#home_content { position: relative; width: 348px; padding-top: 116px; word-spacing: .1em; }
#home_content2 { position: relative; width: 485px; padding-top: 0px; word-spacing: .1em; }
#home_content3 { position: relative; width: 485px; padding-top: 35px; word-spacing: .1em; }
#home_content4 { position: relative; width: 485px; padding-top: 30px; word-spacing: .1em; }
#home_content5 { position: relative; width: 485px; padding-top: 30px; word-spacing: .1em; }
#home_content h2 { font-size: 1.8em; padding-bottom: .1em; color: #003C79; }
#home_content h3 { font-size: 1.3em; padding-bottom: 1em; font-style: italic; font-weight: normal; color: #5998C9; }
#home_content p { font-size: 1.1em; line-height: 1.5; margin-bottom: 1em; }
#home_footer { position: relative; width: 81em; margin: 0 auto; }
#home_footer .col { position: relative; float: left; width: 25em; padding: 0 1em; word-spacing: .1em; }
#home_footer h4 { font-size: 1.4em; margin-bottom: .2em; padding: 0 0 .1em .5em; color: #F7941C; border-bottom: 1px dotted #598EC9; font-weight: bold; text-transform: uppercase; letter-spacing: .01em; }
#home_footer h5 { font-size: .9em; color: #598EC9; padding-left: 1em; }
#home_footer p { font-size: .9em; padding: 0 1em; line-height: 1.5; }
#home_footer p.news { padding: 0 0 1em 1em; }
#home_footer p.news a { color: #5998C9; }
#home_footer a.more { white-space: nowrap; color: #598EC9; }
#home_footer .col a.more { white-space: nowrap; color: #598EC9; }
/* BLAST TEST */
#blast_container { position: relative; width: 446px; height: 210px; margin: 0px auto; padding-bottom: .5em; background: #FFFFFF; border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; }
#blast_container.home { height: 210px; }
#blast_container.products { height: 210px; }
#blast_content { position: relative; width: 446px; padding-top: 0px; word-spacing: .1em; }
/* DESIGN GUIDES */
#designguides_container { position: relative; width: 460px; height: 770px; margin: 0px auto; padding-bottom: .5em; background: #FFFFFF; border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; text-align: center; }
#designguides_container.home { height: 770px; }
#designguides_container.products { height: 770px; }
#designguides_content { position: relative; width: 460px; padding-top: 0px; word-spacing: .1em; }
/* CATALOGS */
#catalogs_container { position: relative; width: 460px; height: 1065px; margin: 0px auto; padding-bottom: .5em; background: #FFFFFF; border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; text-align: center; }
#catalogs_container.home { height: 1065px; }
#catalogs_container.products { height: 1065px; }
#catalogs_content { position: relative; width: 460px; padding-top: 0px; word-spacing: .1em; }
/* CONTENT */
#content { position: relative; margin: 0 0 2.5em 17%; text-align: left; padding: 0 3%; word-spacing: .1em; width: 45%; }
#content.skinnyright { margin-right: 132px; width: 60%; }
#content span { line-height: 1.5; }
#content h2 { font-size: 1.4em; padding: .15em 0 1em 0; line-height: 1.5; }
#content h2.plain { font-size: 1.4em; padding: .15em 0 0em 0; line-height: 1; text-transform: uppercase; color: #F7941C; }
#content h3 { font-size: 1.2em; padding: 0 0 1em .6em; text-transform: uppercase; color: #F7941C; }
#content h3.plain { text-transform: none; color: #000000; }
#content h4 { font-size: 1.2em; padding-left: .9em; text-transform: uppercase; color: #F7941C; line-height: 1.5; }
#content h4.plain { word-spacing: 0; text-transform: none; }
#content h5 { font-size: 1.1em; padding-left: 2em; color: #F7941C; line-height: 1.5; }
#content h6 { font-size: 1.2em; padding: 0 0 1em .6em; text-transform: uppercase; color: #5998C9; }
#content p { font-size: 1.1em; margin: 0 0 1.5em 1em; line-height: 1.5; }
#content ol, #content ul { margin: 0 0 2.5em 3.5em; font-size: 1.1em; }
#content ol li { line-height: 1.5; margin-bottom: 1em; }
#content ol li span { font-weight: bold; }
#content ul li { line-height: 1.5; margin-bottom: .8em; }
#content p.sources { font-size: 1em; margin-top: 1em; }
#content p.sources span.sources { text-decoration: underline; }
#content span.book { font-style: italic; text-decoration: normal; }
#content a { color: #598EC9; text-decoration: underline; }
#content a.pdf { text-decoration: none; font-size: .9em; }
#content div.catalog { position: relative; width: 50%; margin: 0 auto; text-align: center; }
#content a.catalog { display: block; padding: 2em 0 1em 0; }
#content div.catalog img { margin-bottom: 2em; border: 1px solid; }
/* Performance Stuff */
#content ul li.finish ul { font-size: 1em; list-style-type: none; margin-left: 1.5em; margin-bottom: 0; }
#content ul li.finish ol { font-size: 1em; list-style-type: lower-alpha; margin-bottom: 0; }
/* TRADESHOWS */
#content .tradeshow { position: relative; margin-bottom: 3em; }
#content .tradeshow h4 { color: #5998C9; }
/* OUTLINE */
#content ol.outline { list-style-type: upper-alpha; font-size: 1.1em; margin: 0 0 2.5em 3.5em; }
#content ol.outline ol { list-style-type: decimal; font-size: 1em; margin: .5em 0 .5em 3.5em; }
#content ol.outline ol ol { list-style-type: lower-alpha; font-size: 1em; margin: .5em 0 .5em 3.5em; }
#content ol.outline ol ol ol { list-style-type: upper-roman; font-size: 1em; margin: .5em 0 .5em 3.5em; }
#content ol.outline ol ol ol li { margin: 0; padding: 0; }
#content ol.sources { font-size: 1.1em; margin: 0 0 2.5em 3.5em; }
#content ol.sources li { margin: 0; padding: 0; }
/* TABLE OF CONTENTS */
ul.toc li { list-style-type: none; margin-top: .8em; }
#content ul.toc li a { text-decoration: none; }
/* Additional Info Table */
#content div.addinfo { margin: 0 1.5em; }
table.addinfo { margin: 1em auto; font-size: 1.1em; }
table.addinfo caption { font-size: 1.1em; padding-left: 2em; color: #F7941C; line-height: 1.5; font-weight: bold; text-transform: uppercase; }
table.addinfo th,
table.addinfo td { padding-bottom: .5em; }
table.addinfo .center { text-align: center; }
/* TECH TABLE */
#content div.techtable { margin: 3em 1.5em; }
table.tech { margin: 0 auto; text-align: center; }
table.tech caption { font-size: 1.3em; color: #F7941C; margin-bottom: 1em; text-transform: uppercase; font-weight: bold; }
table.tech .alt { background: #E9E9E9; }
table.tech thead { font-size: 1.2em; }
table.tech th { height: 2.5em; }
table.tech th.skylight { text-align: left; padding-left: .9em; }
table.tech tbody { font-size: 1.1em; }
table.tech td { height: 2.5em; }
table.tech td.drawings { width: 6em; text-align: center; }
table.tech td.skylight { text-align: left; padding-left: 1em; }
/* HIDE and SHOW for JavaScript */
#toshow { display: none; text-align: center; margin: 2em 0; }
#toshow img { display: block; margin: 2em auto; padding: 2em; border: 1px solid; }
#toshow h3 { font-size: 1.3em; margin: 0; padding:0; color: #F7941C; text-transform: uppercase; font-weight: bold; }
.viewsshow { text-align: center; margin: 2em 0; }
.viewsimage { display: block; margin: 2em auto; padding: 2em; border: 1px solid; }
.viewsheader { font-size: 1.3em; margin: 0; padding:0; color: #F7941C; text-transform: uppercase; font-weight: bold; }
/* Design My Skylight */
#design { text-align: left; padding-bottom: 1.5em; position: relative; }
#design a { text-decoration: none; color: #F7941C; text-transform: uppercase; font-size: 1.4em; font-weight: bold; }
#design a:hover { background-color: #DCEBFF; cursor: pointer; }
#design img { vertical-align: middle; cursor: pointer; }
#design span { text-decoration: underline; }
/* PORTFOLIO */
#portfolio { position: relative; margin-left: 1.5em; }
#portfolio table { width: 46em; margin-right: auto; margin-left: auto; }
#portfolio td.image { height: 460px; text-align: center; }
#portfolio td.image img { border: 1px solid; }
#portfolio td.nav { font-size: 1.4em; text-align: center; padding-bottom: 1em; }
#portfolio td.nav a,
#portfolio td.nav .inop { font-size: 1.7em; text-decoration: none; vertical-align: middle; padding: 0 .5em; }
#portfolio td.nav .inop { color: #BBBBBB; }
#portfolio td.project { font-size: 1.3em; text-align: center; padding-bottom: .25em; font-weight: bold; color: #F7941C; }
#portfolio td.location { font-size: 1.1em; text-align: center; padding-bottom: 1.1em; font-weight: bold; color: #5998C9; }
#portfolio .data { font-size: 1.1em; }
#portfolio th.data { width: 10em; margin-right: .5em; padding: .25em 0 .25em 0; padding-left: 12em; text-align: left; }
#portfolio td.data { width: 22em; text-align: left; }
#portfolio td.error { font-size: 1.3em; text-align: center; }
/** OVERSTOCK **/
#content .overstock { margin: 1em; }
#content .os_item { position: relative; font-size: 1em; margin-bottom: 2em; border: 1px solid black; padding: 1em .5em .5em .5em; }
#content .os_item_cost { margin-bottom: 1.5em; border: 1px solid; padding: 1em .5em .5em .5em; text-align: center; }
#content .os_item_cost h2 { margin: 0; padding: 0 0 .25em 0; }
#content .overstock td { margin-bottom: 2em; }
#content .overstock h3 { font-size: 1em; padding: 0 0 .5em .5em; line-height: 1.5; }
#content .overstock p { margin: 0; padding: 0 0 .5em 1.5em; }
#content .overstock .qty { font-weight: bold; }
#content .overstock .price { margin-left: 1.75em; font-weight: bold; }
#content .overstock .request { font-size: 1em; text-align: right; padding-right: 1em; line-height: 2.5; }
#content .overstock .req_qty { margin: 0 .25em 0 .5em; }
#content .overstock .req_button { font-size: 1em; border: 1px solid; padding: .25em; background-color: #B1CBE5; font-weight: bold; }
#content .overstock .cq_button { font-size: 1em; margin-left: 2em; border: 1px solid; padding: .25em; background-color: #B1CBE5; font-weight: bold; }
#content .overstock .nav { font-size: 1.4em; padding: 1em 0; text-align: center; margin: 1.5em 0; padding: 0; }
#content .overstock .nav a,
#content .overstock .nav span { text-decoration: none; vertical-align: middle; padding: .25em .3em; margin: 0 .2em; line-height: 1; }
#content .overstock .nav a.selected { border: 1px solid; font-weight: bold; }
#content .overstock .nav .inop { color: #BBBBBB; }
#content .overstock .req_footer { font-size: 1em; position: relative; margin: 2em 0; text-align: center; line-height: 2.5; }
#content .overstock .req_footer input { font-size: 1em; margin: 1em 2em; border: 1px solid; padding: .5em; background-color: #B1CBE5; font-weight: bold; }
#content .overstock .design_form input.submit { font-size: 1.2em; border: 1px solid; padding: .5em; background-color: #B1CBE5; font-weight: bold; }
/** TESTIMONIALS **/
#content .testimonial { border-bottom: 1px solid #AAAAAA; margin-bottom: 1.5em; }
#content .reasons { border-bottom: 1px solid #FFFFFF; margin-bottom: 1.5em; }
/** QUICK SHIP FORM **/
#content .design_form { position: relative; font-size: 1.1em; margin-bottom: 2em; }
#content .design_form p { font-size: 1em; margin-bottom: 0; }
#content .design_form p.disclaimer { margin-bottom: 1.5em; }
#content .design_form h4 { margin-bottom: .5em; }
#content .design_form .center { text-align: center; }
#content .design_form .row { position: relative; margin-left: 1.5em; padding: .8em 0 .8em 1em; height: 1.6em; }
#content .design_form .row2 { position: relative; margin-left: 1.5em; padding: .8em 0 .8em 1em; }
#content .design_form .row3 { position: relative; margin-left: 1.5em; padding: .8em 0 .2em 1em; height: 1.6em; }
#content .design_form .row4 { position: relative; margin-left: 1.5em; padding: .2em 0 .8em 1em; height: 1.6em; }
#content .design_form a.view { display: block; width: 12em; padding: .8em 0; border: 1px solid #BBBBBB; background-color: #E5E5E5;
font-weight: bold; color: #000000; text-align: center; text-decoration: none; }
#content .design_form label { font-size: 1em; display: block; float: left; width: 14em; height: 1.6em; font-weight: bold; padding-top: .3em; }
#content .design_form .alt label { font-size: 1em; background-color: #E9E9E9; }
#content .design_form label.hear { font-size: 1em; display: block; float: none; width: auto; font-weight: bold; padding-bottom: .3em; }
#content .design_form label.que { font-size: 1em; display: block; float: none; width: 30em; height: auto; font-weight: bold; padding: .3em 0 1em .1em; line-height: 1.5; }
#content .design_form select { font-size: 1em; width: 13em; border: 1px solid #BBBBBB; line-height: 1.5; }
#content .design_form select.big { font-size: 1em; width: 17.5em; }
#content .design_form textarea { font-size: 1em; height: 10em; width: 25em; font-size: 1em; border: 1px solid #BBBBBB; padding: .1em; }
#content .design_form input { font-size: 1em; border: 1px solid #BBBBBB; padding: .25em .2em .2em .2em; }
#content .design_form input.hear { font-size: 1em; margin: .5em 0 0 12em; }
#content .design_form input.submit { font-size: 1em; width: 12em; margin: 0; padding: .8em 0 .8em 0; border: 1px solid #BBBBBB;
font-weight: bold; background-color: #E5E5E5; text-align: center; cursor: pointer; }
#content .design_form .row5 { font-size: 1em; position: relative; margin-left: 1.5em; padding: .8em 0 0 1em; line-height: 1.5; }
#content .design_form .row5 input { font-size: 1em; margin-right: 1.5em; }
#content .design_form .row5 label { font-size: 1em; display: inline; float: none; }
#content .design_form .long_label label { font-size: 1em; float: left; width: 28em; }
#content .design_form .long_label select { font-size: 1em; float: left; width: 4.5em; }
#content .design_form .long_label select.big { font-size: 1em; float: left; width: 9.5em; }
#content .design_form .long_label select.long { font-size: 1em; float: left; width: 15em; }
#content .design_form .foot_label label { font-size: 1em; float: left; width: 100%; }
#content .design_form ul { list-style-type: none; font-size: 1em; padding: .5em 0; }
#content .design_form ul li { padding: .5em 0; }
#content .design_form ul li a { display: block; width: 15em; height: 2em; text-align: center; padding: .5em; text-decoration: none; border: 1px solid;
line-height: 2em; vertical-align: middle; background-color: #B1CBE5; color: #000000; }
#content .design_form table { font-size: 1em; text-align: center; width: 100%; padding-right: 1em; }
#content .design_form table input { font-size: 1em; }
#content .design_form table th { text-align: left; font-weight: bold; font-size: 1em; padding: .2em 0; padding-left: 1em; }
#content .design_form table td { padding: .2em 0; }
#content .design_form table td.type input { width: 10em; }
#content .design_form table td.qty input { width: 4em; }
#content .design_form table td.width input { width: 8em; }
#content .design_form table td.lh input { width: 8em; }
#content .design_form table td.bay input { width: 8em; }
#content .design_form table td.model input { width: 8em; }
#content .design_form table td.pitch input { width: 8em; }
#content .design_form table td.rise input { width: 8em; }
#content .design_form table td.ends input { width: 4em; }
#content .design_form table td.curbs input { width: 4em; }
/* Employment Contact */
#content div.econtact { margin: 1.5em 0 0 1em; }
/* NEWS BLOG */
#content.index .post h3 { font-size: 1.1em; padding: 0 0 0 .6em; text-transform: none; color: #000000; line-height: 1.5; }
#content.index .post h4 { font-size: 1.1em; padding: 0 0 2em 1.8em; text-transform: none; line-height: 1.5; }
#content.article .post h3 { font-size: 1.3em; text-transform: none; line-height: 1.5; }
#content.article .footer { padding-top: 2.5em; }
#content.article .footer p { line-height: 1.2; }
#content div.post { position: relative; }
.entrytext .textblock { position: relative; display: block; margin-bottom: 1em; }
.entrytext div.imagebox { text-align: center; padding-bottom: 2em; }
.entrytext img { margin: 0 .5em; }
.entrytext .inleft { float: left; margin: .5em 1.5em 1em 1.5em; vertical-align: top; }
.entrytext .inright { float: right; margin: .5em 1.5em 1em 1.5em; vertical-align: top; }
.entrytext .clear { position: relative; height: 1px; }
/* RIGHT DECOR */
#right_decor { position: relative; float: right; top: 0; width: 306px; height: 440px; }
#right_decor.skinnyright { position: relative; float: right; top: 0; width: 132px; height: 440px; }
/* FOOTER */
#footer { width: 98%; min-width: 90em; margin: 3em 1% 0 1%; padding: 10px 0; border-top: 1px solid #B1B1B1; }
#footer .copyright { margin-left: 5px; color: #929496; }
#footer a { color: #929496; text-transform: uppercase; font-weight: bold; padding-right: 5em; }
#footer a.credits { color: #BBBCBE; text-transform: none; font-weight: normal; padding-right: 9em; }
#footer a.rssfeed { border: 1px solid; border-color: #FC9 #630 #330 #F96; padding: 0 3px; font:bold 10px verdana,sans-serif;
color:#FFF; background:#F60; text-decoration:none; margin: 4px 4em 4px 0; }
/* DECORATIVE BOXES */
.leftbox, .skinnyrightbox { position: relative; width: 132px; height: 107px; margin-bottom: 3px; }
.a1 { position: absolute; top: 0; left: 0; }
.a2 { position: absolute; top: 111px; left: 0; }
.a3 { position: absolute; top: 222px; left: 0; }
.a4 { position: absolute; top: 333px; left: 0; }
.b1 { position: absolute; top: 0; left: 182px; }
.b2 { position: absolute; top: 111px; left: 182px; }
.b3 { position: absolute; top: 222px; left: 182px; }
.b4 { position: absolute; top: 333px; left: 182px; }
.colorD9D9D9 { background: #D9D9D9; }
.color9BC1DF { background: #9BC1DF; }
.colorC1D5EA { background: #C1D5EA; }
.color99B1C9 { background: #99B1C9; }
.color8AB7D9 { background: #8AB7D9; }
.colorCCCCCC { background: #CCCCCC; }
.colorC8DAED { background: #C8DAED; }
.colorD5E5F1 { background: #D5E5F1; }
.colorBDD5E9 { background: #BDD5E9; }
.colorACCBE4 { background: #ACCBE4; }
.colorC5DBEC { background: #C5DBEC; }
.colorE5E5E5 { background: #E5E5E5; }
.colorBFBFBF { background: #BFBFBF; }
.colorB0CBE4 { background: #B0CBE4; }
.colorD9D9D9 { background: #D9D9D9; }
.color7F9DBB { background: #7F9DBB; }
.colorD8E5F2 { background: #D8E5F2; }
.colorB2C4D7 { background: #B2C4D7; }
.rightboxA { width: 178px; height: 107px; }
.rightboxB { width: 124px; height: 107px; }
.rightboxA_outline { width: 172px; height: 101px; border: 3px solid #99B1C9; }
.rightboxB_outline { width: 120px; height: 103px; border: 2px solid #99B1C9; }
.home_rightbox { position: absolute; left: 0; top: 0; width: 50%; height: 109px; background: #D9D9D9; }
.home_leftbox { position: absolute; right: 0; top: 111px; width: 50%; height: 109px; background: #D9D9D9; }
.home_rightbox2 { position: absolute; left: 0; top: 0; width: 50%; height: 109px; background: #D9D9D9; }
.home_leftbox2 { position: absolute; right: 0; top: 260px; width: 50%; height: 109px; background: #D9D9D9; }
.home_rightbox3 { position: absolute; left: 0; top: 0; width: 100%; height: 109px; background: #D9D9D9; }
.home_leftbox3 { position: absolute; right: 0; top: 205px; width: 100%; height: 109px; background: #D9D9D9; }
.home_rightbox4 { position: absolute; left: 0; top: 0; width: 50%; height: 109px; background: #D9D9D9; }
.home_leftbox4 { position: absolute; right: 0; top: 0; width: 50%; height: 109px; background: #D9D9D9; }
#newRight {float: right; width: 300px;}
#newRight ul {list-style-type: none; height: 325px;}
#newRight ul li a {display: block; width: 110px; height: 65px; background-color:#fff; border: none; }
#newLeft {margin: 0 auto; width: 790px; height: 332px;}
/***** INDIVIDUAL *****/
/* PARTNERS */
.partner { width: 25%; float: left; }
/***** HOME NAVIGATION *****/
.h1, .h2, .h3, .h4, .h5 { width: 177px; height: 109px; }
.h6, .h7, .h8, .h9 { width: 177px; height: 109px; }
.h1 { position: absolute; left: 0; top: 0; }
.h2 { position: absolute; left: 179px; top: 0; }
.h3 { position: absolute; left: 358px; top: 0; }
.h4 { position: absolute; left: 358px; top: 111px; }
.h5 { position: absolute; left: 358px; top: 222px; }
.h6 { position: absolute; left: -180px; top: 112px; }
.h7 { position: absolute; left: -180px; top: 224px; }
.h8 { position: absolute; left: -180px; top: 334px; }
.h9 { position: absolute; left: -180px; top: 444px; }
.nav_home,
.nav_products { position: absolute; top: 0; left: 0; }
.nav_home a,
.nav_products a { display: block; width: 177px; height: 109px; }
.nav_products b { display: block; width: 260px; height: 200px; }
.nav_home .h1 { background: url(images/navigation/home/about_over.jpg); }
.nav_home .h2 { background: url(images/navigation/home/products_over.jpg); }
.nav_home .h3 { background: url(images/navigation/home/technical_over.jpg); }
.nav_home .h4 { background: url(images/navigation/home/portfolio_over.jpg); }
.nav_home .h5 { background: url(images/navigation/home/benefits_over.jpg); }
.nav_home .h1 a { background: url(images/navigation/home/about.jpg); }
.nav_home .h2 a { background: url(images/navigation/home/products.jpg); }
.nav_home .h3 a { background: url(images/navigation/home/technical.jpg); }
.nav_home .h4 a { background: url(images/navigation/home/portfolio.jpg); }
.nav_home .h5 a { background: url(images/navigation/home/benefits.jpg); }
.nav_products .h1 { background: url(images/navigation/products/guardian_over.jpg); }
.nav_products .h2 { background: url(images/navigation/products/auburne_over.jpg); }
.nav_products .h3 { background: url(images/navigation/products/auburns_over.jpg); }
.nav_products .h4 { background: url(images/navigation/products/quickship_over.jpg); }
.nav_products .h6 { background: url(images/navigation/products/guardian_over.jpg); }
.nav_products .h7 { background: url(images/navigation/products/auburne_over.jpg); }
.nav_products .h8 { background: url(images/navigation/products/auburns_over.jpg); }
.nav_products .h9 { background: url(images/navigation/products/quickship_over.jpg); }
.nav_products .h1 a { background: url(images/navigation/products/guardian.jpg); }
.nav_products .h2 a { background: url(images/navigation/products/auburne.jpg); }
.nav_products .h3 a { background: url(images/navigation/products/auburns.jpg); }
.nav_products .h4 a { background: url(images/navigation/products/quickship.jpg); }
.nav_products .h6 a { background: url(images/navigation/products/guardian.jpg); }
.nav_products .h7 a { background: url(images/navigation/products/auburne.jpg); }
.nav_products .h8 a { background: url(images/navigation/products/auburns.jpg); }
.nav_products .h9 a { background: url(images/navigation/products/quickship.jpg); }
.nav_home a span,
.nav_products a span { display: none; }
.nav_home a:hover,
.nav_products a:hover { background-image: none; }
.nav_products_lower { text-align: center; }
.nav_products_lower span { display: none; }
.nav_products_lower2 { position: absolute; left: -181px; top: 555px; }
.nav_products_lower span2 { display: none; }
.nav_products_lower a { display: block; margin: 3% auto 0 auto; width: 537px; height: 55px; background: url(images/navigation/products/overstock.jpg); }
.nav_products_lower a:hover { background: url(images/navigation/products/overstock_over.jpg); }
.nav_products_lower2 a { display: block; margin: 3% auto 0 auto; width: 537px; height: 55px; background: url(images/navigation/products/overstock.jpg); }
.nav_products_lower2 a:hover { background: url(images/navigation/products/overstock_over.jpg); }
/* home nav2 with new flash */
.nav_home2,
.nav_products2 { }
.nav_home2 a,
.nav_products2 a { width: 177px; height: 109px; }
.nav_home2 .h1 { background: url(images/navigation/home/about_over.jpg); }
.nav_home2 .h2 { background: url(images/navigation/home/products_over.jpg); }
.nav_home2 .h3 { background: url(images/navigation/home/technical_over.jpg); }
.nav_home2 .h4 { background: url(images/navigation/home/portfolio_over.jpg); }
.nav_home2 .h5 { background: url(images/navigation/home/benefits_over.jpg); }
.nav_home2 .h1 a { background: url(images/navigation/home/about.jpg); }
.nav_home2 .h2 a { background: url(images/navigation/home/products.jpg); }
.nav_home2 .h3 a { background: url(images/navigation/home/technical.jpg); }
.nav_home2 .h4 a { background: url(images/navigation/home/portfolio.jpg); }
.nav_home2 .h5 a { background: url(images/navigation/home/benefits.jpg); }
.nav_products2 .h1 { background: url(images/navigation/products/guardian_over.jpg); }
.nav_products2 .h2 { background: url(images/navigation/products/auburne_over.jpg); }
.nav_products2 .h3 { background: url(images/navigation/products/auburns_over.jpg); }
.nav_products2 .h4 { background: url(images/navigation/products/quickship_over.jpg); }
.nav_products2 .h1 a { background: url(images/navigation/products/guardian.jpg); }
.nav_products2 .h2 a { background: url(images/navigation/products/auburne.jpg); }
.nav_products2 .h3 a { background: url(images/navigation/products/auburns.jpg); }
.nav_products2 .h4 a { background: url(images/navigation/products/quickship.jpg); }
.nav_home2 a span,
.nav_products2 a span { display: none; }
.nav_home2 a:hover,
/** BLAST TEST NAVIGATION **/
.bt1, .bt2, .bt3, .bt4 { width: 216px; height: 90px; }
.bt1 { position: absolute; left: 0px; top: 0px; }
.bt2 { position: absolute; left: 230px; top: 0px; }
.bt3 { position: absolute; left: 0px; top: 105px; }
.bt4 { position: absolute; left: 230px; top: 105px; }
.nav_products_blast { position: absolute; top: 0px; left: 0px; }
.nav_products_blast a { display: block; width: 216px; height: 90px; }
.nav_products_blast .bt1 { background: url(images/navigation/products/guardian_skylight_over.jpg); }
.nav_products_blast .bt2 { background: url(images/navigation/products/guardian_guardtite_over.jpg); }
.nav_products_blast .bt3 { background: url(images/navigation/products/guardian_transcurve_over.jpg); }
.nav_products_blast .bt4 { background: url(images/navigation/products/guardian_generic09_over.jpg); }
.nav_products_blast .bt1 a { background: url(images/navigation/products/guardian_skylight.jpg); }
.nav_products_blast .bt2 a { background: url(images/navigation/products/guardian_guardtite.jpg); }
.nav_products_blast .bt3 a { background: url(images/navigation/products/guardian_transcurve.jpg); }
.nav_products_blast .bt4 a { background: url(images/navigation/products/guardian_generic09.jpg); }
.nav_products_blast a span { display: none; }
.nav_products_blast a:hover { background-image: none; }
/** DESIGN GUIDES **/
.tdg1, .tdg2, .tdg3, .tdg4, .tdg5 { width: 230px; height: 20px; }
.dg1, .dg2, .dg3, .dg4, .dg5 { width: 178px; height: 230px; }
.tdg1 { position: absolute; left: 0px; top: 0px; text-align: center; }
.tdg2 { position: absolute; left: 250px; top: 0px; text-align: center; }
.tdg3 { position: absolute; left: 0px; top: 275px; text-align: center; }
.tdg4 { position: absolute; left: 250px; top: 275px; text-align: center; }
.tdg5 { position: absolute; left: 0px; top: 540px; text-align: center; }
.dg1 { position: absolute; left: 25px; top: 20px; border: 1px solid #598EC9; }
.dg2 { position: absolute; left: 275px; top: 20px; border: 1px solid #598EC9; }
.dg3 { position: absolute; left: 25px; top: 295px; border: 1px solid #598EC9; }
.dg4 { position: absolute; left: 275px; top: 295px; border: 1px solid #598EC9; }
.dg5 { position: absolute; left: 25px; top: 560px; border: 1px solid #598EC9; }
.nav_products_designguides { position: absolute; top: 0px; left: 0px; }
.nav_products_designguides a.tdg { display: block; width: 230px; height: 20px; }
.nav_products_designguides a { display: block; width: 178px; height: 230px; }
.nav_products_designguides .dg1 { background: url(../../products/guardian/images/designguide_educational.jpg); }
.nav_products_designguides .dg2 { background: url(../../products/guardian/images/designguide_retail.jpg); }
.nav_products_designguides .dg3 { background: url(../../products/guardian/images/designguide_athletic.jpg); }
.nav_products_designguides .dg4 { background: url(../../products/guardian/images/designguide_canopies.jpg); }
.nav_products_designguides .dg5 { background: url(../../products/guardian/images/designguide_metal.jpg); }
.nav_products_designguides a span { display: none; }
.nav_products_designguides a:hover { background-image: none; }
/** CATALOGS **/
.tc1, .tc2, .tc3, .tc4, .tc5, .tc6, .tc7, tc8 { width: 230px; height: 20px; }
.c1, .c2, .c3, .c4, .c5, .c6 { width: 178px; height: 230px; }
.c7 { width: 100px; height: 230px; }
.c8 { width: 99px; height: 229px; }
.tc1 { position: absolute; left: 0px; top: 0px; text-align: center; }
.tc2 { position: absolute; left: 250px; top: 0px; text-align: center; }
.tc3 { position: absolute; left: 0px; top: 275px; text-align: center; }
.tc4 { position: absolute; left: 250px; top: 275px; text-align: center; }
.tc5 { position: absolute; left: 0px; top: 545px; text-align: center; }
.tc6 { position: absolute; left: 250px; top: 545px; text-align: center; }
.tc7 { position: absolute; left: 0px; top: 815px; text-align: center; }
.tc8 { position: absolute; left: 250px; top: 815px; text-align: center; }
.c1 { position: absolute; left: 25px; top: 20px; border: 1px solid #598EC9; }
.c2 { position: absolute; left: 275px; top: 20px; border: 1px solid #598EC9; }
.c3 { position: absolute; left: 25px; top: 295px; border: 1px solid #598EC9; }
.c4 { position: absolute; left: 275px; top: 295px; border: 1px solid #598EC9; }
.c5 { position: absolute; left: 25px; top: 565px; border: 1px solid #598EC9; }
.c6 { position: absolute; left: 275px; top: 565px; border: 1px solid #598EC9; }
.c7 { position: absolute; left: 63px; top: 835px; border: 1px solid #598EC9; }
.c8 { position: absolute; left: 314px; top: 835px; border: 1px solid #598EC9; }
.nav_products_catalogs { position: absolute; top: 0px; left: 0px; }
.nav_products_catalogs a.tc { display: block; width: 230px; height: 20px; }
.nav_products_catalogs a { display: block; width: 178px; height: 230px; }
.nav_products_catalogs .thinner a { display: block; width: 99px; height: 229px; }
.nav_products_catalogs .thin a { display: block; width: 100px; height: 230px; }
.nav_products_catalogs .c1 { background: url(../../products/guardian/images/guardiancatalog28.jpg); }
.nav_products_catalogs .c2 { background: url(../../products/guardian/images/guardianwallcatalog.jpg); }
.nav_products_catalogs .c3 { background: url(../../products/guardian/images/ultimate_series_exterior_frp_catalog.jpg); }
.nav_products_catalogs .c4 { background: url(../../products/guardian/images/guardianblastcatalog.jpg); }
.nav_products_catalogs .c5 { background: url(../../products/guardian/images/leedflyer.jpg); }
.nav_products_catalogs .c6 { background: url(../../products/guardian/images/majorhurricaneflyer.jpg); }
.nav_products_catalogs .thin .c7 { background: url(../../products/guardian/images/spectragridcover2.jpg); }
.nav_products_catalogs .thinner .c8 { background: url(../../products/guardian/images/trimtonescover2.jpg); }
.nav_products_catalogs a span { display: none; }
.nav_products_catalogs a:hover { background-image: none; }
/** SEARCH **/
#search p { font-size: 1.1em; margin: 0 0 0 1em; line-height: 1.5; }
#search .results { font-size: 1.2em; }
#search .result { padding: 1em 0; }
#search p.results { padding: 1em 0; font-weight: bold; text-align: center; }
#search p.link { padding: 0; }
#search p.summary { padding: 0 2em; }
#search .phpdigHighlight { font-weight: bold; text-decoration: underline; }
#search .num { padding-right: .25em; }
#search .navigation { font-size: 1.4em; padding: 1em 0; text-align: center; margin: 1em 0; padding: 0; }
#search .navigation a,
#search .navigation span { text-decoration: none; vertical-align: middle; padding: .25em .3em; margin: 0 .2em; line-height: 1; }
#search .nav2 { font-size: 1.2em; }
#search .selected { font-weight: bold; border: 1px solid; color: #5998C9; }
#search .inop { color: #BBBBBB; }
/** SITEMAP **/
#content #sitemap { font-size: 1em; padding: 1em 0; }
#content #sitemap .col1 { float: left; width: 48%; }
#content #sitemap .col2 { float: right; width: 48%; }
#content #sitemap ul { list-style-type: none; margin: 0; }
#content #sitemap ul li ul { padding: .2em 0 2em 2em; }
#content #sitemap ul li ul li { margin: 0; padding-bottom: .25em; }
#content #sitemap ul li a,
#content #sitemap ul li span { font-size: 1.1em; font-weight: bold; color: #F7941C; text-decoration: none; }
#content #sitemap ul li ul li a { font-size: .9em; color: #5998C9; font-weight: normal; }
#content #sitemap li.spacer { padding-top: .75em; }
#content #sitemap ul li ul li a.imp { font-weight: bold; }
/* UNIVERSAL STYLES */
.ie_sucks { width: 100em; height: 1px; }
.pad_bottom { padding-bottom: 1em; }
.uppercase { text-transform: uppercase; }
.footnote { font-style: italic; }
.subtitle { color: #5998C9; }
.step { color: #F7941C; }
.lowercase { text-transform: lowercase; }
.indent { text-indent: 1.5em; }
.emphasis { font-weight: bold; }
.title { text-decoration: underline; }
.alt { background: #E9E9E9; }
.position { font-weight: bold; font-style: italic; }
.error { color: red; }
.center { text-align: center; }
#content p.form_error { color: red; font-size: 1.2em; font-weight: bold; padding: 0; margin: 0 0 0 1em; }
#content div.form_errors { padding-bottom: 2em; }
/* HACK - to fix the 3px jog on IE for Windows */
/* Hide from IE5-mac \*/
* html #content { height: 1%; padding-left: 2%; }
/* End IE5/mac hide */