/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, a img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; text-indent: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* div { zoom: 1 } */
body { color: black; background: white; }
ol, ul, li { list-style: none; list-style-position: outside; text-indent: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Generics */

.float_left { display: inline; float: left; }
.float_right { display: inline; float: right; }
.clear_both { clear: both; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Form */

input.inputText, textarea {
	border-width: 1px;
	border-color: #9f9f9f #dadada #dadada #bababa;
	border-style: solid;
	margin: 2px 0;
	width: 245px;
}
	input.inputText:focus, textarea:focus {
		border-color: #3399CA !important;
	}
	input.inputCheckbox {
		margin: 0 5px;
		padding: 0;
		vertical-align: middle;
	}
	input.inputRadio {
		margin: 0 10px 0 0;
		padding: 0;
		vertical-align: middle;
	}
	textarea {
		width: 345px;
	}

input.inputSubmit {
	background: url(/templates/images/button_submit.gif) top right no-repeat #a058a1;
	margin: 4px 0;
	padding: 0 20px 4px 20px;
	border: 0;
	line-height: 22px;
	height: 26px;
	display: block;
	color: white;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
}
	input.inputSubmit:hover, input.inputSubmit:focus {
		background-position: bottom right;
	}

select {
	margin: 2px 0;
}

label {
	color: #333333;
	font-size: .9em;
}
	label.labelCheckbox {
	}
	label.labelCheckbox input.inputCheckbox {
		margin: 8px 5px 0 25px;
		vertical-align: bottom;
	}
	label.labelSnug {
		width: 120px;
		float: left;
		display: inline;
		text-align: right;
		margin: 3px 10px 1px 0;
	}

div#rsvErrors, div#rsvErrorsPopup, .rsvError {
	border: 1px solid #471D59;
	border-color: #471d59 !important;
	background: #fffeb6;
}

div#rsvErrors, div#rsvErrorsPopup {
	padding: 10px;
	margin: 0 0 5px 0;
	display: none;
}

div.tpl_content div.box_success {
	border: 1px solid #bdbdbd;
	background: #dbeddb;
	color: #666;
	padding: 5px;
	margin: 3px 15px 3px 0;
}
	div.tpl_content div.box_success b {
		color: #23a416;
	}

div.tpl_content div.box_failure {
	border: 1px solid #bdbdbd;
	background: #f3d4d4;
	color: #666;
	padding: 5px;
	margin: 3px 15px 3px 0;
}
	div.tpl_content div.box_failure b {
		color: #a41616;
	}

/* Frame */

html {
	overflow-y: scroll;
}

body {
	background: url(/templates/images/banner_bg.gif) 0 69px repeat-x;
	font-family: "Arial", sans-serif;
}

div.tpl_wrapper {
	width: 768px;
	margin: 0 auto;
	position: relative;
}

div.tpl_header {
	height: 69px;
}
	div.tpl_header div.float_right {
		color: #512867;
		font-size: .8em;
		padding: 10px;
	}
		div.tpl_header div.float_right a {
			color: #512867;
			text-decoration: none;
			padding: 0 8px;
		}
			div.tpl_header div.float_right a:hover {
				text-decoration: underline;
			}

div.tpl_navi {
	padding: 6px 0;
	height: 28px;
	line-height: 28px;
}
	div.tpl_navi a {
		color: white;
		font-weight: bold;
		text-decoration: none;
		border: 1px solid #4b3e72;
		border-width: 0 1px 0 0;
		padding: 0 40px;
		font-size: 11px;
		height: 28px;
		display: inline;
		float: left;
		background: url(/templates/images/banner_bg_sel.gif) 0 -50px repeat-x;
	}
		div.tpl_navi a:hover, div.tpl_navi a.active {
			background-position: top left;
		}

div.tpl_content {
	padding: 20px 0 10px 0;
	font-size: .9em;
}
	div.tpl_content p {
		padding: 5px 0;
	}

div.tpl_footer {
	color: #666666;
	font-size: .8em;
	text-align: center;
	padding-bottom: 8px;
}
	div.tpl_footer a {
		color: #666666;
		padding: 0 6px;
		text-decoration: none;
	}
		div.tpl_footer a:hover, div.tpl_footer a:focus {
			text-decoration: underline;
		}

