/*---- BASE STYLES ----*/ body { margin: 0; padding: 0 0 10px; background: #d3e5e5; } table, tr, th, td { vertical-align: top; padding: 0; border-collapse: collapse; } a:link, a.visited { color: #332400; } a:hover, a.active { color: #000; } h1 { margin-top: 0; font: 21px Arial,serif; font-weight: bold; } h2 { clear: both; font: 13px MrsEaves,Georgia,serif; font-weight: bold; text-transform: uppercase; letter-spacing: .2em; word-spacing: .4em; } h3 { clear: both; font: 14px Arial,serif; font-weight: bold; } #wrapper { width: 898px; margin: 0 auto; } /*---- SUBNAV STYLES ----*/ #subnav { float: right; list-style-type: none; margin: 25px 0 7px; font: 9px Arial,sans-serif; text-transform: uppercase; } #subnav li { float: left; padding-left: 15px; letter-spacing: .2em; } #subnav a:link, #subnav a:visited { color: #776d55; text-decoration: none; } #subnav a:hover, #subnav a:active { color: #000; text-decoration: none; } #subnav a.selected:link, #subnav a.selected:visited, #subnav a.selected:hover, #subnav a.selected:active { color: #000; } /*---- MAIN STYLES ----*/ #main { clear: both; border-collapse: collapse; } /*---- NAVIGATION STYLES ----*/ #navigation { width: 198px; background: #877f69; border: 1px solid #929e90; border-bottom: 7px solid #877f69; padding-bottom: 27px; font: 12px Arial,sans-serif; } #navigation.home { border-bottom: 1px solid #929e90; } a.toplevel { display: block; width: 198px; height: 34px; margin-bottom: 1px; background-repeat: no-repeat; color: transparent; } a.toplevel#brides { background-image: url("images/nav_brides.gif"); } a.toplevel#brides:hover, a.ui-state-active#brides { background-image: url("images/nav_brides_over.gif"); } a.BRinvitations:before, a.BRinvitations:after { content: "Invitations"; } a.BRessentials:before, a.BRessentials:after { content: "Wedding Essentials"; } a.BRsave:before, a.BRsave:after { content: "Save the Date Cards"; } a.BRshower:before, a.BRshower:after { content: "Shower Invitations"; } a.BRsuites:before, a.BRsuites:after { content: "Wedding Invitation Suites"; } a.BRthank:before, a.BRthank:after { content: "Thank You Notes"; } a.BRresponse:before, a.BRresponse:after { content: "Response Cards"; } a.BRreception:before, a.BRreception:after { content: "Reception Cards"; } a.BRdirections:before, a.BRdirections:after { content: "Directions/Enclosure Cards"; } a.toplevel#holiday { background-image: url("images/nav_holiday.gif"); } a.toplevel#holiday:hover, a.ui-state-active#holiday { background-image: url("images/nav_holiday_over.gif"); } a.HOgreeting:before, a.HOgreeting:after { content: "Holiday Greeting Cards"; } a.HOcorporate:before, a.HOcorporate:after { content: "Corporate Holiday Cards"; } a.HOparty:before, a.HOparty:after { content: "Holiday Party Invitations"; } a.HOthank:before, a.HOthank:after { content: "Holiday Thank You Notes"; } a.HOlabels:before, a.HOlabels:after { content: "Holiday Address Labels"; } a.HOtags:before, a.HOtags:after { content: "Holiday Gift Tags"; } a.HOmints:before, a.HOmints:after { content: "Holiday Mint Tins"; } a.toplevel#baby { background-image: url("images/nav_baby.gif"); } a.toplevel#baby:hover, a.ui-state-active#baby { background-image: url("images/nav_baby_over.gif"); } a.BAbirth:before, a.BAannouncements:after { content: "Birth Announcements"; } a.BAshower:before, a.BAshower:after { content: "Baby Shower Invitations"; } a.BAthank:before, a.BAthank:after { content: "Thank You Notes"; } a.toplevel#personal { background-image: url("images/nav_personal.gif"); } a.toplevel#personal:hover, a.ui-state-active#personal { background-image: url("images/nav_personal_over.gif"); } a.PEmoving:before, a.PEmoving:after { content: "Moving Announcements"; } a.PEthank:before, a.PEthank:after { content: "Thank You Notes"; } a.toplevel#business { background-image: url("images/nav_business.gif"); } a.toplevel#business:hover, a.ui-state-active#business { background-image: url("images/nav_business_over.gif"); } a.BUholidaygreeting:before, a.BUholidaygreeting:after { content: "Business Holiday Greeting Cards"; } a.BUholidayinvitations:before, a.BUholidayinvitations:after { content: "Holiday Party Invitations"; } a.BUinvitations:before, a.BUinvitations:after { content: "Invitations & Announcements"; } a.BUgreeting:before, a.BUgreeting:after { content: "Corporate Greeting Cards"; } a.BUnotes:before, a.BUnotes:after { content: "Notes & Stationery"; } a.BUbusinesscards:before, a.BUbusinesscards:after { content: "Business Cards"; } ul.navigation { width: 198px; margin: 9px auto 18px; padding: 0; list-style-type: none; text-align: center; } ul.navigation a { display: block; width: 198px\9; height: 18px\9; margin: 0; color: #333; color: #fff !important\9; font: 12px Arial,sans-serif; line-height: 18px; white-space: nowrap; filter: progID:DXImageTransform.Microsoft.Shadow(color=#333333, direction: 135, strength: 1); } ul.navigation a:link, ul.navigation a:hover, ul.navigation a:visited { text-decoration: none; color: #333; color: #fff\9; } ul.navigation a:hover { color: #d3e5e5 !important\9; } ul.navigation a:before { display: block; display: none\9; margin-bottom: -19px; margin-left: 0.1ex; color: #666; background-color: transparent; } ul.navigation a:after { display: block; display: none\9; margin-top: -19px; margin-left: -0.1ex; margin-left: auto; color: #fff; background-color: transparent; } ul.navigation a:hover:after { color: #e9f2f2; } ul.navigation a.selected { padding-top: 2px; background-color: #473f2b; color: #000; filter: none; } ul.navigation a.selected:before { color: #333; } /*---- CONTENT STYLES ----*/ #content { background: #fff; border: 1px solid #929e90; } td#content { width: 698px; } #content.home { padding: 0; } .collections { border-bottom: 7px solid #877f69 !important; padding-bottom: 7px; font: 12px Georgia,serif; } .sub { width: 638px; border-bottom: 7px solid #877f69 !important; padding: 20px 30px 30px; color: #332400; font: 12px Georgia,serif; } .about { padding-bottom: 300px !important; background: #fff url("images/bg_about.gif") bottom left repeat-x !important; } .newsletters { width: 678px; padding: 10px 10px 300px; } #maincat { border-collapse: collapse; } #maincat td, #maincat th { border-top: 1px solid #d3e5e5; padding: 10px 0 15px; } /*---- HOME PAGE STYLES ----*/ #billboard { margin-bottom: 0px; padding-bottom: 0; } #spotlight { width: 698px; font: 12px Arial,Helvetica; font-weight: bold; border-collapse: collapse; } #spotlight td { text-align: center; } #spotlight th { width: 207px; } #callout { margin-left: 15px; } #callout td { padding: 0; font-size: 11px; } #callout td img { margin-bottom: 5px; } #callout td.c1 { padding: 0 5px 12px; border-right: 1px solid #877f69; border-bottom: 1px solid #877f69; } #callout td.c2 { padding: 0 5px 12px; border-right: 1px solid #877f69; border-bottom: 1px solid #877f69; } #callout td.c3 { padding: 0 5px 12px; border-bottom: 1px solid #877f69; } #callout td.c4 { padding: 12px 5px 0; border-right: 1px solid #877f69; } #callout td.c5 { padding: 12px 5px 0; border-right: 1px solid #877f69; } #callout td.c6 { padding: 12px 5px 0; } #spotlight a:link, #spotlight a:visited { color: #877f69; text-decoration: none; } #spotlight a:active, #spotlight a:hover { color: #000000; text-decoration: none; } #socialmedia { margin: 0; border: 0; border-collapse: collapse; padding: 0; } /*---- SUB PAGE STYLES ----*/ img.bio { float: right; margin: 0 -30px 20px 20px; } ul.faqs { float: left; width: 260px; margin-left: 16px; margin-bottom: 1.25em; padding-left: 0; color: #b48198; } ul.faqs a:link, ul.faqs a:visited { color: #46132a; font-weight: bold; text-decoration: none; } .faqs h3 { clear: both; margin-bottom: 0; border-top: 1px solid #9ea5cd; color: #46132a; font: 12px Georgia,serif; font-weight: bold; line-height: 21px; } .faqs p { margin: 0 0 1.25em; } .toplink { display: block; float: right; margin-bottom: .3em; padding-left: 10px; background: url("images/carat_top.gif") top left no-repeat; font: 9px Arial,sans-serif; text-transform: uppercase; letter-spacing: .2em; } .toplink:link, .toplink:visited, .toplink:hover, .toplink:active { text-decoration: none; } #press { } #press td { width: 142px; height: 142px; text-align: center; vertical-align: middle; } /*---- FOOTER STYLES ----*/ #copyright { float: right; margin-top: 14px; color: #332400; font: 9px Verdana,sans-serif; } #footer { float: right; list-style-type: none; margin-top: 14px; color: #332400; font: 9px Verdana,sans-serif; text-transform: uppercase; } #footer.home { } #footer li { float: left; padding: 0 .5em; border-left: 1px solid #332400; } #footer li:first-child { padding-left: 0; border-left: 0; } #footer a:link, #footer a:visited { color: #332400; text-decoration: none; } #footer a:hover, #footer a:active { color: #000; text-decoration: underline; } #bullet { clear: both; position: relative; float: left; z-index: 4; margin: -137px 0 0 -33px ; } /*---- LIGHTBOX STYLES ----*/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }