/* -------------------------------------------------------------- * Resets default browser CSS. -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { background: #fff; } /*table { border-collapse: collapse; border-spacing: 0; }*/ caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } #container a.img { text-decoration:none; } input,textarea { margin: 0; } /* Removes Firefox imposed outline */ a { outline: none; } /* Clearing floats without extra markup */ .wrapper { display: inline-block; } .wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .wrapper { height: 1%; } .wrapper { display: block; } /* body { background: url('/image/wpd/css/bgs/body-rebrand.jpg') repeat-y scroll center top transparent} */ /* -------------------------------------------------------------- * Sets up some sensible default typography. -------------------------------------------------------------- */ /* This is where you set your desired font size. The line-heights and vertical margins are automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px). */ body { font-size: 80%;color:#6b6b6b;letter-spacing:0; } /* Default fonts and colors. */ body, p, h1.home,h3, h4, h5, h6, ul, ol, dl, input, textarea { font-family: Arial, Verdana, sans-serif; } #container body { line-height: 1.5; } #container h1,#container h2 { font-family: "Times New Roman", Georgia, serif; } #container h1{ color:#666; } #container h3{ color:#6b6b6b; } #container h2,#container h2 a,#container h4 { color:#43ADDF; } /* Headings -------------------------------------------------------------- */ #container h1,#container h2,#container h3,#container h4,#container h5,#container h6 { font-weight: normal; } #container h1 span,#container h2 span,#container h3 span,#container h4 span,#container h5 span,#container h6 span { font: normal .65em Arial, Verdana, sans-serif; color:#6b6b6b; } #container h1 span { font-size:.5em; } #container h1 span a,#container h2 span a,#container h3 span a,#container h4 span a,#container h5 span a,#container h6 span a { /* color:#6b6b6b;*/ } #container h1 a, #container h2 a, #container h3 a, #container h4 a, #container h5 a, #container h6 a { text-decoration: none; } #container h1 { font-size: 1.6em; line-height: 1.1; margin: .5em 0; } /* --- once all articles are moved over to the new layout and stripped of bad code, we can remove h1.headermain from here --- */ #container h1.headermain,#container h1.articleHead { font-size: 1.4em; text-align:center; margin-bottom:1em; clear:both; } #container h1 a,#container h2 a { text-decoration:none; } #container h2 { font-size: 1.6em; line-height:1; margin-top: .6em; } #container h3 { font-size: 1em; line-height: 1; margin-top:.5em;font-weight:bold; } #container h4 { font-size: 1.1em; line-height: 1.25; margin-top: 1em;font-weight:bold; } #container h5 { font-size: 1em; margin-bottom: 1.5em; } #container h6 { font-size: .9em; } /* Text elements -------------------------------------------------------------- */ #container p { margin: 0 0 1em; } #container ul, #container ol { margin: 0 1.5em 1.5em 1.8em; } #container ul { list-style-type: disc; } #container ol { list-style-type: decimal; } #container dl { margin: 0 0 1.5em 0; } #container dl dt { font-weight: bold; } #container dl dd { margin-left: 1.5em; } #container abbr, #container acronym { border-bottom: 1px dotted #000; } #container address { margin-top: 1.5em; font-style: italic; } #container del { color: #000; } a { color: #43ADDF; text-decoration: none; } a:hover { text-decoration: none; color:#265c72;} #container th a { color:#666; text-decoration:none; } #container blockquote { margin: 1.5em; } #container strong { font-weight: bold; } #container em, #container dfn { font-style: italic; } #container dfn { font-weight: bold; } #container pre, #container code { margin: 1.5em 0; white-space: pre; } #container pre, #container code, #container tt { font: 1em monospace; line-height: 1.5; } #container tt { display: block; margin: 1.5em 0; line-height: 1.5; } /* Tables -------------------------------------------------------------- */ #container th { font-weight: bold; } #container th,#container td { padding: 4px 10px 4px 0; } #container table { margin-bottom: 1.4em; } #container th { font-weight: bold; } #container tfoot { font-style: italic; } #container caption { background: #ffc; } /* Some default classes -------------------------------------------------------------- */ .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .quiet { color: #999; } .hide { display: none; } .highlight { background: #ffc; } .top { margin-top: 0; padding-top: 0; } .bottom { margin-bottom: 0; padding-bottom: 0; } .sale { color:#B52025;} /* -------------------------------------------------------------- * dropdowns.css -------------------------------------------------------------- */ #nav, #nav ol { padding: 0; margin: 0; list-style: none; line-height: 1; } #nav { clear:both; margin:0 0 5px 0; width:960px; position:relative; z-index:100; overflow:visible; } /* --- 2009 holiday ribbon; keeping around just in case we want to reuse in 2010 or something else during another holiday #nav span.ribbon { display:block; background: url('/image/wpd/css/bgs/2009_ribbon.png') no-repeat center left; height:50px; width:50px; position:absolute; top:0; left:321px; margin-top:-6px; line-height:1; z-index:1000; } */ #nav a,#nav li li { display: block; cursor:pointer; } #nav,#nav li, #nav li a { height:40px; } #nav li a:hover { text-decoration:none; } #nav a,#nav li,#nav li ol { width:14em; } #nav li { float: left; } #nav ol,#nav li, #nav li a:hover,#nav li:hover, #nav li.sfhover { background: url('/image/wpd/nav-sprite-2012-02-14.png') no-repeat top left; } #nav li a { text-indent:-9999em; } #nav li ol { position: absolute; background:#b3a695; left: -999em; border:1px solid #766d62; } #nav li:hover ol, #nav li.sfhover ol { left: auto; background-position: 0 0; z-index:10; } #container, #container.shop, #container-dynamic { position: relative; } #nav li:hover ol.last,#nav li.sfhover ol.last { left:758px; padding:10px; } #nav li ol ol { /* third-and-above-level lists */ margin:-1.9em 0 0 16.4em; } #nav li#wedding:hover ol.multi1 { left: 0; min-height: 137px; border-right: none; } #nav li#wedding:hover ol.multi2 { left: 180px; min-height: 137px; border-right: none; border-left: none; } #nav li#wedding:hover ol.multi3 { left: 359px; min-height: 137px; border-left: none; } #nav li#wedding:hover ol li.non-link { color: #E5F1F8; margin-left: 3px; cursor: default; } #nav li:hover ol ol, #nav li.sfhover ol ol { left: -999em; } #nav li:hover ol, #nav li li:hover ol, #nav li.sfhover ol, #nav li li.sfhover ol { /* lists nested under hovered list items */ left: auto; } #nav li:hover li a, #nav li.sfhover li a { text-indent:0; } #nav li li,#nav li li a { height:auto; color:#fff; font-weight:bold; } #nav li li { float:none; font-size:.85em; line-height:1.4em; background-image:none; display:inline; /* <-- fix for IE6 display problem */ } #nav li li.indent a{margin-left: 10px; font-weight:normal;} #nav li li.sfhover { background-image:none; } #nav li li li { font-size:1em; } #nav li li a { padding:3px 3px 2px; text-decoration:none; clear:both; display:block; overflow:hidden; } #nav li li a:hover { background:#5cadd6; /*color:#533519;*/ } .wpd-temp-nolink:hover { cursor:default !important; background:#B3A695 !important; } /*wedding invitation*/ #nav li#wedding, #nav li#wedding > a { width:145px; } #nav li#wedding { background-position: 0 -21px; } #nav li#wedding a:hover, #nav li#wedding:hover, #nav li#wedding.sfhover { background-position: 0px -79px; } /*save the date*/ #nav li#savethedate, #nav li#savethedate > a { width:101px; } #nav li#savethedate { background-position: -145px -21px; } #nav li#savethedate a:hover, #nav li#savethedate:hover, #nav li#savethedate.sfhover { background-position: -145px -79px; } /*shower & party invitation*/ #nav li#partyinvitations, #nav li#partyinvitations > a { width:174px; } #nav li#partyinvitations { background-position: -246px -21px; } #nav li#partyinvitations a:hover, #nav li#partyinvitations:hover, #nav li#partyinvitations.sfhover { background-position: -246px -79px; } /*reception & ceremony*/ #nav li#reception, #nav li#reception > a { width:151px; } #nav li#reception { background-position: -420px -21px; } #nav li#reception a:hover, #nav li#reception:hover, #nav li#reception.sfhover { background-position: -420px -79px; } /*ty cards & stationery*/ #nav li#socialstationery, #nav li#socialstationery > a { width:189px; } #nav li#socialstationery { background-position: -571px -21px; } #nav li#socialstationery a:hover, #nav li#socialstationery:hover, #nav li#socialstationery.sfhover { background-position: -571px -79px; } /*favors & gifts*/ #nav li#favors, #nav li#favors > a { width:99px; } #nav li#favors { background-position: -760px -21px; } #nav li#favors a:hover, #nav li#favors:hover, #nav li#favors.sfhover { background-position: -760px -79px; } /*photobooks*/ #nav li#photobook, #nav li#photobook > a { width:101px; } #nav li#photobook { background-position: -859px -21px; } #nav li#photobook a:hover, #nav li#photobook:hover, #nav li#photobook.sfhover { background-position: -859px -79px; } /*#nav li#photobooks, #nav li#photobooks > a { width:88px; } #nav li#photobooks { background-position: -756px 0px; } #nav li#photobooks a:hover, #nav li#photobooks:hover, #nav li#photobooks.sfhover { background-position: -756px -58px; } #nav li#holidays, #nav li#holidays > a { width:116px; } #nav li#holidays { background-position: -844px 0px; } #nav li#holidays a:hover, #nav li#holidays:hover, #nav li#holidays.sfhover { background-position: -844px -58px; } */ #nav li#wedding li, #nav li#wedding li a, #nav li#savethedate li, #nav li#savethedate li a, #nav li#partyinvitations li, #nav li#partyinvitations li a, #nav li#reception li, #nav li#reception li a, #nav li#socialstationery li, #nav li#socialstationery li a, #nav li#favors li, #nav li#favors li a, #nav li#photobook li, #nav li#photobook li a { width:auto; } /*#nav li#photobooks li, #nav li#photobooks li a, #nav li#holidays li, #nav li#holidays li a*/ #nav li#photobook:hover ol { left: 780px; } #nav li li a span,#nav li li a:hover span { float:left; height:auto; margin:0; } #nav li li a span.arr,#nav li li a:hover span.arr { display:inline; float:right; margin:-.2em 0 0 0; padding:0; } #sidebar { float:left; width:190px; line-height:1.4; text-transform: lowercase; } #sidebar div.last { border-bottom:0; } #sidebar ol,#sidebar ul,#sidebar li,#sidebar ol#sidenav { list-style:none; } #sidebar ol,#sidebar p,#sidebar h3 { margin:0; padding:0; } #sidenav li { border-bottom:2px dotted #eee; padding:8px 0; color:#3889a9; } #sidenav li.last { border:0; } #sidebar li ul { margin:0 1em 0 0; /* border:1px solid #333;*/ } #sidebar li ul ul { margin:0 1em 0 0; } #sidebar #sidenav li li { background:none; border:0; margin:0; padding:0; } #sidebar #sidenav h3,#sidebar #sidenav p { margin:0 0 0 6px; } #sidebar #sidenav h3 { font: bold .9em Arial, Verdana, serif; /* background: url('/image/wpd/css/bgs/arrow-blue.png') no-repeat center left;*/ } #sidebar #sidenav h3, #sidebar #sidenav h3 a { color:#666666; } #sidebar #sidenav h3 a, #sidebar #sidenav h3 a:hover { text-decoration:none; } #sidebar #sidenav h3 a:hover { color:#265c72; } #sidebar .partner-nav h3, #sidebar .partner-nav ul { padding-left:10px; } #sidebar .partner-nav h3, #sidebar .partner-nav ul, #sidebar .partner-nav li { margin:0; padding:0; list-style:none; } #sidebar .partner-nav h3, #sidebar .partner-nav ul { padding-left:10px; } #sidebar .partner-nav h3 { /*background: url('/image/wpd/css/bgs/arrow-blue.png') no-repeat center left;*/ font-weight:bold; } #sidebar .partner-nav ul { margin-bottom:10px; margin-left: 10px; } #sidebar .partner-nav li { line-height:1.5; } #sidenav p { font-size:.9em; } #sidenav li.seasonal { position:relative; } #sidebar li p { text-transform:lowercase; } #sidebar ul li { list-style:square; } #sidebar ul li li { list-style:none; } #sidebar #sidenav li ul li { margin:0 0 0 10px; padding:0; list-style:none; } #sidebar #sidenav li ul ul li { margin:0; padding:0; } #sidebar a { text-decoration: none; } #sidebar a:hover { text-decoration: underline; } #sidebar h3 a { color:#6b6b6b; } #sidebar #social-link ul,#sidebar #social-link li { margin:0; padding:0; list-style:none; } #sidebar #testimonial { padding-bottom: 10px; text-transform: none; } #sidebar #social-link { padding-top:10px; margin-top:5px; } #sidebar #social-link ul { margin-top:10px; } #sidebar #social-link li { background: url('/image/wpd/css/icons/social-sprite.png') no-repeat left center; padding-left:22px; margin:5px 0; font-size:.9em; /* border:1px solid #333;*/ height:17px; } #sidebar #social-link li.blog { background-position: 0 -42px; } #sidebar #social-link li.twitter { background-position: 0 -21px; } #sidebar #social-link li.facebook { background-position: 0 0; } #sidebar #social-link li.reorder { background-position: 0 -80px; } #sidebar #social-link li.envelope { background-position: 0 -62px; } #sidebar #social-link li.video { background-position: 0 -120px; } /* -------------------------------------------------------------- framework.css - by Eric Ritchey this is the framework base that everything gets their widths from;this must be included on every page if you include screen.css it should be set as one of the import rules Date Created: 1/20/09 version 1.0 -------------------------------------------------------------- */ /* body,#container div#content-contain,#container { background:#fff; } */ #container div#content-contain,#container { background:#fff; } #container,#container.shop,#container-dynamic{ margin:0 auto; width:960px; } #container-dynamic td, #container-dynamic tr{ vertical-align: top; } /* -- this can be removed once we rid ourselves of lp.css --- */ #container h1 a.linkmain, #container h2 a.linkmain, #container .lp_header1 a.linkmain, #container .lp_bodyheader a.linkmain{ text-decoration:none; } /* top nav -------------------------------------------------------------- */ #topnav { overflow:hidden; /* removed for holiday snow flakes */ /* margin-bottom: 30px; */ margin-bottom: 5px; } #no-promo-box{ margin-top:5px; padding:3px 8px; float:left; height:35px; } #promo-box { text-transform: none; margin-top:5px; float:left; font-size: 0.9em; color:#86ab3f; text-align:right; height:35px; padding: 3px 8px; border: 1px solid #ccc; } #promo-box img { vertical-align:middle; margin-right:2px; } #promo-box span { font-size: 0.8em; } /* --- logo section --- */ #logo,.livechatIcon,input.input,input.button { float:left; } #links,#links form span { float:right; } #logo { margin-top:43px; } #logo h2 { font:0.9em Arial, Verdana, sans-serif; color:#6b6b6b; margin:0; padding:0; margin: 6px 0 0 5px; } /* --- links section --- */ #util-nav { float:right; width:635px; margin-top:30px; } #container-dynamic span.acct, #container-dynamic span.aux, #container span.acct, #container span.aux { font: 0.9em Arial, Verdana, sans-serif; margin: 0; padding: 0; margin: 0 0 5px 0; display:inline; text-align:right; width:400px; float:right; } #container-dynamic span.aux #info, #container span.aux #info { padding: 7px 5px 0 0; float: right; } #container-dynamic span.search, #container span.search { float:right; padding-top:3px; } input.input { background: #fff url('/image/wpd/css/bgs/input-gradient.png') repeat-x top left; border:1px solid #e8e8e8; margin:0 10px 0 0; padding:2px; color:#888; width:115px; } #breadcrumb { font-size:.8em; text-transform:lowercase; margin:.8em 0; } #banner-contain { display:block; width:100%; height:45px; text-indent:-9999em; overflow:hidden; margin:.5em 0; } #banner-contain a,.thermo-banner a { display:block; width:100%; height:100%; } .home-salebanner { background: url('/image/wpd/css/banners/home-banner.png') no-repeat bottom center; } .full-salebanner { background: url('/image/wpd/css/banners/static-full-banner-2.png') no-repeat bottom center; } .full-salebanner-alt { background: url('/image/wpd/css/banners/static-full-banner-2.png') no-repeat bottom center; } .full-salebanner-alt-2{ background: url('/image/wpd/css/banners/static-full-banner-3.png') no-repeat bottom center; } .sem-salebanner { background: url('/image/wpd/css/banners/sem-banner.png') no-repeat bottom center; } .beaucoup-banner { background: url('/image/wpd/css/banners/beaucoup-banner.png') no-repeat bottom center; } .sub-salebanner { background: url('/image/wpd/css/banners/sub-banner.png') no-repeat center center; } .thermo-banner { background: url('/image/wpd/css/banners/thermo-banner.png') no-repeat bottom center; } .websites-banner { background: url('/image/wpd/css/banners/websites-banner.png') no-repeat bottom center; } .wedding-banner { background: url('/image/wpd/css/banners/wedding-banner.png') no-repeat bottom center; } .wedding-banner-home { background: url('/image/wpd/css/banners/wedding-banner-home.png') no-repeat bottom center; } .freeship-banner { background: url('/image/wpd/css/banners/freeship-banner.png') no-repeat bottom center; } .bridal-banner { background: url('/image/wpd/css/banners/bridal-banner.png') no-repeat bottom center; } /* --- test nav area --- */ #global-promo { position:relative; background: #EFEFEF; background-image: url('/image/tp/rebrand/global-promo-bg.png'); background-position: left bottom; background-repeat: repeat-x; display: block; width: 100%; color: #666; height: 47px; font: normal 1em Helvetica, Arial, sans-serif; margin-bottom: 4px; z-index: 105; } #global-promo p { font-size: 1.2em; position: absolute; top:20px; right: 0pt; color: #666; } #global-promo h2 { font-size: .9em; position: absolute; padding: 0; margin: 0; top: 16px; left: 0; color: #666; } #global-promo a { height: 100%; width: 100%; color: #3399CC; } #global-promo a:hover { text-decoration: none; } #global-promo strong { color:#b52025; } #global-promo .wrap { margin-left:auto; margin-right:auto; width:960px; position:relative; padding-top:13px; } .shadow { -moz-box-shadow: 0px 3px 8px -2px #000000; -webkit-box-shadow: 0px 3px 8px -2px #000000; box-shadow: 0px 3px 8px -2px #000000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); } .lp-promo { padding:5px; text-align: center; font-weight: none; font-style: normal; font-size: 14px; } .lp-promo img { vertical-align:middle; } .lp-promo span { color:#85AC36; font-family: arial; font-size:15px; } .lp-promo a{ color:#686868 !important; } /* --- project domo global site switcher nav --- */ #super-switcher { position: absolute; top: 0; z-index: 155; height: 47px; min-width: 1024px; width: 100%; } #super-switcher.ie { right: 0; } #super-switcher > div { position: relative; float: right; height: 47px; z-index: 160; overflow: visible; } #super-switcher > div > div { display:none; margin-top: 9px; background-color: #f7f7f7; color: #666666; height: 279px; width: 310px; position: absolute; right: 0; top: 40px; } #super-switcher > div > div p { margin: 25px 25px 0 25px; } #super-switcher > div:hover > div { display:block; box-shadow: 10px 10px 10px -5px rgba(0,0,0,.2); -o-box-shadow: 10px 10px 10px -5px rgba(0,0,0,.2); -moz-box-shadow: 10px 10px 10px -5px rgba(0,0,0,.2); -webkit-box-shadow: 10px 10px 10px -5px rgba(0,0,0,.2); } #super-switcher > div > a { display:block; width: 100%; height: 49px; } #super-switcher > div#label { width: 155px; } #super-switcher > div#label p { padding: 15px 10px 0 0; } #super-switcher > div#tp { background: url('/image/tp/rebrand/xtab-tp.jpg') no-repeat; width: 151px; } #super-switcher div#tp div { background: url('/image/tp/rebrand/xtab-content-wpd-header-tp.jpg') no-repeat; } #super-switcher > div#tpc { background: url('/image/tp/rebrand/xtab-tpc.jpg') no-repeat; width: 151px; } #super-switcher div#tpc div { background: url('/image/tp/rebrand/xtab-content-heder-tpc-2012-02-14.jpg') no-repeat; } #super-switcher > div#tpg { background: url('/image/tp/rebrand/xtab-tpg.jpg') no-repeat; width: 159px; } #super-switcher div#tpg div { background: url('/image/tp/rebrand/xtab-content-heder-tpg-2012-02-14.jpg') no-repeat; } #super-switcher > div#wpd { background: url('/image/tp/rebrand/xtab-wpd.jpg') no-repeat;; width: 176px; } #super-switcher div#wpd div { background: url('/image/tp/rebrand/xtab-content-heder-wpd.jpg') no-repeat; } /* --- project panda top nav shnazzy stuff --- */ .ship-drop, #shipple-ie, #shipple { cursor: pointer; } #shipple, #shipple-ie { /* ship+table, get it? */ display: none; position: absolute; left: 0px; width: 970px; height: auto; z-index: 135; overflow: hidden; margin: 10px auto; } #shipple-content, #shipple-ie { background: #FFF; margin:-3px 0 5px 5px; width:960px; } #shipple-ie { width: 960px; margin: 27px auto; } #shipple-content-ie { position:relative; border:1px solid #666; border-top:none; width:958px; top:-4px; } #shipple-content-ie p, #shipple-content p { float:none; padding: 0px 45px 30px; } #shipple-content-ie img, #shipple-content img { /* padding: 20px 45px;*/ } #shipple img { margin:0 0 0 5px; } #top-panel-x { float:right; padding:10px; } #top-panel-x img { padding:0; } #drops { float:left; } #global-promo .wrap #drops p#blah { position: relative; top:0px; } #drops p { position:inherit; } #drops p.alignRight { margin-top: 10px; font-size: 1em; position: relative; } .shadow-full.gray { background: url('/image/common/gray-shadowing.png') no-repeat scroll center bottom transparent; } .c-brdr-r { border-right:2px dotted #EBEBEB; margin-right:10px; } #sneakpeek_email { width:47%; margin-left:16px; } #about_email { border:1px solid #BCBCBC; color:#939598; height:30px; width:300px; float:left; margin-right:10px; margin-left:25px; } #featured-aside div.wrap p { font-size:85%; } #featured-aside div.wrap a { font-size:100%; } .invitations-theme { background:url('http://static-cache.tp-global.net/image/wpd/css/promo/cat-smb/wedding-invitation-theme.png') no-repeat bottom left; display:block; width:720px; height:140px; text-indent:-99999px; overflow:hidden; margin:0 0 10px 0; } .std-theme { background:url('http://static-cache.tp-global.net/image/wpd/css/promo/cat-smb/save-the-date-invitation-theme.png') no-repeat bottom left; display:block; width:720px; height:140px; text-indent:-99999px; overflow:hidden; margin:0 0 10px 0; } .mar-lgt { margin-top:10px; } /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ body { min-width: 960px; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container { padding: 0 5px; width: 950px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .col_13, .col_14, .col_15, .col_16, .col_17, .col_18, .col_19, .col_20, .col_21, .col_22, .col_23, .col_24 { display:inline; float: left; position: relative; margin: 0 5px 20px; } .grid div, .col_18 .col4, .col_18 .col5 { margin-bottom: 10px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16, .push_17, .pull_17, .push_18, .pull_18, .push_19, .pull_19, .push_20, .pull_20, .push_21, .pull_21, .push_22, .pull_22, .push_23, .pull_23, .push_24, .pull_24 { position:relative; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container .col_1 { width:30px;} .container .col_2 { width:70px;} .container .col_3 { width:110px;} .container .col_4 { width:150px;} .container .col_5 { width:190px;} .container .col_6 { width:230px;} .container .col_7 { width:270px;} .container .col_8 { width:310px;} .container .col_9 { width:350px;} .container .col_10 { width:390px;} .container .col_11 { width:430px;} .container .col_12 { width:470px;} .container .col_13 { width:510px;} .container .col_14 { width:550px;} .container .col_15 { width:590px;} .container .col_16 { width:630px;} .container .col_17 { width:670px;} .container .col_18 { width:710px;} .container .col_19 { width:750px;} .container .col_20 { width:790px;} .container .col_21 { width:830px;} .container .col_22 { width:870px;} .container .col_23 { width:910px;} .container .col_24 { width:950px;} /* Prefix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container .prefix_1 { padding-left:40px;} .container .prefix_2 { padding-left:80px;} .container .prefix_3 { padding-left:120px;} .container .prefix_4 { padding-left:160px;} .container .prefix_5 { padding-left:200px;} .container .prefix_6 { padding-left:240px;} .container .prefix_7 { padding-left:280px;} .container .prefix_8 { padding-left:320px;} .container .prefix_9 { padding-left:360px;} .container .prefix_10 { padding-left:400px;} .container .prefix_11 { padding-left:440px;} .container .prefix_12 { padding-left:480px;} .container .prefix_13 { padding-left:520px;} .container .prefix_14 { padding-left:560px;} .container .prefix_15 { padding-left:600px;} .container .prefix_16 { padding-left:640px;} .container .prefix_17 { padding-left:680px;} .container .prefix_18 { padding-left:720px;} .container .prefix_19 { padding-left:760px;} .container .prefix_20 { padding-left:800px;} .container .prefix_21 { padding-left:840px;} .container .prefix_22 { padding-left:880px;} .container .prefix_23 { padding-left:920px;} /* Suffix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container .suffix_1 { padding-right:40px;} .container .suffix_2 { padding-right:80px;} .container .suffix_3 { padding-right:120px;} .container .suffix_4 { padding-right:160px;} .container .suffix_5 { padding-right:200px;} .container .suffix_6 { padding-right:240px;} .container .suffix_7 { padding-right:280px;} .container .suffix_8 { padding-right:320px;} .container .suffix_9 { padding-right:360px;} .container .suffix_10 { padding-right:400px;} .container .suffix_11 { padding-right:440px;} .container .suffix_12 { padding-right:480px;} .container .suffix_13 { padding-right:520px;} .container .suffix_14 { padding-right:560px;} .container .suffix_15 { padding-right:600px;} .container .suffix_16 { padding-right:640px;} .container .suffix_17 { padding-right:680px;} .container .suffix_18 { padding-right:720px;} .container .suffix_19 { padding-right:760px;} .container .suffix_20 { padding-right:800px;} .container .suffix_21 { padding-right:840px;} .container .suffix_22 { padding-right:880px;} .container .suffix_23 { padding-right:920px;} /* Push Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container .push_1 { left:40px;} .container .push_2 { left:80px;} .container .push_3 { left:120px;} .container .push_4 { left:160px;} .container .push_5 { left:200px;} .container .push_6 { left:240px;} .container .push_7 { left:280px;} .container .push_8 { left:320px;} .container .push_9 { left:360px;} .container .push_10 { left:400px;} .container .push_11 { left:440px;} .container .push_12 { left:480px;} .container .push_13 { left:520px;} .container .push_14 { left:560px;} .container .push_15 { left:600px;} .container .push_16 { left:640px;} .container .push_17 { left:680px;} .container .push_18 { left:720px;} .container .push_19 { left:760px;} .container .push_20 { left:800px;} .container .push_21 { left:840px;} .container .push_22 { left:880px;} .container .push_23 { left:920px;} /* Pull Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container .pull_1 { left:-40px;} .container .pull_2 { left:-80px;} .container .pull_3 { left:-120px;} .container .pull_4 { left:-160px;} .container .pull_5 { left:-200px;} .container .pull_6 { left:-240px;} .container .pull_7 { left:-280px;} .container .pull_8 { left:-320px;} .container .pull_9 { left:-360px;} .container .pull_10 { left:-400px;} .container .pull_11 { left:-440px;} .container .pull_12 { left:-480px;} .container .pull_13 { left:-520px;} .container .pull_14 { left:-560px;} .container .pull_15 { left:-600px;} .container .pull_16 { left:-640px;} .container .pull_17 { left:-680px;} .container .pull_18 { left:-720px;} .container .pull_19 { left:-760px;} .container .pull_20 { left:-800px;} .container .pull_21 { left:-840px;} .container .pull_22 { left:-880px;} .container .pull_23 { left:-920px;} /* 4 column layout for inside of col_18's ----------------------------------------------------------------------------------------------------*/ .col_18 div.col4 { width:170px; display:inline; float: left; position: relative; margin: 0 5px 20px; } .col_18 div.col4.alpha { margin-left: 0px; } .col_18 div.col4.omega { margin-right: 0px; } /* 5 column layout for inside of col_18's ----------------------------------------------------------------------------------------------------*/ .col_18 div.col5 { width:134px; display:inline; float: left; position: relative; margin: 0 5px 20px; } .col_18 div.col5.alpha { margin-left: 0px; } .col_18 div.col5.omega { margin-right: 0px; } /* True bordered framework divs build as necessary ----------------------------------------------------------------------------------------------------*/ .col_9.border-right.alpha { padding-right: 4px; padding-bottom: 0px; margin-right: 0; border-right: 1px solid #ccc; } .col_9.border-left.omega { padding-left: 4px; padding-bottom: 0px; margin-left: 0; border-left: 1px solid #ccc; } .col_6.border-right.alpha { padding-right: 4px; padding-bottom: 0px; margin-right: 0; border-right: 1px solid #ccc; } .col_6.border-left.omega { padding-left: 4px; padding-bottom: 0px; margin-left: 0; border-left: 1px solid #ccc; } /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { zoom: 1; } .v2#container #content a { color: #76b1d8; } .v2#container #content a:hover { text-decoration:underline; } .v2#container #content .lp-promo:hover a { text-decoration:none; } .v2#container #content p { color: #777; } .v2#container #content span.sale { color: #fa628d; } .v2#container .mar-b { margin-bottom: 20px; } .v2#container .pad-t { padding-top: 15px; } .v2#container { width: 950px; } .v2 #sidebar { width: 230px; } .v2 #content { width: 710px; } .v2 #main-contain { width: 710px; } .v2#container h3 { font-family: Helvetica, Arial, Sans-serif; font-weight: bold; padding: 5px 0; } .v2#container h2 { font-family: Georgia, "Times New Roman", Serif; color: #777; } .solid-divider { border-bottom:1px solid #ccc; } .v2#container #content h2 { background: #fff; color: #777; font-size: 1.3em; text-transform: uppercase; position: relative; overflow: hidden; } .v2#container #content h2 span { float:right; display:inline block; width: 100%; background: #fff; border-bottom: 1px solid #ccc; margin-left: 5px; position: absolute; bottom: 2px; } .v2#container p { margin: 0; } .v2#container ul { list-style-type: none; margin: 0; } /*-----WEDDING PAPER DIVAS PROMO FRAMEWORK -----------------------------------------------*/ /*-----lp-smb the html to use on the landing pages is: with the xxxxxxxxx replaced with the name of the category. .promo-invitations would be, for example: Include looks like this -----------------------------------------------*/ .lp-smb.promo-home { background: url('/image/wpd/css/promo/lp-smb/wedding-banner-home.png') no-repeat bottom center; } .lp-smb.promo-invitations, .lp-smb.promo-signature, .lp-smb.promo-by-color, .lp-smb.promo-by-theme, .lp-smb.promo-layered, .lp-smb.promo-formal, .lp-smb.promo-vintage, .lp-smb.promo-party, .lp-smb.promo-essentials, .lp-smb.promo-social, .lp-smb.promo-std { background: url('/image/wpd/css/promo/lp-smb/wedding-banner.png') no-repeat bottom center; } .lp-smb.promo-bridal { background: url('/image/wpd/css/promo/lp-smb/bridal-banner.png') no-repeat bottom center; } .lp-smb.promo-party { background: url('/image/wpd/css/promo/lp-smb/party-banner.png') no-repeat bottom center; } .lp-smb.promo-std { background: url('/image/wpd/css/promo/lp-smb/std-banner.png') no-repeat bottom center; } .lp-smb.promo-social { background: url('/image/wpd/css/promo/lp-smb/social-banner.png') no-repeat bottom center; } .lp-smb.promo-letterpress, .lp-smb.promo-thermography { background: url('/image/wpd/css/promo/lp-smb/thermo-banner.png') no-repeat bottom center; } .lp-smb.promo-holiday { background: url('/image/wpd/css/promo/lp-smb/holiday-banner.png') no-repeat bottom center; } .lp-smb.promo-books { background: url('/image/wpd/css/promo/lp-smb/books-banner.png') no-repeat bottom center; } .lp-smb.promo-calendars { background: url('/image/wpd/css/promo/lp-smb/calendars-banner.png') no-repeat bottom center; } .lp-smb.websites-banner { background: url('/image/wpd/css/banners/websites-banner.png') no-repeat bottom center; } .lp-smb.freeship-banner { background: url('/image/wpd/css/promo/lp-smb/freeship-banner.png') no-repeat bottom center; } .lp-smb.promo-sem { background: url('/image/wpd/css/banners/sem-banner.png') no-repeat bottom center; } .lp-smb.promo-pretty { background: url('/image/wpd/css/promo/lp-smb/style-me-pretty-banner.png') no-repeat bottom left; } /* the rules that go with the pages that often change .lp-smb.promo-letterpress, .lp-smb.promo-thermography { background: url('/image/wpd/css/promo/lp-smb/thermo-banner.png') no-repeat bottom center; } .lp-smb.promo-bridal { background: url('/image/wpd/css/promo/lp-smb/bridal-banner.png') no-repeat bottom center; } .lp-smb.promo-party { background: url('/image/wpd/css/promo/lp-smb/party-banner.png') no-repeat bottom center; } .lp-smb.promo-std { background: url('/image/wpd/css/promo/lp-smb/std-banner.png') no-repeat bottom center; } .lp-smb.promo-social { background: url('/image/wpd/css/promo/lp-smb/social-banner.png') no-repeat bottom center; } .lp-smb.promo-essentials { background: url('/image/wpd/css/promo/lp-smb/freeship-banner.png') no-repeat bottom center; } { background: url('/image/wpd/css/promo/lp-smb/accessories-banner.png') no-repeat bottom center; } { background: url('/image/wpd/css/promo/lp-smb/thermo-banner.png') no-repeat bottom center; } */ /*-----cat-smb format:
<---- where invitations is the category name A special offer from Wedding Paper Divas.
-----------------------------------------------*/ .cat-smb { display:block; height:45px; text-indent:-9999px; overflow:hidden; } .cat-smb a { display:block; height:45px; overflow:hidden; text-indent:-9999px; } .cat-smb.promo-invitations-cat, .cat-smb.promo-thank-you-cat, { background:url('/image/wpd/css/promo/cat-smb/wedding-banner-cat.png') no-repeat bottom center; } .cat-smb.promo-std-cat { background:url('/image/wpd/css/promo/cat-smb/std-banner-cat.png') no-repeat bottom center; } .cat-smb.promo-shower-cat { background:url('/image/wpd/css/promo/cat-smb/bridal-banner-cat.png') no-repeat bottom center; } .cat-smb.promo-programs-cat { background:url('/image/wpd/css/promo/cat-smb/programs-banner-cat.png') no-repeat bottom center; } .cat-smb.promo-announcements-cat { background:url('/image/wpd/css/promo/cat-smb/announcements-banner-cat.png') no-repeat bottom center; } .cat-smb.promo-party-cat, .cat-smb.promo-holiday-party-cat, .cat-smb.promo-stationery-cat, .cat-smb.promo-mint-tins-cat { background:url('/image/wpd/css/promo/cat-smb/freeship-banner-cat.png') no-repeat bottom center; } /* -------------------------------------------------------------- Wedding Paper Divas 11/13/09 - Version 1.0 by Eric Ritchey -------------------------------------------------------------- */ /* Site -------------------------------------------------------------- */ /* Put your site styles here */ #content-contain { clear:both; overflow: hidden; } #sidebar { width:185px; } #content { float:right; width:760px; position:relative; line-height:1.5; } #container.full #content { float:none; width:960px; } #main-contain { width:760px; margin-bottom:10px; } .wpd-home { padding: 4px; } #footer-cols .column,#promo-contain .column { padding-bottom: 9990px; margin-bottom: -10010px; } /* -- combined margin/padding:0; -- */ #img-wrapper,#side-column h2,#side-column h3,#press-section p,#press-section img,.box ul,.box li,.box p,#pop-cats ul,#pop-cats li { margin:0; padding:0; } /* -- combined float:left; -- */ #img-column,.three-col div,#press-section img,.full_template #hero-image,.two-col div.col1,.two-col div img,#pop-cats li,.wedding-collection div { float:left; } /* -- combined float:right; -- */ #side-column,#press-section p,.full_template #hero-links,.two-col div.col2 { float:right; } /* -- combined display:blocks; -- */ #img-wrapper a,#img-wrapper span,#product-selections a,#press-section p strong,.full_template #hero-image a,.signup,.wedding-collection h2 a,#hero #hero-shot a { display:block; } /* -- combined text hiders -- */ #img-wrapper a,#side-column h2,#side-column h3,#product-selections div,#hero.bella #hero-image,#hero.photobooks #hero-image,#hero.calendars #hero-image,#hero.photo-gifts #hero-image,.photobooks #hero-links h3,.calendars #hero-links h3,.signup, h2.wedding-collection,.wedding-collection h2,.our-card-service div,.tos_table .yes { text-indent:-9999em; overflow:hidden; } .wpd .shadow-full { background: url('/image/wpd/css/bgs/shadow-full.png') no-repeat center bottom; } .wpd .shadow-double { background: url('/image/wpd/css/bgs/shadow-double.png') no-repeat center bottom; } .wpd .shadow-single { background: url('/image/wpd/css/bgs/shadow.png') no-repeat center bottom; } #container.wpd .shadow-full, #container.wpd .shadow-double, #container.wpd .shadow-single { padding-bottom: 10px; } #main-contain + .core-3-col div { height: 124px; position: relative; margin: 0; width: 243px; } #main-contain + .core-3-col.c-mar-b { margin-bottom: 15px; } #main-contain + .core-3-col div.mid { border-left: 2px dotted #CCC; border-right: 2px dotted #CCC; margin: 0 5px; padding: 0 5px; } #main-contain + .core-3-col div div { background: #fff url('/image/wpd/misc/home-3-col-2012-02-28.jpg') no-repeat center center; } #main-contain + .core-3-col div.col-1 { background-position: 0 0; } #main-contain + .core-3-col div.col-2 { background-position: 0 -132px; } #main-contain + .core-3-col div.col-3 { background-position: 0 -266px; } .home .core-2-col > div { width: 355px; } .home .core-2-col > div.alpha { padding-left: 15px; } .home .core-2-col > div.mid { width: 1px; height: 115px; margin: 5px 0 5px 9px; border-right: dotted 2px #CCC; float: left; } .home .core-2-col > div.omega { padding-right: 15px; } /* --- content for keyword-based homepage imagery --- */ /* #main-contain.alt #home-hero { height: 275px; margin-bottom: 0; }*/ /* #main-contain.alt .core-3-col { margin-top: -9px; } */ #main-contain.alt .core-3-col div div { background: #fff url('/image/wpd/misc/home-3-col-alt.jpg') no-repeat center center; } #main-contain.alt .core-3-col div.col-1 { background-position: 0 0; } #main-contain.alt .core-3-col div.col-2 { background-position: 0 -132px; } #main-contain.alt .core-3-col div.col-3 { background-position: 0 -266px; } /* --- end special content styling --- */ #main-contain + .core-3-col p { padding-top: 53px; padding-left: 116px; width: 127px; text-align: left; font-size: .9em; } #main-contain + .core-3-col div.mid p.more { padding-top: 35px; } #main-contain + .core-3-col a { position: absolute; bottom: 0; right: 0; height: 28px; width: 238px; padding-top: 92px; padding-right: 10px; color: #6B6B6B; text-decoration: none; font-weight: normal; text-align: right; font-size: .9em; } #main-contain + .core-3-col a span { /*background: url('/image/wpd/css/bgs/arrow-white.png') no-repeat center left; padding-left:9px;*/ color:#3399cc; } #sub-contain { background: #eeeeee; /*padding: 20px 8px;*/ padding: 15px; overflow: hidden; } #sub-contain h3 { margin-top: 0; /* padding-top: 20px;*/ } #sub-contain #more-to-love > div > div { background-color: #FFF; min-height: 200px; padding: 5px; width: 224px; } #sub-contain #more-to-love > div { width: 234px; margin-left: 14px; float: left; } #sub-contain #more-to-love > div:first-child { margin-left: 0px; } #featured-primary { float: left; /*width: 63%;*/ width:457px; position:relative; } #featured-aside { float: right; /*width: 35%;*/ width: 253px; } div.wrap { /* padding: 8px; */ padding: 5px; } #featured-primary div.wrap, #featured-aside div.wrap { background-color: #fff; border: 1px solid #ebebeb; overflow: hidden; min-height:445px; height:auto !important; } #featured-primary h4 { color: #3889a9; font-size: .9em; margin-top: 0px; } #featured-primary h4, #featured-aside h4, #featured-primary p, #featured-aside p { margin-left: 5px; } #featured-primary #mini-index { float:right; margin-right: 10px; position:absolute; top:305px; right:10px; } #featured-primary #mini-index #mini-prev { background: #fff url('/image/wpd/misc/wpd-mini-slide-prev.gif') no-repeat center center; } #featured-primary #mini-index #mini-next { background: #fff url('/image/wpd/misc/wpd-mini-slide-next.gif') no-repeat center center; } #featured-primary #mini-index #mini-total { float:left; margin-top:3px; } #featured-primary #mini-index #mini-prev, #featured-primary #mini-index #mini-next { float:left; text-indent: -9999px; height:25px; width:25px; display:block; cursor:pointer; } #featured-primary p.right { position: absolute; bottom: 0; right: 0; } .feature { margin-top: 10px; } .feature p { clear: both; } .feature img { display: block; margin: 0 auto 5px; } #current-offers { background: #FFF; border: 1px solid #ccc; border-top: 0; clear: both; overflow: hidden; padding: 0 15px 15px;; } #container #sub-contain h3, #container #current-offers h3 { margin: 0; /*font-size: 1.1em;*/ font-size: 1.2em; color: #6b6b6b; font-weight: bold; } #container #sub-contain h3 { font-family: "Times New Roman",Georgia,serif; margin-bottom: 10px; } #container #current-offers h3 { padding: 15px 0px; font-family: "Times New Roman",Georgia,serif; font-size:1.2em; } #container #featured-aside h4 { margin-top: 25px; padding: 0; color: #6b6b6b; font-size: 1em; } #container #featured-aside h4.consultant { background: url("/image/wpd/css/icons/social-sprite.png") no-repeat scroll 0 -100px transparent; height: 17px; padding-left: 22px; } #container #featured-aside .feature.last { border-bottom: none; } #img-column { border:1px solid #d5ebf5; } #img-column, #img-wrapper, #img-wrapper a, #img-wrapper span { width:514px; } #img-wrapper, #img-wrapper a, #img-wrapper span { height:289px; } /*#hero,.box { border:2px dotted #eee; } */ #hero,.box { border:1px solid #ddd; } /* WPD Button CSS -------------------------------------------------------------- */ #container p.btn, #container-dynamic p.btn { background-image: url('/image/wpd/css/icons/sprite-buttons.png'); background-repeat: no-repeat; height: 23px; position: absolute; bottom: 10px; right: 10px; padding: 0; margin: 0; } p.on { /* order now button */ width: 89px; background-position: 0 -23px; } p.gs { /* get started button */ width: 93px; background-position: 0 0; } p.su { /* submit button */ width: 68px; background-position: 0 -46px; } p.btn a { display:block; height:100%; width:100%; text-indent:-9999px; overflow:hidden; } /* Landing Page styles -------------------------------------------------------------- */ #hero { overflow:hidden; float: left; min-height:231px; padding: 4px; margin-bottom: 20px; /*height:auto !important; height:231px;*/ } #hero #hero-shot { display:block; float:left; width:531px; height:231px; overflow:hidden; text-indent:-9999em; } #hero.look-book #hero-shot { width:929px; height:289px; } #hero.beyond #hero-shot,#hero.newlyweds #hero-shot { width:676px; height:289px; } #hero #hero-shot a { width:100%; height:100%; } #hero #text-col { border: none; background: #eee5d5; text-align:center; display:block; height:229px; width:190px; float:right; } #hero.beyond #text-col { width:244px; height:289px; } #hero.newlyweds #text-col { width:242px; height:289px; } #hero.beyond #text-col { background: #eee5d5 url('/image/wpd/css/bgs/beyond-collection.jpg') no-repeat center center; } #hero.newlyweds #text-col { background: #eee5d5 url('/image/wpd/css/bgs/wedding-websites.png') no-repeat center center; } #hero.layered #text-col { background: #eee5d5 url('/image/wpd/css/bgs/layered-collection.png') no-repeat center center; } #hero.layered-full-width a { text-indent:-9999px; height:231px; } #hero.story #text-col { background: #eee5d5 url('/image/wpd/css/bgs/story-winner.png') no-repeat center center; /* background: #eee5d5 url('img/bgs/story-winner.png') no-repeat center center; width:192px;*/ height:231px; border:0; } #text-col h2 { overflow:hidden; text-indent:-9999em; height:153px; width:169px; margin:.5em auto 0; padding-bottom:1em; } a.invites { height:23px; display:block; overflow:hidden; text-indent:-9999em; margin:0 auto; } #hero.newlyweds a.invites { margin: 7px 0 0 0; height: 40px; } /* #hero.beyond a.invites { margin: 4px 0 0 0; } commented to match spacing for 5 links. Uncomment for 4. */ #hero.save-date #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/wpd-save-the-dates.jpg') no-repeat center center; width: 731px; height: 286px; } #hero.save-date-magnets #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/wpd-save-the-date-magnets.jpg') no-repeat center center; width: 731px; height: 286px; } #hero.save-date-postcards #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/save-the-date-postcards.jpg') no-repeat center center; width: 731px; height: 286px; } #hero.bridal-shower { background: #fff url('/image/wpd/css/bgs/heros/bridal-shower-2012-02-14.jpg') no-repeat center center; width: 700px; height: 298px; } #hero.party-invites #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/party-invites-2012-02-13.jpg') no-repeat center center; width: 733px; height: 286px; } #hero.bachelorette #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/bachelorette-party.jpg') no-repeat center center; width: 733px; height: 286px; } #hero.letterpress #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/letterpress.jpg') no-repeat center center; width: 733px; height: 286px; } #hero.social #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/social-stationery-2012-02-13.jpg') no-repeat center center; width: 731px; height: 286px; } #hero.thermo #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/thermo-collection.jpg') no-repeat center center; width: 733px; height: 286px; } #hero.by-color-full-width #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/bycolor-collection.jpg') no-repeat center center; width: 730px; height: 286px; } #hero.by-style-full-width #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/bystyle-collection-full.jpg') no-repeat center center; width: 731px; height: 286px; } #hero.vintage-full #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/vintage_hero.jpg') no-repeat center center; width: 730px; height: 286px; } #hero.formal-full #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/formal_hero.jpg') no-repeat center center; width: 730px; height: 286px; } #hero.floral-full #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/sem-floral.jpg') no-repeat center center; width: 730px; height: 286px; } #hero.winter-invite #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/sem-winter-invite.jpg') no-repeat center center; width: 730px; height: 286px; } #hero.modern-full #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/sem-modern.jpg') no-repeat center center; width: 730px; height: 286px; } #hero.beyond #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/beyond-collection.jpg') no-repeat center center; } #hero.look-book #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/look-book.jpg') no-repeat center center; } #hero.essentials #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/essentials-lp.jpg') no-repeat center center; width: 731px; height: 286px; } #hero.story #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/story-winner.jpg') no-repeat center center; } #hero.newlyweds #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/wedding-websites.jpg') no-repeat center center; } #hero.layered-full-width { background: #fff url('/image/wpd/css/bgs/heros/layered.jpg') no-repeat center center; width: 730px; height: 231px; } #hero.enclosure #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/enclosure-cards.jpg') no-repeat center center; } #hero.sig-collection #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/hero-sig-collection.jpg') no-repeat center center; width: 733px; height: 286px; } #hero.order-samples #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/order-samples-2011-12-07.jpg') no-repeat center center; width: 731px; height: 286px; } #hero.envelopments #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/envelopments.jpg') no-repeat center center; width: 733px; height: 286px; } #hero.diy-collection #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/diy-custom.jpg') no-repeat center center; width: 730px; height: 286px; } #hero.engagement-ann #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/engagement-ann.jpg') no-repeat center center; width: 731px; height: 286px; } #hero.anniversary-party-sem #hero-shot { background: #fff url('/image/wpd/css/bgs/heros/anniversary-party-invite-sem.jpg') no-repeat center center; width: 731px; height: 286px; } /* new lp style heros */ #lp-hero.theme-and-color #hero-shot { background: url('/image/wpd/css/bgs/heros/theme-and-color.png') no-repeat center center; width: 737px; height: 284px;} #lp-hero.favors-and-gifts #hero-shot { background: url('/image/wpd/css/bgs/heros/favors-and-gifts.jpg') no-repeat center center; width: 737px; height: 284px;} #lp-hero.save-the-date-cards #hero-shot { background: url('/image/wpd/css/bgs/heros/save-the-date-2012-02-21.jpg') no-repeat center center; width: 737px; height: 284px;} .sig-coll #text-col h2 { background: #eee5d5 url('/image/wpd/css/bgs/signature-collection.png') no-repeat center center; } .save-date #text-col h2 { background: #eee5d5 url('/image/wpd/css/bgs/save-the-date.png') no-repeat center center; } .party-invites #text-col h2 { background: #eee5d5 url('/image/wpd/css/bgs/party-invites.png') no-repeat center center; } .letterpress #text-col h2 { background: #eee5d5 url('/image/wpd/css/bgs/letterpress-collection.png') no-repeat center center; } .social #text-col h2 { background: #eee5d5 url('/image/wpd/css/bgs/social-stationery.png') no-repeat center center; } .thermo #text-col h2 { background: #eee5d5 url('/image/wpd/css/bgs/thermo-collection.png') no-repeat center center; } .by-style #text-col h2 { background: #eee5d5 url('/image/wpd/css/bgs/bystyle-collection.png') no-repeat center center; } .enclosure #text-col h2 { background: #eee5d5 url('/image/wpd/css/bgs/enclosure-cards.png') no-repeat center center; } .sig-coll a.invites { background: url('/image/wpd/css/bgs/buttons/shop-invites.png') no-repeat center center; width: 129px; } .party-invites a.invites { background: url('/image/wpd/css/bgs/buttons/shop-party-invitations.png') no-repeat center center; } .letterpress a.invites { background: url('/image/wpd/css/bgs/buttons/shop-letterpress.png') no-repeat center center; width: 142px; } .social a.invites { background: url('/image/wpd/css/bgs/buttons/shop-thankyou.png') no-repeat center center; width: 162px; } .thermo a.invites { background: url('/image/wpd/css/bgs/buttons/shop-thermo.png') no-repeat center center; width: 144px; } .save-date a.invites { background: url('/image/wpd/css/bgs/buttons/shop-savedate.png') no-repeat center center; width: 138px; } .by-style a.invites { background: url('/image/wpd/css/bgs/buttons/shop-bystyle.png') no-repeat center center; width: 181px; } .enclosure a.invites { background: url('/image/wpd/css/bgs/buttons/shop-enclosure-cards.png') no-repeat center center; width: 160px; } /* new lp trailing images */ .lp #theme-and-color, .lp #favors-and-gifts { background: url('/image/wpd/css/bgs/theme-and-color-trailing.png') no-repeat center center; height:198px; padding-top:0px; } .lp #favors-and-gifts { background: #ebf2f8 url("/image/wpd/css/bgs/favors-and-gifts-trailing.jpg") no-repeat right center; } /* new lp main-contiainer padding */ #lp-hero { border-bottom: 1px solid #CCCCCC; } .lp #lp-hero > div { padding:11px; } .lp #lp-footer { border-top: 2px dotted #EBEBEB; margin-bottom:10px; } .lp #lp-footer .blurb { padding: 10px; width:255px; } .lp #lp-footer h2 { color:#797979; font-size: 1.2em; font-weight:bold; margin-top:0px; } #content.lp .middle h2 { color:#797979; margin:10px 0; font-size: 1.2em; font-weight:bold; } #content.lp .middle h2:first-child { margin: 0 0 10px; } #content.lp .middle h3 a{ color:#3399cc; padding-left: 4px; } #content.lp .middle h4, #content.lp .middle h4 a{ color:#3399cc; padding-left: 4px; } #content.lp .middle p { padding-left:4px; } .lp .middle { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding:11px; overflow:hidden; } .lp .new-2-col, .lp .new-4-col { display:block; padding-bottom:10px; float:left; margin-bottom: 10px; } .lp .new-2-col div { width:360px; float:left; } .lp .new-2-col div.alpha { padding-right: 8px; } .lp .new-2-col div.omega { padding-left: 8px; } .lp .new-4-col div { width:172px; float: left; padding: 0 8px; display: inline; } .lp .new-4-col div.alpha { padding-left: 0px; } .lp .new-4-col div.omega { padding-right: 0px; } .lp .middle img { padding: 3px; border: 1px #ccc solid; } .lp .middle .last { margin-bottom:0px; padding-bottom:0px; } #lp-hero #hero-shot a { text-indent: -9999em; display:block; width:100%; height: 100%; } .shopallinvites { width:729px; height:32px; } .shopallinvites a { background:url('/image/wpd/css/bgs/buttons/shop-all-invites-banner.png') no-repeat center center; text-indent:-9999px; overflow:hidden; display:block; height:100%; width:100%; } /* --- temporary sidenav styles ---*/ #sidenav li ul { padding:0 0 0 .6em; margin:0; list-style:none; } #sidenav li { color:#6b6b6b; } #sidenav li ul ul { padding:0 0 0 .9em; } #sidenav li ul li a { text-decoration:none; } #sidenav li ul ul li { } #sidenav li ul ul li a { text-decoration:none; } /* --- end sidenav styles ---*/ /* --- end landing page styles --- */ h1.home { color:#6b6b6b; font-size:1.1em; font-weight:bold; } .last,#hero-links h4.last { border-bottom:0; margin-right:0; } /* --- two columns --- */ .two-col,.three-col { clear:both; overflow:hidden; margin:1em 0; } .two-col div { overflow:hidden; padding:1em; width:45%; } .two-col div img { margin-right:.7em; } .two-col p { font-size:.9em } /* --- three columns --- */ .three-col { clear:both; overflow:hidden; margin:1em 0; } .three-col .col2 { margin:0 10px; } #smugmug-cols.three-col .col2 { margin:0 10px; } .three-col div { width:246px; } #product-selections a { height:64px; } #product-selections .col1 { background: url('/image/wpd/css/bgs/shower-invites.jpg') no-repeat scroll center center; } #product-selections .col2 { background: url('/image/wpd/css/bgs/wedding-menus.jpg') no-repeat scroll center center; } #product-selections .col3 { background: url('/image/wpd/css/bgs/order-samples.jpg') no-repeat scroll center center; } #press-section p { width:150px; font-size:.9em; margin-left:5px; } /* --- gradients --- */ .upgradient { background: #fff url('/image/wpd/css/bgs/gradient-up.png') repeat-x bottom left; border:1px solid #ccc; padding:1em; } /* --- background image number lists --- */ #container .order-samples h2 { margin-top: 1.6em; } #container div.numbers { margin-left: 340px; } #container div.numbers ol { list-style-type: none; } #container div.numbers li { margin: 5px; background-image: url('/image/wpd/css/icons/numbers.png'); background-repeat: no-repeat; padding:7px 0 8px 40px; } #container div.numbers .n1 { background-position: 0 6px; } #container div.numbers .n2 { background-position: 0 -34px; } #container div.numbers .n3 { background-position: 0 -76px; } #container div.numbers .n4 { background-position: 0 -117px; } /* --- Full Page Template --- */ .full #hero { padding:1em; overflow:hidden; } .full_template #hero-image,.full_template #hero-links { height:289px; } .full_template #hero-image { width:676px; } .full_template #hero-image a { height:100%; } .full_template #hero-links { width:238px; } /* -------------------------------------------------------- PARTNER PAGE STYLING /partners/dessy.htm /partners/beaucoup.htm -------------------------------------------------------- */ #hero.partner #hero-image,#hero.partner #hero-links h3 { overflow:hidden; text-indent:-999px; } #hero.partner #hero-image,#hero.partner #hero-image a { display: block; width:531px; height:231px; } #hero.partner { background-repeat: no-repeat; background-position: top left; width: 730px; } #hero.partner #hero-image { float: left; width: 531px; } #hero.beaucoup #hero-image { background-image: url('/image/wpd/css/partners/beaucoup-hero.jpg'); } #hero.dessy #hero-image { background-image: url('/image/wpd/css/partners/dessy-hero.jpg'); width: 730px; } #hero.partner #hero-links { float:right; width: 187px; height:229px; overflow:hidden; } #hero.dessy #hero-links { background: #ecf1f7; border-color: #dae1e8; } #hero.partner #hero-links h4 { background-position: left center; margin:0 10px; padding:10px; } .partner #hero-links h3, .partner #hero-links h3 a { width: 187px; } .partner #hero-links h3 { margin: 1em auto; background-repeat: no-repeat; background-position: top left; } .partner #hero-links h3 a { display: block; width: 100%; height: 100%; } .beaucoup #hero-links h3 { background-image: url('/image/wpd/css/partners/beaucoup-logo.jpg'); height: 73px; } .dessy #hero-links h3 { background-image: url('/image/wpd/css/partners/dessy-logo.jpg'); height: 35px; } #hero.dessy #hero-links h4 { padding-right: 0; } #hero.bella #hero-image, #hero.photobooks #hero-image, #hero.bahamas #hero-image { background-repeat: no-repeat; background-position: center center; } #hero.bella #hero-image { background-image: url('/image/wpd/css/partners/bella-hero.jpg'); } #hero.photobooks #hero-image { background-image: url('/image/wpd/css/partners/photo-books.jpg'); } #hero.bahamas #hero-image { background-image: url('/image/wpd/css/partners/bahamas-hero-wide.jpg'); width:929px; } #hero-links, .bahamas #hero-links, .bella #hero-links { background-repeat: repeat-x; background-position: center center; } #hero-links, #hero.photobooks #hero-links, #hero.calendars #hero-links { background: #e0f2ff; border:1px solid #d5ebf5; } #hero-links { background-image: url('/image/wpd/css/bgs/hero-links-gradient.png'); } .bahamas #hero-links { background-image: url('/image/wpd/css/partners/bahamas-side.jpg'); } .bella #hero-links { background-image: url('/image/wpd/css/partners/bella-side.jpg'); background-color: #ecf1f7; border: 0; } .bahamas #hero-links a,.bella #hero-links a,.wpd-diff a { display:block; width:100%; height:100%; } .bella #hero-links a,.wpd-diff a { text-indent:-9999px; overflow:hidden; } .photobooks #hero-links h3, .calendars #hero-links h3 { background: url('http://www.weddingpaperdivas.com/css/img/bgs/mycanvas-logo.jpg') no-repeat scroll top left; margin:1em auto; } .calendars #hero-links h3 { margin-top: 4em; } .photobooks #hero-links h3,.photobooks #hero-links h3 a, .calendars #hero-links h3,.calendars #hero-links h3 a { width: 230px; height: 73px; } .wpd-diff { background: url('/image/wpd/css/bgs/wpd-diff.jpg') no-repeat center center; width: 100%; height: 128px; border-top: 2px dotted #eee; padding:1em; margin:auto; display:block; } #hero-links h4 { background:url('/image/wpd/css/bgs/arrow-blue.png') no-repeat left .4em; font:normal 1.25em "Times New Roman", Georgia, serif; margin:1.1em 1em 0 1em; padding:0 0 1.1em .8em; border-bottom:2px dotted #999; } #hero-links h4.first { border-top:2px dotted #999; padding:1em 0 1.1em .8em; } #hero-links h4.first { background:url('/image/wpd/css/bgs/arrow-blue.png') no-repeat left 1.3em; } #hero-links a,#hero-links a:hover { text-decoration:none; } #hero-links span,#side-column span { background: url('/image/wpd/css/bgs/frill.png') no-repeat scroll top left; display:block; width: 118px; height: 24px; margin:auto; } .home-box,.box { margin:.5em 0; padding:1em; } .box.full { width:97%; } .box { width:46.2%; } .border { border:2px dotted #eee; } #container .box ul,#container .box li,#container .box p { list-style:none; } #container .box img { margin-right:.8em; } .box h4 { margin-top:0; } p.fine-print { clear:both; font-size:.8em; font-style:italic; color:#ccc; margin-top:1em; } /* popular categories ------------------------------*/ #pop-cats { overflow:hidden; min-height:160px; height:auto !important; height:160px; margin:1em 0; padding:1em; clear:both; } #pop-cats h3 { margin-bottom:.3em; margin-top:0; } #pop-cats ul,#pop-cats li { list-style:none; } #pop-cats li { width:140px; text-align:center; margin:0 7px 0 0; } #pop-cats li.last { margin-right:0; } #press_nav { font-size:.9em; } #new_press_table th,#new_press_table td { background: #f7f8f9 url('/image/wpd/css/bgs/pc-brackets.gif') no-repeat center center; vertical-align:middle; border:1px solid #533519; border-bottom:0; height:150px; } #new_press_table tr.last th,#new_press_table tr.last td { border-bottom:1px solid #533519; } #new_press_table th { text-align:center; vertical-align:middle; padding:0 1em; margin:auto; } #new_press_table td { border-left:0; } #new_press_table h3,#new_press_table p { margin:0 60px; } ul.recent-press,.recent-press li,.recent-press li h3,.recent-press li p { list-style:none; margin:0; padding:0; } .recent-press ul { margin-bottom:1em; } .recent-press li { margin:10px 0 0 0; } p.view-more { text-align:right; } ol#featured_categories,#featured_categories li { margin:0; padding:0; list-style:none; } ol#featured_categories { padding-top:2em; overflow:hidden; clear:both; } #featured_categories li { float:left; width:126px; text-align:center; } #featured_categories li a { display:block; } /* terms of service page -----------------------------------------------*/ #container .tos_table .infoCol, #container .tos_table th.descrip { background: #eaf7fd; } #container .tos_table .infoCol, #container .tos_table .included { width: 138px; } #container .tos_table,#container th.descrip { border: 1px solid #d0e4ed; } #container .tos_table .top th.descrip { border-right: 0; } #container .tos_table .top th.infoCol { border-bottom: 1px solid #d0e4ed; } #container .tos_table tbody th { font-weight: normal; } #container .tos_table .yes { background: url('http://www.weddingpaperdivas.com/css/img/bgs/checkmark.png') no-repeat center center; padding-top:10px; } #container .tos_table tbody th, #container .tos_table thead th, #container .tos_table tbody.information td { vertical-align:middle; } #container .tos_table tbody th { padding:3px 7px 3px 15px; } #container .tos_table thead th { padding:3px 7px; } #container .tos_table td, #container .tos_table .infoCol, #container .tos_table .included, #container .tos_table tbody.information td { text-align: center; } #container .tos_table tbody.information td { padding:0; } .envelope-sizes { width: 90%; margin: 1em auto; } .envelope-sizes .information td { width: 100px; } .envelope-sizes .none { background-color: #eee; color: #aaa; } #container .envelopes-table { width:90%; margin:auto; } #container .envelopes-table td { width:25%; text-align:center; } #container .envelopes-table td img { display:block; margin:auto; } /* wpd diff page and other video pages -----------------------------------------------*/ #difference #container.full #content { overflow: hidden; padding: 0 10px; width: 940px; } #difference #hero { background: #fff url('/image/wpd/misc/diff-hero.jpg') no-repeat center center; height: 405px; width: 940px; border: 0; overflow: hidden; text-indent: -9999px; margin: 0; padding: 0; } div.comparison { background: #fff url('/image/wpd/misc/how-we-compare.png') no-repeat center bottom; height: 97px; overflow: hidden; text-indent: -9999px; } div.comparison a { display: block; width: 100%; height: 100%; } #difference .core-4-col { margin-bottom: 20px; } #difference .core-4-col div { text-align: left; } #difference .core-4-col.diff-videos div { text-align: center; } #difference .core-4-col ul { margin: 10px 0 0 0; padding: 0; list-style: none; min-height: 60px; } #difference .core-4-col li { margin: 0; padding: 0; } #difference .core-4-col ul.descrip { border-bottom: 1px dotted #ccc; min-height: 225px; list-style: disc; } #difference ul.descrip li { margin-left: 20px; } #difference .diff-bulletpoints h3 { background: #fff url('/image/wpd/misc/sprite-diff-titles.png') no-repeat center center; height: 40px; width: 213px; overflow: hidden; text-indent: -9999px; } #difference .diff-bulletpoints .premium h3 { background-position: 0 0; } #difference .diff-bulletpoints .customization h3 { background-position: 0 -42px; } #difference .diff-bulletpoints .expertise h3 { background-position: 0 -83px; } #difference .diff-bulletpoints .beyond h3 { background-position: 0 -124px; } div.overlay { background:url('/image/tp/css/bgs/overlay.png') no-repeat; padding:40px; width: 576px; display:none; } div.overlay div.close { background:url('http://flowplayer.org/img/overlay/close.png') no-repeat; position:absolute; top:2px; right:5px; width:35px !important; height:35px; cursor:pointer; } a.player { display:block; height: 350px; } #videos div { height: 134px; cursor: pointer; } #videos div p { padding: 0; } #videos div p:first-child { padding-top:25px; margin-bottom: 35px; } div.intro { background: #fff url('/image/wpd/css/bgs/intro.jpg') no-repeat top center; } div.quality { background: #fff url('/image/wpd/css/bgs/quality.jpg') no-repeat top center; } div.ordering { background: #fff url('/image/wpd/css/bgs/ordering.jpg') no-repeat top center; } div.pocketfolds { background: #fff url('/image/wpd/css/bgs/pocketfolds.jpg') no-repeat top center; } div.diy { background: #fff url('/image/wpd/css/bgs/diy.jpg') no-repeat top center; } /* --- /videos/ page 2 col --- */ #videos.video-gallery div.intro { background-position: top left; } #videos.video-gallery div.quality { background-position: top left; } #videos.video-gallery div.ordering { background-position: top left; } #videos.video-gallery div.pocketfolds { background-position: top left; } #videos.video-gallery div.diy { background-position: top left; } #videos.video-gallery div, #videos.video-gallery .core-3-col div h3, #videos.video-gallery .core-3-col div p { cursor: default; } #videos.video-gallery .core-3-col div { width: 26%; margin: 0 7% 0 0; padding: 0; } #videos.video-gallery .core-3-col div p.vid-btn { text-align: center; display: block; text-indent: 0; cursor: pointer; padding: 0; margin: 0; margin-left: 0; padding-top: 35px; padding-bottom: 33px; } #videos.video-gallery div p.vid-btn2 { text-align: center; display: block; text-indent: 0; cursor: pointer; padding: 0; margin: 0; margin-left: 0; padding-top: 0; padding-bottom: 0; } #videos.video-gallery div { height: auto; } #videos .pointer {cursor:pointer;} /* tell a friend page -----------------------------------------------*/ .tell-a-friend input, .tell-a-friend textarea { width:320px; } .tell-a-friend textarea { font-size:1em; } .tell-a-friend input#sendemail { width:75px; text-align:right; } .tell-a-friend th,.tell-a-friend td { border:0; } /* look-book -----------------------------------------------*/ .two-col .timeless-romance { background:url('/image/wpd/css/bgs/timeless-romance.png') center left no-repeat; } .two-col .modern-simplicity { background:url('/image/wpd/css/bgs/modern-simplicity.png') center left no-repeat; } .two-col .french-country { background:url('/image/wpd/css/bgs/french-country.png') center right no-repeat; } .two-col .haute-couture { background:url('/image/wpd/css/bgs/haute-couture.png') center right no-repeat; } .two-col .destination-diva { background:url('/image/wpd/css/bgs/destination-diva.png') center left no-repeat; } .two-col .belle-fleur { background:url('/image/wpd/css/bgs/belle-fleur.png') center left no-repeat; } .text-box { width:600px; float:left; } .two-col .timeless-romance, .two-col .modern-simplicity, .two-col .destination-diva, .two-col .belle-fleur { padding-left:140px; } .two-col .french-country, .two-col .haute-couture { padding-right:140px; } .two-col .timeless-romance, .two-col .modern-simplicity, .two-col .destination-diva, .two-col .belle-fleur, .two-col .french-country, .two-col .haute-couture { width:300px; min-height:345px; height:auto !important; height:345px; } .download-style-guide { background-color:#fbfaf4; margin-top:15px; text-align:center; padding:10px 5px 5px; width:300px; float:right; } .two-col .product-center { width:90%; } .two-col .product-center img, .two-col .product-center a { float:none; text-align:center; margin:0 auto; display:block; } .proshot img{ padding:.7em; } .two-col .timeless-romance h4 { color:#f99; } .two-col .modern-simplicity h4 { color:#969; } .two-col .french-country h4 { color:#9d9d9d; } .two-col .haute-couture h4 { color:#f93; } .two-col .destination-diva h4 { color:#6cc; } .two-col .belle-fleur h4 { color:#393; } .two-col .no-padding-left, .two-col .no-padding-right { width:47%; } .two-col .no-padding-left { padding-left:0; } .two-col .no-padding-right { padding-right:0; } /* Glossary Page ---------------------------------------------------------------*/ .glossary-box {padding:8px; margin-bottom:5px; border:1px solid #e6e6e6; background-color:#fafafa;} .glossary-box p {padding-left:5px;} .glossary-box h5 {padding:0;margin:0;} /* misc classes -----------------------------------------------*/ img.floatLeft { margin-right:1.3em; } img.floatRight { margin-left:.8em; } .floatNone { float:none !important; } .floatLeft { float:left !important; } .floatRight { float:right !important; } .alignCenter, .center { text-align:center !important; } .alignLeft, .left { text-align:left !important; } .alignRight, .right { text-align:right !important; } img.center { display: block; margin: auto;} .border-bottom { border-bottom:2px dotted #e8e8e8; padding-bottom:.3em; } .border-left { border-left:2px dotted #e8e8e8; padding-bottom:.3em; } .pad-top { padding-top:2em; } p.alignCenter { padding-top:1em; } .faq-answers li { clear:both; padding-top:1em;} .articleEnd, .subheader { text-align: center; } address#mediaContact { border-bottom:2px dotted #eee; padding-bottom:1em; margin-bottom:1em; overflow:hidden; min-height:100px; height:auto !important; height:100px; } address#mediaContact strong { font-style:normal; } address#mediaContact p { float:left; width:32%; } address#mediaContact img { padding-bottom:20px; } .freeship, .freeship-promo, .freeship-promo-party-invitation, .welcome-kit, .catalog, .photo-contest, .first-time, .steal, .samples { background: url('/image/wpd/css/banners/side-nav-promo.jpg') no-repeat center center; width:185px; height:115px; margin-top:15px; } /* Removed per AWSM-3587, AWSM 3536 .mystyles-sweepstakes { background: url('/image/wpd/css/banners/mystyles.gif') no-repeat center center; width:178px; height:115px; margin-top:15px; } */ .freeship { background: url('/image/wpd/css/banners/freeship.jpg') no-repeat center center; } .welcome-kit { background: url('/image/wpd/css/banners/welcome-kit.jpg') no-repeat center center; } .catalog { background: url('/image/wpd/css/banners/catalog.jpg') no-repeat center center; } .photo-contest { background: url('/image/wpd/css/banners/photo-contest.jpg') no-repeat center center; } .first-time { background: url('/image/wpd/css/banners/first-time-offer.jpg') no-repeat center center; } .steal { background: url('/image/wpd/css/banners/deal-of-the-day-2012-2-8.png') no-repeat left center; height: 90px;} .tp-steal { background: url('/image/wpd/css/banners/tp-deal-of-the-day.jpg') no-repeat top left; height: 100px;} .freeship-promo { background: url('/image/wpd/css/banners/freeship-promo-2012-02-10.png') no-repeat center center; height: 110px;} .freeship-promo-party-invitation { background: url('/image/wpd/css/banners/freeship-promo-2012-01-17.png') no-repeat center center; } .banner a { display:block; height:100%; width:100%; text-indent: -9999px; overflow:hidden; position: relative; } .steal.banner a { text-indent:0px; } /* dod & shipping pop up stuffs -----------------------------------------------*/ #dod-hover-promo { display: none; position: absolute; text-align: 0px; left: 178px; top: 158px; height: 131px; width: 447px; z-index: 100; box-shadow: 9px 5px 5px rgba(0,0,0,.3); -moz-box-shadow: 9px 5px 5px rgba(0,0,0,.3); -webkit-box-shadow: 9px 5px 5px rgba(0,0,0,.3); } #shipping-hover-promo { background: url('/image/wpd/misc/shipping-pop-up-2012-01-19.jpg') top left no-repeat; display: none; position: absolute; left: 178px; top: 151px; height: 283px; width: 331px; z-index: 100; box-shadow: 10px 5px 5px rgba(0,0,0,.3); -moz-box-shadow: 10px 5px 5px rgba(0,0,0,.3); -webkit-box-shadow: 10px 5px 5px rgba(0,0,0,.3); } .steal:hover #dod-hover-promo { display: block; } .steal:hover #shipping-hover-promo { display: block; } /* promo page -----------------------------------------------*/ #promo-images .col1,#promo-images .col2 { height:289px; width:356px; padding:1em; margin:0; } #promo-images .col1 { padding-right:0; } #promo-images .col2 { padding-left:0; } /* SEM pages -----------------------------------------------*/ .sem-title { margin-bottom:.2em;padding-bottom:.2em; } .sem-title span { padding:1em; } .sem-title span a { text-decoration:underline; } .sem_table { width:100%; margin-top:1em; } .sem_table td,.sem_table th { text-align:center; margin:0; padding:0 1em 1em 1em; } .sem_table th img { display:block; margin:auto; } #sem-hero { padding:1em; width: 930px; height: 287px; } #sem-hero.sem1a { background: url('/image/wpd/css/bgs/heros/sem1a-wedding-invitations.jpg') no-repeat scroll center center; } #sem-hero.sem1b { background: url('/image/wpd/css/bgs/heros/sem1b-wedding-invitations.jpg') no-repeat scroll center center; } #sem-hero a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; } /* engagement stories -----------------------------------------------*/ #content-contain.engagement-stories #content { width: 960px !important; float: none; } p.storyNav { position:absolute;top:40px;right:0; } .bucket { background: #fbfbfb; border: 1px solid #ededed; } .hover { background: #e0f2f9; cursor: pointer; } .bucket h2 { margin-top:0; } .bucket h2 a,.bucket h2 a:hover, .bucket p a,.bucket p a:hover { text-decoration:none; } .bucket h2 a, .bucket h2 a:hover { color:#533519; } .bucket h2 a,.bucket p a { display:block; } .bucket p { margin-bottom:0; } .bucket p a,.bucket p a:hover { color:#6b6b6b; } .errormsg .oops { font-size: 3em; display: block; width: 17%; float: left; } .errormsg .text { display: block; padding-top: 12px; text-align: center; } .errormsg { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#3889A9 none repeat scroll 0 0; border:2px solid #92D2EA; color:#FFFFFF; font-size:1.2em; font-weight:bold; padding:1em 2em; position:absolute; text-align:center; left:0; } #container .errormsg .text { color: #FFFFFF; font-family: arial; font-size: 1em; font-weight: normal; } /* bahamas contest page -----------------------------------------------*/ #contest-container, #welcome-social { border:1px solid #eee; background:#f7fcfd; padding:30px 15px; margin:1em auto; } #bahamas-logo { width:190px; } #kamalame-logo { width:130px; } #contest-content { width:608px; } #bahamas-logo, #kamalame-logo { text-align:center; } #kamalame-logo { margin-top: 110px; } .col { float:left; } #contest-form, #welcome-social div { width:734px; margin:auto; background:#fff; border:1px solid #eee; text-align:center; padding: 1em; } #contest-container p, #welcome-social p { width:704px; padding: 0px 0px 8px 0px; margin:auto; } #sponsor-info { width:734px; margin:auto; background:#fff; border:1px solid #eee; text-align:center; } #sponsor-info .beaucoup { float:left; margin:auto; width:330px; text-align:left; padding-left:15px; } #sponsor-info .weddingpaperdivas { float:right; margin:auto; width:330px; text-align:left; padding-right:15px; } /* #container #contest-form form, #container-dynamic #contest-form form { padding:20px 20px 0 20px; } #container #contest-form table, #container-dymanic #contest-form table { margin:auto;width:630px; } #container #contest-form img { padding-top:20px; } #container #contest-form input, #container-dynamic #contest-form input { background:url('/image/wpd/css/bgs/input-gradient.png') repeat-x top left; border:1px solid #eee; width:150px; } #container #contest-form textarea, #container-dynamic #contest-form textarea { background:url('/image/wpd/css/bgs/input-gradient.png') repeat-x top left; border:1px solid #eee; width:435px;height:150px; } #contest-form th, #contest-form td { padding:5px 10px; } */ ol.contest-rules,ol.contest-rules ol { list-style:none;margin:0;padding:0; } ol.contest-rules p strong { display:block; } /* welcome kit sign-up page welcome-kit-sign-up.htm catalog sign-up page catalog-sign-up.htm -----------------------------------------------*/ #welcome-social h3 { text-align: center; margin: auto; padding-bottom: 1em; } #welcome-social div ul { text-align: center; } #welcome-social div ul li { display: block; float: left; width: 25%; min-height: 20px; } #welcome-social div ul li a { background: url("/image/wpd/css/bgs/welcome-kit-social-buttons.png") no-repeat top left; padding: 2px 0 2px 20px; } #welcome-social div ul li.twitter a { background-position: 0px 2px; } #welcome-social div ul li.facebook a { background-position: 0px -19px; } #welcome-social div ul li.blog a { background-position: 0px -41px; } #welcome-social div ul li.youtube a { background-position: 0px -61px; } #contest-form { position: relative;} #contest-form em.req { display:inline; font-size:0.85em; font-style:italic; font-weight:normal; position:absolute; right:1em; top:5px; } #container table.sign-up th { min-width: 100px; } /* -- product row -- */ .product-row { min-height:135px; height:auto !important; height:135px; } #container .product-row ol { margin:0; padding:0; list-style:none; } .product-row li { float:left; width:135px; text-align:center; vertical-align:middle; margin:10px 14px 0 0; } #full.product-row li { width:auto; } .product-row li.last { margin-right:0; } /* -- product row -- */ .product-row { min-height:135px; height:auto !important; height:135px; } #container .product-row ol { margin:0; padding:0; list-style:none; } .product-row li { float:left; width:135px; text-align:center; vertical-align:middle; margin:10px 14px 0 0; } #full.product-row li { width:auto; } .product-row li.last { margin-right:0; } /* TABLE.CSS -------------------------------------------------------------- */ .table-layout { background:#fff none repeat scroll 0 0; border-collapse:collapse; margin:20px; width:600px; text-align:left; border: 1px solid #d1d1d1; } .table-layout td, #table-layout th { border-left:1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding:5px; } .table-layout th { background-color:#fbfbf8; border-left:1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding: 5px; font-weight:bold; } .table-layout thead th { vertical-align:middle; text-align:center; } .table-layout td.large-x { font-size:1.5em; text-align:center; width:170px; font-weight:700; } .table-layout td.na { background-color:#f7f7f7; } .questions .table-layout li { list-style:disc; } /* --- holiday-cards-wedding-paper-divas.htm --- */ #container #holiday-landing #hero { background: url('/image/wpd/css/bgs/lp-sprites/holiday-cards.jpg') no-repeat 15px 12px; height:289px !important; padding:1em; text-indent: -9999px; width: 930px } #container #holiday-landing #hero a, #hero a { /* text-indent:-9999px;*/ /* overflow:hidden;*/ display:block; width:99.5%; /* height:100%;*/ margin:auto; } #container #holiday-landing #hero a { height: 100%; overflow: hidden; } #container #holiday-landing p.alignCenter { padding-top: 0; } .two-col,.four-col,.five-col { clear:both; width:100%; } .two-col ul, .two-col li { list-style:none; margin:0; padding:0; } #container #holiday-landing .two-col li { margin-left:302px; text-indent:-10px; } #container .four-col, #container .five-col, #container .five-col li, #container .four-col li { margin:0;padding:0; list-style:none; float:left; } #container .five-col { margin-bottom:20px; } #holiday-landing .five-col, .full .five-col { margin:0 0 20px; padding:0 0 20px; } #container #holiday-landing .five-col li, #container.full .five-col li { text-align:center; margin-right:40px; width:160px; } #container #holiday-landing .four-col li.last, #container #holiday-landing .five-col li.last, #container.full .five-col li.last { margin-right:0; } #container #holiday-landing .five-col li a, #container.full .five-col li a { display:block; text-align:center; } #container #holiday-landing .four-col li { width:23%; margin-right:2%; } #container #holiday-landing .four-col p { text-indent:-10px; margin-left:15px; } h2.shop-price { padding: 5px 0; padding-left: 1em; background-color: #eaf8fb; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom: 1em; } #container h2.shop-price span a { color:#3889a9; margin: 0 1px; } #container h2.shop-price span a:hover { border-bottom: 1px solid #3889a9; } #holiday-landing div.shop-price ul { list-style: none; } #holiday-landing div.shop-price li { float: left; border-right: 2px dotted #eee; min-height: 235px; } #holiday-landing div.shop-price li.last { border: none; } #holiday-landing div.shop-price li a.sprite { background: transparent url("/image/wpd/css/bgs/lp-sprites/holiday-cards.jpg") no-repeat 0 0; padding-top: 180px; text-align: center; display: block; width: 295px; } #holiday-landing div.shop-price li a#shop-basics { background-position: 0 -355px; } #holiday-landing div.shop-price li a#shop-signature { background-position: 0 -595px; } #holiday-landing div.shop-price li a#shop-premium { background-position: 10px -835px; } /* ----photo-books.htm and calendars.htm------ */ #container .photo-books h4 { margin-top:0; } #container .photo-books ul { margin:0; padding:0; padding-left:5px; } .photo-books li { float:left; margin-right:20px; width:140px; height:30px; padding-top:120px; } .photo-books .first { width:55%; } .photo-books .last{ width:32%; } #container span.new { color:#85AC36 !important; font-size:1em; font-weight:bold; } .photo-books { background: url('/image/wpd/css/bgs/photo-books-featured-sizes.jpg') no-repeat 30px 30px; } #container .box ul { margin-bottom: 0; } #container .photo-books ol,#container .calendars ol, #container .websites .box ol { background: url('/image/wpd/css/bgs/step-1-2-3.gif') top left no-repeat; margin: 5px 0 0 160px; padding-bottom:10px; display: inline; } #container .calendars ol, #container .websites .box ol { width: 200px; margin-left: 0; padding-bottom: 0; } #container .photo-books .three-steps ol li, #container .calendars .three-steps ol li, #container .websites .box.three-steps ol li { height:30px; width:190px; margin-left:40px; padding-top:5px; display: inline; } #container .calendars .three-steps ol li, #container .websites .box.three-steps ol li { display: block; } .photo-books .three-steps { background: url('/image/wpd/css/bgs/photo-books-thumb.jpg') no-repeat 30px 45px ; width:350px; } .photo-books .get-started, .calendars .get-started, .websites .get-started { background: url('/image/wpd/css/bgs/get-started.gif') no-repeat 0 10px; width:160px; float:right; } .calendars .get-started, .websites .get-started { background-position: 40px 0; } #container .photo-books .get-started a, #container .calendars .get-started a, #container .websites .get-started a { text-indent:-9999em; overflow:hidden; display:block; } #container .calendars .get-started a, #container .websites .get-started a { padding: 2px; } #hero.calendars #hero-image { background: url('/image/wpd/css/bgs/heros/calendars.jpg') no-repeat center center; height:300px;} #hero.calendars #hero-links { height: 300px;} /* -- /new photo-books.htm and /wall-calenders.htm -- */ #new-photo-book .one-third.top, #wall-calendar .one-third.top{ width:310px;} #new-photo-book .photo-book-style p,#wall-calendar .photo-book-style p { margin-top:235px; } #new-photo-book .photo-book-style { background: url('/image/wpd/css/bgs/photo-books-discount-volume-chart.png') no-repeat top center; height:240px; width:285px; margin:0; } #wall-calendar .photo-book-style { background: url('/image/wpd/css/bgs/calendar-why-shop-wpd.jpg') no-repeat top center; height:240px; width:285px; margin:0; } #new-photo-book #featured-cards, #featured-cards { width:630px; height:310px; border:none; } #featured-sizes { margin:0; padding:1em; overflow:hidden; } #featured-sizes h2 { margin:0;padding:0; } #new-photo-book #featured-cards li span { background-image: url('/image/wpd/css/bgs/photo-book-feature-card.jpg'); height:181px;} #wall-calendar #featured-cards { background: url('/image/wpd/css/bgs/calendar-3-steps.png') no-repeat -10px 40px; height:305px; margin:.5em;} #featured-cards li { text-align:center; float:left; padding:3px; } #featured-cards span { display:block; height:121px; overflow:hidden; text-indent:-999px; } #featured-cards { overflow:hidden; float:left; margin:.2em; padding:0 0 37px 0; display:inline; } #featured-cards a.btn-wall-cal { height:290px; display:block; } li.feature-product-1, li.feature-product-2 { border-right:1px solid #e8e8e8;} li.feature-product-1 span { background-position:-1px 0; width:195px; } li.feature-product-2 span { background-position:-210px 0;width:195px; } li.feature-product-3 span { background-position:-425px 0;width:195px; } #new-photo-book ul.plain, #new-photo-book ol.plain {margin:0;} .two-col div.two-third { width:63%; } .two-col div.one-third { width:31.2%; } .two-col div.two-thrid, .two-col div.one-third { float:left; overflow:hidden; margin:.7em 0; padding:5px 5px; } .two-col div.one-third.top { padding:0; } .box { border:1px solid #e8e8e8; margin:10px auto; padding:10px; overflow:hidden; } #new-photo-book .photo-book-style ul.disc li, #wall-calendar .photo-book-style ul.disc li{ list-style:disc; } #new-photo-book .btn-get-started {padding-left:45px;} /* ----wall-art-photo-gifts.htm------ */ #content-contain #hero.photo-gifts { background: url('/image/wpd/css/bgs/heros/photo-gifts-2012-02-16.jpg') no-repeat center center; height: 528px; width: 954px; border:none; align:center; border:1px solid #cccccc; padding: 2px; } #content-contain #hero.photo-gifts a { width:954px; float:left; display:block; text-indent:-9999px; height:528px; overflow:hidden:; } #content-contain.wall-art .two-ways { background: #e0f2ff; } #content-contain.wall-art .box p { margin-bottom: 0; } /* ----persanal-wedding-websites.htm------ */ #container .websites .box ol { margin-top: 0; } #container .websites ol { margin: 20px 0 0 0; } #container .websites .box { margin-bottom: 15px;} #container .websites .get-started { float: left; } /* ----unique-wedding-invitations-stationery.htm----- */ #hero.wedding-collection { height: auto; padding: 4px; background: #fff url('/image/wpd/css/bgs/heros/wedding-invitations.jpg') no-repeat 4px; width: 744px; height: 406px; position: relative; } #hero.wedding-collection-23321 { height: auto; padding: 4px; background: #fff url('/image/wpd/css/bgs/heros/wedding-invitations-23321.jpg') no-repeat 4px; width: 744px; height: 406px; position: relative; } #hero.wedding-collection-23321 a#hero-all, #hero.wedding-collection-23321 a#hero-modern, #hero.wedding-collection-23321 a#hero-vintage, #hero.wedding-collection-23321 a#hero-seasonal, #hero.wedding-collection a#hero-signature, #hero.wedding-collection a#hero-signature-lp, #hero.wedding-collection a#hero-thermo, #hero.wedding-collection a#hero-luxe-lp { position: absolute; width: 370px; height: 173px; display: block; text-indent: -9999px; overflow: hidden; } #hero.wedding-collection-23321 a#hero-all, #hero.wedding-collection a#hero-signature { top:62px; left: 4px; } #hero.wedding-collection-23321 a#hero-modern, #hero.wedding-collection a#hero-signature-lp { top: 62px; right: 4px; } #hero.wedding-collection-23321 a#hero-vintage, #hero.wedding-collection a#hero-thermo { bottom: 3px; left: 4px; } #hero.wedding-collection-23321 a#hero-seasonal, #hero.wedding-collection a#hero-luxe-lp { bottom: 3px; right: 4px; } .wedding-collection#difference a { display: block; width: 744px; height: 406px; background: #fff url('/image/wpd/css/bgs/heros/wedding-invitations.jpg') no-repeat top left; text-indent: -9999px; overflow: hidden; } .core-4-col.wedding-collection div { text-align: left; border-right: 2px dotted #e5e5e5; width: 22.5%; } .core-4-col.wedding-collection div img { margin: 0 17px; } .core-4-col.wedding-collection div.col2 img { margin: 19px 27px; } .core-4-col.wedding-collection div p { padding: 5px; } .wedding-collection .col4 { border-right: none; } #custom-options { background-color: #efefef; padding: 13px 15px; height: 195px; } #custom-options h3 { font-size: 1.2em; font-family: "Times New Roman",Georgia,serif; margin: 0 0 10px;; } #custom-options div { float: left; width: 350px; } #custom-options div.alpha { margin-right: 30px; } /* --- signature letterpress --- */ #hero.signature-letterpress { height: auto; padding: 4px; } #hero.signature-letterpress a { display: block; width: 744px; height: 320px; background: #fff url('/image/wpd/css/bgs/heros/signature-letterpress.jpg') no-repeat top left; text-indent: -9999px; overflow: hidden; } .signature-letterpress.favorite-designs div img { margin: 2px 0; } .signature-letterpress.favorite-designs .col_2 img, .signature-letterpress.favorite-designs .col_3 img { margin: 22px 0; } .signature-letterpress.favorite-designs, .signature-letterpress.matching-components { margin: 10px 0 0 0; } .signature-letterpress.matching-components div img { margin: 2px 0; } .signature-letterpress.matching-components .col_5 img, .signature-letterpress.matching-components .col_3 img, .signature-letterpress.matching-components .col_1 img { margin: 40px 0; } /* --- diy-wedding-invitation-kits.htm --- */ #container .diy-collection.three-col p { width: 205px; } .wedding-collection.diy-collection .col1 { background: #fff url('/image/wpd/css/bgs/diy-pocket-folds.jpg') no-repeat top center; } .wedding-collection.diy-collection .col2 { background: #fff url('/image/wpd/css/bgs/diy-layered-cards.jpg') no-repeat top center; } .wedding-collection.diy-collection .col3 { background: #fff url('/image/wpd/css/bgs/diy-ribbon.jpg') no-repeat top center; } .diy-collection .col1 a.shop-collection { padding-bottom: 15px; } .wedding-collection.diy-collection.three-col div { padding-top: 175px; } .wedding-collection.diy-collection.three-col div h4 { display:none; } /* --- category page links added 2/16/2010 --- */ .cat-links { color:#bebebe; font-size:1.4em; font-weight:bold; } .cat-links span { padding: 0 5px; text-decoration:none; color:#3889a9; } .cat-links span.first { padding-left:0; } #top-wpdDiff-banner { position:absolute; top:-19px; right:0; width:256px; height:48px; background-color: #fff; background-image: url('/image/wpd/css/bgs/wpdDiff-banner.png'); background-repeat: no-repeat; overflow: hidden; text-indent:-999px; } .stressfree { background-position: 0 -59px; } .happily { background-position: 0 -117px; } .biggest { background-position: 0 -175px; } .everything { background-position: 0 -234px; } .freeproofs { background-position: 0 -292px; } .shopanytime { background-position: 0 -350px; } .trusted { background-position: 0 -408px; } #top-wpdDiff-banner a { display: block; width: 100%; height: 100%; } .wpdDiff-banner { border-top: 2px dotted #eee; border-bottom: 2px dotted #eee; clear:both; margin:20px 0 20px; padding:10px 0 0; background: #fff url('/image/wpd/css/bgs/wpdDiff-banner.jpg') no-repeat center left; } /* --- when the diff banner is on a full-width template, use this code --- */ #container.full .wpdDiff-banner p { width:960px; } #container.full .wpdDiff-banner a { width:760px; height:110px; padding-top:15px; } #container .wpdDiff-banner p { margin:0; padding:0; height:135px; width:570px; } .wpdDiff-banner a { color:#533519; text-decoration:none; font-family:"Times New Roman", serif; font-size:1.35em; display:block; height:125px; width:570px; padding:5px 0 0 200px; margin:0; } .wpdDiff-banner a:hover { text-decoration:none; color:#533519; } #container .wpdDiff-banner a strong { font-weight:normal; font-size:1.2em; } .wpdDiff-banner a span { font-size:1em; color:#3889A9; font-family: Arial, sans-serif; font-size:.8em; } /* ----unique-wedding-invitations-stationery.htm----- */ .sig-collection.three-col p { width: auto !important; margin: 0 !important; } .sig-collection.three-col .col2 { margin-left: 10px !important; margin-right: 10px !important; } .sig-collection#pop-cats h3 { margin-bottom: 0.7em; } /* --- about section on wpd partner pages --- */ #about-partners { overflow:hidden; clear:both; } #about-partners div { border:2px dotted #eee; width:46%; min-height:80px; padding:1em; } #about-partners p { margin: 8px 0 0 0; } #about-partners div.about-wpd { float:left; } #about-partners div.about-partner { float:right; /* clear:both;*/ } #diy-banners { margin: auto; width: 715px; } #diy-banners a { margin: 0 1em; padding-bottom: 3em; display: block; float: left; } /* --- wedding-stationery-shopping-comparison-.htm --- */ div.wpd-comparison img { margin: auto; display: block; } /* --- wedding-invitations-personal-shopper.htm --- */ #container div.personal-shopper h3 { font-size: 1.3em; margin-top: .5em; } #container div.personal-shopper p { margin-top: 5px; } #container div.personal-shopper .numbers h3 { padding-left: 5px; } #container div.personal-shopper-mid { padding: 10px; background: #f6f5f3; margin-bottom: 10px; } #container div.personal-shopper-mid div.core-2-col { background: #fff; padding-top: 10px; padding-bottom: 10px; } #container div.personal-shopper-mid div.core-2-col div.numbers ol { padding-left: 15px; } #container div.personal-shopper-mid div.core-2-col div.numbers ol li { width: 375px;; } #container div.personal-shopper-mid div.core-2-col div.mid-right { padding-left: 23px; width: 45%; } #container #hero.personal-shopper { background: url('/image/wpd/css/bgs/heros/personal-shopper.jpg') no-repeat center center; text-indent:-9999px; overflow:hidden; border:0; float: none; } #container div.personal-shopper-mid .numbers { clear: both; overflow:hidden; margin-left: 0; } #container div.personal-shopper-mid .numbers h3 { font-size:1.3em; margin-bottom:5px; } #container div.personal-shopper-mid .numbers ol { margin:0; padding:0; float:left; list-style: none; } #container div.personal-shopper-mid .numbers li { background-image: url('/image/wpd/css/icons/numbers.png'); background-repeat: no-repeat; padding:7px 0 8px 40px; font-size:1.1em; /*width:200px;*/ float:left; margin:0; } div.personal-shopper-mid .n1 { background-position: 0 6px; } div.personal-shopper-mid .n2 { background-position: 0 -34px; } div.personal-shopper-mid .n3 { background-position: 0 -76px; } div.personal-shopper-mid .n4 { background-position: 0 -117px; } /* --- save-the-date-affiliate.htm --- */ #hero.std-affiliate { width: 925px; } #hero.std-affiliate #hero-shot { background: url("/image/wpd/css/bgs/heros/save-the-dates-affiliate.jpg") no-repeat center center; height: 289px; width: 676px; } #hero.std-affiliate #text-col { background: url("/image/wpd/css/bgs/save-the-dates-affiliate-side.jpg") no-repeat center center; height: 289px; width: 239px; border: none; } #hero.std-affiliate #text-col a { height: 100%; } /* --- layered-invitations-cards.htm --- */ #container ol.numbers.horizontal { width: 100%; margin-bottom: 65px; } ol.numbers.horizontal li { background: transparent url("/image/wpd/css/icons/numbers.png") no-repeat; padding-left: 35px; display: block; float: left; width: 28%; } ol.numbers.horizontal li.n1 { background-position: 0px 7px; } ol.numbers.horizontal li.n2 { background-position: 0px -32px; } ol.numbers.horizontal li.n3 { background-position: 0px -74px; } /* --- pocket-folds-envelopments.htm --- */ #container .five-col .envelopments-colors li, #container .five-col .envelopments-sizes li { background: url("/image/wpd/css/bgs/envelopments-colors.jpg") no-repeat 0 0; display:block; margin:10px 28px; padding-top:92px; text-align:center; width:92px; } #container .five-col .envelopments-colors li.spring { background-position: 0px 0px; margin-left: 0;} #container .five-col .envelopments-colors li.champagne { background-position: -102px 0px; } #container .five-col .envelopments-colors li.platinum { background-position: -204px 0px; } #container .five-col .envelopments-colors li.mocha { background-position: -306px 0px; } #container .five-col .envelopments-colors li.black-linen { background-position: -408px 0px; margin-right: 0;} #container .five-col .envelopments-sizes li { background: url("/image/wpd/css/bgs/envelopments-sizes.jpg") no-repeat 0 0; padding-top: 168px; width: 124px; margin: 10px; } #container .five-col .envelopments-sizes li.landscape57 { background-position: 15px 0px; margin-left: 0;} #container .five-col .envelopments-sizes li.portrait57 { background-position: -110px 0px; } #container .five-col .envelopments-sizes li.square { background-position: -245px 0px; } #container .five-col .envelopments-sizes li.landscape49 { background-position: -370px 0px; } #container .five-col .envelopments-sizes li.portrait49 { background-position: -505px 0px; margin-right: 0;} #container ol.numbers.envelopments { margin: 2em 0; padding-bottom: 2em; } /* --- pocket-folds and layered-invitations bullets styles --- */ #container ol.numbers.layered { margin-bottom: 60px;} ol.numbers.envelopments li, ol.numbers.layered li { text-indent: -9999px; display: block; float: left; background: url("/image/wpd/css/bgs/numbered-envelopments.png") no-repeat 0 0; height: 29px; width: 200px; margin-right: 20px; } ol.numbers.layered li { background: url("/image/wpd/css/bgs/numbered-layered.png") no-repeat 0 0; } ol.numbers.envelopments li.n1 { background-position: 0px 0px; width: 200px; } ol.numbers.envelopments li.n2 { background-position: -208px 0px; width: 231px; } ol.numbers.envelopments li.n3 { background-position: -440px 0px; width: 230px; margin-right: none; } ol.numbers.layered li.n1 { background-position: 0px 0px; width: 203px; } ol.numbers.layered li.n2 { background-position: -220px 0px; width: 220px; } ol.numbers.layered li.n3 { background-position: -458px 0px; width: 230px; margin-right: none; } /* --- about-us/email-signup.htm --- */ #content.email-signup{ width:960px; float:none; } #content.email-signup .featured { border: 1px dotted #ccc; border-left: none; border-right: none; background: #e5f1f8 url("/image/wpd/css/bgs/email-signup-featured.png") no-repeat 20px center; padding: 35px 0 35px 280px; } #content.email-signup h3 { margin-bottom: 0.5em; } /* --- wedding-stationery-paper-quality.htm --- */ #content.paper-quality div#heading { background: url("/image/wpd/css/bgs/paper-quality-header.jpg") no-repeat top left; padding: 30px 0 0 360px; height: 185px; } #content.paper-quality #heading p { line-height: 2em; font-size: 120%; } #content.paper-quality .three-col { width: 100%; margin-left: 30px; margin-bottom: 20px; font-size: 90%; } #content.paper-quality .three-col div { width: 30%; } #content.paper-quality .three-col div ul li { margin: 5px 0; } #content.paper-quality .three-col div.col2 { border-right: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; padding: 0 20px; } #content.paper-quality .three-col div ul { margin-bottom: 0; } #content.paper-quality .three-col div.col2 ul { margin-right: 0; margin-bottom: 0; } #content.paper-quality .three-col div a.image-display { display: block; text-indent: -9999px; height: 223px; width: 250px; } #content.paper-quality .three-col div a.image-display { padding-bottom: 10px; } #content.paper-quality .three-col div.col1 a.image-display { background: url("/image/wpd/misc/paper-quality-signature-matte.jpg") no-repeat top center} #content.paper-quality .three-col div.col2 a.image-display { background: url("/image/wpd/misc/paper-quality-signature-textured.jpg") no-repeat top center} #content.paper-quality .three-col div.col3 a.image-display { background: url("/image/wpd/misc/paper-quality-william-arthur.jpg") no-repeat top center} #content.paper-quality a.comparison-banner { display: block; text-indent: -9999px; height: 50px; width: 940px; margin: auto; background: url("/image/wpd/css/banners/paper-quality-comparison.jpg") no-repeat center center; } #content.paper-quality #videos h4.video { background: url("/image/wpd/css/icons/social-sprite.png") no-repeat 120px -120px; padding-left: 140px; } /* --- wedding-maps.htm --- */ #content.wedding-maps div#heading { background: url("/image/wpd/css/bgs/wedding-maps-header.jpg") no-repeat top left; padding: 30px 0 0 400px; height: 220px; } .four-col.wedding-maps div { float: left; width: 23%; margin-right: 2%; text-align: center; padding-top: 165px; } .four-col.wedding-maps div.col1 { background: url("/image/wpd/css/bgs/wedding-maps-modern.jpg") no-repeat top center} .four-col.wedding-maps div.col2 { background: url("/image/wpd/css/bgs/wedding-maps-vintage.jpg") no-repeat top center} .four-col.wedding-maps div.col3 { background: url("/image/wpd/css/bgs/wedding-maps-classic.jpg") no-repeat top center} .four-col.wedding-maps div.col4 { background: url("/image/wpd/css/bgs/wedding-maps-destination.jpg") no-repeat top center} #container .wedding-maps .numbers .alphabetical { list-style-type: lower-alpha; } /* #container .wedding-maps .numbers .n1, #container .wedding-maps .numbers .n2, #container .wedding-maps .numbers .n3 { background:url("/image/wpd/css/icons/numbers.png") no-repeat top left; background-position: 0px 0px; padding-left: 30px; } #container .wedding-maps .numbers .n2 { background-position: 0px 30px; }*/ /* --- wedding-photo-montage.htm --- */ #content.wedding-montage div#heading { background: url("/image/wpd/css/bgs/wedding-photo-montage-header.jpg") no-repeat top left; padding: 30px 0 0 400px; height: 240px; } .four-col.wedding-montage div { background: url("/image/wpd/css/bgs/wedding-photo-montage-sample.jpg") no-repeat top center; float: left; width: 23%; margin-right: 2%; margin-bottom: 2em; text-align: center; padding-top: 170px; } .four-col.wedding-montage div.col1 { background-position: 30px 0px;} .four-col.wedding-montage div.col2 { background-position: 30px -175px;} .four-col.wedding-montage div.col3 { background-position: 30px -365px;} .four-col.wedding-montage div.col4 { background-position: 30px -545px;} #container .wedding-montage .numbers .alphabetical { list-style-type: lower-alpha; } table.wedding-montage { border: 1px solid #ccc; padding: 3px; } #container table.wedding-montage thead tr th { background: #f0f0f0; padding: 5px 40px; } table.wedding-montage tbody tr td { text-align: center; } table.wedding-montage {} /* --- /services/ordering-samples.htm --- */ #container .numbers.order-samples { margin: 0; } #container .numbers.order-samples ol li { float: left; height: 30px; width: 180px; } .example-images { width: 685px; } #container .example-images p { text-align: center; } #container .example-images p:first-child { margin-right: 1em; } .start-shopping { background: url("/image/wpd/css/bgs/buttons/start-shopping.png") no-repeat center center; text-indent: -9999px; width: 118px; height: 23px; display:block; clear: both; margin-right: 76px; } /* --- /promo/shopping-deals.htm --- */ #container .daily-deal img.floatLeft { margin-left: 10px; /*margin-bottom: 70px;*/ margin-bottom: 15px; } #container img.floatRight { margin-left:649px; margin-bottom:15px; } #container .daily-deal h1 { background: url("/image/wpd/css/bgs/weekly-steal-header.jpg") no-repeat top left; padding-top: 80px; margin-left: 500px; margin-bottom: 16px; } #container .daily-deal h1#exp { background: url("/image/wpd/css/bgs/weekly-steal-header-expired.jpg") no-repeat top left; } #container .daily-deal h1#exp span { color: #ff0000; font: inherit; } #container .daily-deal h2 { margin-bottom: 1em; } #container .daily-deal a:hover { border: none; } #container .daily-deal .shop-button img { display: block; margin: 0; margin: 10px 0; } #container .daily-deal ol li { /*margin: 0 0 10px 516px;*/ } #container .daily-deal p.sm { padding: 25px; padding-top: 0; } #container .daily-deal a.daily-deal-banner { text-indent: -9999px; display: block; width: 731px; height: 92px; background: url("/image/tp/css/bgs/deal-of-the-day-banner.jpg") no-repeat 0 0; margin: auto; padding: 10px 0; } #container .daily-deal img.profileimage, #container .daily-deal a.mhs { display:none; } #container .daily-deal div.connect_top{ padding:0 7px; } #container div.dotd-wrapper { float:left; width:500px; } #container .dotd-wrapper ol { padding-left: 20px; } #container .dotd-wrapper ol, #container .dotd-wrapper p { margin: 0 20px; } #container .daily-deal .dod-pids { clear: both; margin: auto; padding-bottom: 1em; } #container .daily-deal .dod-pids ul { margin: auto; list-style-type: none; } #container .daily-deal .dod-pids ul li { display: block; float: left; padding: 0px 55px; text-align: center; } #container .daily-deal .dod-pids ul li img { display: block; } /* social network links - promo/tiny-prints-coupon-codes-promotions.htm */ .social-network { height:60px; width:410px; float:right; } .social-network div { float:left; padding:4px 0 0; } .social-network .facebook-like { width:320px; padding-top:0; } img.profileimage, a.mhs{ display:none; } div.connect_top{ padding:0 7px; } .unlike_span {display:none;} .name_block { display:inline; /*position:absolute; top:8px; left:120px; width:200px; */ float:right; margin-top:8px; } /* --- /wedding-bundles.htm --- */ #container .bundles h1 { font-family: "Georgia"; color: #86AB3F; font-style: italic; font-weight: bold; text-align: center; } #container .bundles ul { list-style-type: none; } #container .bundles ul li { display: block; float: left; text-align: center; } #container .bundles .mini-top-nav { margin: auto; width: 600px; padding-bottom: 10px; } #container .bundles .mini-top-nav li { text-align: center; border-right: 1px solid #666666; padding-right: 10px; margin-left: 10px; } #container .bundles .mini-top-nav li:last-child { border: none; } #container .bundles h2 { background: url("/image/wpd/css/bgs/lp-sprites/bundles-h2.jpg") no-repeat top left; display: block; text-indent: -9999px; margin-top: 25px; height: 55px; width: 100%; } #container .bundles #ceremony h2 { background-position: 0px -75px;} #container .bundles #party h2 { background-position: 0px -150px;} #container .bundles #party { background: url("/image/wpd/css/bgs/soft-long-divider.gif") no-repeat bottom center; padding-bottom: 30px; } #container .bundles #invites ul, #container .bundles #ceremony ul, #container .bundles #party ul { background: url("/image/wpd/css/bgs/dots.gif") repeat-x bottom left; min-height: 150px; } #container .bundles #ceremony ul, #container .bundles #party ul { min-height: 180px; } #container .bundles #invites ul li, #container .bundles #ceremony ul li, #container .bundles #party ul li { margin: 4px 25px; } #container .bundles img.clearBoth { margin-left: 35px; } #container .bundles #invites .shop-btn, #container .bundles #ceremony .shop-btn, #container .bundles #party .shop-btn { display: block; text-indent: -9999px; margin: 10px auto 0; } #container .bundles #invites .shop-btn { background: url("/image/wpd/css/bgs/buttons/shop-wedding-invitations.png") no-repeat center center; height: 20px; width: 195px;} #container .bundles #ceremony .shop-btn { background: url("/image/wpd/css/bgs/buttons/shop-ceremony-and-reception.png") no-repeat center center; height: 20px; width: 206px;} #container .bundles #party .shop-btn { background: url("/image/wpd/css/bgs/buttons/shop-party-invitations.png") no-repeat center center; height: 20px; width: 179px;} /* --- /ship.htm --- */ .ship .ship-nav { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 0.5em; width: 100%; margin: auto; min-height: 20px; } #container .ship .ship-nav { margin-left: 0; margin-right: 0; } .ship .ship-nav>li { color:#B52025; } .ship .ship-nav li { text-align: center; font-size: 110%; font-weight: bold; display: block; float: left; } .ship .ship-nav { padding-top:10px; font-size:85%; } .ship .ship-nav li#ship-nav-1 { width:20%; text-align: left; } .ship .ship-nav li#ship-nav-2 { width:30%; } .ship .ship-nav li#ship-nav-3 { width:30%; } .ship .ship-nav li#ship-nav-4 { width:19%; text-align: right;} .ship a[name] { color: #666666; } .ship a[name]:hover { text-decoration: none; } .ship h2 { background: url("/image/wpd/css/bgs/ship-underline.gif") repeat-x bottom left; display: block; clear: both; width: 100%; padding: 1em 0; } .ship h2 span { float: right; text-align: right; font-size: 0.75em; } .ship h2.brdr-top + p { padding-top: 10px; } .ship #stationery-options div, .ship #books-options div, .ship #outside-us-delivery div { display: none; } .ship #stationery-options, .ship #books-options, .ship #outside-us-delivery { display: block; margin: 1em auto 2em; } .ship #stationery-options { background: url("/image/wpd/css/bgs/ship-fastest-delivery-2012-02-17.jpg") no-repeat top center; width: 955px; height: 266px; } .ship #books-options { background: url("/image/wpd/css/bgs/ship-photobooks-gifts-2012-02-21.jpg") no-repeat top center; width: 954px; height: 827px; } .ship #outside-us-delivery { background: url("/image/wpd/css/bgs/ship-outside-us-2012-02-21.jpg") no-repeat top center; width: 954px; height: 460px; } #container .ship .photobooks-delivery-option { background: url("/image/wpd/css/bgs/photobooks-deadlines-2012-02-21.jpg") no-repeat 0 -230px; width: 960px; height: 335px; } .ship .calendars-delivery-option { background: url("/image/wpd/css/bgs/calendar-deadlines.jpg") no-repeat top center; width: 694px; height: 195px; } #calendars-delivery-option-wrap { margin-left: 700px; width: 260px; } #container .ship #photobooks-delivery-option-wrap { position:absolute; } #container .ship .photobooks-delivery-option ul { width:730px; padding:0; margin:70px 0 0 720px; } #container .ship .photobooks-delivery-option ul li a, #container .ship .photobooks-delivery-option ul li{ display:block; list-style-type:none; width:230px; height:40px; text-indent:-99999px; } /* footer section -------------------------------------------------------------- */ #footer.core, #footer.wpd { clear: both; width: 960px; } #footer.business, #footer.greeting, #footer.wedding { width: 984px; margin: auto; } #footer { font-size: .85em; line-height: 1.5; overflow: hidden; margin:0 auto 5px; padding: 9px; } #footer, #footer a { color:#aaa; } #footer a:hover { color:#aaa; border-bottom:1px solid #ccc; } #footer.wpd, #footer.wpd a { color:#666; text-decoration:none; } #footer.wpd a:hover { color:#265c72; border: 0; } #footer h4 { margin:10px 0 0 0; padding:0; font-weight:normal; font-size:1em; line-height: 1.25; } #footer.wpd h4 a { color: #CCC; } #footer ul, #footer li { list-style:none; margin:0; padding:0; } #newsletter-signup { border-top:2px dotted #ebebeb; border-bottom:2px dotted #ebebeb; background:#f9faf6; padding:0; overflow:hidden; width:100%; height:4.5em; } #newsletter-signup p { width:650px; margin:18px 0 18px 10px; font: bold 1.4em Arial, Verdana, sans-serif; float:left; color:#6b6b6b; } #newsletter-signup p span { font: normal .8em/1 arial, sans-serif; } #newsletter-signup a { font-size:.8em; color:#668800; text-decoration:underline; } #newsletter-signup a:hover { border-bottom:none; } #newsletter-signup form { margin:0 10px 0 0; float:right; height:24px; display:block; } #newsletter-signup input.input { width:200px; height:20px; border:1px solid #bcbcbc; float:left; margin-right:10px; color:#939598; padding:3px 2px 1px 2px; } #footer.wpd #newsletter-signup { background:#e5f1f8; border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; } #footer.wpd #newsletter-signup p { width:640px; margin:15px 0 0; font: bold 1.7em "Times New Roman", Georgia, serif; float:left; } #footer.wpd #newsletter-signup { padding: 0 10px; } #foot-signup-error, #about-signup-error { width:200px; color:#f00; float:right; height:14px; padding-right:100px; display:block; } .foot-cols { overflow: hidden; clear: both; min-height:155px; } .foot-cols .col { float:left; width:17.83%; height:150px; border-right:2px dotted #ebebeb; padding-left:1.5em; } #footer.wpd .foot-cols .col { width: 23%; } .foot-cols .last { border-right:0; } #footer .copyright { float: left; margin-left: 10px; margin-top: 5px; } #footer.wpd .copyright, #footer.wpd .copyright a { color: #aaa; } /* --- start footer logos --- */ .logos { margin: 5px 10px 0 0; overflow: hidden; } .logos span { float: right; margin: 0 5px; display: block; } /* static */ .logos.static span { background: url('/image/footer_logos.png') no-repeat center center; width: 94px; height: 36px; overflow: hidden; text-indent: -999px; padding: 0; } .logos.static span a { display: block; height: 100%; width: 100%; } .logos.static span.verisign { background-position: 0 -53px; margin-top: 0; height: 45px; width: 89px; } .logos.static span.mcafee { background-position: 0 -106px; margin-top: 0; height: 45px; width: 89px; } .logos.static span.bbb { background-position: 0 0; margin-top: 0; height: 45px; width: 89px; } /* secure */ .logos.secure span.mcafee { margin-top: 28px; } .logos.secure span.bbb { margin-top: 24px; } /*.logos.secure span.mcafee { margin-top: 4px; }*/ /* --- end footer logos --- */ /*meant for SEO copy links*/ .plain, .plain a, .plain a:link, .plain a:visited, .plain a:hover { text-decoration:none !important; color:#666; } #footer .plain { size:10px;} /* /about-us/ pages */ .about-us-image-right { margin-left: 15px; } .about-us-image-left { margin-right: 15px; } .exec-bio.brdr-btm { border-bottom:dotted 2px #CCCCCC; margin-bottom:20px; } .exec-bio .exec-bio-profile { width:200px; } .exec-bio .exec-bio-profile h2 { font-size:1.4em !important; } .exec-bio .exec-bio-qa { width:550px; } #content #lp-footer .save-the-date-cards { background: url('/image/wpd/css/bgs/carousel-bg.jpg') no-repeat 0 0 #e9f0f8; min-height:215px; } #content .carousel { padding:10px; overflow: hidden; } #content .carousel p { width: 330px; } #content .carousel li img { margin-right: 10px; } #content .carousel ul { float: right; width: 388px; height: 170px; overflow: hidden; list-style-type: none; margin:0; } #content .carousel ul li { float: left; margin: 0; opacity: 0.2; } #content .carousel ul li:first-child { opacity: 1; } /* photo books rebrand hover overs */ .insp-thmb-gallery { width:930px; margin:310px 0 0; padding:15px; position:relative; overflow: visible; float:left; display:inline; text-align:center; } .insp-thmbnails{ padding-top:10px; margin: 0 5px; height: 95px; width:145px; float:left; } .insp-thmbnails div.first { display:inline; top: -310px; left: 0px; z-index:4; } .insp-thmbnails div.first div { background-color:white; font-size:1.2em; display:inline; top:0px; left: 600px; width:250px; z-index:4; } .insp-thmbnails:hover div { display:inline; top: -310px; left: 0px; z-index:5; } .insp-thmbnails:hover div div { background-color:white; font-size:1.2em; color: #666; width:250px; left: 600px; display:inline; top: 0px; z-index:5; } .insp-thmbnails:hover{ color: #FFFFFF; background: #e17b00 url('/image/tp/prototype/tab-top.jpg') no-repeat 0 0; } .thmb-gallery { position:relative; overflow: visible; float:left; display:inline; text-align:center; width:190px; } .thmbnails { height: 105px; cursor:pointer; margin-bottom:5px; } /*.insp-thmbnails .insp-thmb img,*/ .thmbnails > img { padding: 2px; float:left; } .thmbnails:hover > img { padding:0px; border: 2px solid #e17b00; } .thmbnails:hover { background: url('/image/tp/prototype/tab-right.jpg') no-repeat 184px 0; } .insp-thmb:hover, .thmb:hover { background-color: transparent; text-decoration:none; } .insp-thmbnails div, .thmbnails div { position: absolute; display: none; top: 0px; left: 0px; } .thmbnails div.first { background-color:white; text-align:left; display:inline; top: 0px; left: 205px; z-index:204; } .thmbnails:hover div { background-color:white; text-align:left; display:inline; top: 0px; left: 205px; z-index:205; } .thmb div p, .thmbnails div p { font-size: 1.2em; width: 520px; float: left; padding-left:20px; } .thmb div#first div, .thmbnails div.first div { display:inline; left:0px; top:315px; width:520px; margin-left:20px; } .thmb:hover div div, .thmbnails:hover div div { float:left; display:inline; top:315px; left: 0px; width:520px; min-height: 80px; margin-left:20px; } /* general photobook css */ .wpd-photobooks#content { float:none; width: 960px; } .wpd-photobooks strike + span { color:#B52025; } .wpd-photobooks .pb-pad-l { padding-left:10px; } .wpd-photobooks .pb-h2 { margin: 15px 0; } .wpd-photobooks .pb-h2 h1, .wpd-photobooks .pb-h2 h2 { background-color:#f4f3ef; padding: 5px 10px; font-family:"Times New Roman",Georgia,serif; font-size:1.3em; font-weight:bold; } .wpd-photobooks .core-5-col div { padding-bottom:0px; } .wpd-photobooks .pb-h2 h1 span { float:right; font-size: 0.7em; margin: 3px 10px 0 0; font-family:arial; font-weight:normal; } .wpd-photobooks .pb-h2 h1+ span { padding:0 10px; margin: 5px 0; font-size:1.2em; } .wpd-photobooks .seo-copy h2 { font-family:"Times New Roman",Georgia,serif; font-size:1.8em; font-weight: lighter; } .wpd-photobooks h3 a{ font-size:1.7em; font-family:"Times New Roman",Georgia,serif; font-weight:bold; } .wpd-photobooks .everything-photobooks h3 a { color:#3595bd; font-size:1.0em; margin-top:0px; font-family: Arial,Verdana,sans-serif; font-weight: bold; } .wpd-photobooks ul { list-style-type: disc; margin: 0 0 0 20px; } .wpd-photobooks #pb-gs.btn{ background-image: url('/image/wpd/css/icons/sprite-buttons.png'); background-repeat: no-repeat; display:block; height: 23px; width:93px; padding: 0; margin-right: 20px; float:right; } .wpd-photobooks .pbvideo a { cursor: pointer; } .wpd-photobooks #pb-gs.btn span { display:none; } .wpd-photobooks .everything-photobooks p { margin-bottom:5px; } .wpd-photobooks .everything-photobooks > div { margin-bottom:10px; min-height:130px; position:static; } .wpd-photobooks .everything-photobooks > div div { margin-left: 10px; } .wpd-photobooks .everything-photobooks > div div:first-child { width: 210px; } .wpd-photobooks .featured-seo-copy { background-color:#f4f3ef; padding:10px 10px 12px; margin-bottom:10px; } .wpd-photobooks .seo-copy { margin-left:10px; } .wpd-photobooks .pbmeetlaura { float:left; width:190px; } .wpd-photobooks .pbmeetlaura div { background-color: #eff5f0; } .wpd-photobooks .pbmeetlaura div img { margin: 10px 28px; } .wpd-photobooks .pbmeetlaura div p { font-size:0.9em; line-height:1.5em; padding: 0 10px 20px; } .wpd-photobooks .pb-about-pb div:first-child { width:525px; margin-left:10px; } .wpd-photobooks .pb-about-pb div span { font-size:1.5em; color:#54a7db; } .wpd-photobooks .pb-about-pb div p { font-size:1.1em; padding:5px 0; } .wpd-photobooks .pb-about-pb div ul { font-size:1.1em; } .wpd-photobooks .pb-mar-t { margin-top:15px; } .wpd-photobooks .photobooks-delivery-option-sm { position:relative; height:225px; width:697px; margin-bottom: 20px; background: url('/image/wpd/css/bgs/photobooks-deadlines.jpg') no-repeat top left;); } /* photobookoptions page */ table#photobookoptions { width: 960px; } table#photobookoptions a { text-decoration: underline; } table#photobookoptions tr, table#photobookoptions thead { height: 40px; } table#photobookoptions thead th { margin-bottom:10px; } table#photobookoptions td img { margin-top: 5px; } table#photobookoptions td { vertical-align: middle; text-align: center; border-right: 2px dotted #ddd; } table#photobookoptions td:last-child { border: none; } table#photobookoptions th { vertical-align: middle; padding: 0 10px; text-align: left; border-right: 1px solid #ddd; width: 185px; } table#photobookoptions th h2 { margin-top:0; } #pb-cover-options div { } #pb-cover-options > div > img { margin: 0 30px; } #pb-cover-options > div.mid { border-left: dotted 2px #DDDDDD; border-right: dotted 2px #DDDDDD; } /* photobookinspiration page */ table#photobookcomparison { width: 960px; } table#photobookcomparison td { border: 1px dotted #ddd; padding: 5px 15px; } table#photobookcomparison td:first-child { border-left:none; width:130px; } table#photobookcomparison td:last-child { border-right:none; } table#photobookcomparison tr:first-child td { border-top:none; } table#photobookcomparison tr:last-child td { border-bottom:none; text-align:center; } table#photobookcomparison tr:last-child td #pb-gs.btn { float: none; margin: auto; } table#photobookcomparison tr td #pb-gs.btn { float: none; margin: auto; } table#photobookcomparison td ul { margin: 0 0 0 1.2em; } ul.pb-shipping-mini-chart { position:absolute; right:15px; top:60px; margin:0 10px; } ul.pb-shipping-mini-chart li { text-indent: -9999px; width:192px; height:32px; list-style-type:none; } ul.pb-shipping-mini-chart li a { display:block; width:175px; height:25px; } .wpd-photobooks #hero { float:none; padding:4px; } /* wpd calendars */ #content.wpd-calendars { width:960px; float:none; font-family: Arial,Verdana,sans-serif; } .wpd-calendars .c-mar-b { margin-bottom: 15px; } .wpd-calendars .divider { background-color:#f3f2ee; padding:5px 10px; font-family:georgia; } .wpd-calendars .enclosure h1 { font-size: 1.1em; font-family:georgia; } .wpd-calendars .enclosure h2 { font-size: 1.2em; font-family:georgia; } .wpd-calendars .enclosure { width:960px; margin-bottom: 15px; } .wpd-calendars .enclosure.heading { height: 20px; } .wpd-calendars .enclosure .col { width: 340px; float: left; } .wpd-calendars .enclosure .col.omega { width: 245px; float: right; } .wpd-calendars .enclosure .mid { width: 10px; display:block; float: left; } .wpd-calendars .enclosure .mid.horiz-divider { width: 1px; border-right:dotted 2px #ccc; height: 165px; margin: 260px 3px 0 4px; } .wpd-calendars .enclosure ul { margin: 30px 0 30px 30px; } .wpd-calendars .enclosure span { margin: 0 0 0 30px; } .wpd-calendars .feat-seo-copy > span, .wpd-calendars .seo-copy > span { font-family: Arial,Verdana,sans-serif; font-weight: bold; font-size: 1.1em; } .wpd-calendars .feat-seo-copy { background-color: #f3f2ee; padding: 10px 10px 0; width: 940px; float: left; } .wpd-calendars .feat-seo-copy > span { font-size: 1.0em; } .wpd-calendars .feat-seo-copy p { margin-bottom: 10px; } .wpd-calendars .seo-copy { padding: 10px; width: 940px; float: left; } .wpd-calendars .seo-copy span { font-weight: normal; } .wpd-calendars #cal-gs.btn { background-image: url("/image/wpd/css/btns/wall-cal_get-started.jpg"); background-repeat: no-repeat; display: block; float: right; height: 28px; margin-right: 20px; padding: 0; width: 101px; } .wpd-calendars #productLaunch #cal-gs.btn { background-image: url("/image/wpd/css/btns/wall-cal_get-started-lrg.jpg"); height: 40px; width: 135px; } .wpd-calendars #cal-gs.btn span { display:none; } .wpd-calendars .cal-tp-diff { margin-left: 15px; text-align:left; } .wpd-calendars .cal-tp-diff p { margin-bottom: 10px; } .wpd-calendars .cal-gallery { width: 470px; margin-right: 20px; float: left; } .wpd-calendars .cal-content { width: 470px; float: left; } .wpd-calendars .cal-gallery .infoSection { margin-top: 585px; width: 470px; } .wpd-calendars.desk .cal-gallery .infoSection { margin-top:545px; } .wpd-calendars .views-thmbnails { width: 85px; margin: 15px 7px 0 0; float: left; } .wpd-calendars .views-thmbnails img:hover { cursor: pointer; } .wpd-calendars .views-thmbnails .cal-hero.first, .wpd-calendars .views-thmbnails img:hover + .cal-hero { display:block; position:absolute; top:30px; left:0px; } .wpd-calendars .views-thmbnails .cal-hero.first { z-index: 1; } .wpd-calendars .views-thmbnails img:hover + .cal-hero { z-index: 2; } .wpd-calendars .cal-hero { display: none; padding: 5px; border: solid 1px #666; width: 457px; height: 555px; } .wpd-calendars.desk .cal-hero { height: 510px; } .wpd-calendars .cal-content ul { margin-left: 20px; } .wpd-calendars .col_24 { width: 960px; float: left; } .wpd-calendars .cal-content h1 { font-weight: bold; font-size: 1.5em; } .wpd-calendars .cal-content p { margin-bottom: 10px; font-size: 0.9em; } .wpd-calendars #productLaunch .infoSection .sectionIcon { background: url("/image/wpd/css/icons/cal-numbers.png") 0 0 no-repeat; display: block; height: 25px; padding: 5px 0 0 40px; width: 470px; } .wpd-calendars #productLaunch .infoSection .sectionIcon.two { background: url("/image/wpd/css/icons/cal-numbers.png") 0 -47px no-repeat; } .wpd-calendars #productLaunch .infoSection .sectionIcon.two div { width: 190px; float: left; } .wpd-calendars .infoSection #cal-gs.btn { float: left; margin-left: 160px; } .wpd-calendars #productLaunch .infoSection { position: relative; } .wpd-calendars .cal-content ul { margin-top: 10px; } .wpd-calendars .infoSection #cal-gs.btn:hover + div { display:block; } .wpd-calendars .infoSection #cal-gs.btn + div { top:140px; display:none; position:absolute; left:100px; background-color:#FFF; border:solid 1px #ddd; color:#666; width: 270px; padding: 5px; } .wpd-calendars.desk .infoSection #cal-gs.btn + div { top: 140px; } .wpd-calendars .infoSection .sectionContent { margin: 45px 0 20px; } .wpd-calendars .core-4-col div { width: 22.5%; } .wpd-calendars strike + span.sale { margin: 0 0 0 5px; color: #B52025; } #container.wpd h2.divider, h1.divider { color: #6d6d6d; background-color:#efefef; padding:5px 15px; font-family: "Times New Roman",Georgia,serif; font-size: 1.4em !important; } #seo-copy h2 { color:#666666; font-size: 1.6em; } .s-brdr-t { border-top: 1px solid #E5E5E5; padding-top:10px; } .v2 #hero a { display:block; text-indent: -9999px; height: 298px; width: 700px; } /* -------------------------------------------------------- Core Framework for all three sites (TP, TPC, WPD) file: core-stylings.css author: Eric Ritchey date: Dec. 2, 2009 * -------------------------------------------------------*/ /* misc classes ------------------------------------------------------*/ /* when changing the hours on the site use this code:

