/* -------------------------------------------------------------- 
  
   Wedding Paper Divas
   01/20/09 - Version 1.0
   by Eric Ritchey
   
-------------------------------------------------------------- 

@import "reset.css";
@import "typograph.css";
@import "dropdown.css";
@import "sidebar.css";
@import "framewprk.css";
@import "banner.css?20090220";


 Site
-------------------------------------------------------------- */
  
/* Put your site styles here */
#content-contain {
	clear:both;
	overflow: hidden;
}
#sidebar {
	width:155px;ss
	
}
#content {
	float:right;
	width:800px;
	position:relative;
}
#container.full #content {
	float:none;
	width:960px;
}

#footer-cols .column,#promo-contain .column {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* -- combined margin/padding:0; -- */
#img-wrapper,#slideshow-controls ol,#slideshow-controls li,#side-column h2,#side-column h3,#press-section p,#press-section img,.box ul,.box li,.box p,#pop-cats ul,#pop-cats li {
	margin:0;
	padding:0;
}

/* -- combined float:left; -- */
#img-column,#slideshow-controls li,.three-col div,#press-section img,.full_template #hero-image,.floatLeft,.two-col div.col1,.two-col div img,#pop-cats li,.wedding-collection div {
	float:left;
}

/* -- combined float:right; -- */
#slideshow-controls .next,#slideshow-controls .prev,#side-column,#press-section p,.full_template #hero-links,.floatRight,.two-col div.col2 {
	float:right;
}

/* -- combined display:blocks; -- */
#img-wrapper a,#img-wrapper span,#slideshow-controls li a,#slideshow-controls .next a,#slideshow-controls .prev a,#product-selections a,#press-section p strong,
.full_template #hero-image a,.signup,.beaucoup #hero-links h3 a,.wedding-collection h2 a,#hero #hero-shot a {
	display:block;
}

/* -- combined text hiders -- */
#img-wrapper a,#slideshow-controls .next,#slideshow-controls .prev,#side-column h2,#side-column h3,#product-selections div,#hero.beaucoup #hero-image,.beaucoup #hero-links h3,.signup,
h1.wedding-collection,.wedding-collection h2,.our-card-service div {
	text-indent:-9999em;
	overflow:hidden;
}

#newsletter-signup {
	background:#CFD397;
	padding:0 10px;
	margin:1em 0;
	overflow:hidden;
	width:100%;
	height:4.8em;
}
#newsletter-signup h3 {
	width:440px;
	color:#C65516;
	margin:10px 0;
	font: bold 1.0em "Times New Roman", Georgia, serif;
	float:left;
}
#newsletter-signup a {
	font-size:.8em;
}
#newsletter-signup form {
	margin:20px 20px 0 0;
	float:right;
	width:290px;
}
#newsletter-signup input.input {
	width:200px;
}

#home-hero {
	margin-bottom:1em;
	overflow:hidden;
	padding:1em;
}
#img-column {
	border:1px solid #d5ebf5;
}
#img-column,#img-wrapper,#img-wrapper a,#img-wrapper span {
	width:514px;
}
#img-wrapper,#img-wrapper a,#img-wrapper span {
	height:289px;
}

#home-hero,#hero, .box {
	border:1px dotted #EEEEEE;	
}
/* Landing Page styles
-------------------------------------------------------------- */
#hero {
	overflow:hidden;
	min-height:231px;
  height:auto !important;
  height:231px;
}
#hero #hero-shot {
	display:block;
	float:left;
	width:531px;
	height:231px;
	overflow:hidden;
	text-indent:-9999em;
}
#hero #hero-shot a {
	width:100%;
	height:100%;
}
#hero #text-col {
	border:1px solid #daceb5;
	background: #eee5d5;
	float:right;
	display:block; 
	width:190px;
	height:229px;
	text-align:center;
}
#text-col h2 {
	overflow:hidden;
	text-indent:-9999em;
	height:153px;
	width:169px;
	margin:.5em auto 0;
	padding-bottom:1em;
}
a.invites {
	height:23px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	margin:0 auto;
}

#hero.sig-coll #hero-shot				{ background: #fff url('img/bgs/heros/falling-petals.jpg') no-repeat center center; }
#hero.save-date #hero-shot			{ background: #fff url('img/bgs/heros/candy-stripe.jpg') no-repeat center center; }
#hero.party-invites #hero-shot	{ background: #fff url('img/bgs/heros/party-invites.jpg') no-repeat center center; }
#hero.letterpress #hero-shot		{ background: #fff url('img/bgs/heros/letterpress.jpg') no-repeat center center; }
#hero.social #hero-shot					{ background: #fff url('img/bgs/heros/social-stationery.jpg') no-repeat center center; }
#hero.thermo #hero-shot					{ background: #fff url('img/bgs/heros/thermo-collection.jpg') no-repeat center center; }
#hero.by-color #hero-shot				{ background: #fff url('img/bgs/heros/bycolor-collection.jpg') no-repeat center center; }
#hero.by-style #hero-shot				{ background: #fff url('img/bgs/heros/bystyle-collection.jpg') no-repeat center center; }

.sig-coll #text-col h2					{ background: #eee5d5 url('img/bgs/signature-collection.png') no-repeat center center; }
.save-date #text-col h2					{ background: #eee5d5 url('img/bgs/save-the-date.png') no-repeat center center; }
.party-invites #text-col h2			{ background: #eee5d5 url('img/bgs/party-invites.png') no-repeat center center; }
.letterpress #text-col h2				{ background: #eee5d5 url('img/bgs/letterpress-collection.png') no-repeat center center; }
.social #text-col h2						{ background: #eee5d5 url('img/bgs/social-stationery.png') no-repeat center center; }
.thermo #text-col h2						{ background: #eee5d5 url('img/bgs/thermo-collection.png') no-repeat center center; }
.by-color #text-col h2					{ background: #eee5d5 url('img/bgs/bycolor-collection.png') no-repeat center center; }
.by-style #text-col h2					{ background: #eee5d5 url('img/bgs/bystyle-collection.png') no-repeat center center; }

.sig-coll				a.invites 			{ background: url('img/bgs/shop-invites.png') no-repeat center center; width:129px; }
.party-invites	a.invites 			{ background: url('img/bgs/shop-bridal-invites.png') no-repeat center center; width:162px; }
.letterpress		a.invites 			{ background: url('img/bgs/shop-letterpress.png') no-repeat center center; width:142px; }
.social 				a.invites 			{ background: url('img/bgs/shop-thankyou.png') no-repeat center center; width:162px; }
.thermo 				a.invites 			{ background: url('img/bgs/shop-thermo.png') no-repeat center center; width:144px; }
.save-date			a.invites 			{ background: url('img/bgs/shop-savedate.png') no-repeat center center; width:138px; }
.by-color				a.invites 			{ background: url('img/bgs/shop-bycolor.png') no-repeat center center; width:169px; }
.by-style				a.invites 			{ background: url('img/bgs/shop-bystyle.png') no-repeat center center; width:181px; }

.matching-website 							{ background: url('/img/misc/powered-by-newlyweds.png') no-repeat 160px 140px; }


/* --- temporary sidenav styles ---*/
#sidenav li h3{ color:#FF6600; font-size:.9em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#sidenav li ul {
	padding:0 0 0 0;
	margin:0;
	list-style:none;
}
#sidenav li {
	color:#6b6b6b;
}
#sidenav li ul ul {
	padding:0 0 0 0;
}
#sidenav li ul li a {
	text-decoration:none;
}
#sidenav li ul ul li {
}
#sidenav li ul ul li a {
	text-decoration:underline;
}
/* --- end sidenav styles ---*/



/* --- end landing page styles --- */

h1.home {
	color:#6b6b6b;
	font-size:1.1em;
	font-weight:bold;
}
.last,#hero-links h4.last {
	border-bottom:0;
	margin-right:0;
}

/* --- two columns --- */
.two-col,.three-col {
	clear:both;
	overflow:hidden;
	margin:1em 0;
}
.two-col div {
	overflow:hidden;
	padding:1em;
	width:345px;
}
.two-col div img { margin-right:.7em; }
.two-col p {
	font-size:.9em
}
/* --- three columns --- */
.three-col {
	clear:both;
	overflow:hidden;
	margin:1em 0;
}

.three-col .col2							{ margin:0 27px; }
#smugmug-cols.three-col .col2 { margin:0 10px; }
.three-col div								{ width:235px; }
#product-selections a					{ height:64px; }

