/* RESET.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%; vertical-align: baseline; }

/* TYPOGRAPHY.CSS - set up some base styling
-------------------------------------------------------------- */

/* 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.80 * 16px = 12.8px). */

body { font-size: 80%; background:#fff;}

/* --- default fonts - global --- */
body,h1,h3,h4,h5,h6,p,ul,ol,dl,input,textarea,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span	{ font-family: Arial, Verdana, sans-serif; }

a { outline-width: 0; } /* remove firefox outline */

/* --- default colors - global --- */
body,h2,h2 a,h2 a:hover,
h1 span,h2 span,h4 span,
h5 span,h6 span,del      { color: #6b6b6b; } /* grey        */
a, h2 span a,h1 span a	 { color: #680;    } /* green       */
a:hover                  { color: #344500; } /* hover green */
a, h2 span a,h1 span a	 { text-decoration: none; }

#container a:hover {
	border-bottom: 1px dotted #333;
	text-decoration: none;
}
/*--- for all non-bordered links --- */
#sidebar div.last,
#sidebar div:last-child,
#navigation li a:hover,
#slideshow a:hover,
#banner a:hover,
#container .three-col div.content li a:hover,
#content #hero a:hover,
#designer-hero a:hover,
.card-type h4 a:hover,
#container #landingpg-image a,
#container a.img,
#container-dynamic a.img,
#container a.img:hover,
#content #slideshow a,
#content .three-col a,
#content .two-col a,
#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a,
#content h6 a { border-bottom:0; padding-bottom: 0; }

#banner a span.last {
	border-bottom: 1px dotted #333;
}

/* Headings
-------------------------------------------------------------- */
#container,
#pageContainer { line-height: 1.5;}


#container h1,
#container h2,
#pageContainer h1,
#pageContainer h2 			{ font-family: Arial, Verdana, sans-serif; }
#container #slideshow h1 					{ clear:both; }

#container h3,#container-dynamic #navigation h3,#container h4,#container h5,#container h6,#container dl dt, /* added #container-dynamic for nav headings in shop pages */
#container strong,#container dfn	{ font-weight: bold; }
#container h1,#container h2      { font-weight: normal; }

#container h1 span	{
	font-size:.5em;
}
#container h3 span	{
	font-size:.7em;
	font-weight: normal;
	margin-left: .5em;
}
#container h2 span,
#container h4 span,
#container h5 span,
#container h6 span	{ font-size:.65em; }

#container h1 span,
#container h2 span,
#container h4 span,
#container h5 span,
#container h6 span	{ margin-left:1em; }

#container h1 {
	font-size: 1.85em;
	margin: 0;
	padding: 0;
	color: #6b6b6b;
}

#container h1 a { color:#533519; }

#container h2 {
	font-size: 1.4em;
	margin: .5em 0 0;
	padding: 0;
}
#container h3 {
	font-size: 1em;
	margin: 1em 0 .3em 0;
}
#container h4 {
	font-size: 1.2em;
	margin-bottom: 1.25em;
	line-height: 1.25;
}
#container h5 {
	font-size: 1em;
	margin-bottom: 1.5em;
}
#container h6 {
	font-size: 1em;
}

/* Personalize
-------------------------------------------------------------- */
#pageContainer { line-height: 1.5;}


#pageContainer h1,#pageContainer h2         { font-family: Arial, Verdana, sans-serif; }
#pageContainer h3,#pageContainer h4,
#pageContainer h5,#pageContainer h6,
#pageContainer dl dt,#pageContainer strong,
#pageContainer dfn	                       { font-weight: bold; }
#pageContainer h1,#pageContainer h2         { font-weight: normal; text-transform: capitalize; }

#pageContainer h1 span { font-size:.5em; }
#pageContainer h3 span { font-size:.9em; }

#pageContainer h2 span,
#pageContainer h3 span,
#pageContainer h4 span,
#pageContainer h5 span,
#pageContainer h6 span { font-size:.65em; }

#pageContainer h1 span,
#pageContainer h2 span,
#pageContainer h4 span,
#pageContainer h5 span,
#pageContainer h6 span { margin-left:1em; }