Please Note: ...

*/ .hours-change { text-align:center; font-size:20px; margin-bottom:60px; color:#c00; padding:10px; width:100%; border-bottom:2px dotted #ededed; } .hours-change span { font-size:14px; } .hours-change strong { display:block; } .gradient-up { background: #fff url('/image/common/gradient-up.gif') repeat-x bottom left; } .gradient-down { background: #fff url('/image/common/gradient-down.png') repeat-x 1px left; } .gradient-left { background: #fff url('/image/common/gradient-left.gif') repeat-x top left; } .gradient-right { background: #fff url('/image/common/gradient-right.gif') repeat-x top left; } .gradient-up-alt { background: #fbfbf8 url('/image/common/sidebar-gradient.gif') repeat-x bottom left; } /* use when missing an asset (i.e. a link) */ .oops {background-color:#f00;color:#fff;} /* for adding the orange "new" section */ #container span.new, #container-dynamic span.new { color:#D76B4F; font-size:1em; font-weight:bold; position: static; margin-left: 0; text-indent: 0;} /* clearers */ .clearBoth { clear:both !important; } .clearLeft { clear:left !important; } .clearRight { clear:right !important; } .block { display: block; } .hidden { display: none; } .blockauto { display: block; margin: auto; } /* aligners */ span.alignLeft, span.alignCenter, span.alignRight { display: block; } .alignLeft { text-align: left !important; } .alignRight { text-align: right !important; } .alignCenter { text-align: center !important; } .floatLeft { float: left !important; } .floatRight { float: right !important; } .floatNone { float: none !important; } /* --- shadowing css --- */ .shadow-full,.shadow-double,.shadow-single { background: url('/image/common/shadowing.png') no-repeat center bottom; } #container .shadow-full { padding-bottom: 11px; } #container .shadow-double { padding-bottom: 9px; } #container .shadow-single { padding-bottom: 8px; } /* --- end shadowing --- */ /* --- start star rating --- */ .rating { display:block; text-indent:-999px; overflow:hidden; background: url('/image/star-rating.png') no-repeat left center; height:12px; width:71px; margin: 2px 0; } .r1 { background-position: -57px 0; } .r2 { background-position: -43px 0; } .r3 { background-position: -29px 0; } .r4 { background-position: -15px 0; } .r5 { background-position: 0px 0; } /* --- end star rating ----- */ /* --- testimonial quote action --- located on: - http://www.tinyprints.com/personal-shoppers-photo-cards.htm - http://www.weddingpaperdivas.com/wedding-paper-divas-difference.htm */ #container .quotes blockquote { font-style:italic; font-size:1.1em; text-indent:30px; position:relative; font-family:Georgia; text-align: left; margin: 0 1.5em; } #container .quotes blockquote .quote { position:absolute; color:#bebebe; font-size:4em; text-indent:0; } #container .quotes blockquote .first { top:-15px; left:0; } /* --- end testimonial quote action --- */ /* ------------------------- c = core brdr = border t = top r = right b = bottom l = left t-b = top-bottom pad = pad mar = margin ------------------------- */ .c-pad { padding: .5em; } .c-pad-b { padding-bottom: 20px; } .c-pad-r { padding-right: 10px; } .c-pad-l { padding-left: 10px; } .c-mar-t { margin-top: 20px; } .c-mar-b { margin-bottom: 20px; } .c-gray { background: #f6f5f3; } .c-brdr { border: 1px solid #ccc; } .c-brdr-t { border-top: 2px dotted #ebebeb; padding-top: 10px; } .c-brdr-r { border-right: 2px dotted #ebebeb; } .c-brdr-b { border-bottom: 2px dotted #ebebeb; } .c-brdr-l { border-left: 2px dotted #ebebeb; } .c-brdr-t-b { border-top: 2px dotted #ebebeb; border-bottom: 2px dotted #ebebeb; padding: 10px 0; } .req { color: #f00; font-weight: bold; font-size:1.1em; } /* for product page styling */ #container-dynamic p.na {color:#F78C5A;} #container-dynamic p.na strong {font-weight:normal;} #container-dynamic p.note strong { color:#F78C5A; } /* default testimonial and review styling for left nav */ #container #testimonial, #container #review { /* border-bottom:2px dotted #ebebeb; - Removing to get rid of dotted underline on text of testimonial in IE7. No longer deemed necessary */ margin-top:10px; } #sidebar .hreview span { display: block; } #sidebar .hreview span span { display: inline; font-weight: normal; } #sidebar #review .img { float: left; width: 43%; } #sidebar #review .reviewdata { float: right; width: 51%; } #sidebar #review .reviewdata.short { padding-top: 10px; } #sidebar #review .type { display: none; } #sidebar #review h3 { text-transform: uppercase; } #sidebar #review .description { margin: 10px 0 0 0; padding: 0; clear: both; } #container #testimonial h3, #container #review h3 { /* background: url('/image/core-icons/icon-sprite.png') no-repeat -3px -110px; Removed to get rid of <3 icon next to h3 in testimonials. No longer needed per rebrand */ padding: .3em 0 0 1.7em; margin-top:1em; height:1.1em; } #container #testimonial p { font-size:.85em; line-height:1.5em; } .strikeout,.s { text-decoration: line-through;} .mouseprint, .sm { font-size:.85em; } /* holiday cut-off ------------------------------------------------------*/ /* --- holiday cut-off sub nav --- */ #container ul.anchor-links, #container ul.anchor-links li { margin:0; padding:0; list-style:none; } #container ul.anchor-links { border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:100%; float:left; margin: 4px 0 0 0; padding:0; display:inline; } #container ul.anchor-links li { text-align:center; margin: .3em 0; padding:0 .5em; width:165px; float:left; } #container ul.anchor-links li a { border-bottom:0; display:block; width:100%; padding:.5em; } #container ul.anchor-links li a:hover { background:#680; padding:.2em .5em; margin:.3em 0 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#fff; text-shadow: 1px 1px 1px #666; } #container ul.anchor-links li.selected a { font-weight:bold; color:#6b6b6b; } #container ul.anchor-links li.selected a:hover { background-color:inherit; text-shadow: 0 0 0; } /* Column Structures ------------------------------------------------------*/ .core-2-col, .core-3-col, .core-4-col, .core-5-col, .core-6-col { overflow: hidden; clear: both; width: 100%; } .core-2-col div, .core-3-col div, .core-4-col div, .core-5-col div, .core-6-col div { float: left; padding: 10px .5%; text-align: center; position:relative; overflow: hidden; } .core-2-col div.alignLeft, .core-3-col div.alignLeft, .core-4-col div.alignLeft, .core-5-col div.alignLeft, .core-6-col div.alignLeft { text-align: left; } .core-2-col div.alignRight, .core-3-col div.alignRight, .core-4-col div.alignRight, .core-5-col div.alignRight, .core-6-col div.alignRight { text-align: right; } .core-3-col div, .core-4-col div { padding: 10px 1%; margin: 0; } .core-2-col div:first-child, .core-3-col div:first-child, .core-4-col div:first-child, .core-5-col div:first-child, .core-6-col div:first-child { margin-left: 0; } /* Column widths */ .core-2-col div { width: 47%; } .core-3-col div { width: 31%; } #container.full .core-3-col div { width: 31%; } .core-4-col div { width: 23%; } .core-5-col div { width: 18%; } .core-6-col div { width: 14.6%; } /* --- 2 Columns --- */ .core-2-col p { font-size:.9em; } .core-2-col div { padding: 0; } .core-2-col div.last { float:right; } #container .core-2-col h1, #container .core-2-col h2, #container .core-2-col h3, #container .core-2-col h4, #container .core-2-col h5, #container .core-2-col h6, #container .core-2-col p { margin: 0; padding: 0; } #container .core-2-col a { /* font-size:.9em;*/ border-bottom: 0; } #container .core-2-col a:hover { border-bottom: 0; } #container .core-2-col .alignRight { position: absolute; bottom:0; right:5px; } /* --- 3 Columns --- */ .index .core-3-col div { margin-left: 10px; padding: 0; } .core-3-col div:first-child { margin-left: 0; } .index .core-3-col div { width: 32.4%; } .index .core-3-col div div { border-top: 0; padding: 0; margin: 0; width: 100%; float: none; display: block; } .index .core-3-col h3, .index .core-3-col p { margin: 0; padding: 0; } .core-3-col div.mid.brdr { border-left: 2px dotted #ebebeb; border-right: 2px dotted #ebebeb; } /* --- 4 Columns --- */ .core-4-col.borders {/* for modern browsers */ border: 1px solid #ccc; border-top: 0; width: 99.8%; } .core-4-col.borders div {/* for modern browsers */ border-right: 1px solid #ccc; width: 22.9%; } .core-4-col div:last-child {/* for modern browsers */ border-right: 0; } /* --- 5 Columns --- */ #container ul.core-5-col.products, #container ol.core-5-col.products, #container ul.core-5-col.products li, #container ol.core-5-col.products li { margin: 0; padding: 0; list-style: none; } .core-5-col.products li { width: 19.9%; float: left; text-align: center; } /* --- 6 Columns --- */ /* ---------------------------------------------------------------------- added for table sorting on the wedding photographers page http://www.weddingpaperdivas.com/local-wedding-photographers.htm http://www.tinyprints.com/tiny-prints-local-photographer-recommendations.htm ---------------------------------------------------------------------- */ table.sortable { width: 100%; } #container .sortable td, #container .sortable th { padding: 0.3em; } #container .sortable thead th { cursor: pointer; padding: .4em; font-weight: bold; text-align: left; } #container .sortable thead, #container .sortable tfoot { background-color: #e0ecec; } #container .sortable tfoot * { font-weight: normal; font-style: normal; } #container .sortable tfoot th { padding:.1em .5em; font-size:.85em; } #container .sortable tr.even { background-color: #f2f2f2; } #container .sortable .sortasc, #container .sortable .sortdesc, #container .sortable .headerSortDown { background: #e3e4e0 url('/image/wpd/css/icons/down.gif') no-repeat right center; } #container .sortable .headerSortUp { background: #e3e4e0 url('/image/wpd/css/icons/up.gif') no-repeat right center; } /* * Console Logging in IE */ #tpconsole { position:absolute; bottom: 0; left: 0; width: 98%; border: 1px solid #999; background: #eee; font-size: 12px; padding: 10px; } html>body #tpconsole { position: fixed; } #tpconsole a { float: right; padding-left: 1em; padding-bottom: .5em; text-align: right; } /*until convertro fixes*/ #__cvo_f{ display:none; } /* ------------------------------------------------------- * Wedding Paper Divas Partner Navigation CSS * file: base.css * author: Eric Ritchey * date: Jun. 09, 2010 * Version: 1.1 Rearranged top nav and modified CSS to match * ------------------------------------------------------*/ #nav.partners li, #nav.partners li a:hover,#nav.partners li:hover, #nav.partners li.sfhover { background: url('/image/partners/css/bgs/nav-partner-sprite.png') no-repeat top left; } #nav.partners li li { display: block; margin: 0; padding: 0;} #nav li#partners ol ol { margin-left:25.6em; width: 14em !important; } #nav.partners li#partners, #nav.partners li#partners a { width:273px; } #nav.partners li#partners ol { width:279px; } #nav.partners li#partners { background-position: 0 0; overflow: hidden; } #nav.partners li#partners a:hover,#nav.partners li#partners:hover, #nav.partners li#partners.sfhover { background-position: 0 -39px; } #nav.partners li#wedding, #nav.partners li#wedding a { width:165px; } #nav.partners li#wedding { background-position: -273px 0; } #nav.partners li#wedding a:hover,#nav.partners li#wedding:hover, #nav.partners li#wedding.sfhover { background-position: -273px -39px; } #nav.partners li#savedate, #nav.partners li#savedate a { width:124px; } #nav.partners li#savedate { background-position: -438px 0; } #nav.partners li#savedate a:hover,#nav.partners li#savedate:hover, #nav.partners li#savedate.sfhover { background-position: -438px -39px; } #nav.partners li#bridal-and-party, #nav.partners li#bridal-and-party a { width:179px; } #nav.partners li#bridal-and-party { background-position: -562px 0; } #nav.partners li#bridal-and-party a:hover,#nav.partners li#bridal-and-party:hover, #nav.partners li#bridal-and-party.sfhover { background-position: -562px -39px; } #nav.partners li#stationery, #nav.partners li#stationery a { width:111px; } #nav.partners li#stationery { background-position: -741px 0; } #nav.partners li#stationery a:hover,#nav.partners li#stationery:hover, #nav.partners li#stationery.sfhover { background-position: -741px -39px; } #nav.partners li#essentials, #nav.partners li#essentials a { width:105px; } #nav.partners li#essentials { background-position: -852px 0; } #nav.partners li#essentials a:hover,#nav.partners li#essentials:hover, #nav.partners li#essentials.sfhover { background-position: -852px -39px; } #nav.partners li#home li, #nav.partners li#home li a, #nav.partners li#wedding li, #nav.partners li#wedding li a, #nav.partners li#savedate li, #nav.partners li#savedate li a, #nav.partners li#bridal-and-party li, #nav.partners li#bridal-and-party li a, #nav.partners li#stationery li, #nav.partners li#stationery li a, #nav.partners li#essentials li, #nav.partners li#essentials li a, #nav.partners li#partners li, #nav.partners li#partners li a { width:auto; } #nav.partners li li, #nav.partners li li a, #nav.partners li li:hover, #nav.partners li li a:hover, #nav.partners li li.sfhover { background-image:none; } #nav.partners li:hover, #nav.partners li.sfhover { left: 51em; } #nav.partners li#partners:hover ol.first { left: 6px; } #nav.partners li#essentials:hover ol { left: 60.2em; } #nav.partners li li a:hover, #nav.partners li.sfhover li a:hover { background:#8bcce2; color:#533519; } /* --- sidebar --- */ #categoryBody #sidebar .partner-nav h3, #categoryBody #sidebar .partner-nav ul, #categoryBody #sidebar .partner-nav li { margin:0; padding:0; list-style:none; } #categoryBody #sidebar .partner-nav h3, #categoryBody #sidebar .partner-nav ul { padding-left:10px; } #categoryBody #sidebar .partner-nav h3 { /*background: url('/image/wpd/css/bgs/arrow-blue.png') no-repeat center left;*/ color:#6B6B6B;; font-weight:bold; } #categoryBody #sidebar .partner-nav ul { margin-bottom:10px; margin-left: 10px; } #categoryBody #sidebar .partner-nav li { line-height:1.5; } .disclaimerSubText{ color:#533519; font-size:0.9em; font-weight:bold; padding:5px; text-align:center; } div.auto { height:auto !important; } #categoryBody_search_filters li{ margin-bottom:5px; } #categoryBody #sidebar #filterPanel li ul{ margin:0 0 0 20px; } .partnerColorSwatch{ height:16px; width:16px; border:1px solid #ffffff; margin:1px; float:left; cursor:pointer; }