/* -------------------------------------------------------------- 
  
   Tiny Prints Base Stylesheet
   by Eric Ritchey
   
-------------------------------------------------------------- */

#topnav,#slideshow-imgs { position:relative; }

/* Site
-------------------------------------------------------------- */

/* ---- NEW BUTTON FOR GREETING CARDS ---- */
span.nav-icon {
	background: url('/image/tp/css/btns/nav-btn.png') no-repeat center center;
	z-index:501 !important;
	position: absolute;
	display: block;
	right: 192px;
	top: -1px;
	width: 50px;
	height: 26px;
}

/* actual site content section
-------------------------------------------------------------- */

body,
#container div#content-contain              { background:#fff; }
body#nopromo #container div#content-contain { margin-top:1em;  }
#content-contain,#filmstrip,#difference     { overflow:hidden; }
#content-contain,#footer                    { clear:both;      }

/* ---	this determines the page gets the 
			sidebar treatment or the full width --- */
#container.side #content, #container .side #content{ width: 730px; float: right; }
#container #content				{ width: 960px; }
#slideshow,#filmstrip,
#difference	{ width:708px; }
.three-col	{ width:100%; float:left; } /* putting width here for proper cascading. floating it so it will wrap the item. */
.box {
	border:1px solid #e8e8e8;
	margin:10px auto;
	padding:10px;
	overflow:hidden;
	width:97%;
}
.three-col.box { width:97.6%; }
.three-col.box div.mid { margin:0; }
#container .three-col .gradient-up-alt img { margin-top:5px; }
.box h2 { margin-top:0; }

.panel {
	float:left;
	text-align:center;
	margin:10px 10px 0px 4px;
}
#container .panel a.border,#content .panel a.border {
	border:1px solid #e8e8e8;
	display:block;
	background:#fff;
	height:116px;
	width:161px;
}
#container .panel a:hover.border { border:1px solid #344500; }

#filmstrip h5 {
	font:normal 1em Arial, Verdana, sans-serif;
	margin:0 0 5px 0;
	padding:0;
}
#filmstrip .panel { position:relative; }
#filmstrip .panel span {
	background: url('/image/tp/css/bgs/new-badge.gif') no-repeat top left;
	text-indent:-999em;
	overflow:hidden;
	position:absolute;
	height:15px;
	width:44px;
	top:1.3em;
	right:1em;
}

/* misc classes
-----------------------------------------------*/
.underline, #content .two-col a.underline {
	border-bottom: 1px dotted #333;
}


img.floatLeft { margin-right:1.3em; }
img.floatRight { margin-left:.8em; }

img.white { padding:.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;	}
.justify							{ text-align:justify !important; }
img.center { display: block;}

.pointer { cursor: pointer; }
#container .none { margin:0; padding:0; list-style:none; }

/* for an image that's supposed to take up the full area and be centered */
#container a.full:hover 				{ margin: 0; padding: 0; }
#container a.full img						{ margin: 0 auto; padding: 0; display: block;  }
#container .three-col img.block	{ margin: auto; display: block; padding:.5em; }

#container #sidebar .marketing-sidebar a:hover img {
	display:block;
	border-bottom:0;
}
.hidden { display: none; }

/* -- for background colors -- */
.white,.gray { overflow:hidden; }
.white 	{ background-color: #fff; }
.gray		{ background-color: #eee; }
.ligh-blue { background-color: #e7f0f1;}

/* -- for no padding/margin/list-style -- */
#container ul.plain,
#container ol.plain{
	margin:0;
	padding:0;
	list-style:none;
}

/* -- for spacing requests -- */
#container h2.pad-top,#container h3.pad-top { margin:1em 0 0 0; }
#container h2.pad-btm,#container h3.pad-btm { margin:0 0 2em 0; }
.no-marg div,#container .no-marg div h3			{ margin-bottom:0 !important; }
.no-marg																		{ margin:0 0 0 0 !important; }
.pad {padding:1em;}


/* --- dotted borders --- */
.border-bottom			{ border-bottom:	2px dotted #ebebeb; }
.border-top					{ border-top:			2px dotted #ebebeb; }
.border-right				{ border-right:		2px dotted #ebebeb; }	
.border-left				{ border-left:		2px dotted #ebebeb; padding-left:.8em; }
.border-top-btm 		{ border-top:			2px dotted #ebebeb; border-bottom: 2px dotted #ebebeb; }

/* --- solid borders --- */
.border-solid,.brdr { border: 				1px solid  #ebebeb; }
.solid-right				{ border-right:		1px solid  #e5e5e5; }	
.solid-left					{ border-left:		1px solid  #e5e5e5; }
.solid-top-btm 			{ border-top:			1px solid  #ebebeb; border-bottom: 1px solid #ebebeb;  }

h2.border-bottom		{ padding-bottom:.1em; margin-bottom:.5em; }
#container .lrg 		{ font-size:1.3em; }
#copy						{ clear:both; }
#copy p					{ font-size:.9em; }
#copy h1				{ /* -- matching this to the same as H2 styling for the homepage -- */
	font-size: 1.4em;	
	margin:.5em 0 0; 
	padding:0;
	font-weight:normal;
	color:#6b6b6b;
}
#old-copy				{
	position:absolute;
	left:-999em;
	top:0;
}

table#media-contacts {
	width:500px;
}
.text-highlight {
	color:#f26522;
}
/* Buttons
-------------------------------------------------------------- */
p.shop {
	background: url('/image/tp/css/btns/sprite-buttons.png') no-repeat 0 0;
	text-indent:-999px;
	overflow:hidden;
	position:relative;
	height:27px;
	width:98px;
	top:20px;
	right:0;
}
p.shop a,p.shop a:hover {
	border-bottom:0;
}
p.shop a {
	display:block;
	width:100%;
	height:100%;
}

p.gs,p.lm,p.sn {
	width:98px;
}
p.gs {
	background-position:0 0;
}
p.lm {
	background-position:0 -29px;
}
p.sn {
	background-position:0 -58px;
}
p.sc {
	background-position:0 -87px;
	height: 28px;
	width: 108px;;
}
p.goto-act {background-position:0 -155px; width:155px; height:30px;}

.shop {
	background: url('/image/tp/css/btns/sprite-buttons.png') no-repeat 0 0;
	text-indent:-999px;
	overflow:hidden;
	position:relative;
	width:450px;
	height:28px;
	float:right;
	right:0px;
}
.shop a, .shop a:hover {
	border-bottom:0;
}
.shop a {
	display:block;
	width:100%;
	height:100%;
}
.smommyc {
	background-position:0 -247px;
	width:180px;
	height:28px;
	float:left;
}

.sbusinessc {
	background-position:0 -277px;
	width:200px;
	height:28px;
	float:right;
}

/* Microformats styling
-------------------------------------------------------------- */
.fn { font-weight: bold; }
.org { font-style: italic; }


/* 2 column structure
-------------------------------------------------------------- */
.two-col div.column {
	padding-bottom: 9980px;
	margin-bottom: -9970px;
}
.two-col { 
	margin:.5em 0; 
	overflow:hidden; 
	width:100%;
}
.two-col div.border-left {
	padding-left:0;
}
.two-col div {
	float:left;
	width:48.5%;
	overflow:hidden;
	margin:.7em 0;
	display:inline;
}
.two-col div.pad {
	width:46.77%;
}
.two-col div:first-child {
	padding-right:1em;
	margin-right:.5em;
}

.two-col h2,.two-col h3,.two-col p {
	margin:0;
	padding:0;
}
.two-col h3,.two-col p	{ font-size:.9em; }

.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;
}

/* 3 column structure
-------------------------------------------------------------- */
/* being a little specific here so we can use the three column layout on full width pages also.*/
#container .three-col div				{ width: 31.83%; }
#container.side .three-col div	{ width: 230px; }
#container .three-col div.mid				{ margin-left: 1em;  margin-right: 1em;}
#container.side .three-col div.mid	{ margin-left: .6em; margin-right: .6em;  margin-top: 0; }

.three-col {
	height:auto;
	margin:.5em auto;
	overflow:hidden;
	padding:.6em;
	margin-top:1em;
	width:auto;
}
#home .three-col {
	margin-top:0;
}
#container .three-col h3,#container .two-col h3,
h2 + div.two-col,h2 + div.three-col		{ margin-top:0; }
#container .three-col div p.center a,
.three-col div,.three-col div p 			{ margin:0;padding:0; }
.three-col div {
	float:left;
	width:230px;
	display:inline;
}
/*#container .three-col div.mid  { margin:0 1em; }*/

.three-col div.brdr { padding:0; }
.three-col div.gradient-up-alt {
	text-align:center;
	display:block;
}

#container a.full,
#container a.full img { display: block; }
#container a.full,
#container a.full:hover { padding-bottom: 2px;}
#container a.full img   { margin-bottom:1px; }
#container .two-col p,
#container .three-col p { margin: 0; padding: 0; }

#container .prod-section div.mid {
	border:1px solid #ebebeb;
}
#container .three-col ul.disc {
	padding-left:8.7em;
}
/* --- more specific styling --- */
.three-col div.parents, .three-col div.celebrities {
	border:1px solid #e8e8e8;
	overflow:hidden;
}
.three-col div.parents {
	margin-bottom:10px;
}
.three-col div.parents img, .three-col div.celebrities img {
	float:left;
	margin-right:3px;
}
.three-col div.parents p, .three-col div.celebrities p { font:normal .85em Arial, Verdana, sans-serif; }

#container .three-col div.content h3 { text-align:center; }
#container .three-col div.content ul,#container .three-col div.content li {
	margin:0;
	padding:0;
	list-style:none;
}
#container .three-col div.content ul {
	margin:0 auto 10px;
	overflow:hidden;
	padding:0;
	width:212px;
}
#container .three-col div.content li.btn {
	background: url('/image/tp/css/bgs/shadow-4.png') repeat-x bottom left;
	float:left;
	width:60px;
	text-align:center;
	font-size:1.4em;
	text-transform:lowercase;
}
#container .three-col div.content li:hover	{ background: url('/image/tp/css/bgs/shadow-5.png') repeat-x top left; }
#container .three-col div.content li.b, #container .three-col div.content li.studio-basic-g			{ margin-left:.5em; margin-right:.5em; }
#container .three-col div.content li.btn a	{
	display:block;
	width:54px;
	padding:0 0 2px 0;
	margin:2px;
}
#container .three-col div.content li.g a:hover	{ color: #b85676; }
#container .three-col div.content li.g a				{ color: #e9908f; border:1px solid #e9908f;height:1.6em; }
#container .three-col div.content li.b a:hover	{ color: #276186; }
#container .three-col div.content li.b a 				{ color: #479fd7; border:1px solid #479fd7;height:1.6em; }
#container .three-col div.content li.a a 				{ border:1px solid #680;height:1.6em; }

#container .three-col div.content li.btn span:first-child{
	font-size:.5em;
	padding-top:5px;
	text-transform:uppercase;	
}
#container .three-col div.content li.btn span{
	line-height:.5;
	padding:3px 0;
	display:block;	
}	
/* 4 column structure
-------------------------------------------------------------- */
.four-col {
	margin:10px 0;
	overflow:hidden;
}
.four-col div,.four-col li {
	float:left;
	width:20%;	
	/*width:23.7%;  this width is breaking the personal-shopper-photo-cards page 11-25-09--*/
	margin-right:10px;
}
.four-col div.pad,.four-col li.pad {
	width:146px;
}
.four-col div.last,.four-col li.last {
	margin-right:0;
}
.four-col div.parents p, .four-col div.celebrities p {
	font:normal .84em Arial, Verdana, sans-serif;
}

/* 5 column structure
-------------------------------------------------------------- */
.five-col div {
	float:left;
	margin-right:3px;
	text-align:center;
}
.five-col div.last {
	margin-right:0;
}
#photo-cards .five-col div {
	padding-top:1em;
}
#container .five-col div a.img {
	border-bottom:1px solid #ebebeb;
	padding:5px 5px 2px;
	display:block;
}
#photo-cards #container .five-col div a.img { border-bottom:0;padding:0;display:inline; }
#content .five-col div a:hover {
	border:1px solid #680;
	border-bottom:1px solid #680;
}

#photo-cards #content .five-col div a:hover {
	border:0;
}
#content .five-col p a,#content .five-col p a:hover { border:0;margin:0;padding:0; }

/* column common elements
--------------------------------------------------------------*/
.two-col .divider, .three-col .divider, .four-col .divider, .two-col .divider.mid, .three-col .divider.mid, .four-col .divider.mid{
/*	padding:2px 4px 2px 0;*/
	min-height:70px; 
	height:auto !important; 	
	height:70px;
	margin-top:.7em;
	margin-bottom:.7em;
}
#container .two-col h2, #container .three-col h2, #container .four-col h2, #container #filmstrip h2 { margin-top:0; }
#container  h3.col-title { margin-top:.2em; }

/* TP Difference Section
-------------------------------------------------------------- */
#difference-row                      { margin-top:0; }
#container #difference-row h3        { padding-top: 95px; text-align: center; }
#container #difference-row dl        { margin: 1em 0; }
#container #difference-row dt        { margin: 1em 0 0 0; }
#difference-row .product-row li      { margin-top:5px; margin-right:14px; }
#difference-row .product-row li.last { margin-right:0; }
#difference-row .satisfaction        { background: url('/image/tp/css/misc/tpdifference/exclusive-designs.jpg')    no-repeat top center; }
#difference-row .individual          { background: url('/image/tp/css/misc/tpdifference/individual-attention.jpg') no-repeat top center; }
#difference-row .exclusive-designs   { background: url('/image/tp/css/misc/tpdifference/satisfaction.jpg')         no-repeat top center; }

/* new TP difference layout 
---------------------------------------------------------------*/
#tp-difference { padding:.5em; }
#tp-difference .leftcol {
	width:250px;
	padding:0 .5em .5em 0;
}
#tp-difference .rightcol { width:670px; }
#tp-difference .rightcol .row {
	width:99%;
	overflow:hidden;
	padding:1.5em 0 1.5em 1.5em;
}
#tp-difference ul {
	width:70%;
	margin:0;
	padding:0;
}
#tp-difference ul li { margin-left:15px; }
#tp-difference h2 { margin:0; }
#tp-difference div { margin: 0 0 10px; }
#tp-difference p.play {
	background: url('/image/tp/css/bgs/play-button.gif') top left no-repeat;
	text-indent:25px;
	margin-top:.5em;
}

/* popular categories image 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:130px;
	text-align:center;
	margin:10px 14px 0 0;
/*	margin:0 3px; commented out on 9/1/09 by eric */

}
.product-row.four-col-product li {
	width:160px;
}
.product-row.full-width li {
	width:175px;
}
#full.product-row li { width:145px; }
.product-row li a {
/*	width:120px;*/
/*	margin:0;*/
/*	padding:0;*/
}

.product-row li a span {
	display:block;
}
.five-products li.new,.product-row li.new { position:relative; }
.five-products li.new div,.product-row li.new div {
	background: url('/image/tp/css/bgs/new-badge.gif') no-repeat;
	text-indent:-9999em;
	position:absolute;
	overflow:hidden;
	height:15px;
	width:44px;
	top:-3px;
	left:9px;	
}
#container .product-row a.img {
	border:1px solid #ebebeb;
	display:block;
	padding:2px 0;
}
#container #side.product-row a.img,
#container #full.product-row a.img { border:0; }
.product-row li a.img:hover { border:1px solid #680; }

.product-row a.img:hover,
#container .five-products a.img:hover,
#container a.border:hover,
#container .product-row li a.img:hover { border-bottom:1px solid #680; }

/* Slideshow Section
-------------------------------------------------------------- */
/* -- do not delete; working on a new slideshow layout
#slideshow {
	border:1px solid #e8e8e8;
	width:706px;
	padding:.8em;
	margin-bottom:1em;
}
#slideshow-imgs {
	height:207px;
	overflow:hidden; /* prevents flashing/hides extra if javascript is off *
}
*/

#slideshow {
	border:1px solid #e8e8e8;
	padding:10px;
	width:706px;
	margin:0;
}
#slideshow-imgs {
	position:relative;
	height:207px;
	overflow:hidden;
}
#slideshow #controls,#slideshow #controls-2 {
	width:706px;
	height:35px;
}
#slideshow #controls		{ background:url('/image/tp/css/misc/slideshow-controls.png') no-repeat bottom center; }
#slideshow #controls-2	{ background:url('/image/tp/css/misc/slideshow-controls-2.png') no-repeat bottom center; }
#slideshow #controls-2 h3 {
	margin:0;
	padding:7px 0 2px 5px;
}
#controls #nav {
	float:left;
	margin:0 0 0 18px;
	display:inline; /* --- IE6 fix ---*/
}
#controls #nextprevlinks {
	float:right;
}
#slideshow h2,#slideshow h2 a, #slideshow h2 a.activeSlide { font:bold .85em arial,sans-serif; }
#slideshow h2 {
	float:left;
	padding:0;
	text-transform:uppercase;
	width:150px;
	text-align:center;
	margin-top:11px;
	white-space:nowrap;
}
#slideshow h2 a {
	color:#b7b7b7;
	letter-spacing:1px;
	text-decoration:none;
}
#slideshow h2 a.activeSlide {
	font-size:1.1em;
	color:#533519;
}
#next,#prev {
	margin:4px 12px 0 0;
	text-indent:-999em;
	overflow:hidden;
	display:block;
	float:right;
	height:23px;
	width:23px;
}

#old-banner.error-banner {
	background-image:none;
	overflow:visible;
	text-indent:0;
	height:auto;
	font-size:1.4em;
	padding:.2em 1em 0;
}
#old-banner.error-banner ul li a {
	display: inline;
	color: #668800;
	font-size: 100%;
}
.error-hero-buttons {
	position:absolute;
	top:140px;
	right:40px;
}
a.shop-thankyou,a.shop-birthannounce {
	text-indent:-999em;
	overflow:hidden;
	display:block;
	margin:10px 0;
	width:225px;
	height:28px;
}

a.shop-thankyou 			{ background: url('/image/tp/css/buttons/shop-thankyou-cards.png') no-repeat center center;  }
a.shop-birthannounce	{ background: url('/image/tp/css/buttons/shop-birth-announcements.png') no-repeat center center; }

.five-products,.five-products li,.five-products li a.prod-image,.four-products,.four-products li,.four-products li a.prod-image,.card-type h2,.card-type h3,.full-card h3,.card-type ol,.card-type h4,.card-type h4 span,.glossary-box h5 {
	margin:0;
	padding:0;
}
.five-products li a.prod-image,.four-products li a.prod-image,.card-type h4 a,.card-type h4 span,#other-categories { display:block; }
.card-type h4 a,.card-type h4 a:hover,.wrapper a:hover { border-bottom:0; }
.five-products,.five-products li a.prod-image,.four-products,.four-products li a.prod-image,.card-type .wrapper,.card-type li { border:1px solid #e8e8e8; }
.five-products,.four-products,.card-type .wrapper,.card-type .hero a { overflow:hidden; }
.card-type .wrapper,.card-type .hero,.card-type .hero a { height:239px; }
.two-options .wrapper,.two-options .hero,.two-options .hero a { height:160px; }
.card-type h3,.full-card h3,.card-type .hero a { position:absolute; }
.card-type h3,.full-card h3,.card-type h4 { font-family: "Times New Roman", Georgia, serif; }
.card-type h3,.full-card h3,.card-type h4 {
	font-weight:normal;
	font-size: 1.5em;
}
.card-type h3,.full-card h3,.card-type h4,.card-type h4 a { color:#533519; }
.five-products,.four-products {
	list-style:none;
	padding:0 5px;
	height:160px;
	margin-bottom:20px;
}
.five-products li,.four-products li {
	float:left;
	text-align:center;
	display:inline;
  width:137px;
  voice-family: "\"}\""; /* needed for the box model hack */
  voice-family:inherit;
	width:139px;
}
.five-products li a.prod-image,.four-products li a.prod-image { padding:4px; }
.five-products li a:hover.prod-image,.four-products li a:hover.prod-image { border:1px solid #680;}
.five-products li,.four-products li { margin:5px 5px 0 0; }
.five-products li.last,.four-products li.last { margin-right:0; }
#other-categories ul { list-style:disc; }

.card-type .wrapper {
	clear:both;
	padding:.8em;
}
.card-type { margin:.8em 0; }
.card-type h2 span {
	font-size:.65em;
	margin:0;
}

.card-type .hero {
	width:439px;
	float:left;
	position:relative;
}
.card-type h3 {
	bottom:.4em;
	left:1em;
}
.full-card h3 {
	bottom:1.2em;
	left:1em;
}
.card-type .hero a {
	background: url('/image/tp/css/buttons/shop-all.gif') no-repeat 97% 96.5%;
	text-indent:-9999em;
	width:439px;
	left:0;
	top:0;
}

.card-type #grownup_personalstationery .hero a	{ background: url('/image/tp/css/bgs/shop-thankyou.png') no-repeat 97% 96.5%; }
.card-type #personalstationery .hero a					{ background: url('/image/tp/css/bgs/shop-thankyou.png') no-repeat 97% 96.5%; }

#container .card-type ol {
	float:right;
	list-style:none;
	width:258px;
	margin: 0;
}
.card-type li { height:78px; }
.card-type h4 { text-transform:uppercase; }
.card-type h4 a {
	height:52px;
	padding:26px 0 0 15px;
}
.card-type h4 span {
	font:normal .7em Arial, Verdana, sans-serif;
	text-transform:capitalize;
}

.card-type .oneline h4 a { 
	padding-top: 33px; 
	height: 45px;
}
.card-type li.girl a { background: url('/image/tp/css/bgs/girls.gif') repeat-x bottom left;	}
.card-type li.boys a { background: url('/image/tp/css/bgs/boys.gif') repeat-x bottom left;		}
.card-type li.neut a { background: url('/image/tp/css/bgs/gender.gif') repeat-x bottom left; }
.card-type li.wint a { background: url('/image/tp/css/bgs/winter.gif') repeat-x bottom left; }
.card-type li.gen	 a { background: url('/image/tp/css/bgs/generic-nav.png') repeat-x bottom left; }

/* apply hover style to li to minimize "flashing" */
.card-type li.girl,.card-type li.girl a:hover { background: url('/image/tp/css/bgs/girls-on.gif')       repeat-x bottom left; }
.card-type li.boys,.card-type li.boys a:hover { background: url('/image/tp/css/bgs/boys-on.gif')        repeat-x bottom left; }
.card-type li.neut,.card-type li.neut a:hover { background: url('/image/tp/css/bgs/gender-on.gif')      repeat-x bottom left; }
.card-type li.wint,.card-type li.wint a:hover { background: url('/image/tp/css/bgs/winter-on.gif')      repeat-x bottom left; }
.card-type li.gen,.card-type li.gen a:hover   { background: url('/image/tp/css/bgs/generic-nav-on.png') repeat-x bottom left; }

.card-type #baby-shower .hero                { background: url('/image/tp/css/misc/proshots/baby-shower-hero.jpg')                   no-repeat scroll top left;	}
.card-type #photo-birth .hero                { background: url('/image/tp/css/misc/proshots/baby-photo-birth-announce-hero.jpg')     no-repeat scroll top left;	}
.card-type #no-photo-birth .hero             { background: url('/image/tp/css/misc/proshots/baby-non-photo-birth-announce-hero.jpg') no-repeat scroll top left;	}
.card-type #birthday .hero                   { background: url('/image/tp/css/misc/proshots/birthday-hero.jpg')                      no-repeat scroll top left;   }
.card-type #birthday-invites .hero           { background: url('/image/tp/css/misc/proshots/birthday-invites.jpg')                   no-repeat scroll top left;   }
.card-type #addrlabels .hero                 { background: url('/image/tp/css/misc/proshots/addresslabels-hero.jpg') no-repeat scroll top left; }
.card-type #gifttags .hero                   { background: url('/image/tp/css/misc/proshots/giftags-hero.jpg')       no-repeat scroll top left; }
.card-type #partyfavors .hero                { background: url('/image/tp/css/misc/proshots/gift-favors.jpg')        no-repeat scroll top left; }

.card-type #grownup_personalstationery .hero { background: url('/image/tp/css/bgs/personalstationery_grownup.jpg')   no-repeat scroll top left; }
.card-type #personalstationery .hero         { background: url('/image/tp/css/bgs/personalstationery.jpg')           no-repeat scroll top left; }

/* full card hero 
-------------------------------------------------------------- */
.full-card, .full-card a{
	width:710px;
	height:242px;
}
.full-card.max-width, .full-card.max-width .hero a {
	width:96%;
	height:290px;
	display:block;
}
#container .full-card.max-width a {
	border-bottom:none;
}
.full-card, .full-card.max-width {	
	border:1px solid #E8E8E8;
	padding:12px 9px;
	position:relative;
}
.full-card a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;	
}
.full-card#seasonal .hero { background: url('/image/tp/css/bgs/heros/seasonal.jpg') no-repeat top center;	height:242px;}
.full-card.max-width#eco-friendly .hero { background: url('/image/tp/css/bgs/heros/eco-friendly.jpg') no-repeat top center; height:290px;}
/* other popular categories
-------------------------------------------------------------- */
#other-categories { 
	margin:1em 0;
}
#other-categories ul { 
	margin:0 1.5em;
	padding:0;
}
#other-categories .three-col li { 
	list-style:disc;
	float:none;
}