#pageContainer h1      { font-size: 1.85em; margin: 0;        padding: 0; color: #533519; }
#pageContainer h2      { font-size: 1.4em;  margin: .5em 0 0; padding: 0; }
#pageContainer h4      { font-size: 1.2em;  margin-bottom: 1.25em; line-height: 1.25; }
#pageContainer h5      { font-size: 1em;    margin-bottom: 1.5em; }
#pageContainer h6      { font-size: 1em;  }
#pageContainer #footer { font-size:.95em; }

/* Other Text elements
-------------------------------------------------------------- */

#container h1 + h2 { margin-top:0; } /* if h2 is immediate sibling of h1 */
#container h2 + h3 { margin-top:0; } /* if h3 is immediate sibling of h2 */
#container h3 + h3 { margin-top:0; } /* if h3 is immediate sibling of h3 */

#container ul         { list-style-type: disc;    }
#container ol         { list-style-type: decimal; }
#container p          { margin: 0 0 1em;          }
#container li p       { margin: 0 0 .8em;         }
#container ul,
#container ol         { margin:0 1.5em 1.5em 1.5em; }
#container dl         { margin-bottom:1.5em;        }
#container dl dd      { margin-left:1.5em;          }
#container address    { margin-bottom:1.5em;        }
#container blockquote { margin: 1.5em;              }
#container em, dfn    { font-style: italic;         }

#container pre,
#container  code      { white-space: pre;           }
#container pre,
#container code,
#container tt {
	font: 1.4em monospace;
	line-height: 1.5;
	border-left:5px solid #680;
	padding-left:2em;
}
#container tt {
	display: block;
}
#container pre,
#container code,
#container tt {
	margin:1.5em 0;
}

/* --- custom resets for tinyprints.com --- */

#links,#topnav #links a.contact,.panel a,.panel a.border,.three-col div.parents p, .three-col div.celebrities p,#difference ol,#difference li,
#sidebar ol,#sidebar ul,#sidebar li,#sidebar ol#sidenav,#sidebar #sidenav li,#sidebar #sidenav h3,#sidebar #sidenav p {
	margin:0;padding:0;
}

/* -------------------------------------------------------------- 

		framework.css - by Eric Ritchey
		
		this is the framework base that everything gets 
		their widths from;this must be included on every page 
		
		Date Created: 1/15/09
		Date Modified: 3/3/10
		version 1.1
		
		changelog:
			1.1          added department bar
			1.1.1        moved footer and newsletter CSS here rather than in screen.css
         1.1.2        created footer framework that will scale for whatever styling
                      is desired
      	1.1.3        moved footer code to core-styles.css to be used on both TP and WPD

-------------------------------------------------------------- */


#container, #container-dynamic {
	margin: 20px auto 0;
	position:relative;
}
#container-dynamic #container {
	margin-top:0;
}
#topnav 						{
	width:100%;
	line-height:1.5;
	overflow:hidden;
	position:relative;
}

#logo,#links				{ width:auto; }
#links {
	float:right;
	margin:15px 0 4px 0;
	text-align:right;
	font-size:.85em;
	position:relative;
}
#links a {
	padding: 0 3px;
}
#logo img {
	margin-top:2px;
  display: block;
}
#container #logo h2,
#container.greeting #logo h2,
#container-dynamic #logo h2,
#container-dynamic.greeting #logo h2 {
	margin:.4em 0 0 0;
	padding:0;
	font: bold .9em Arial, Verdana, sans-serif;
	color:#533519;
}

#links form {
	position:absolute;
	overflow:hidden;
	width:155px;
	bottom:0;
	right:0;
}
#links .site-links	{ margin:7px 163px 0 0; }
#logo,.livechatIcon,#links input.btn,
#links input.input	{ float:left; }
#links input.btn		{ margin-left:3px; }
#links input.input	{
	border:1px solid #ccc;
	color:#939598;
	width:125px;
}
.livechatIcon {
	margin-top: -1px;
	padding: 0;
	cursor: pointer;
}

.lc_icon {
	padding-left:1px;
	padding-right:0;
	position:relative;
	text-decoration:none;
	top:6px;
}
.personalize_bar {
	width: 960px; 
	top: 3px; 
	height:8px;
	background:none repeat-x scroll 0 0 #533519;
	display:block;
	float:left;
	margin-bottom:5px;
	position:relative;	
}
#topnav.small #links {
	margin: 0; 
}
#topnav .site-links strong + a {
	padding:0;
}


#social-link li { padding-left: 25px; }
#links .view-cart {
	padding-right: 20px;
	position: relative;
	zoom: 1;
}
#links .view-cart span {
	position: absolute;
	display: block;
	top: -1px;
	right: 0;
	width: 17px;
	height: 13px;
	background-position: -2px -305px;
}
#social-link li.envelope	{ background-position: 0 -98px;  }
#social-link li.twitter		{ background-position: 0 -137px; }
#social-link li.facebook	{ background-position: 0 -117px; }
#social-link li.blog			{ background-position: 0 -183px; }
#social-link li.eco			{ background-position: 0 -231px; }
#social-link li.reorder		{ background-position: 0 -161px; }
#social-link li.videos		{ background-position: 0 -256px; }
#testimonial h3 {
	background-position: 0 -208px;
	text-transform: uppercase;
	padding-left: 20px;
}

/*	-------------------------------------------------------
 * 	Tiny Prints Main Navigation CSS
 *  author: Eric Ritchey <eritchey@tinyprints.com>
 *	date: Feb. 25, 2010
 *     This section must remain in common.css because the
 			 other navigation CSS file (tp-main_nav.css) is
 			 pulled in via javascript after the DOM has loaded.
 *	------------------------------------------------------*/
#navigation {
	clear: both;
	position: relative;
	z-index: 500;
	width: 100%;
	height: 33px;
	*height: 39px;
	*margin-bottom: -8px;
	overflow: visible; /* we want the menus to show */
}
#navigation ol {
	list-style-type: none;
	float: left;
	width: 100%;
	height: 33px;
	*height: 39px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 110; /* above the menus */
	overflow: visible;
	*display: inline; /* get nested absolute els to position right in IE */
}
#navigation ol li {
	display: block;
	float: left;
}

/* --- Standard Look For Anchor elements --- */
#navigation ol li a,
#navigation ol li a:link,
#navigation ol li a:visited,
#navigation ol li a:hover {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	height: 33px;
	*height: 39px;
	text-indent: -9999px;
	cursor: pointer;
}
#navigation a:hover {
  border-bottom: 0;
}

/* --- tiny prints main navigation --- */
#navigation ol li a#nav-boutique { width: 164px; background-position: 0      0; }
#navigation ol li a#nav-occasion { width: 141px; background-position: -164px 0; }
#navigation ol li a#nav-baby     { width: 57px;  background-position: -305px 0; }
#navigation ol li a#nav-kids     { width: 67px;  background-position: -362px 0; }
#navigation ol li a#nav-grownups { width: 110px; background-position: -429px 0; }
#navigation ol li a#nav-holiday  { width: 90px;  background-position: -539px 0; }
#navigation ol li a#nav-greeting { width: 133px; background-position: -629px 0; }
#navigation ol li a#nav-wedding  { width: 96px;  background-position: -762px 0; }
#navigation ol li a#nav-business { width: 100px; background-position: -858px 0; }

/* --- greeting card navigation --- */
#navigation.gc ol li a#nav-diff         { width: 162px; background-position: 0      0; }
#navigation.gc ol li a#nav-gcgreeting   { width: 153px; background-position: -162px 0; }
#navigation.gc ol li a#nav-event        { width: 146px; background-position: -524px 0; }
#navigation.gc ol li a#nav-birthday     { width: 93px;  background-position: -315px 0; }
#navigation.gc ol li a#nav-anniversary  { width: 116px; background-position: -408px 0; }
#navigation.gc ol li a#nav-occasion     { width: 102px; background-position: -670px 0; }
#navigation.gc ol li a#nav-gcstationery { width: 188px; background-position: -772px 0; }

/* ------------------------------------------------------------
   this is for the default menu location
#navigation.gc ol li a#nav-event        { width: 145px; background-position: -325px 0; }
#navigation.gc ol li a#nav-birthday     { width: 82px;  background-position: -470px 0; }
--------------------------------------------------------------- */