#product-selections .col1 { background: url('save-the-dates.png') no-repeat scroll top left; }
#product-selections .col2 { background: url('showerinvites.png') no-repeat scroll top left; }
#product-selections .col3 { background: url('prtyinvites.png') no-repeat scroll top left; }

#press-section p { width:140px; font-size:.9em; }


/* --- gradients --- */
.upgradient {
	background: #fff url('gradient-up.png') repeat-x bottom left;
	border:1px solid #ccc;
	padding:1em;
}

/* --- Full Page Template --- */
#hero,.full #hero {
	padding:1em;
	overflow:hidden;
}
.full_template #hero-image,.full_template #hero-links {
	height:289px;
}
.full_template #hero-image		{ width:676px; }
.full_template #hero-image a	{ height:100%; }
.full_template #hero-links		{ width:238px; }
#hero.beaucoup #hero-image		{ background: url('beaucoup-hero.jpg') no-repeat center center; }
#hero-links {
	background:#e0f2ff url('hero-links-gradient.png') repeat-x center center;
	border:1px solid #d5ebf5;
}
.beaucoup #hero-links h3 {
	background: url('beaucoup-logo.jpg') no-repeat scroll top left;
	margin:1em auto;
}
.beaucoup #hero-links h3,.beaucoup #hero-links h3 a {
	width: 187px;
	height: 73px;
}

#hero-links h4 {
	background:url('arrow-blue.png') no-repeat left .4em;
	font:normal 1.25em "Times New Roman", Georgia, serif;
	margin:1.1em 1em 0 1em;
	padding:0 0 1.1em .6em;
	border-bottom:2px dotted #999;
}
#hero-links a,#hero-links a:hover { text-decoration:none; }

#hero-links span,#side-column span {
	background: url('frill.png') no-repeat scroll top left;
	display:block;
	width: 118px;
	height: 24px;
	margin:auto;
}
.box {
	margin:.5em 0;
	padding:1em;
	width:46.2%;
}
.border {
	border:2px dotted #eee;
}
.box ul,.box li,.box p { list-style:none; }
.box img { margin-right:.8em; }

p.fine-print {
	clear:both;
	font-size:.8em;
	font-style:italic;
	color:#ccc;
	margin-top:1em;
}

/* popular categories
------------------------------*/
#pop-cats {
	overflow:hidden;
	min-height:160px;
  height:auto !important;
  height:160px;
	margin:1em 0;
	padding:1em;
	clear:both;
}
#pop-cats h3 {
	margin-bottom:.3em;
	margin-top:0;
}
#pop-cats ul,#pop-cats li { list-style:none; }
#pop-cats li {
	width:140px;
	text-align:center;
	margin:0 7px 0 0;
}
#pop-cats li.last {
	margin-right:0;
}

#press_nav {
	font-size:.9em;
}

#new_press_table th,#new_press_table td {
	background: #f7f8f9 url('/press_images/pc-brackets.gif') no-repeat center center;
	vertical-align:middle;
	border:1px solid #533519;
	border-bottom:0;
	height:150px;
}
#new_press_table tr.last th,#new_press_table tr.last td {
	border-bottom:1px solid #533519;
}
#new_press_table th {
	text-align:center;
	vertical-align:middle;
	padding:0 1em;
	margin:auto;
}
#new_press_table td {
	border-left:0;
}
#new_press_table h3,#new_press_table p {
	margin:0 60px;
}

ul.recent-press,.recent-press li,.recent-press li h3,.recent-press li p {
	list-style:none;
	margin:0;
	padding:0;
}
.recent-press ul {
	margin-bottom:1em;
}
.recent-press li {
	margin:10px 0 0 0;
}
p.view-more {
	text-align:right;
}

ol#featured_categories,#featured_categories li {
	margin:0;
	padding:0;
	list-style:none;
}
#featured_categories {
	overflow:hidden;
	margin-top:1em;
}
#featured_categories li {
	float:left;
	width:126px;
	text-align:center;
}
#featured_categories li a {
	display:block;
}