/* other popular categories list
-------------------------------------------------------------- */
#container .products-list {
	margin:0;
	padding:0 0 2em 1.1em;
	list-style:disc;
	overflow:hidden;
}
.products-list li {
	float:left;
	width:33%;
}

/* Glossary Page
---------------------------------------------------------------*/
.glossary-box { padding: 8px; margin-bottom: 5px; border: 1px solid #e6e6e6; background-color: #fafafa; }
.glossary-box p { padding-left: 5px; }

/* Beaucoup Landing Page / OKL Landing Page
---------------------------------------------------------------*/
#hero.beaucoup,
#hero.okl {
	overflow:hidden;
	padding:1em;
	height:300px;
	border:1px solid #eee;
	margin-bottom:8px;
}
#hero.beaucoup #hero-shot a,
#hero.okl #hero-shot a {
	height:100%;
	width:100%;
	display:block;
}
#hero.beaucoup #text-col,
#hero.okl #text-col {
	background: url('/image/tp/css/bgs/beaucoup_rightlinks.jpg') no-repeat left top;
	float:right;
}
#hero.beaucoup #hero-shot,
#hero.okl #hero-shot	{
	background: #fff url('/image/tp/css/bgs/beau-coup-hero.jpg') no-repeat center center; 
	width:641px;
	height:300px;
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-9999em;
}
#hero.okl #text-col{
	background: url('/image/tp/css/bgs/okl-hero-side.jpg') no-repeat left top;
	float:right;
	height: 300px;
	width: 275px;
}
#hero.okl #hero-shot	{
	background: #fff url('/image/tp/css/bgs/okl-hero.jpg') no-repeat center center;
}
#hero.beaucoup #text-col {
	height:300px;
	width:273px;
	text-align:center;
	display:block; 
	float:right;
}
#hero.beaucoup #text-col a {
	font:bold 14px Arial, Verdana, sans-serif;
	display:block;
	overflow:hidden;
	height:25px;
	margin:5px 0 0 25px;
	text-decoration:none;
	text-align:left;
}
#hero.beaucoup #text-col a.last {border-bottom:0;}
#hero.beaucoup #text-col span {color:#533519;}

#beau-coup .two-col div {
	overflow:hidden;
}
.border-bg {
	border:1px solid #ccc;
	background-color:#f6f5f3;
	padding:1em;
}
.two-col div.border-bg {
	width:46.7%;
}
.two-col div.last {
	float:right;
}
#beau-coup .two-col div.col1 {
	float:left;
}
.two-col div.col2 {
	float:right;
	margin-right: 0;
}
#beau-coup .two-col img {
	float:left;
	padding-right:10px;
}
#beau-coup.okl .two-col img {
	padding-right: 0;
}
#beau-coup .two-col,#beau-coup .three-col {
	clear:both;
	margin:1em 0;
	overflow:hidden;
}
#beau-coup .two-col div.col2 { float:right; }
.beaucoup .col1, .beaucoup .col2 { min-height:170px; }

/* Affiliate Section
---------------------------------------------------------------*/
#affiliate-program-hero {
	background:url('/image/tp/css/bgs/affiliate-program.jpg') no-repeat center center;
	height:217px;
	text-indent:-9999px;
	overflow:hidden;
}
#affiliate-program-hero a {
	display:block;
	height:100%;
	width:100%;
}
#affiliate-program .c-brdr { background: #ffffff; }
#affiliate-program .core-2-col .shadow-single div {
	padding: 1em;
	text-align: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.26, rgb(239,249,251)),
		color-stop(0.5, rgb(255,255,255))
	);
	background-image:-moz-linear-gradient(
		center top,
		rgb(239,249,251) 26%,
		rgb(255,255,255) 50%
	);
/*	-moz-box-shadow: 0px 5px 5px #dedede;
	-webkit-box-shadow: 0px 5px 5px #dedede;
	box-shadow: 0px 5px 5px #dedede;*/
}
#affiliate-program .shadow-single div h2 {
	float: left;
	display: block;
	height: 130px;
	width: 200px;
	overflow: hidden;
	text-indent: -9999px;
	background: url('/image/tp/css/bgs/affiliate-program.png') no-repeat;
}
#affiliate-program .shadow-single div h2#prospective-aff		{ background-position: 0px 2px; }
#affiliate-program .shadow-single div h2#current-aff				{ background-position: 10px -141px; }
#affiliate-program .shadow-single div h2#photographers-aff	{ background-position: 0px -292px; }
#affiliate-program .shadow-single div h2#wedding-aff 				{ background-position: 0px -420px; }
#affiliate-program .shadow-single div p {
	
}
#affiliate-program .shadow-single div ul {
	list-style-type: none;
}
#affiliate-program #container.side #content.column ul,
#affiliate-program #container.side #content.column ol {
	margin-left: 2em;
}
#affiliate-program #container.side #content.column ol li ul {
	margin-bottom: 0;
}
#container h1.prospective-affiliates,
#container h1.current-affiliates,
#container h1.photographer-affiliates,
#container h1.wedding-affiliates {
	display: block;
	text-indent: -99999px;
	width: 320px;
	height: 60px;
	background: url("/image/tp/css/bgs/affiliate-headers.jpg") no-repeat;
}
#container h1.prospective-affiliates  { background-position: 0 0; }
#container h1.current-affiliates      { background-position: 0 -76px; }
#container h1.photographer-affiliates { background-position: 0 -155px; }
#container h1.wedding-affiliates      { background-position: 0 -235px; }


/* 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;
}

/* BANNER.CSS
-------------------------------------------------------------- */
#banner												{ text-align:center; }
#container #banner a,
#container #banner a:hover    { padding:.1em 0 .5em 0; }
#container #banner h4 a:hover	{ border-bottom:0; }
#banner h4,#banner h4 span		{ font: normal 2em Arial, sans-serif; }
#banner,
#banner h4,
#banner h4 span {
	margin:0;
	padding:0;
	margin-bottom: 2px; /* give room for the 'get details' bottom border to show */
}

#banner a,#old-banner a {
	display: block;
	width: 100%;
	height: 100%;
	color:#6b6b6b;
	font-size:.6em;
}
#banner a:hover { color:#6b6b6b; }

#banner span:first-child {
	text-transform: uppercase;
	color:#cc0000;
	font-size:1em;
	font-weight:bold;
}
#banner span.last {
	color:#680;
	font-size:.85em;
	border-bottom:1px dotted #680;
}


#old-banner {
	height:45px;
	margin-bottom:1em;
	overflow:hidden;
	text-indent:-999em;
	padding:0;
}
#container #old-banner a:hover {
	margin:0;
	padding:0;
	border-bottom:0;
}
#banner.none,#old-banner.none { height:0; margin:0; }

.home-salebanner	{ background: url('/image/tp/css/banners/home-banner.png')	no-repeat center center; }
.sub-salebanner		{ background: url('/image/tp/css/banners/sub-banner.png')		no-repeat center center; }
.full-salebanner	{ background: url('/image/tp/css/banners/full-banner.png')	no-repeat center center; }

.corp-subbanner		{ background: url('/image/tp/css/banners/corp/sub.png')		no-repeat center center; }
.corp-homebanner	{ background: url('/image/tp/css/banners/corp/home.png')	no-repeat center center; }
.corp-fullbanner	{ background: url('/image/tp/css/banners/corp/full.png')	no-repeat center center; }