/* --- tiny prints business navigation --- */
#navigation.tpc ol li a#nav-tpchome        { width: 156px; background-position: 0      0; }
#navigation.tpc ol li a#nav-tpcbizcards    { width: 131px; background-position: -156px 0; }
#navigation.tpc ol li a#nav-tpcinvites     { width: 104px; background-position: -287px 0; }
#navigation.tpc ol li a#nav-tpcstationery  { width: 100px; background-position: -391px 0; }
#navigation.tpc ol li a#nav-tpcgreeting    { width: 158px; background-position: -491px 0; }
#navigation.tpc ol li a#nav-tpcholiday     { width: 189px; background-position: -649px 0; }
#navigation.tpc ol li a#nav-tpcgiftsfavors { width: 120px; background-position: -838px 0; }

/* --- tiny prints wedding navigation --- */
#navigation.tpw ol li a#nav-tpwhome       { width: 157px; background-position: 0      0; }
#navigation.tpw ol li a#nav-tpwinvites    { width: 197px; background-position: -157px 0; }
#navigation.tpw ol li a#nav-tpwsave       { width: 125px; background-position: -354px 0; }
#navigation.tpw ol li a#nav-tpwshower     { width: 145px; background-position: -479px 0; }
#navigation.tpw ol li a#nav-tpwparty      { width: 154px; background-position: -624px 0; }
#navigation.tpw ol li a#nav-tpwessentials { width: 179px; background-position: -778px 0; }

/* --- End Navigation --- */

/* --- common CSS declarations --- */
table#press-table { border:1px solid #ccc; }
#press-table th,
#press-table td { padding: 1em; vertical-align: middle; border-bottom: 1px solid #ccc; }
#press-table th { text-align:center; border-right: 1px solid #ccc; }
#press-table tr.alt th,
#press-table tr.alt td { background-color: #fafafa; }

/* Breadcrumb Trail
-------------------------------------------------------------- */
#breadcrumb 							{ font-size: .8em; text-transform: lowercase; padding-top:1em; }
#home #breadcrumb 				{ margin:0;padding:0; }
#breadcrumb a							{ text-decoration: none; }

/* Sidebar
-------------------------------------------------------------- */
#sidebar {
	float:left;
	color:#6b6b6b;
}
#sidebar  ol#sidenav { padding-bottom:10px; }
#sidebar  h2 {
	font: normal 1.5em/1.2 Helvetica, Arial, sans-serif;
	border:1px solid #eaeaea;
	border-bottom:4px solid #e9908f;
	background-color:#fbfbf8;
	color:#e9908f;
	padding: 5px 0 0 4px;
	margin-top:0;
	text-transform:uppercase;
}
#sidebar.about h2 {
	margin:0;
	padding:0;
	color:#6b6b6b;
	background:#fff;
	border:0;
	border-bottom:2px dotted #eee;
	text-transform:capitalize;
}
#sidebar h2.baby 			{ color:#e9908f; border-bottom:4px solid #e9908f; }
#sidebar h2.kids 			{ color:#f9a744; border-bottom:4px solid #f9a744; }
#sidebar h2.grown-up	{ color:#8d443b; border-bottom:4px solid #8d443b; }
#sidebar h2.holiday		{ color:#c62229; border-bottom:4px solid #c62229; }
#sidebar h2.wedding		{ color:#66b6db; border-bottom:4px solid #66b6db; }
#sidebar h2.corp			{ color:#55818d; border-bottom:4px solid #55818d; }
#sidebar h2.occasion	{ color:#257330; border-bottom:4px solid #257330; }

#sidebar ol {
	background: #fbfbf8 url('/image/tp/css/bgs/sidebar-gradient.gif') repeat-x bottom left;
	/* This will have to wait
	background-color: #fbfbf8;
	background-repeat: repeat-x;
	background-position: left bottom;
	*/
	border:1px solid #eaeaea;
}
#sidebar.about ol {
	background:none;
	border:0;
}
#container #sidebar			{ width:215px; }
#container.shop #sidebar	{ width:100px; }
#sidebar div {
/*	border-bottom: 2px dotted #ebebeb;*/
	margin:10px 3px 0 3px;
	padding:0 0 10px 0;
}
#sidebar ol,#sidebar ul,#sidebar li,#sidebar ol#sidenav { list-style:none; }
#sidebar #sidenav li {
	padding:8px 0 5px 0;
}