/* Template */

div.tpl_content_left {
	float: left;
	display: inline;
	width: 215px;
	height: 500px;
	background: top left no-repeat;
}
	div.tpl_content_left h2 {
		margin: 0;
		padding: 0;
		position: absolute;
		left: -5000px;
	}

div.tpl_content_right {
	margin-left: 215px;
	margin-right: 50px;
}
	div.tpl_content_right h2 {
		font-size: 1.6em;
		color: #6d2f65;
		padding-bottom: 10px;
	}
	div.tpl_content_right a {
		color: #666666;
	}

div.tpl_content p {
	color: #666;
	font-size: .9em;
	line-height: 1.4em;
}
	div.tpl_content p.border-bottom {
		padding: 10px 15px;
		border-bottom: 1px solid #ccc;
	}

div.tpl_content b {
	color: #000;
}

div.gradbox_subtle_up {
	background: url(/templates/images/grad_white_gray_40.gif) bottom left repeat-x;
	min-height: 40px;
	padding: 11px;
	clear: both;
}
div.gradbox_subtle_down {
	background: url(/templates/images/grad_gray_white_96.gif) top left repeat-x;
	min-height: 96px;
	padding: 11px;
	clear: both;
}
	div.gradbox_subtle_up p,
	div.gradbox_subtle_down p {
	}
		div.gradbox_subtle_up p b,
		div.gradbox_subtle_down p b {
			font-size: 1.1em;
		}

a.button_big {
	width: 253px;
	height: 37px;
	line-height: 37px;
	background: url(images/button_bigpurple.png) top left no-repeat #3b123c;
	text-align: center;
	display: block;
	margin: 4px auto;
	color: white;
	font-weight: bold;
	font-size: 18px;
}
	a.button_big:hover, a.button_big:focus {
		outline: none !important;
		background-position: bottom left;
	}

h2.home_header {
	font-family: "Georgia", serif;
	color: #663366;
	font-size: 1.7em;
	font-weight: normal;
	text-align: center;
	position: relative;
	top: -13px;
	padding: 0;
	margin: 0;
}

div.home_box_preview {
	border: 1px solid #dddddd;
}
	div.home_box_preview a {
		text-decoration: none;
	}
	div.home_box_preview_left {
		float: left;
		display: inline;
		width: 421px;
		padding: 8px 0 0 0;
		text-align: center;
	}
		div.home_box_preview_left a {
			font-size: .9em;
		}
	div.home_box_preview_right {
		float: left;
		display: inline;
		width: 345px;
		padding: 8px;
		width: 329px;
	}
		div.home_box_preview_right p {
			color: #333333;
			line-height: 1.2em;
		}
		div.home_box_preview_right h2 {
			text-align: center;
			font-family: "Georgia", serif;
			color: #336699;
			font-weight: normal;
			font-size: 1.4em;
			line-height: 1.2em;
			padding: 0;
			margin: 0;
		}

h3.home_tagline {
	font-size: 1.3em;
	padding: 20px 0 0 0;
	margin: 0;
	text-align: center;
	font-family: "Georgia", serif;
	color: #663366;
}
	h3.home_tagline a {
		color: #336699;
		text-decoration: none;
		}
	h3.home_tagline u {
		font-size: .7em;
		font-family: "Arial", sans-serif;
	}

div.home_box_bullets {
	width: 384px;
	padding: 4px;
	width: 376px;
	float: left;
	display: inline;
}
	div.home_box_bullets h2 {
		font-family: "Georgia", serif;
		color: #336699;
		font-size: 1.5em;
	}
		div.home_box_bullets_right h2 {
			color: #663366;
		}
	div.home_box_bullets ul {
		padding: 5px;
	}
		div.home_box_bullets ul li {
			list-style: disc inside;
			color: #336699;
			font-size: 14px;
		}
			div.home_box_bullets_right ul li {
				color: #663366;
			}
			div.home_box_bullets ul li span {
				color: #333333;
			}
			div.home_box_bullets ul li a {
				color: #336699;
				font-weight: bold;
			}