/* terms of service page
-----------------------------------------------*/
.tos_table .infoCol { background:#eaf7fd; }
.tos_table .infoCol,.tos_table .included {
	text-align:center;
	width:138px;
}
.tos_table,th.descrip { border:1px solid #d0e4ed; }
.tos_table th.descrip 		 { background:#eaf7fd; }
.tos_table .top th.descrip { border-right:0;}
.tos_table .top th.infoCol { border-bottom:1px solid #d0e4ed; }
.tos_table tbody th { font-weight:normal; }
.tos_table .yes {
	background: url('img/bgs/checkmark.png') no-repeat center center;
	overflow:hidden;
	text-indent:-9999em;
	padding-top:10px;
}
.tos_table tbody th {
	vertical-align:middle;
	padding:3px 7px 3px 15px;
}
.tos_table thead th {
	vertical-align:middle;
	padding:3px 7px;
}
.tos_table td {
	text-align:center;
}

/* wpd diff page
-----------------------------------------------*/
#wpd-diff dt {
	clear:both;
	margin:1em 0 0 0;
	line-height:1; 
	color:#533519;
	font:normal 1.6em "Times New Roman", Georgia, serif;
}
#wpd-diff dd {
	margin-top:.5em;
}
#wpd-diff dd ul {
	float:right;
	width:500px;
}
#wpd-diff dd img {
	float:left;
	width:190px;
	margin-top:1.5em;
}

/* tell a friend page
-----------------------------------------------*/
.tell-a-friend input,
.tell-a-friend textarea 						{ width:200px; }
.tell-a-friend textarea 						{ font-size:1em; }
.tell-a-friend input#sendemail  		{ width:75px; text-align:right; }
.tell-a-friend th,.tell-a-friend td { border:0; }


/* tell a friend page
-----------------------------------------------*/
#hero.wedding-collection {
	padding:.5em 1em 1em;
	min-height:295px;
	height:auto !important;
	height:295px;
}
h1.wedding-collection {
	background: url('img/bgs/wedding-collection.gif') no-repeat center center;
	height:81px;
	width:237px;
	margin:0;
	padding:0;
	position:absolute;
	top:94px;
	left:260px;
}
.wedding-collection h2,.wedding-collection h2 a {
	width:237px;
	height:289px;
}
.wedding-collection .col1 { background: #fff url('img/bgs/heros/signature-collection.jpg') no-repeat center center; }
.wedding-collection .col2 { background: #fff url('img/bgs/heros/thermography-collection.jpg') no-repeat center center; margin:0 9px; }
.wedding-collection .col3 { background: #fff url('img/bgs/heros/letterpress-collection.jpg') no-repeat center center; }

.our-card-service .col1 { background: #fff url('img/bgs/premium-paper.png') no-repeat center center}
.our-card-service .col2 { background: #fff url('img/bgs/exceptional-service.png') no-repeat center center; }
.our-card-service div {
	width:365px;
	height:79px;
	margin:0;
	padding:0;
}


/* misc classes
-----------------------------------------------*/
img.floatLeft { padding-right:1em; }
img.floatRight { padding-left:1em; }
.alignCenter { text-align:center; }
p.alignCenter { padding-top:1em; }
.faq-answers li { clear:both; padding-top:1em;}
.articleEnd, .subheader { text-align: center; }


address#mediaContact {
	border-bottom:2px dotted #eee;
	padding-bottom:1em;
	margin-bottom:1em;
	overflow:hidden;
	min-height:100px;
  height:auto !important;
  height:100px;
}
address#mediaContact strong {
	font-style:normal;
}
address#mediaContact p {
	float:left;
	width:32%;
}
address#mediaContact img {
	padding-bottom:20px;
}

/* for live chat */
#liveChatAsk {
	position:fixed;
	top:250px;
	left:500px;
	width:350px;
	margin:	0;
	padding:0;
	display:none;
	z-index:10000;
}
#liveChatAsk a{
	text-decoration: none;
}
#liveChatAsk img{
	margin-top: 0px;
	border:	none;
}


.menus{
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#FFFFFF;
padding:6px;
}

a.menus:link{
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#fff;
padding:6px;
text-decoration:none;
font-weight:bold;
}
a.menus:hover{
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#000000;
padding:6px;
text-decoration:none;
font-weight:bold;
}

.menus:visited{
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#fff;
padding:6px;
text-decoration:none;
font-weight:bold;
}

.menus:active{
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#FFFFFF;
padding:6px;
text-decoration:none;
font-weight:bold;
}