/* deal of the day SMB */
#banner span.deal-of-the-day:first-child {
	color: #f2932f;
	background: url("/image/tp/css/icons/deal-of-the-day-envelope.png") no-repeat left center;
	padding: 2px 0 3px 40px;
}

/* error page
-------------------------------------------------------------- */
.error-banner { background: url('/image/tp/css/404.gif') no-repeat center center; }

#container a.page-banner,
#container a.page-banner-side,
#container a.page-banner-2 {
	display:block;
	width:100%;
	clear:both;
	border-bottom:0;
	text-indent:-9999px;
	overflow:hidden;
}
#container a.page-banner      { height: 92px; background: #fff url('/image/tp/css/bgs/pageInsert-marketingBanner.jpg')       no-repeat center center; margin-bottom: 1em; }
#container a.page-banner-2    { height: 77px; background: #fff url('/image/tp/css/bgs/pageInsert-marketingBanner-2.png')     no-repeat center center; }
#container a.page-banner-side { height:200px; background: #fff url('/image/tp/css/bgs/pageInsert-marketingbanner-thumb.png') no-repeat center center; }
#container a.page-banner.rsvp-banner      { height: 92px; background: #fff url('/image/tp/css/bgs/pageinsert-rsvp.jpg')       no-repeat center center; margin-bottom: .5em; }
#container a.page-banner.personal-shopper-full     { height: 92px; background: #fff url('/image/tp/css/bgs/pageinsert-personal-shopper-full.png')       no-repeat center center; margin-bottom: .5em; }

#container a.page-banner.mothers              { background-image: url('/image/tp/css/bgs/pageInsert-marketingBanner-mothers.jpg');    }
#container a.page-banner.greeting-card-banner { background-image: url('/image/tp/css/bgs/pageInsert-marketingBanner-greeting.jpg');   }
#container a.page-banner.birth-day-greeting   { background-image: url('/image/tp/css/bgs/birthday-greetings-page-insert-banner.jpg'); }
#container a.page-banner.thank-you-card       { background-image: url('/image/tp/css/bgs/pageInsert-marketingBanner-ty.jpg');         }
#container a.page-banner.fathersday-banner    { background-image: url('/image/tp/css/bgs/marketing-banner-fathers-day.jpg');          }
#container a.page-banner.birthday-banner      { background-image: url('/image/tp/css/bgs/marketing-banner-birthday.jpg');             }
#container a.page-banner.congratulation-greeting      { background-image: url('/image/tp/css/bgs/pageinsert-congratulation.jpg');             }

/* --- 2nd level hero images --- */
#slide-image {
	height:245px;
	overflow:hidden;
	text-indent:-999em;
}
#slide-image a {
	height:100%;
	width:100%;
	display:block;
}

.generic #slide-image { background: url('/image/tp/css/bgs/heros/baby-photo-birth.jpg') no-repeat center bottom; }

/* --- celebrity-birth-announcements.htm --- */
#celeb-testimonials { width:100%; }
#celeb-testimonials td {
	vertical-align:top;
	text-align:center;
	width:33%;
}
#celeb-testimonials div.testimonial {
	cursor:pointer;
	color:#680;
	margin:0;
	padding:0;
	display:inline;
	position:relative;
}
#celeb-testimonials div.testimonial:hover { border-bottom:1px dotted #333; }
#celeb-testimonials blockquote {
	display:none;
	text-align:left;
	font-size:.85em;
	position:absolute;
	top:-200px;
	left:-5px;
	background:#f6efe7;
	color:#533519;
	border:1px solid #ccc;
	width:150px;
	margin:0 auto;
	padding:1em;
}
#celeb-testimonials blockquote em { display:block; }

/* --- tiny-prints-partners.htm --- */
ul.partner-list li { margin-bottom:1em; }

/* --- stationery-comparison.htm --- */
table.sig-stationery { width:100%;margin-top:1em; }
.sig-stationery tbody td,
.sig-stationery tbody th { padding:.5em; }
.sig-stationery thead th {
	padding:1em;
	font-weight:bold;
	width:10%;
}
.sig-stationery tbody th {
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
tr.stripe td,tr.stripe th {
	background-color:#f6f9fa;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
/* --- address book --- */
.feature-box {
	overflow:hidden;
	padding-bottom:1em;
	width:100%;
}
/* --- contest stylings --- */
#container ol.contest-rules,
#container ol.contest-rules ol { list-style:none; margin:0; padding:0; }
.given-name { font-weight:bold; }
.contest-rules p strong { display:block; }
/* --- /contests/orbit/ --- */

/* --- tp/tpc things to know --- */
.ttk-wrapper { overflow: hidden; padding: 1em;margin:1em 0; }

/* --- how to guide (formerly in email_promo.css)
<div id="howto">
	<h2>A Handy-How-To Guide to Tiny Prints</h2>
	<ul>
		<li class="step1"><span>Choose</span> from hundreds of designs</li>
		<li class="step2"><span>Customize</span> your own personal message</li>
		<li class="step3"><span>Upload</span> and edit photos</li>
		<li class="step4 last"><span>Preview</span> and perfect</li>
	</ul>
</div>
*/
#howto {
	clear:both;
	overflow:hidden;
	margin:1em 0 2em;
}
#howto ul,#howto li {
	margin:0;padding:0;
	list-style:none;
}
#howto li {
	background: url('/image/tp/css/misc/howto.png') no-repeat;
	width:168px;
	float:left;
	text-align:center;
	margin:0 19px 0 0;
	padding-top:106px;
}
#howto li.last {
	margin-right:0;
}
#howto li span {
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}
#howto li.step1 { background-position: 10px 0; }
#howto li.step2 { background-position: -175px 0; }
#howto li.step3 { background-position: -365px 0; }
#howto li.step4 { background-position: -557px 0; }

/* --- /photo-concierge.htm -- */
#photo-concierge {
	height:256px;
	text-indent:-9999px;
	overflow:hidden;
	padding:1em;
	border:1px solid #e8e8e8;
}
.tp-concierge  #photo-concierge { background: url('/image/tp/css/bgs/heros/concierge.jpg') no-repeat center 10px; }
.tpc-concierge #photo-concierge { background: url('/image/tp/css/bgs/heros/concierge.jpg') no-repeat center -273px; }
.tpc-concierge #contest-form {
	position:relative;
	float:left;
	background:#fffde3;
	width:auto;
	margin:0;
	padding:1em 1em 1.95em;
}
.tpc-concierge .two-col div.border-bg {
	width:auto;
	margin:0 0 1em 0;
	display:block;
	float:none;
}
.tpc-concierge #submitButton {
	float:none;
	display:block;
}

#container .tp-concierge h1 {
	margin-top:10px;
}
/*
MOVED TO CORE-STYLES.CSS
.tp-concierge div blockquote {
	font-style:italic;
	font-size:1.1em;
	text-indent:30px;
	position:relative;
	font-family:Georgia;
}
.tp-concierge blockquote .quote {
	position:absolute;
	color:#bebebe;
	font-size:4em;
	text-indent:0;	
}
.tp-concierge blockquote .first {
	top:-15px;
	left:0;
}
*/
/* -- /new photo-books.htm and /wall-calenders.htm -- */

#new-photo-book #content-contain #hero {
	background: url('/image/tp/css/bgs/heros/photo-books-new.jpg') no-repeat center center;
	height: 396px;
	border:none;
}
#wall-calendar #content-contain #hero {
	background: url('/image/tp/css/bgs/heros/wall-calendar.jpg') no-repeat center center;
	height: 396px;
	border:none;
}
#new-photo-book #hero a, #wall-calendar #hero a {
	display:block;
	text-indent:-9999px;
	height:396px;
}
#new-photo-book #feature-product, #new-photo-book .one-third.top, #wall-calendar #feature-product, #wall-calendar .one-third.top  {
	background-color: #f4f8fb;
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.33, rgb(244,248,251)),
	    color-stop(0.67, rgb(255,255,255))
	);
