/* *** 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 /*#F4F4F4*/; } 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:none;*/ 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.shopLunaseaBtn { background:url(../img_lib/btn_shop_lunasea.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 /*f89825*/; /*font-weight:bold;*/ font-size:31pt; } #pbMainContent h2 { color:#4F4F4F /*000*/; font-size:12pt; font-weight:bold; } #pbMainContent h3 { color:#000 /*#23628D*/; font-weight:bold; } #pbMainContent h5 { font-size:12pt; /*text-transform:uppercase;*/ 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:0; } table.marquee th, table.marquee td { border-left:dotted 1px silver; } table.marquee th:first-child, table.marquee td:first-child { border-left:none; } table.marquee th { color:#E09736; font-size:20pt; font-weight:normal; padding-left:10px; padding-bottom:10px; } table.marquee td { padding:0px 10px 20px 10px; } a.tmBtn div { border: #c0c0c0 1px solid; padding: 6px; margin-bottom: 15px; vertical-align: top; background-color: #d5d5d5; } a.tmBtn:hover div { border: #8f4e15 1px solid; background-color: #c36a1c; } /*.tmOne div.tmBtn, .tmTwo div.tmBtn { border: #c0c0c0 1px solid; padding: 6px; margin-top: 15px; margin-bottom: 15px; vertical-align: top; background-color: #d5d5d5; }*/ #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; /*padding-bottom:20px;*/ } body.hp .pbSecondaryContent { background:none; margin-top:-20px; } body.hp .pbSecondaryContent h1 { font-weight:bold; /*color:#000;*/ color:#f89825; } .pbSecondaryContent h1 { font-weight:bold; color:white; /*letter-spacing:1px;*/ /*padding:7px 10px 0px 10px;*/ /*background:#b9b196; border-bottom:solid 2px white;*/ } .pbSecondaryContent h2 { font-weight:bold; /*margin-left:20px; margin-right:20px;*/ } .pbSecondaryContent p { /*margin-left:20px; margin-right:20px;*/ color:#595959; } .pbSecondaryContent ul { /*margin-left:20px; margin-right:20px;*/ } .pbSecondaryContent ul li { color:#595959; } .pbSecondaryContent a { color:#23628D; border-bottom:dotted 1px #B5B5B5; } .pbSecondaryContent a:hover { border-bottom:solid 1px #23628D; } .pbSecondaryContent p a { /*font-weight:bold;*/ } .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; } /* .biEmail a { background:url(../img_lib/bg_rb_a_underline.gif) repeat-x bottom left; color:#23628D; } .biEmail a:hover { background:url(../img_lib/bg_rb_a_underline_mo.gif) repeat-x bottom left; } */