ul.home_box_features {
}
	ul.home_box_features li {
		float: left;
		display: inline;
		width: 192px;
		height: 143px;
	}
		ul.home_box_features li a {
			background: url(/templates/images/home_box_features.jpg) top left;
			display: block;
			height: 143px;
			padding-top: 97px;
			height: 46px;
			color: #666;
			text-align: center;
			text-decoration: none;
			font-size: 12px;
		}
			ul.home_box_features li a b {
				font-size: 14px;
				padding-bottom: 2px;
				display: block;
			}
			ul.home_box_features li.home_box_features1 a { background-position:    0px 0px; }
			ul.home_box_features li.home_box_features2 a { background-position: -192px 0px; }
			ul.home_box_features li.home_box_features3 a { background-position: -384px 0px; }
			ul.home_box_features li.home_box_features4 a { background-position: -576px 0px; }
			ul.home_box_features li.home_box_features1 a:hover,   ul.home_box_features li.home_box_features1 a:focus   { background-position:    0px -143px; }
			ul.home_box_features li.home_box_features2 a:hover,   ul.home_box_features li.home_box_features2 a:focus   { background-position: -192px -143px; }
			ul.home_box_features li.home_box_features3 a:hover,   ul.home_box_features li.home_box_features3 a:focus   { background-position: -384px -143px; }
			ul.home_box_features li.home_box_features4 a:hover,   ul.home_box_features li.home_box_features4 a:focus   { background-position: -576px -143px; }
			ul.home_box_features li.home_box_features1 a:hover b, ul.home_box_features li.home_box_features1 a:focus b { text-decoration: underline; } 
			ul.home_box_features li.home_box_features2 a:hover b, ul.home_box_features li.home_box_features2 a:focus b { text-decoration: underline; }
			ul.home_box_features li.home_box_features3 a:hover b, ul.home_box_features li.home_box_features3 a:focus b { text-decoration: underline; }
			ul.home_box_features li.home_box_features4 a:hover b, ul.home_box_features li.home_box_features4 a:focus b { text-decoration: underline; }
			ul.home_box_features li a b { color: #000; }

div.features_box_features {
	border-top: 1px solid #ccc;
	clear: both;
	display: block;
}
	div.features_box_features ul {
		float: left;
		display: inline;
		width: 246px;
		margin: 0 10px;
		width: 226px;
	}
		div.features_box_features ul li {
			color: #663366;
			font-size: .9em;
			border-bottom: 1px solid #ccc;
			padding: 5px 10px;
			cursor: pointer;
		}
			div.features_box_features ul li.features_box_header {
				color: #000;
				font-size: .9em;
				cursor: default;
			}
			div.features_box_features ul li.features_box_header h2 {
				color: #000;
				font-size: 13px;
				font-weight: bold;
				margin: 0;
				padding: 0;
			}
				div.features_box_features ul li.features_box_header h2 img {
					vertical-align: middle;
					padding: 0 5px 0 0;
				}
			div.features_box_features ul li div.features_title {
				line-height: 1.3em;
				display: block;
			}
			div.features_box_features ul li span.features_readmore,
			div.features_box_features ul li p.features_readmore {
				color: #666;
				font-size: .9em;
				text-align: right;
				padding-left: 5px;
				cursor: pointer;
			}
			div.features_box_features ul li p.features_readmore {
				padding: 0;
				margin: 0;
			}
			div.features_box_features ul li span.features_readmore {
				float: right;
				display: inline;
			}
				div.features_box_features ul li:hover span.features_readmore,
				div.features_box_features ul li p.features_readmore:hover {
					text-decoration: underline;
				}
			div.features_box_features ul li div.features_description {
				display: none;
				color: #000;
				padding: 5px;
				padding: 3px 5px;
				font-size: .9em;
			}

div.packages_box_highlight {
	background: #efeaef;
	width: 186px;
	height: 323px;
	padding: 20px 10px;
	width: 166px;
	height: 283px;
	margin: 17px 0 0 32px;
	float: left;
	display: inline;
	color: black;
	text-align: center;
	line-height: 1.7em;
	font-size: .9em;
}
	div.packages_box_highlight .hr {
		border-bottom: 1px solid #cccccc;
		padding-bottom: 5px;
		margin-bottom: 5px;
		display: block;
	}
	div.packages_box_highlight em {
		color: #663366;
		font-size: 11px;
		font-style: normal;
	}
		div.packages_box_highlight em b {
			color: #663366;
		}
	div.packages_box_highlight a {
		color: #663366;
	}
table.packages_table {
	margin-left: 15px;
	font-size: .9em;
}
	table.packages_table span.tooltip {
		font-size: .9em;
		float: right;
		display: inline;
		cursor: help;
	}
	table.packages_table tr td, table.packages_table tr th {
		line-height: 25px;
		color: #666666;
		width: 186px;
		padding-left: 32px;
		text-align: center;
		border-bottom: 1px solid #cccccc;
		background: url(images/packages_td.gif) top left repeat-y #efeaef;
	}
	table.packages_table tr th {
		color: #663366;
		font-size: 1.2em;
		font-weight: bold;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	table.packages_table tr td img {
		vertical-align: top;
	}
	table.packages_table tr td:first-child, table.packages_table tr th:first-child {
		width: 223px;
		padding: 0 20px 0 12px;
		width: 191px;
		color: #663366;
		background: white;
		text-align: left;
	}

div.design_box {
	width: 320px;
	border-top: 1px solid #CCC;
	float: left;
	display: inline;
	margin: 0 20px 5px 0;
	padding: 6px 0 10px 0;
	text-align: center;
	font-size: 12px;
	color: #333;
}
	div.design_box img.design_thumbnail {
		border: 1px solid #666;
		margin: 0 auto 0 auto;
	}
	div.design_box a.design_swatch {
		background: white;
		border: 1px solid white;
		width: 16px;
		height: 16px;
		line-height: 16px;
		margin: 4px;
		padding: 0;
		display: inline;
		text-decoration: none;
	}
	div.design_box a.active {
		border-color: black;
	}

div.tools_box_features {
	border-top: 1px solid #ccc;
	clear: both;
	padding-left: 18px;
	padding-top: 30px;
	display: block;
}
	div.tools_box_features ul {
		float: left;
		display: inline;
		width: 218px;
	}
		div.tools_box_features ul li {
			color: #000000;
			font-size: .9em;
			border-bottom: 1px solid #ccc;
			padding: 5px 10px;
			cursor: pointer;
		}
			div.tools_box_features ul li span.features_readmore {
				color: #666;
				float: right;
				display: inline;
				text-align: right;
				font-size: .9em;
			}
				div.tools_box_features ul li:hover span.features_readmore {
					text-decoration: underline;
				}

div.tools_box_feature {
	padding-left: 56px;
	width: 400px;
	float: left;
	display: inline;
}
	div.tools_box_feature img {
		border: 1px solid #999999;
	}
		div.tools_box_feature h2 img {
			margin: 0 0 15px 0;
			border: 0;
		}
	div.tools_box_feature p {
		text-align: justify;
		color: black;
	}

table.formset {
	color: black;
}
	table.formset th {
		padding: 5px 0 10px 0;
		font-size: 1.0em;
		font-weight: bold;
		text-align: left;
	}
	table.formset input.inputText, table.formset textarea {
		width: 173px; /* 175 w/ border */
		margin: 5px 30px 20px 0;
	}
	table.formset p {
		color: black;
	}

div.join_box {
	background: url(/templates/images/bg_lavender.jpg) bottom right no-repeat #efeaef;
	border: 1px solid #e6cee6;
	border-width: 1px 0;
	clear: both;
	padding: 30px 0px 25px 90px;
}
	div.join_box div#rsvErrors {
		width: 595px;
	}

div.form_box {
	background: url(/templates/images/bg_form.jpg) bottom left no-repeat #ede9ed;
	padding: 10px;
}

div.weddingcard {
	border: 1px solid #aaa;
	padding: 5px;
	text-align: center;
	background: #eee;
}
	div.weddingcard div.weddingcard_member {
		width: 96px;
		float: left;
		display: inline;
		font-size: 10px;
	}
	div.weddingcard .weddingcard_title {
		color: black;
		font-weight: bold;
		font-size: 1.1em;
	}
	div.weddingcard .weddingcard_celebrate {
		clear: both;
		color: #666666;
		font-style: italic;
		padding: 6px 0 0 0;
		margin: 0;
		font-family: serif;
	}
	div.weddingcard .weddingcard_date {
		color: black;
		font-weight: bold;
		font-size: 1.4em;
		padding: 0;
		margin: 0;
		font-family: serif;
	}
	div.weddingcard em {
		font-style: italic;
		color: #aaaaaa;
	}

/* Thickbox */
body.tpl_thickbox {
	background: white;
}

div.tpl_content_thickbox {
	background: #efeaef;
	padding: 11px;
	width: 441px;
}
	div.tpl_content_thickbox_inner {
		background: white;
		border: 1px solid #663366;
		padding: 11px;
		text-align: left;
		color: #333333;
		font-size: 13px;
		margin: 11px 0 0 0;
	}
		div.tpl_content_thickbox_inner li {
			list-style: disc;
			list-style-position: inside;
		}
		div.tpl_content_thickbox_inner p {
			margin: 5px 0 11px 0;
		}
		div.tpl_content_thickbox_inner label.labelSnug {
			width: 160px;
			margin: 4px 4px 1px 0;
		}
		div.tpl_content_thickbox_inner label.labelShort {
			width: 80px;
		}
		div.tpl_content_thickbox_inner input.inputText, div.tpl_content_thickbox_inner textarea {
			width: 170px;
			margin-left: 0;
			margin-bottom: 4px;
		}
		div.tpl_content_thickbox_inner input.inputSubmit {
			float: right;
			display: inline;
			margin: 20px 0 0 0;
		}
		div.tpl_content_thickbox_inner b {
			color: #663366;
			font-weight: normal;
		}

/* Site signup */
div.site_url_check_good, div.site_url_check_bad {
	display: none;
	border: 1px solid #bdbdbd;
	background: #dbeddb;
	padding: 3px;
	color: #23a416;
	font-weight: bold;
	margin-left: 84px;
	display: inline;
	width: 175px;
	font-size: 12px;
}
	div.site_url_check_bad {
		background: #eddbdb;
		color: #cd0000;
		width: 195px;
	}

/* Thickbox */
div#thickbox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: none;
}
	div#thickbox_scrim {
		background: white;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: .50;
		filter: alpha(opacity=50);
		-moz-opacity: 0.50;
		z-index: 10010;
	}
	div#thickbox_wrapper {
		width: 489px;
		/* margin: 240px auto 0 auto; */
		position: absolute;
		left: 50%;
		top: 20%;
		margin-left: -245px;
		background: white;
		z-index: 10020;
	}
		div#thickbox_header {
			line-height: 30px;
			height: 30px;
			color: white;
			background: url(/templates/images/grad_thickbox_header.gif) top left repeat-x #663366;
			padding: 0 11px 0 25px;
			font-size: 14px;
			font-weight: normal;
		}
		div#thickbox_body {
			border: 2px solid #663366;
			border-top: 0;
			padding: 11px;
		}
			div.thickbox_loader {
				padding: 40px 0;
				text-align: center;
			}

div#loginbox {
	position: absolute;
	right: 146px;
	top: 30px;
	width: 180px;
	padding: 8px;
	width: 164px;
	background: #fbfcff;
	border: 1px solid #d5d5d5;
	display: none;
}
	div#loginbox label.labelSnug {
		width: 63px;
		font-size: 12px;
		color: #666666;
		margin: 3px 5px 1px 0;
	}
	div#loginbox input.inputText {
		width: 90px;
		border: 1px solid #663366;
		margin: 3px 0;
	}
	div#loginbox input.inputSubmit {
		background: url(/templates/images/button_candy.gif) top right no-repeat #177bd1;
		margin: 4px 0 0 0;
		padding: 0;
		line-height: 19px;
		height: 19px;
		width: 65px;
		border: 1px solid #663366;
		float: right;
		display: inline;
	}
		div#loginbox input.inputSubmit:hover, div#loginbox input.inputSubmit:focus {
			background-position: bottom left;
		}