background-image: -moz-linear-gradient(
	    center top,
	    rgb(244,248,251) 33%,
	    rgb(255,255,255) 67%
	);	  	
}
#new-photo-book .one-third.top, #wall-calendar .one-third.top{ width:310px;}
#new-photo-book .photo-book-style ul, #wall-calendar .photo-book-style ul {
	margin-top:160px;
}
#new-photo-book .photo-book-style {
	background: url('/image/tp/css/bgs/photo-book-styles.png') no-repeat top left; height:240px;
	width:300px;
	margin:0;
}
#wall-calendar .photo-book-style {
	background: url('/image/tp/css/bgs/wall-calendar-why-shop-tp.png') no-repeat top left; height:240px;
	width:300px;
	margin:0;
}
#new-photo-book #featured-cards, #wall-calendar #featured-cards {
	width:590px;
	height:310px;
	border:none;
}
#featured-sizes { 
    margin:0;
    padding:1em;
    overflow:hidden;
}
#featured-sizes h2 				 { margin:0;padding:0; }
#three-steps .button      { position: absolzute; bottom: 1em; right: 1em; }
#new-photo-book #featured-cards li span 	{ background-image: url('/image/tp/css/bgs/photo-book-feature-card.png'); height:175px;}
#wall-calendar #featured-cards { background: url('/image/tp/css/bgs/calendar-3-steps.png') no-repeat -10px 40px; height:322px; margin:.5em;}
#featured-cards li {
    text-align:center;
    float:left;
}
#featured-cards span {
    display:block;
    height:121px;
    overflow:hidden;
    text-indent:-999px;
}
#featured-cards {
    width:540px;
    border-right:2px dotted #ccc;
    overflow:hidden;
    float:left;
    margin:1em;
    display:inline;
}
#featured-cards a.btn-wall-cal {
	height:290px;
	display:block;
}


li.feature-product-1 span   { background-position:-10px 0;  width:195px;    }
li.feature-product-2 span   { background-position:-210px 0;width:195px; }
li.feature-product-3 span   { background-position:-415px 0;width:195px; }

/*-- /wall-art/photo-gifts.htm --*/
#content-contain.wall-art #hero {
	background: url('/image/tp/css/bgs/heros/photo-gift.jpg') no-repeat center center;
	height: 396px;
	border:none;
}
#content-contain.wall-art #hero a {
	width:230px;
	float:left;
	display:block;
	text-indent:-9999px;
	height:396px;
	overflow:hidden:;
}
/* -- /featured-designers/celebrities/ -- */
.celebrity {
	clear:both;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
	padding-bottom:10px;
}
#sims.celebrity { border-bottom:0; }
.celebrity div { margin-left:210px; }
#container .celebrity blockquote {
	font-style:italic;
	font-size:1.2em;
	margin-top:10px;
}
#container .celebrity h2 { margin-bottom:0;}

.celebrity h2 {
	text-indent:-999px;
	overflow:hidden;
}


#sweeney h2,#harmon h2,#crawford h2,#cross h2,#sims h2,p.cc { background: url('/image/tp/css/bgs/sprite-celebrity.png') no-repeat 0 0; }
#container #sweeney h2	{ background-position: 0 -75px;  height: 63px; }
#container #harmon h2		{ background-position: 0 -188px; height: 44px;  }
#container #crawford h2	{ background-position: 0 -538px; height: 105px; }
#container #cross h2		{ background-position: 0 -284px; height: 106px; }
#container #sims h2			{ background-position: 0 -440px; height: 79px;  }

p.cc { /* this button is not in the button sprite, but in the celebrity sprite*/
	margin-left:200px;
	position:static;
	top:0;
	right:0;
	width:139px !important;
	background-position:0 0;
	float:left;
}
/* --- celebrity holiday pages --- */
#celebrity #content-contain {
	border:3px double #ccc;
	width:934px;
	padding:10px;
	background-color:#f00;
}
#celebrity #sidebar {
	text-align:center;
	width:290px;
	position:relative;
	z-index:3;
}
#celebrity #container #content {
	width:640px;
	margin-top:30px;
}
#celebrity #sidebar blockquote,#celebrity #content h2 {
	text-indent:-9999px;
	overflow:hidden;
}
#celebrity #content p { width:500px; margin-top:5px; }
#celebrity ol,#celebrity li {
	list-style:none;
	padding:0;
	margin:0;
}
#celebrity #content li {
	float:left;
	text-align:center;
	margin-right:15px;
}
#celebrity #content li.last {
	margin-right:0;
}

/* -- /featured-designers/celebrities/holiday-cards-alison-sweeney -- */
.sweeney #container div#content-contain,.sweeney #sidebar,.sweeney #sidebar blockquote,.sweeney #content h2,
.sweeney #sidebar { background: url('/image/tp/featured-designers/sprites/sweeney.png') no-repeat 0 0; }
.sweeney #container div#content-contain		{ background-position: 615px -216px;								}
.sweeney #content h2											{ background-position:-422px -235px;	height:77px;	}
.sweeney #sidebar blockquote							{ background-position:-382px 0;				height:196px;	}
.sweeney #sidebar													{ background-position: -21px 450px; min-height:600px; height:auto !important; height:600px; }

/* -- /featured-designers/celebrities/holiday-cards-angie-harmon -- */
.harmon #container div#content-contain,.harmon #sidebar,.harmon #sidebar blockquote,.harmon #content h2,
.harmon #sidebar { background: url('/image/tp/featured-designers/sprites/harmon.png') no-repeat 0 0; }
.harmon #container div#content-contain		{ background-position: 755px -160px; }
.harmon #content h2												{ background-position:-228px -360px;	height:57px;	}
.harmon #sidebar blockquote								{ background-position:-296px 0;				height:260px;	}
.harmon #sidebar													{ background-position: 0 445px; min-height:580px; height:auto !important; height:580px;}

/* -- /featured-designers/celebrities/holiday-cards-marcia-cross -- */
.cross #container div#content-contain,.cross #sidebar blockquote,.cross #content h2,
.cross #sidebar { background: url('/image/tp/featured-designers/sprites/cross.png') no-repeat 0 0; }
.cross #container div#content-contain			{ background-position: 797px 0px;								}
.cross #content h2												{ background-position:-457px 0;	height:114px;	}
.cross #sidebar blockquote								{ background-position:-187px 0;	height:280px;	}
.cross #sidebar { background-image:none; }

/* -- /featured-designers/celebrities/holiday-cards-molly-sims -- */
.sims #container div#content-contain,.sims #sidebar,.sims #sidebar blockquote,.sims #content h2,
.sims #sidebar { background: url('/image/tp/featured-designers/sprites/sims.png') no-repeat 0 0; }
.sims #container div#content-contain			{ background-position: 543px 0; }
.sims #content h2													{ background-position:-494px -386px;	height:105px;	}
.sims #sidebar blockquote									{ background-position:-423px 0;				height:370px;}
.sims #sidebar { background-image: none; }

/* -- /featured-designers/celebrities/holiday-cards-cindy-crawford -- */
.crawford #container div#content-contain,.crawford #sidebar,.crawford #sidebar blockquote,.crawford #content h2,
.crawford #sidebar { background: url('/image/tp/featured-designers/sprites/crawford.png') no-repeat 0 0;}
.crawford #container div#content-contain	{ background-position: 745px -156px; }
#celebrity.crawford #content h2						{ background-position:-284px -300px;  height:105px; }
.crawford #sidebar blockquote							{ background-position:-281px 0;				height:301px; }
.crawford #sidebar							{ background-image:none; }
/*.crawford #sidebar												{ background-position: -15px 470px; min-height:500px; height:auto !important; height:500px; }*/

/* -- /featured-designers/celebrities/holiday-cards-gwyneth-paltrow -- */
.paltrow #container div#content-contain,.paltrow #sidebar,.paltrow #sidebar blockquote,.paltrow #content h2,
.paltrow #sidebar { background: url('/image/tp/featured-designers/sprites/paltrow.png') no-repeat 0 0;}
.paltrow #container div#content-contain		{ background-position: 574px -143px; }
.paltrow #content h2											{ background-position:-460px -318px;	height:48px;	}
.paltrow #sidebar blockquote							{ background-position:-442px 0;				height:281px;	}
.paltrow #sidebar													{ background-image:none;  }

