/* *** 2 Column Layout w/ Navigation Bar *** */ body.hp #pbMainContent { } body.hp .pbSecondaryContent { } body.sp #pbMainContent { margin-left:280px; margin-right:240px; } body.sp .pbSecondaryContent { float:right; width:200px; } body.sp .leftCol {background:none; float:left; width:200px; margin-left:7px; margin-top:0px; padding-bottom:0; border:none; } /* *** Custom Website Styles Library *** */ /* Elements */ body { background:url(../img_lib/bg_body.gif) repeat-x #f7f7f7; } body.hp { background:url(../img_lib/bg_hp_body.gif) repeat-x #F4F4F4; } blockquote { font-style:italic; font-weight:bold; } body.hp { background-color:white; } /* IDs */ #pgContent { position:relative; width:962px; margin:0 auto; background:url(../img_lib/bg_watermark.gif) no-repeat right 350px /*400px 100px*/; padding-bottom:180px; } body.hp #pgContent {background-position:right 530px; } #pgHeader { position:relative; height:140px; padding-bottom:10px; } body.hp #pgHeader { height:130px; padding-bottom:0px; } #phContent { } #coLogo { top:0px; left:0px; } #coLogo a { height:129px; width:218px; background:url(../img_lib/logo_lunasea_hdr.jpg) no-repeat; } #phNav { position:absolute; top:13px; right:30px; } #phNav a { padding:0; margin:2px; display:block; } a.shopCartBtn { background:url(../img_lib/btn_shop_cart.gif) no-repeat; width:143px; height:59px; } a.catalogBtn { background:url(../img_lib/btn_catalog.gif) no-repeat; width:136px; height:59px; } #pgBody { margin:20px 40px 0 0; } body.hp #pgBody { margin:0px 40px 10px 40px; } /* Primary Navigation Bar Styles */ #pgPrimaryNav { position:absolute; top:70px; right:20px; height:59px; overflow:hidden; } #pgPrimaryNav a { font-size:.8em; color:#fff; display:block; height:60px; padding:24px 10px 0px 10px; } #pgPrimaryNav a:hover { background:url(../img_lib/bg_pr_nav_mo.gif) no-repeat top center; } #pgPrimaryNav a.aLink { font-weight:bold; font-size:.9em; background:url(../img_lib/bg_pr_nav_active.gif) no-repeat top center; } #pbMainContent { } body.hp #pbMainContent { margin-bottom:0px; margin-top:15px; } #pbMainContent h1 { color:#E09736;font-size:31pt; } #pbMainContent h2 { color:#4F4F4F; font-size:12pt; font-weight:bold; } #pbMainContent h3 { color:#000; font-weight:bold; } #pbMainContent h5 { font-size:12pt;color:#23628D; font-weight:normal; } /* Use for page title sub-caption */ #pbMainContent p { color:#595959; } #pbMainContent ul li { color:#595959; } #pbMainContent a { color:#23628D; border-bottom:dotted 1px #B5B5B5; } #pbMainContent a:hover { border-bottom:solid 1px #23628D; } #pbMainContent blockquote p { text-align:right; } table.marquee{width:100%;margin-top:0;padding-top:0border-collapse:collapse;border-spacing:0} table.marquee td {/*width:286px;*//*padding:0px 10px 0px 0px;*/ } a.tmBtn div { border:#c0c0c0 1px solid; /*padding:6px; margin-bottom:15px; vertical-align: top;*/ background-color: #d5d5d5; } a.tmBtn div img{width:276px;height:150px;padding:4px} a.tmBtn:hover div { border:#8f4e15 1px solid;background-color:#c36a1c} #hpmWaterMark { display:none; position:absolute; bottom:-20px; right:0px; height:200px; width:160px; background:url(../img_lib/bg_hp_prod_spot.gif) no-repeat; } .pbSecondaryContent{position:relative; background:url(../img_lib/res_bar_bg.gif) repeat-y #E6E6E6;} body.hp .pbSecondaryContent{background:none;margin-top:0px} body.hp .pbSecondaryContent h1 { font-weight:bold;color:#f89825; } .pbSecondaryContent h1 {font-weight:bold;color:white} .pbSecondaryContent h2 {font-weight:bold} .pbSecondaryContent p {color:#595959; } .pbSecondaryContent ul li { color:#595959; } .pbSecondaryContent a { color:#23628D; border-bottom:dotted 1px #B5B5B5; } .pbSecondaryContent a:hover { border-bottom:solid 1px #23628D; } .pbSecondaryContent blockquote p { text-align:right; } #pgFooter { position:absolute; bottom:120px; left:0px; padding:0px 0px 8px 0px; background:none; } #pfContent { position:relative; width:948px; height:50px; margin:0 auto; } #pgfGraphic { display:none; position:absolute; width:143px; height:178px; bottom:0px; right:20px; background:url(../img_lib/pg_footer_bulb.gif) no-repeat; } #pgfSyms { position:absolute; width:188px; height:45px; top:0px; left:330px; background:url(../img_lib/pg_footer_syms.jpg) no-repeat; } #pfCopyright { position:absolute; bottom:10px; left:40px; } #pfCopyright p { color:#595959; } #pfNav { position:absolute; bottom:10px; right:30px; } #pfNav a { border-left:dotted 1px gray; color:#000; } #pfNav a:hover { text-decoration:underline; } #pfNav a:first-child { border-left:none; } h1 span { display:none; } h1.ttlProducts { background:url(../img_lib/pg_ttl_products.gif) no-repeat; height:74px; width:388px; } h1.ttlCompany { background:url(../img_lib/pg_ttl_company.gif) no-repeat; height:74px; width:388px; } h1.ttlContactUs { background:url(../img_lib/pg_ttl_contact_us.gif) no-repeat; height:74px; width:388px; } h1.ttlDistRet { background:url(../img_lib/pg_ttl_dist_retail.gif) no-repeat; height:74px; width:388px; } h1.ttlNewsEvents { background:url(../img_lib/pg_ttl_news_events.gif) no-repeat; height:74px; width:388px; } h1.ttlWhereToBuy { background:url(../img_lib/pg_ttl_where_to_buy.gif) no-repeat; height:74px; width:388px; } .rbTtlCap { padding-left:10px; padding-top:5px; height:34px; width:200px; background:url(../img_lib/res_bar_ttl_cap.gif) no-repeat; } .pnSpacer { background:url(../img_lib/nav_divider.gif) no-repeat; height:59px; width:7px; } /* Classes */ .aLink { font-weight:bold; } ul.ruled { border-bottom:solid 1px #d2d2d2; } ul.ruled li { border-top:solid 1px #d2d2d2; } table.ruled { border-bottom:solid 1px #d2d2d2; } table.ruled th { color:#000000; border-top:solid 1px #d2d2d2; } table.ruled td { color:#595959; border-top:solid 1px #d2d2d2; } .titleCap { position:relative; background:url(../img_lib/img_ttl_cap_bg.gif) repeat-x; height:26px; padding:6px 10px 0 10px; } .leftCorner { position:absolute; background:url(../img_lib/img_ttl_cap_left_corner.gif) no-repeat; width:5px; height:26px; top:0px; left:0px; } .rightCorner { position:absolute; background:url(../img_lib/img_ttl_cap_right_corner.gif) no-repeat; width:5px; height:26px; top:0px; right:0px; } .areaBotCap { position:relative; background:url(../img_lib/img_area_bot_cap_bg.gif) repeat-x; height:5px; } .areaBotCap .leftCorner { position:absolute; background:url(../img_lib/img_area_bot_cap_left_corner.gif) no-repeat; width:5px; height:5px; top:0px; left:0px; } .areaBotCap .rightCorner { position:absolute; background:url(../img_lib/img_area_bot_cap_right_corner.gif) no-repeat; width:5px; height:5px; top:0px; right:0px; } .biEmail { background:url(../img_lib/icon_a_tag.gif) no-repeat left; padding:2px 0 2px 26px; display:inline-block; margin-bottom:2px; } .btn { display:block; padding-top:10px; padding-bottom:10px; border-bottom:none !important; } /* Z-Indexed Elements */ /*.primary { z-index:9000; }*/ .slide { z-index:8000; } .slide.active { z-index:8100; } .slide.last-active { z-index:8050; } div.show-nav { z-index:8500; } /* End Z-Indexed Elements */ div.show{width:888px;height:240px;margin-top:20px;clear:both} .show .slide .image { background-position:top right; background-repeat:no-repeat; width:888px; height:240px; } .show .slide.one .image{background-image:url(../img_lib/slide-1.jpg)} .show .slide.two .image{background-image:url(../img_lib/slide-2.jpg)} .show .slide.three .image{background-image:url(../img_lib/slide-3.jpg)} .show .slide.four .image{background-image:url(../img_lib/slide-4.jpg)} .show .slide .msg { position:absolute; top:40px; left:40px; } .show .slide .msg .title,.show .slide .msg .text{font-family:Arial, Helvetica, sans-serif} .show .slide .msg .title { display:block; color:#fff; font-weight:normal; font-size:3em; padding-bottom:5px; } .show .slide .msg .text { display:block; color:#fff; font-size:1.5em; } div.show-nav { position:absolute; display:block; height:30px; left:50px; top:200px; } div.show-nav a {margin-right:4px; padding-top:1px; text-align:center; text-decoration:none; display:block; float:left; width:24px; height:23px; background:url(../img_lib/slide-nav.png) no-repeat 0 0; color:#FFFFFF; } div.show-nav a.active { background:url(../img_lib/slide-nav.png) no-repeat 0 -24px; } .slide {position:absolute;height:240px;width:888px;top:0px;left:0px;opacity:0.0; } .slide.active { opacity:1.0; }