#sidebar li ul		{ margin:0 0 0 1.9em;text-transform:lowercase; }
#sidebar li ul ul	{ margin:0 1em 0 0; }
#sidebar #sidenav li li {
	background:none;
	border:0;
	margin:0;
	padding:0;
}
#sidebar ul li {
	list-style-type:disc;
	font-size:.8em;
}
#sidebar ul li a,#sidebar ul li strong, #sidebar ul li span.nolink {
	font-size:1.2em;
}
#sidebar ul li li {
	list-style-type:none;
	font-size:1em;
}

#sidebar #sidenav h3,#sidebar #sidenav p {
	padding:0 13px 0 0;
	margin:0 0 0 .5em;
}
#sidebar #sidenav li.selected-down h3 span {
	font-weight:bold;
	margin:0;
	padding:0;
}
#sidebar #sidenav h3 a:hover,
#sidebar #sidenav h3,#sidebar #sidenav h3 a { color:#6b6b6b; }
#sidenav p { font-size:.9em; }
#sidebar li p { text-transform:lowercase; }

#sidenav li.holiday h3 {
/*	background: url('/image/tp/css/icons/holiday-ribbon-icon.png') no-repeat center left;*/
	background-position: -3px -280px;

}
#sidenav li.holiday h3 a {
	padding-left:25px;
}

/* for promo on sidebar: 2/24/2010 */
#container #sidebar .sidebar-promo {
	background: #dbe9e9;
	border:1px solid #cce5e1;
	text-align:center;
	padding:10px;
	margin:10px 0;
	padding:10px;
	color:#533519;
}
#container #sidebar .sidebar-promo p {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
}
#container #sidebar .sidebar-promo p span {
	display:block;
	font-size:1.5em
}







#newsletter h3 {
/*	font: normal 1.4em "Times New Roman", Georgia, serif;*/
	margin:0 0 .15em 0;
	padding:0;
	color:#e9908f;
}
#newsletter.top {
	background: #fafaf8 url('/image/tp/css/bgs/sidebar-gradient.gif') repeat-x bottom left;
	width:209px;
	margin:0 0 10px 0;
	padding:5px 2px;
	border:1px solid #e8e8e8;
}
#newsletter.top p				{ margin-bottom:5px; }
#newsletter.top form		{ padding-bottom:15px; }
#newsletter							{ overflow:hidden; }
#newsletter input#s			{
	border:1px solid #ccc;
	color:#939598;
	width:125px;
	float:left;
	padding:3px;
}
#sidebar #signup-error	{
	clear:both;
	color:#f00;
}
#social-link li { margin:5px 0; }

.dept-bar {
	background:#f3f3f3;
  border-bottom: 2px solid #ebebeb;
	padding:.7em 0 0 0;
	font-size:.9em;
	height:2.1em;
	width:100%;
	margin:0;
}
.dept-bar span {
	display:block;
	width:960px;
	margin:auto;
}
.dept-bar .dept-home {
	padding-left:20px;
	background: url('/image/tp/css/icons/home.gif') no-repeat 0 0;
}
.dept-bar a {
	font-weight: bold;
}
.dept-bar a.selected {
	font-weight: normal;
	color: #6b6b6b;
	cursor: default;
}

/* Noscript
---------------------------------------------------------------*/
div#noscript {
	position: absolute;
	top: 97px;
	left: 2px;
	width: 938px;
	background-color: #ffc;
	padding: 4px 8px;
	color: #666;
	text-align: center;
}
div#noscript a {
	color: #039;
	text-decoration: underline;
}
div#noscript a:hover {
	border: none;
}
/* -------------------------------------------------------------- 
  
   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;
}

/* --------------------------------------------------------
      Core Framework for all three sites (TP, TPC, WPD)
      file: core-stylings.css
      author: Eric Ritchey <eritchey@tinyprints.com>
      date: Dec. 2, 2009
* -------------------------------------------------------*/

/* misc classes
------------------------------------------------------*/
/*
	when changing the hours on the site use this code:
	<p class="hours-change"><strong>Please Note:</strong> <span>...</span></p>
*/
.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;
}