/* -- /promo/tiny-prints-coupon-codes-promotions.htm -- */
.promo-nav {
  border-bottom: 1px solid #ccc;
	margin-top:10px;
	margin: 10px 20px 0;
	padding: 16px 0 8px 0;
	text-align: center;
	margin-bottom: 30px;
	overflow: hidden;
  font-weight: bold;
}
.promo-nav a {
	padding: 6px 15px;
	font-weight: bold;
}
#container .promo-nav a:hover,
.department h2 span a:hover { border-bottom: 0; }
.offer { margin-bottom: 30px;border-top: 2px dotted #ccc; }
.department,.offer { clear: both; }
.department h2 span {
	float:right;
	margin-top:3px;
	margin-right: 5px;
}

.offer-text p { font-size: .95em; }
#container .offer-text h3    { line-height: 1;      font-size: 1.2em;   }
#container .offer-text h3 em { font-weight: normal; font-style: normal; }
#container .offer-text h4    { font-weight: normal; font-size: 1em;     }
.offer-extra {
	float: right;
	width: 15%;
	text-align: center;
	margin-top: 15px;
	padding-left: 20px;
}
.offer-extra img {
	margin: 0 0 5px 0;
}
.offer-extra span {
	display: block;
	background: #680;
	color: #fff;
	width: 120px;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	margin: 3px auto;
	padding: 3px 0;
}
#wedding-offers .offer-extra span               { background: #3889a9; }
#tiny-prints-corporate-offers .offer-extra span { background: #55818d; }
hr { clear: both; }

/* -- /holidays/new-holiday-cards.htm -- */
#new-holiday-cards #hero {
	background:url('/image/tp/css/bgs/heros/new-holiday-cards.jpg') no-repeat top left;
	padding-top:250px;
	width:944px;
	margin:auto;
}
#new-holiday-cards .two-col div {
	margin-left:180px;
	width:260px;
}
#new-holiday-cards .two-col div:first-child {
	margin-left:200px;
	width:270px;
}
#new-holiday-cards #hero h3 {
	padding: 10px 20px; 
	margin: 10px 20px;
}
/* --- when you have 5 products that you are sourcing, use thise class. the old ones put a border around the images which we no longer do/support --- */
#five-products { float:left; margin-bottom:10px;}
#five-products ul,#five-products ol,#five-products li {
	margin:0;
	padding:0;
	list-style:none;
}

/* -- when you are spanning a full page with no sidebar -- */
#five-products.full li {
	float:left;
	margin-right:39px;
	text-align:center;
}
#five-products li.last { margin-right:0; }

/* -- /holidays/holiday-cards-best-sellers.htm/ as of 11/10/09-- */

#holiday-cards-best-sellers #hero {
	width: 707px;
	height: 287px;
	padding:10px;
}
#holiday-cards-best-sellers #hero div {
	background: url('/image/tp/css/bgs/heros/holiday-collection.jpg') no-repeat; 
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:100%;
	height:100%;
}
#holiday-cards-best-sellers #hero a {
	display:block;
	width:100%;
	height:100%;
	border-bottom:0;
	overflow:hidden;
	text-indent:-9999px;
}
#holiday-cards-best-sellers .two-col h2,
#holiday-cards-best-sellers .two-col p {
	padding:0 10px;
	width:95%;
	margin:0;
}

#holiday-cards-best-sellers #hero a#photo-cards, 
#holiday-cards-best-sellers #hero a#christmas-cards, 
#holiday-cards-best-sellers #hero a#greeting-cards, 
#holiday-cards-best-sellers #hero a#party-invitations {
	position: absolute; 
	height: 81px; 
	width: 173px; 
	overflow: hidden; 
	background-position: 0 0;	
}

#holiday-cards-best-sellers #hero a#photo-cards {
	background-image: url('/image/tp/css/bgs/heros/holidays-cards-rollover/photo-cards.jpg'); 
	left: 305px; 
	top: 70px;	
} 
#holiday-cards-best-sellers #hero a#christmas-cards {
	background-image: url('/image/tp/css/bgs/heros/holidays-cards-rollover/christmas-cards.jpg'); 
	left :500px; 
	top: 70px;
} 
#holiday-cards-best-sellers #hero a#greeting-cards { background-image: url('/image/tp/css/bgs/heros/holidays-cards-rollover/greeting-cards.jpg'); left: 305px; top :175px; } 
#holiday-cards-best-sellers #hero a#party-invitations { background-image: url('/image/tp/css/bgs/heros/holidays-cards-rollover/party-invitations.jpg'); left: 500px; top: 175px; } 

#holiday-cards-best-sellers #hero a#photo-cards:hover, 
#holiday-cards-best-sellers #hero a#christmas-cards:hover, 
#holiday-cards-best-sellers #hero a#greeting-cards:hover, 
#holiday-cards-best-sellers #hero a#party-invitations:hover { 
	background-position: 0 -82px; 
} 

#holiday-cards-best-sellers .product-row a.img:hover, 
#holiday-cards-best-sellers #container .five-products a.img:hover, 
#holiday-cards-best-sellers #container a.border:hover,
#holiday-cards-best-sellers #container .product-row li a.img:hover { 
	border-bottom: none; 
} 

#holiday-cards-best-sellers h2.shop-holiday { 
	border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
	margin-bottom: 1em; 
}
#holiday-cards-best-sellers .five-products {
	float:left; 
	margin-bottom:10px;
	height: 100%;
	width: 100%;
	border: none;
}
#holiday-cards-best-sellers .five-products li a { border: none; } 
#holiday-cards-best-sellers .five-products li { 
	float: left; 
	margin-right: 15px; 
	text-align: center; 
	width: auto;
}
#holiday-cards-best-sellers .five-products li.last { margin-right: 0; }
#holiday-cards-best-sellers .five-products.shop-price li { 
	border-right: 1px solid #e5e5e5; 
	margin-right: 25px; 
}
#holiday-cards-best-sellers .five-products.shop-price li.last { border: none; margin-right: 0; } 

#holiday-cards-best-sellers .five-products a#contemporary, 
#holiday-cards-best-sellers .five-products a#vintage, 
#holiday-cards-best-sellers .five-products a#portrait, 
#holiday-cards-best-sellers .five-products a#whimsy,
#holiday-cards-best-sellers .five-products a#classic { 
	display: block; 
	height: 15px; 
	padding-top: 40px;
}	
#holiday-cards-best-sellers .five-products a#contemporary { background: url('/image/tp/css/bgs/holiday-cards/contemporary.jpg') no-repeat top center; }
#holiday-cards-best-sellers .five-products a#vintage { background: url('/image/tp/css/bgs/holiday-cards/vintage.jpg') no-repeat top center; } 
#holiday-cards-best-sellers .five-products a#portrait { background: url('/image/tp/css/bgs/holiday-cards/portrait.jpg') no-repeat top center; } 
#holiday-cards-best-sellers .five-products a#whimsy { background: url('/image/tp/css/bgs/holiday-cards/whimsy.jpg') no-repeat top center; } 
#holiday-cards-best-sellers .five-products a#classic { background: url('/image/tp/css/bgs/holiday-cards/classic.jpg') no-repeat top center; } 

#holiday-cards-best-sellers .five-products.shop-style li { margin-right: 50px; }
#holiday-cards-best-sellers .five-products.shop-format li { margin-right: 44px; }
#holiday-cards-best-sellers .five-products.shop-style li, 
#holiday-cards-best-sellers .shop-style li { 
	width: 134px; 
	margin-right: 0;
}
#holiday-cards-best-sellers .five-products.shop-format li.last { margin-right: 0; }


/* -- /photo-montage-gifts.htm/ as of -- 03/15/10 */

#photo-montage-gifts {
	height:280px;
	text-indent:-9999px;
	overflow:hidden;
	padding:1em;
	border:1px solid #e8e8e8;
}

div#photo-montage-gifts a {
	display: block;
	width: 100%;
	height: 100%;
}

.tp-concierge #photo-montage-gifts {
	background: url('/image/tp/css/bgs/heros/photo-montage-gifts.jpg') no-repeat center;
}

#container .photo-montage-gifts ol.numbers {
	margin-top: 10px;
}

.photo-montage-gifts ol.numbers li {
	min-height: 35px;
	color: #54361a;
	font-weight: bold;
	padding-left: 40px;
}

.photo-montage-gifts p.shop {
	top: 0;
}

/* -- /promo/hp6.htm (also hp7-10) -- */

#side.hewpack {
	width: 220px;
}

.hewpack ol.numbers li {
	min-height: 30px;
	height: auto !important;
	height: 30px;
}

#container #products.hewpack li a,
#container #products.hewpack li a:hover {
	border: none;
}

#container #products.hewpack li {
	width: 165px;
}

/* -- /graduation-invitations-announcements.htm -- */

#container a#grad-greet {
	background: url('/image/tp/css/bgs/pageInsert-graduation-greeting-cards.jpg') no-repeat scroll center center #FFFFFF;
	height: 110px;
}

/* -- /layered-cards-birth-announcements.htm -- */

.layered-first, .layered-second, .layered-third  {
	background: url('/image/tp/css/bgs/layered-birth-announcement-3-steps.png') no-repeat;
	height:44px;
	text-indent:-9999px;
}

.layered-first {
	background-position: 0 0;
}

.layered-second {
	background-position: 0 -49px;
}

.layered-third {
	background-position: 0 -100px;
}
/* -- new layout for SEM page layouts -- */
.promobox,.imagebox { float:right; }
.promobox {
	background: #bbe6ec;
	border:1px solid #bbe6ec;
	height:237px;
	text-align:center;
	color:#533519;
	width:188px;
}
.promobox .box {
	margin:10px;
	padding:8px;
	width:152px;
	height:200px;
	border-color:#eef9fd;
}
.imagebox { overflow:hidden;height:239px; }
#container .promobox h2,#container .promobox h2 span {
	color:#533519;
	font-family:"Arial";
}
#container .promobox h2 {
	font-weight:bold;
	font-size:2.3em;
	margin:0;
	padding:0;
	line-height:1;
	margin-top:21px;
}
.promobox hr {
	margin-top:16px;
	border:0;
	border-bottom:1px dotted #cab598;
	height:0;
	width:92%;
}
#container .promobox h2 span {
        font-weight:bold;
        display:block;
        margin:0;
        padding:0;
        font-size:.5em;
        margin-top:10px;
}
#container .promobox p {
        line-height:1.7;
        text-align:center;
}

/* --- http://www.tinyprints.com/online-party-invitation-manager.htm --- */
#rsvp-lp #hero {
	background: url('/image/tp/css/bgs/heros/rsvp-lp.jpg') no-repeat center center;
	padding: 70px 50px 0 500px;
	margin: auto;
	width: 401px;
	height: 394px;
	overflow: hidden;
}
#rsvp-lp #hero a.rsvp-text-indent, #rsvp-lp #hero  p, #rsvp-lp #hero h1 {	
	text-indent: -9999px;
}
#rsvp-lp #hero h1, #rsvp-lp #hero p {
	font: bold 2em/1.3 "Times New Roman", Georgia, serif;
	color: #533519;
}
#rsvp-lp #hero h1 {
	margin: 0 0 10px 0;
	padding: 0;
}
#rsvp-lp #hero p {
	font-weight: normal;
	font-size: 1.4em;
	margin-top: 85px;
}
#rsvp-lp #hero a {
	display: block;
	margin-top: 1px; 
}
#event {
	width: 93.5%;
	margin: -80px auto 20px;
	padding: 10px 1%;
	overflow: hidden;
	
	background-color: #f6fafb;

	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(246,250,251,.95)), to(rgba(255,255,255,.95)));
	background-image: -moz-linear-gradient(0% 100% 90deg,rgba(246,250,251,.95), rgba(255,255,255,.95));
	
	-border-radius:        12px;
	-moz-border-radius:    12px;
	-webkit-border-radius: 12px;
	
	box-shadow:         0px -5px 16px rgba(0,0,0,.25);
	-moz-box-shadow:    0px -5px 16px rgba(0,0,0,.25);
	-webkit-box-shadow: 0px -5px 16px rgba(0,0,0,.25);
	
}
#event h2 {
	margin-bottom: 1em;
}
#event h3 {
	background: url('/image/tp/css/bgs/rsvp-pageTitles.png') no-repeat left center;
	margin: 0;
	padding: 0;
	height: 23px;
	text-indent: -999px;
	overflow: hidden;
}
#event ol,#event li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#event li {
	float: left;
	width: 32%;
}
#event .num1 h3 { background-position: 40px 0px; }
#event .num2 h3 { background-position: -244px 0px; }
#event .num3 h3 { background-position: -582px 0px; }
#event h3,#event p { padding-left: 40px; }
#event li.mid { margin: 0 2%; }
#rsvp-lp .core-2-col div:first-child { padding-right: 1%; }

#container #most-popular dt {
	background: url('/image/tp/css/icons/faq-open-sm.gif') no-repeat right center;
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
	cursor: pointer;
	margin-top: 8px;
	padding: 5px;
}
#most-popular dt.open { background: url('/image/tp/css/icons/faq-close-sm.gif') no-repeat right center; }
#most-popular dd { display: none; }

#container #most-popular ul { margin-top: 8px; }

/* --- http://www.tinyprints.com/promo/shopping-deals.htm --- */
#container .daily-deal img {
	margin-left: 25px;
}

#container .daily-deal h1 {
	background: url("/image/tp/css/bgs/deal-of-the-day-header.jpg") no-repeat top left;
	padding-top: 100px;
	margin-left: 516px;
	color: #57391c;
	font-family: "times new roman", sans-serif;
	margin-bottom: 16px;
	line-height: 26px
}

#container .daily-deal h1#exp {
	background: url("/image/tp/css/bgs/dotd_exp_icon.jpg") no-repeat top left;
	padding-top: 100px;
	margin-left: 496px;
	color: #57391c;
	font-family: "times new roman", sans-serif;
	margin-bottom: 16px;
	line-height: 26px	
}
#container .daily-deal a:hover {
	border: none;
}

#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 {
	height:550px;
	float:left;
	width:500px;
}

/* homepage-extended family section*/
#container .more-from-tp {
	background: url("/image/tp/misc/logos/designers-partner-logo.png") no-repeat 0 0;
	height:100px;
}

#container .more-from-tp div a span {
	display:block;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}

/* social network links - promo/tiny-prints-coupon-codes-promotions.htm */
.social-network {
	height:60px;
	width:310px;
	float:right;
}
.social-network div {
	float:left;
	padding:4px 0 0;
}
.social-network .facebook-like {
	width:150px;
	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;
}

/*-- smugmug --*/
#smugmug_features
{
	width: 916px;
	height: 130px;
	padding-top: 20px;
	padding-left: 16px; 
	background-image: url('/image/tp/promo/smugmug-features-background.gif');
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #533519;
	line-height: 15px;
}

.smugmug_ftr
{
	float: left;
	width: 303px;
	height: 89px;
}

.smugmug_ftrimg
{
	float: left;
	width: 116px;
	height: 89px;
	text-align: center;
}

.smugmug_bold
{
	font-weight: bold;
	font-size: 14px;
}

.smugmug_bolder
{
	font-weight: bold;
	font-size: 18px;
}

a.smugmug_link:link {
	color: #668800;
	text-decoration: underline;
}
a.smugmug_link:visited {
	color: #668800;
	text-decoration: underline;
}
a.smugmug_link:hover {
	color: #668800;
	text-decoration: underline;
}

a.smugmug_ftrlink:link {
	color: #533519;
	text-decoration: none;
}
a.smugmug_ftrlink:visited {
	color: #533519;
	text-decoration: none;
}
a.smugmug_ftrlink:hover {
	color: #533519;
	text-decoration: none;
}

/* 
    Document   : base.css
    Created on : May 3, 2010
    Author     : eritchey <eric@tinyprints.com>
    Description:
        /business/ stylings
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/

body { background: #dcdcdc url('/image/tpc/bgs/body.png') repeat-x top left; }
#container,
#container-dynamic,
.rounded {
	padding: 9px;
	background: #fff;
	border: 2px solid #ccc;

	box-shadow: -1px -1px 10px #ccc;
	-moz-box-shadow: -1px -1px 10px #ccc;
	-webkit-box-shadow: -1px -1px 10px #ccc;

	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

#top-tpcDiff-banner {
	position:absolute;
	top:-56px;
	right:0;
	width:225px;
	height:61px;
	background-image: url('/image/tpc/bgs/tpcDiff-plaque.png');
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent:-999px;
}

.extraordinary  { background-position: 0 0;  }

#top-tpcDiff-banner a {
	display: block;
	width: 100%;
	height: 100%;
}
*/