@charset "utf-8";

/*
@font-face {
	font-family: 'WeddingRepublic', Arial;
	src: url('../fonts/bertholdakzidenzgroteskbe-bold-webfont.eot');
}

@font-face {
	font-family: 'WeddingRepublic', Arial;
	src: url(//:) format('no404'), url('../fonts/bertholdakzidenzgroteskbe-bold-webfont.woff') format('woff'), url('../fonts/bertholdakzidenzgroteskbe-bold-webfont.ttf') format('truetype'), url('../fonts/bertholdakzidenzgroteskbe-bold-webfont.svg#webfontn22Rx84y') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

/* Special Case DIVs */
a img {
	 border: 0px;
}
a, a:link, a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	color: #000000;
}
#country {
	height:26px;
	font-size: 18px;
	}
#prov{
	height:26px;
	font-size: 18px;
	}

div.error { 
	background:#FBE3E4; 
	color:#8a1f11; 
	border:2px solid #FBC2C4;
	padding: 2px;
	font-size: 12px;
	margin-bottom: 5px;
}

div.error ul {
	list-style: circle;
}

div.error ul li {
	padding: 2px;
}

.madlibWord {
	color: #DE6036;
}

#frontPageSplash{
	width:414px;
	height:288px;
	background:url(mainPage/004_SplashImages.png);
	position:absolute;
	left:500px;
	bottom:-120px;
	}

div.label {
	color: #BFBFBF;
}
/* Property Classes */

.floatLeft{
	float:left;
	}

.floatRight{
	float:right;
	}

.clearBoth{
	clear:both;
	}

.giftActive{
	cursor:hand;
	cursor:pointer;
	}
	
.active{
	font-weight:bold;
	border-bottom:2px dashed #ccc;
	}

.hidden{
	display:none;
	visibility:none;
}

/* CSS Document */

html, body {
	/*background:url(backgroundSlice.png) repeat-x #d0ccc8;*/
	background-color: #FFFFFF;
	font-family: 'Helvetica', 'Helvetica Neue', Arial;
	color:#333333;
	margin:0px;
	padding:0px;
	overflow-x:hidden;

	}

h1 {
	/*color:#418eaa;*/
	color: #333333;
	font-size:20px;
	margin:0px;
	padding:0px;
	}

h2 {
	/*color:#418eaa;*/
	color: #333333;
	font-size:16px;
	margin:0px;
	padding:0px;
	}

h3 {
	color:#666;
	font-size:12px;
	margin:0px;
	padding:0px;
	}

h4 {
	color:#666;
	margin:0px;
	padding:0px;
	margin-top:14px;
	margin-bottom:14px;
	}
	
h5 {
	color:#666;
	margin:0px;
	font-size:24px;
	padding:0px;
	margin-top:14px;
	margin-bottom:14px;
	}

#topBar {
	/*background-color:#333333;*/
	background: transparent url(topbar.png) repeat-x;
	height:48px;
	width:100%;
	color:#000;
	position: fixed;
	top: 0px;
	z-index: 999999;
	}

#topBar #barSection {
	width:960px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	}

#topBar #barSection label {
	font-size:12px;
	font-weight:bold;
	float:left;
	margin-top:10px;
	margin-left:348px;
	}

#topBar #barSection input {
	margin:0px;
	padding:0px;
	height:16px;
	float:left;
	margin-left:10px;
	margin-top:8px;
	}

#topBar #barSection .submit {
	height:19px;
	}
	
#topBar #barSection a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:16px;
	margin-left:15px;
	}

#topBar #barSection a:hover {
	text-decoration:underline;
	color:#b63c47;
	}

/*#container {
	width:960px;
	position:relative;
	left:50%;
	margin-left:-480px;
	}*/
#container {
	width: 1024px;
	margin: 0 auto;
}

#content {
	background:url(images/midle_back_shadow.jpg) no-repeat left bottom transparent;
	width: 1022px;
	float: left;
	border-left: 1px solid #9f9f9f;
	border-right: 1px solid #9f9f9f;
}

#content #top {
	/*background:url(contentTop.png);*/
	margin-left: 4px;
	background-color: white;
	width: 1016px;
	height:50px;
	}
#content #middle {
	width: 978px;
	padding-left: 20px;
	padding-right: 20px;
	/*background: url(images/midle_back_shadow.jpg) no-repeat scroll center bottom transparent;*/
	float: left;
	margin-bottom: 10px;
}
	
/*#content #middle {
	background:url(contentSlice.png) repeat-y;
	padding-left:40px;
	padding-right:40px;
	position:relative;
	}*/
/*#content #middle {
	background:#FFFFFF url(images/midle_back_shadow.jpg) no-repeat center bottom;
	width: 1016px;
	float: left;
	margin-left: 4px;
}
*/
#leftscroll {
	margin: 0px;
	padding: 0px;
	height: 362px;
	width: 55px;
	float: left;
}
#middle1 {
	background:url(images/Main11.jpg) no-repeat center center;
	height: 362px;
	width: 913px;
	float: left;
}
#leftmiddle {
	margin: 0px;
	height: 350px;
	width: 300px;
	float: left;
}
#rightmiddle {
	margin: 20px 50px 0px;
	height: 330px;
	width: 513px;
	float: left;
}
#rightscroll {
	height: 362px;
	width: 56px;
	float: left;
}
#middle2 {
	background:url(images/Main2.jpg) no-repeat center center;
	height: 362px;
	width: 913px;
	float: left;
	overflow: hidden;
}
#middle3 {
	background:url(images/Main3.jpg) no-repeat center center;
	height: 362px;
	width: 913px;
	float: left;
	overflow: hidden;
}
#middle4 {
	background:url(images/Main4.jpg) no-repeat center center;
	height: 362px;
	width: 913px;
	float: left;
	overflow: hidden;
}
#middle5 {
	background:url(images/Main5.jpg) no-repeat center center;
	height: 362px;
	width: 913px;
	float: left;
	overflow: hidden;
}
#content #bottom {
	background:url(contentBottom.png);
	height:50px;
	}

/*#header {
	height:152px;
	/*position:relative;
	}*/
#header-container {
	width:  1024px;
	margin: 0 auto;
	height:  152px;
	margin-top: 30px;
}
#header {
	width: 1024px;
	float: left;
	padding: 15px 0px 0px;
	height: 145px;
	background:url(images/WR_header.jpg) no-repeat center bottom;
}

/*#header:hover{
	cursor:hand;
	cursor:pointer;
	/*background-position:0px 65px;	*/
	}*/

#navigation {
	float: left;
	width: 1024px;
	padding: 0px;
	margin: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
}
#button {
	height: 41px;
	float: left;
}
/*
#header #topNavigation ul {
	list-style:none;
	margin:0px;
	padding:0px;
	position:absolute;
	left:400px;
	top:48px;
	}

#header #topNavigation ul li {
	margin:0px;
	padding:0px;
	float:left;
	margin-right:27px;
	}

#header #topNavigation ul li a {
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	}

#header #topNavigation ul li a:hover {
	color:#999999;
	}*/

/*#footer {
	background-color:#333333;
	height:116px;
	width:100%;
	color:#ffffff;
	margin-top:40px;
	}*/
#footer {
	width: 1024px;
	clear: both;
	height: 59px;
	background: url(images/WR_footer_Blank.jpg) no-repeat left top;
	margin: 0 auto;
}
#footer2 {
	width: 1024px;
	clear: both;
	height: 20px;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: right;
	padding-top: 12px;
	color: #000000;
	margin: 0 auto;
}
.footerLinks {
	text-decoration: none;
	color: #4B4B4B;
}
#footerbutton  {
	height: 59px;
	float: right;
	background: #333333;
}
/*#footer #barSection {
	width:960px;
	height:116px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}

#footer #barSection #logoMED {
	background:url(logo_med.png);
	margin:0px;
	padding:0px;
	width:83px;
	height:66px;
	position:absolute;
	top:25px;
	left:75px;
	}

#footer #barSection ul {
	margin:0px;
	padding:0px;
	position:absolute;
	left:170px;
	top:26px;
	}

#footer #barSection ul li {
	list-style:none;
	margin:0px;
	padding:0px;
	color:#999999;
	font-size:11px;
	line-height:16px;
	}

#footer #barSection ul li a {
	margin:0px;
	padding:0px;
	text-decoration:none;
	color:#dddddd;
	}

#footer #barSection ul li a:hover {
	color:#ffffff;
	}

#footer #barSection h1 {
	margin:0px;
	padding:0px;
	color:#bbbbbb;
	font-size:24px;
	position:absolute;
	top:60px;
	left:660px;
	}*/


/*  --  LAVALAMP NAVIGATION --  */

.lavaLamp li.back {
	border-bottom: 5px solid #c04348;
	position: absolute;
	top:24px;
	}

/* -- SLIDER -- */

#buttonPREV, .buttonPREV{
	background:url(button_prev.png);
	width:45px;
	height:45px;
	position:absolute;
	top:100px;
	left:-14px;
	}

#buttonPREV:hover, .buttonPREV:hover {
	background-position:0% -100%;
	cursor:hand;
	cursor:pointer;
	}

#buttonNEXT, .buttonNEXT{
	background:url(button_next.png);
	width:45px;
	height:45px;
	position:absolute;
	top:100px;
	left:930px;
	}

#buttonNEXT:hover, .buttonNEXT:hover {
	background-position:0% -100%;
	cursor:hand;
	cursor:pointer;
	}
#slider {
	overflow: hidden;
	width: 912px;
	height: 362px;
	float: left;
}
#slider ul {
	margin:0px;
	padding:0px;
	width:6000px;
	position:relative;
	left:0px;
}
#slider ul li {
	list-style:none;
	/*font-weight:bold;
	font-size:24px;
	color:#FFF;*/
	float:left;
	width:913px;
	height:362px;
	margin-right:56px;
	position:relative;
}	
/*
#slider {
	background:url(bannerBack.png);
	width:880px;
	height:250px;
	overflow:hidden;
	position:absolute;
	}

#slider ul {
	margin:0px;
	padding:0px;
	width:6000px;
	position:relative;
	left:0px;
	}
	
#slider ul li {
	list-style:none;
	font-weight:bold;
	font-size:24px;
	color:#FFF;
	float:left;
	width:880px;
	height:250px;
	margin-right:120px;
	position:relative;
	}

#slider ul li p {
	margin:0px;
	padding:0px;
	margin-left:30px;
	margin-top:6px;
	}
*/
#Message001{
	position:absolute;
	left:44px;
	top:90px;
	width:280px;
	overflow:hidden;
	}

#Image001{
	position:absolute;
	left:290px;
	top:-40px;
	overflow:hidden;
	}

#Message002{
	position:absolute;
	left:440px;
	top:60px;
	width:400px;
	overflow:hidden;
	}

#Image002{
	position:absolute;
	left:0px;
	top:-38px;
	overflow:hidden;
	}

#Message003{
	position:absolute;
	left:490px;
	top:60px;
	width:380px;
	}

#Image003{
	position:absolute;
	left:-64px;
	top:-30px;
	z-index:20;
	}
	
#Message004{
	position:absolute;
	left:430px;
	top:160px;
	width:400px;
	}

#Image004{
	position:absolute;
	left:10px;
	top:0px;
	z-index:20;
	}

#Message005{
	position:absolute;
	left:100px;
	top:140px;
	width:700px;
	z-index:20;
	}

#Image005{
	position:absolute;
	left:20px;
	top:6px;
	z-index:10;
	}

#Message006{
	position:absolute;
	left:400px;
	top:60px;
	width:420px;
	z-index:20;
	}

#Image006{
	position:absolute;
	left:-2px;
	top:0px;
	z-index:10;
	}

#getStartedButton{
	height:49px;
	width:219px;
	background:url(mainPage/GetStarted.png);
	position:absolute;
	left:590px;
	top:160px;
	}

#getStartedButton:hover{
	background-position:0% 100%;
	cursor:hand;
	cursor:pointer;
	}

#sampleRegistryButton{
	height:32px;
	width:143px;
	background:url(mainPage/SampleRegistryButton.png);
	}

#sampleRegistryButton:hover{
	background-position:0% 100%;
	cursor:hand;
	cursor:pointer;
	}

.ribbonButton {
	position:absolute; left:28px; top:18px; z-index:2000; border:0px;
	width:121px;
	height:141px;
	background:url(mainPage/sampleRibbon.png);
	}

.shareBarTop {
	margin:0px;
	padding:0px;
	height:16px;
	margin-bottom:10px;
	position:relative;
	top:-6px;
	list-style:none;
	}

.shareBarTop li {
	margin:0px;
	padding:0px;
	float:right;
	margin-right:14px;
	}

#sliderBreadCrumbs{
}

#sliderBreadCrumbs ul {
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#999999;
	margin-top:12px;
	padding-left:20px;
	width:780px;
	}

#sliderBreadCrumbs ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	margin-right:30px;
	}

#sliderBreadCrumbs ul li:hover {
	cursor:hand;
	cursor:pointer;
	color:#666666;
	text-decoration:underline;
	}

/*  --  3 Across LIST (Front Page) --  */

#ThreeWide{
	width:100%;
	height:280px;
}

#ThreeWide ul {
	margin:0px;	
	padding:0px;
	list-style:none;
	height: 100%;
	}

#ThreeWide ul li {
	list-style:none;
	margin:0px;
	padding:0px;
	width:260px;
	height:180px;
	float:left;
	margin-left:25px;
	}

#ThreeWide ul li img {
	margin:0px;
	padding:0px;
	}

#ThreeWide ul li h1 {
	color:#418eaa;
	font-size:20px;
	margin:0px;
	padding:0px;
	margin-top:4px;
	margin-bottom:6px;
	margin-left:4px;
	}

#ThreeWide ul li p {
	margin:0px;
	padding:0px;
	color:#333333;
	font-size:12px;
	margin-bottom:10px;
	margin-left:4px;
	}

#ThreeWide ul li #genericButton {
	margin-left:2px;
	width:115px;
	height:34px;
	text-align:center;
	position:relative;
	}

#ThreeWide ul li #genericButton a {
	width:115px;
	height:34px;
	position:absolute;
	left:0px;
	top:0px;
	text-decoration:none;
	background:url(button_generic.png);
	}

#ThreeWide ul li #genericButton a:link, #ThreeWide ul li #genericButton a:visited {
	background:url(button_generic.png);
	}

#ThreeWide ul li #genericButton a:hover, #ThreeWide ul li #genericButton a:focus {
	background-position:0% -100%;
	}

#ThreeWide ul li #genericButton h1 {
	color:#fff;
	font-size:14px;
	line-height:26px;
	position:relative;
	left:-3px;
	}


/* -- HALF WIDE -- */

#HalfWide{
	width:415px;
	margin-left:25px;
	padding-bottom:25px;
	}

#HalfWide h1 {
	color:#418eaa;
	font-size:20px;
	margin:0px;
	padding:0px;
	margin-top:11px;
	margin-bottom:6px;
	margin-left:4px;
	}

#HalfWide p {
	margin:0px;
	padding:0px;
	color:#333333;
	font-size:12px;
	margin-bottom:10px;
	margin-left:4px;
	}

#HalfWide #genericButton {
	margin-left:2px;
	width:192px;
	height:42px;
	text-align:center;
	position:relative;
	}

#HalfWide #genericButton a, #HalfWide #genericButton button, #HalfWide #genericButton input {
	width:192px;
	height:42px;
	position:absolute;
	left:0px;
	top:0px;
	text-decoration:none;
	background:url(images/upload_button_no_text.png);
	}

#HalfWide #genericButton button, #HalfWide #genericButton input {
	border: 0px solid white;
}

#HalfWide #genericButton a:link, #HalfWide #genericButton a:visited, #HalfWide #genericButton button:link, #HalfWide #genericButton button:visited, #HalfWide #genericButton input:link, #HalfWide #genericButton input:visited {
/*	background:url(button_generic.png); */
	}

#HalfWide #genericButton a:hover, #HalfWide #genericButton a:focus, #HalfWide #genericButton button:hover, #HalfWide #genericButton button:focus, #HalfWide #genericButton input:hover, #HalfWide #genericButton input:focus {
	background-position:0% -100%;
	cursor:hand;
	cursor:pointer;
	}
	
#HalfWide #genericButton input {
	font-size:18px;
	line-height:26px;
	position:relative;
	font-weight:bold;
	width: 192px;
	height: 42px;
}

#HalfWide #genericButton h1 {
	color:#fff;
	color: #000;
	font-size:18px;
	line-height:26px;
	position:relative;
	left:-3px;
	}
	
#HalfWide #genericButton button h1 {
	top:-2px;
	}

/* -- HOW steps -- */

#HOWsteps{
	}

#HOWsteps ul{
	margin:0px;
	padding:0px;
	margin-left:25px;
	}

#HOWsteps ul li {
	list-style:none;
	margin:0px;
	padding:0px;
	width:70%;
	margin-bottom:-30px;
	}

#HOWsteps ul li ol {
	position:relative;
	top:-56px;
	left:150px;
	}

#HOWsteps ul li ol li {
	width:100%;
	margin-bottom:5px;
	}

#HOWsteps #genericButton, #HOWsteps #genericButtonLink {
	width:115px;
	height:34px;
	text-align:center;
	background:url(label_generic.png);
	}

#HOWsteps #genericButtonLink {
	background:url(button_generic.png);
	}

#HOWsteps #genericButtonLink:hover {	
	background-position:0% -100%;
	}

#HOWsteps #genericButtonLink a {
	text-decoration:none;
	}

#HOWsteps #genericButton h1, #HOWsteps #genericButtonLink h1 {
	color:#fff;
	font-size:14px;
	line-height:32px;
	position:relative;
	left:-3px;
	}
	
#HOWsteps p {
	position:relative;
	top:-56px;
	left:150px;
	}

#HOWaccordian {
	}
	
#HOWaccordian .bodyTitle {
	/*color:#418eaa;*/
	color: #333333;
	font-size:18px;
	padding:5px;
	padding-left:25px;
	}

#HOWaccordian .bodyTitle:hover {
	background:#e4e2e0;
	cursor:hand;
	cursor:pointer;
	}

.bodyTitleLink {
	color:#418eaa;
	font-size:18px;
	padding:5px;
	padding-left:25px;
	text-decoration:none;
	}

#HOWaccordian .content {
	padding:25px;
	}
	
#HOWbutton{
	width:356px;
	height:187px;
	float:left;
	margin-left:50px;
	}

#HOWButton:hover { background-position:0% 100%;
					cursor:hand;
					cursor:pointer; }

.coupleHOW{ background:url(howItWorks/coupleThumb.jpg); background-position:0% 0%; border:5px solid white;}
.coupleHOW:hover { background-position:0% 100%;
					cursor:hand;
					cursor:pointer; }
					
.guestHOW{ background:url(howItWorks/guestThumb.jpg); ; background-position:0% 0%; border:5px solid white;}
.guestHOW:hover { background-position:0% 100%;
					cursor:hand;
					cursor:pointer; }
	
/*--  Create NEW --*/

#createBreadCrumbs{
	width: 938px;
	float: left;
}

#createBreadCrumbs ul {
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#999999;
	margin-top:20px;
	width:960px;
	height:55px;
	}

#createBreadCrumbs ul li {
	width: 240px;
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	height:55px;
	}

#createBreadCrumbs ul li a img {
	border:0px;
}

#halfSize {
	width:440px;
	}

#halfSize h3 {
	margin-bottom: 3px;
}

.dashboardlinks a {
	text-decoration: none;
	/*color: #418eaa;*/
	color:  #000000;
	font-family:  "Helvetica";
	font-size: 21px;
	line-height: 26px;
}

.isMale{
	width:80px;
	height:100px;
	background:url(create/maleFemale.png);
	margin-bottom:25px;
	}

.isFemale{
	width:80px;
	height:100px;
	background:url(create/maleFemale.png);
	background-position:0px 100px;
	margin-bottom:25px;
	}

.maleFemale{
	width:80px;
	height:100px;
	background:url(create/maleFemale.png);
	margin-bottom:25px;
	}

.maleFemale:hover{
	cursor:hand;
	cursor:pointer;
	}

.maleFemaleOver{
	width:80px;
	height:100px;
	background:url(create/maleFemaleOverlay.png);
	}

.maleFemaleOver h2{
	color:#FFF;
	}

#inputName, #outputName{
	font-size:20px;
	margin-bottom:4px;
	}

#inputName:hover{
	background:#e4e2e0;
	cursor:text;
	}
	
#inputName input {
	font-size:20px;
	text-align:center;
	background-color:#FFF;
	border:none;
	margin:5px;
	}

#inputEmail{
	font-size:16px;
	}

#inputEmail:hover{
	background:#e4e2e0;
	cursor:text;
	}

#inputEmail input {
	font-size:14px;
	text-align:center;
	background-color:#FFF;
	border:none;
	margin:5px;

	}
	
#fancyInput{
	font-size:16px;
	}

#fancyInput:hover{
	background:#e4e2e0;
	cursor:text;
	}

#fancyInput input {
	font-size:14px;
	background-color:#FFF;
	border:none;
	margin:5px;

	}	
/*-- Gift Selector --*/

#giftCategory {
	width:120px;
	/*border-top:1px solid black;*/
	padding-top:25px;
	}

#giftCategory ul {
	margin:0px;
	padding:0px;
	}

#giftCategory ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	margin-bottom:5px;
	padding-left:25px;
	height:26px;
	}

#giftCategory ul li:hover {
	background:#e8e8e8;
	cursor:hand;
	cursor:pointer;
	}

/*.selectedCategory{
	font-weight:bold;
	border-bottom:1px dashed #c8c8c8;
	border-top:1px dashed #c8c8c8;
	background-color:#DDD;
	}*/

#giftArea {
	width:644px;
	/*border-top:1px solid #000;*/
	/*border-left:1px solid #AAA;*/
	padding-top:15px;
	padding-left:15px;
	height:  415px;
	overflow: auto;
	}

#giftArea ul {
	margin:0px;
	padding:0px;
	}

#giftArea ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	width:150px;
	margin-left:45px;
	margin-bottom:40px;
	height:200px;
	float:left;
	position:relative;
	-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	background: #9F9F9F;
	}
	
#giftArea ul li:nth-child(2n) {
	-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
}

#giftArea ul li dl {
	margin:0px;
	padding:0px;
	list-style:none;
	position:relative;
	left:16px;
	top:-170px;
	top: -231px;
	}

#giftArea ul li dl dt {
	margin:0px;
	padding:0px;
	width:15px;
	height:15px;
	float:left;
	background:url(ViewRegistry/ratingHeart.png);
	position:relative;
	margin-right:5px;
	}
	

	
#giftArea ul li .previewImage {
	width:120px;
	height:120px;
	margin:14px;
	margin-top:30px;
	background-color:#FFF;
	}

#giftArea ul li .title {
	text-align:center;
	font-size:11px;
	}

#giftArea ul li:hover {
	background:black;
	cursor:hand;
	cursor:pointer;
	}


/*-- Gift Selector --*/

#giftCategory {
	width:220px;
	padding-top:25px;
	/*background: url('giftselectionmenu_dark.png') repeat-y top right;*/
	height:  410px;
	
	
	
	
	}
	
#giftCategoryBottom {
	 background: url('giftselectionmenu_dark.png') repeat-y bottom right;
	 border-bottom: 0px solid #CBCBCB;

}
#giftCategory ul {
	margin:0px;
	padding:0px;
	/*border-right: 1px solid #aaaaaa;*/
	
	}

#giftCategory ul li {
	font-family: 'Helvetica';
	font-size: 18px;
	margin:0px;
	padding:0px;
	list-style:none;
	margin-bottom:5px;
	padding-left:25px;
	height:26px;
	}

#giftCategory ul li:hover {
	/*background:#e8e8e8;*/
	cursor:hand;
	cursor:pointer;
	font-weight: bold;
	}

.selectedCategory{
	font-weight:bold;
	/*border-bottom:1px solid #c8c8c8;
	border-top:1px solid #c8c8c8;*/
	/*background-color:#DDD;*/
	}
	
/* -- POP UP -- */

.simplemodal-wrap {
	background: url('images/modalbg.png') no-repeat;
	
	height: 455px;
    width: 874px;
}
#popUp {
		background: none repeat scroll 0 0 transparent;
	    border: 0px solid #DEDEDE;
	    border-radius: 15px 15px 15px 15px;
	    height: 455px;
	    left: 17px;
	    overflow: hidden;
	    position: relative;
	    top: 16px;
	    width: 874px;
	}


#puzzlepricebottom {
	bottom: 25px;
	    left: 38px;
	    position: absolute;
	    text-align: center;
	    width: 350px;
}

#popUp #exit {
	width:30px;
	height:30px;
	background:#FF0000;
	position:absolute;
	right:-15px;
	top:-15px;
}

#popUp #exit:hover {
	background:#00FF00;
	cursor:pointer;
	cursor:hand;
	}

#popUp #oneThird {
	width:300px;
	margin-left:25px;
	margin-top:25px;
}

#popUp #twoThird {
	width:457px;
	margin-right:0px;
	margin-top:25px;
}

#popUp #twoThird p {
	height:80px;
}

#popUp #twoThird #HalfWide #genericButton {
	margin-right:25px;
	}

#popUp #twoThird #rating {
	width:480px;
	height:180px;
	}

.ratingSelection {
	width:160px;
	height:140px;
	float:left;
	position:relative;
}

.ratingSelectionImageSelected{
	background-position:0% -200%;
}

.ratingSelection #image1{
	width:160px;
	height:140px;
	background:url(create/Rating_01.jpg);
	background-position:0% -100%;
	}

.ratingSelection #image1:hover{
	background-position:0% 0%;
	cursor:hand;
	cursor:pointer;
	}

.ratingSelection #image2{
	width:160px;
	height:140px;
	background:url(create/Rating_02.jpg);
	background-position:0% -100%;
	}

.ratingSelection #image2:hover{
	background-position:0% 0%;
	cursor:hand;
	cursor:pointer;
	}

.ratingSelection #image3{
	width:160px;
	height:140px;
	background:url(create/Rating_03.jpg);
	background-position:0% -100%;
	}

.ratingSelection #image3:hover{
	background-position:0% 0%;
	cursor:hand;
	cursor:pointer;
	}

#popUp #oneThird #half {
	width:220px;
	margin-top:10px;
	position:relative;
	left:85px;
	z-index: 89999;
}

#popUp #oneThird #half h3 {
	position:relative;
	top:4px;
	}

#popUp #popUpImage {
	width:340px;
	height:340px;
	background-color:#00CC99;
	}

#buttonLESS, .buttonLESS{
	background:url(button_prev.png);
	width:45px;
	height:45px;
	}

#buttonLESS:hover, .buttonLESS:hover {
	background-position:0% -100%;
	cursor:hand;
	cursor:pointer;
	}

#buttonMORE, .buttonMORE{
	background:url(button_next.png);
	width:45px;
	height:45px;
	}

#buttonMORE:hover, .buttonMORE:hover {
	background-position:0% -100%;
	cursor:hand;
	cursor:pointer;
	}

#bigText {
	font-size:36px;
	margin-left:25px;
	margin-right:25px;
	}	

	
a.dp-choose-date {
	float: left;
	width: 32px;
	height: 32px;
	padding: 0px;
	margin: 0px;
	margin-left:5px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

h2.black { color: black; }

/*  ---- Create Page 1 Frames --- */

.formHeaderTab {
	background: url(images/rounded_form_tab.png) no-repeat scroll top left;
	width: 226px;
	height: 38px;
	margin-left: 56px;
	color: #ffffff;
	text-align: center;
	
}
.formHeaderTab span {
	width: 100%;
	height: 38px;
	font-size: 18px;
	line-height: 38px;
	vertical-align: middle;
	font-family: "WeddingRepublic";
}

#AccntInfoBox{
	width:978px;
	height:234px;
	}

#CoupleInfoBox{
	width:978px;
	height:540px;
	}

#FullInfoBox{
	width:978px;
	height:440px;
	}

#DatesInfoBox{
	width:978px;
	/*height:300px;*/
	}

#GiftSelectorBox{
	width: 905px;
	height:auto;
	}

#BillingBox{
	width:978px;
	height:300px;
	}

#webAddBox{
	width:978px;
	/*height:140px;*/
	}

#legalBox{
	width:978px;
	height:240px;
	}

#ForgotBox{
	width:978px;
	float: left;
	}

#ForgotBox dl dd input[type="text"] {
	width:300px;
	position:relative;
	left:-13px;
	}

#SearchBox{
	width:978px;
	/*height:265px;*/
	margin-bottom: 10px;
	}

#ViewBox{
	width:650px;
	height:200px;
	float: right;
	padding-top: 15px;
	}

#CheckOutGuestInfoBox{
	width:610px;
	height:260px;
	}

#CheckOutBillingBox{
	width:978px;
	height:420px;
	}
#loginFormBox{
	background: url(images/form_back1.png) no-repeat scroll top left transparent;
	width:680px;
	height: 400px;
	/*position:relative;
	margin-left:auto;
	margin-right:auto;
	left:-28px;*/
}
#leftmiddle_secondary_image {
	margin-top: 20px;
	height: 400px;
	width: 242px;
	float: left;
}
#rightmiddle_form_graphic {
	margin-top: 20px;
	width: 680px;
	float: left;
	background: url(images/form_back1.png) no-repeat center top;
	height: 400px;
}
#rightmiddle_form {
	margin: 40px 0px 30px 65px;
	width: 550px;
	float: left;
	height: 250px;
}
#shareEmailBox{
	width:905px;
	height:234px;
	}

#facebookShareBox {
	width:200px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	left:-20px;
	}

/*  ---- PICTURE FRAME --- */

#pictureFrame{
	position:relative;
	border:15px solid #d1d2d4;
	width: 928px;
	height:100%;
	padding-left:20px;
	padding-top:0px;
	}

#GiftSelectorBox #pictureFrame{
	background:#EEE;
	padding-left:0px;
	padding-bottom:20px;
	height:  415px;
	width: 978px !important;
	}

#corner_L_B {
	width:56px;
	height:56px;
	background:url(images/frame_corner_bottomleft.png);
	position:absolute;
	bottom:-14px;
	left:-16px;
	}

#corner_L_T {
	width:56px;
	height:56px;
	background:url(images/frame_corner_topleft.png);
	position:absolute;
	left:-15px;
	top:-16px;
	}

#corner_R_B {
	width:56px;
	height:56px;
	background:url(images/frame_corner_bottomright.png);
	position:absolute;
	right:-15px;
	bottom:-14px;
	}

#corner_R_T {
	width:56px;
	height:56px;
	background:url(images/frame_corner_topright.png);
	position:absolute;
	right:-15px;
	top:-16px;
	}

/* -- Checkout Page -- */

#checkOutFAQ{
	position:absolute;
	left:50%;
	top:40px;
	margin-left:-200px;
}

.tablealt0 {
	background:#FFFFFF;
	font-size:12px;
}

.tablealt1 {
	font-size:12px;
}


/* -- RATING -- */

#RatingGraphicSelectors{
	margin:0px;
	padding:0px;
	position:absolute;
	right:20px;
	top:260px;
	}

#RatingGraphicSelectors ul {
	margin:0px;
	padding:0px;
	list-style:none;
	}

#RatingGraphicSelectors ul li {
	width:100px;
	height:88px;
	float:left;
	}

.rateOne {
	background:#00FF00;
	background:url(create/Rating_01.png);
	}

.rateOne:hover {
	background-position:0% 50%;
	cursor:hand;
	cursor:pointer;
	}

.rateTwo {
	background:#0033FF;
	background:url(create/Rating_02.png);
	}

.rateTwo:hover {
	background-position:0% 50%;
	cursor:hand;
	cursor:pointer;
	}

.rateThree {
	background:#FF0000;
	background:url(create/Rating_03.png);
	}

.rateThree:hover {
	background-position:0% 50%;
	cursor:hand;
	cursor:pointer;
	}

.ratingGraphicSelected {
	background-position:0% 100%;
	}

.ratingGraphicSelected:hover {
	background-position:0% 100%;
	}
	
			.puzzle-block {
				float: left;
				position: relative;
				opacity: 0.9;
			}
			
			.puzzle-block:hover 
			{
				background: #ff0000;
				cursor:hand;
				cursor:pointer;
			}
			
			.puzzle-block:hover div.block-nub2
			{
				background: url('puzzle/puzzleDown_hover_self.png') no-repeat;
				cursor:hand;
				cursor:pointer;
			}
			
			.puzzle-block:hover div.block-nub1 
			{
				background: url('puzzle/puzzleRight_hover_self.png') no-repeat;
				cursor:hand;
				cursor:pointer;
			}
			
			.puzzle-block div.block-nub1 {
				position: relative;
				right: -27px;
				top:3px;
				width: 32px;
				height: 38px;
				background: url('puzzle/puzzleRight_normal.png') no-repeat;
				float: right;
			}
			
			.puzzle-block div.block-nub2 {
				position: relative;
				z-index: 99999;
				width: 38px;
				height: 32px;
				background: url('puzzle/puzzleDown_normal.png') no-repeat;
				
			}
			
			.puzzle-block div.edgeBottom {
				background: url(puzzle/puzzle_horz.png) repeat-x;
				position: absolute;
				bottom: 0px;
				margin:0px;
				padding:0px;
			}
			
			.puzzle-block div.edgeRight {
				
				background:url(puzzle/puzzle_vert.png)  repeat-y;
				width: 9px;
				position: absolute;
				margin:0px;
				padding:0px;				
				right: -4px;
				top: 0px;
			}
			
			div.hideRight {
				height:340px;
				position:absolute;
				right:-34px;
				top:0;
				width:40px;
				z-index:10009;
				background: #DDDDDD; /* url('http://wr.com/images/puzzle_vert.png') repeat-y;*/
			}
			
			div.hideBottom {
				width:340px;
				position:absolute;
				left:0px;
				bottom:-34px;
				height:40px;
				z-index:10009;
				background: #DDDDDD; /* url('http://wr.com/images/puzzle_vert.png') repeat-y;*/
			}
			
			.selectedBlock {
				background: #5f5f5f url("puzzle/accept.png") no-repeat center center;
			} 
			
			



#editNavigation{
	width:100%;
	height:24px;
	border-bottom:4px solid #c04348;
	font-size:15px;
	}

#editNavigation ul {
	margin:0px;
	padding:0px;
	list-style:none;
	margin-left:10px;
	}

#editNavigation ul li {
	float:left;
	margin-right:20px;
	}

#editNavigation ul li a {
	text-decoration:none;
	color:#333;
	}

#editNavigation ul li a:hover {
	color:#666666;
	text-decoration:underline;
	}

#tweetBird{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:410px;
	background:url(mainPage/twitterBird.png);
	width:114px;
	height:85px;
	z-index:500;
	}

#tweetFollow{
	position:absolute;
	left:50%;
	top:60px;
	margin-left:290px;
	font-size:13px;
	text-decoration:none;
	z-index:999;
	}

#tweetFollow a {
	text-decoration:none;
	color:#39adca;
	font-weight:bold;
	}

#tweetFollow a:hover {
	text-decoration:underline;
	}

#latestTweet{
	width:900px;
	height:34px;
	background:url(mainPage/twitterBack.png) repeat-y;
	position:absolute;
	font-size:12px;
	margin:0px;
	padding:0px;
	color:#777;
	top:18px;
	left:50%;
	margin-left:-450px;
	z-index:100;
	}

#latestTweet span {
	float:right;
	margin-top:8px;
	margin-right:30px;
	}

#latestTweet a {
	color:#666;
	text-decoration:none;
	font-weight:bold;
	}

#latestTweet a:hover {
	color:#676767;
	text-decoration:underline;
	}
	
	#socialMediaBar{
		background:#333;
		width:500px;
		height:48px;
		position:absolute;
		left:450px;
		top:30px;
		margin:0px;
		padding:0px;
		}
	
	#socialMediaBar ol{
		width:500px;
		height:48px;
		position:absolute;
		left:0px;
		top:0px;
		margin:0px;
		padding:0px;
		list-style:none;
		overflow:none;
		background:#333;
		}
	
	#socialMediaBar ol li{
		margin:0px;
		padding:0px;
		float:left;
		overflow:none;
		width:50px;
		height:48px;
		position:relative;
		}
		
	.twitter{
		background:url(socialMediaIcons/twitter.png) left top no-repeat #333;
		}
	
	.facebook{
		background:url(socialMediaIcons/facebook.png) left top no-repeat #333;
		}
	
	.blog{
		background:url(socialMediaIcons/blog.png) left top no-repeat #333;
		}
	
	.contact{
		background:url(socialMediaIcons/contact.png) left top no-repeat #333;
		}
	
	.helpMe{
		background:url(socialMediaIcons/help.png) left top no-repeat #333;
		}
	
	#socialMediaBar ol li:hover {
		cursor:hand;
		cursor:pointer;
		}
	
	#socialMediaBar ol li span {
		position:absolute;
		width:180px;
		font-size:15px;
		top:6px;
		left:56px;
	}
	#socialMediaBar ol li small {
		position:absolute;
		width:180px;
		top:24px;
		left:56px;
		font-size:10px;
		}
	
	.cover {
		background-color:#333;
		width:300px;
		height:80px;
		position:absolute;
		left:445px;
		top:0px;
		z-index:500;
		}
	
	.paymentOptions{
		position: absolute;
right: -275px;
top: 9px;
		}
	
	.paymentOptions img{
		border:10px solid white;
		}
		
		
	.smallbutton {
		background: #E1DABD;
		font-size:  10px;
		text-align: center;
		padding:  4px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin-top:  5px;
		color:  #3B3C36;
	}
	
	.smallbutton:hover {
		background: #749A2D;
		color:  white;
		cursor: pointer;
	}
	
	.closeicon, .removeitem {
		background: url(closeicon.png) no-repeat;
		height: 21px;
		width: 21px;
		float:  right;
		top:  -5px;
		right:  -5px;
		position: absolute;
		display: none;
	}
	
	.desc_box {
		position:absolute; 
		left:400px; 
		top:50px;
		width:360px; 
		padding:14px 14px 0px 14px; 
		border:1px solid #BBB;
		height: 127px;
		overflow: auto;
	}
	
	
	.howHover{ text-decoration:none; }
	.heartHover{ text-decoration:none; }	
	
	
	/*.logoWR { background: url(../wrlogo-small.png) no-repeat; width: 411px; height: 42px; top: 40px;}*/
	/*#header #topNavigation ul { left: 500px; }*/
.genericSubmitButton {
	margin: 0 auto;
	width: 192px;
}
.genericTwoSubmitButtons {
	margin: 0 auto;
	width: 400px;
}	
input[type=submit], button[type=submit], #continue2, #userpicupload {
	background: url(images/upload_button_no_text.png) no-repeat top left transparent;
	width: 192px;
	height: 42px;
	text-align: center;
	font-size: 18px;
	font-family: "WeddingRepublic", "Helvetica";
	font-weight: bold;
	border: none;
}
#additem, #continue, #myGiftsButton, #previewRegistry, #wishlistCancel, #sendinvites, #skipinvites {
	background: url(images/upload_button_no_text.png) no-repeat top left transparent;
	width: 192px;
	height: 42px;
	text-align: center;
	font-size: 18px;
	font-family: "Helvetica";
	font-weight: bold;
	float: right;
	border: none;
	line-height: 42px;
}
#recipient_list {
	width: 800px;
	height: 100px;
	font-size: 18px;
}
.underLine {
	width: 100%;
	height: 5px;
	color: #000000;
	background-color: #000000;
	float: left;
}
.topShadow {
	background: url(images/middle_top_shadow.png) repeat-x scroll top left transparent;
	width: 1016px;
	width: 100%;
	overflow: hidden;
	height: 33px;
}
#navigation2 {
	position: relative;
	left: -20px;
	top: -33px;
	width: 1016px;
	padding: 0px;
	margin: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	height: 115px;
}
.navigation2_tab1 {
	background: url(images/registry_tab1.png) no-repeat center top;
}
.navigation2_tab2 {
	background: url(images/registry_tab2.png) no-repeat center top;
}
.navigation2_tab3 {
	background: url(images/registry_tab3.png) no-repeat center top;
}
.navigation2_tab4 {
	background: url(images/registry_tab4.png) no-repeat center top;
}
.navigation2_tab5 {
	background: url(images/registry_tab5.png) no-repeat center top;
}
#navigation2 a {
	text-decoration: none;
	color: #666666;
}
#navigation2 a:hover {
	color: #4b4b4b;
}
#button_nav2 {
	height: 20px;
	float: left;
	width: 188px;
	margin-top: 63px;
	margin-left: 13px;
	font-family: 'Helvetica';
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	text-align: center;
	letter-spacing: -1pt;
}
#button_nav22 {
	height: 20px;
	float: left;
	width: 188px;
	margin-top: 63px;
	margin-left: 13px;
	font-family: 'Helvetica';
	font-weight: normal;
	font-size: 12px;
	color: #666666;
	text-align: center;
	letter-spacing: -1pt;
	font-weight: normal;
}
select[id='category'], select[id='cc_month'], select[id='cc_year'] {
	font-family: 'Helvetica';
	font-size: 18px;
}
#couplesPicFrame {
	background: url(images/couples_pic_frame.png) no-repeat center center;
	width: 252px;
	height: 250px;
	float: left;
}
#couplesPic {
	margin: 0 auto;
	width: 179px;
	height: 200px;
	padding-top: 37px;
}
.rightColumn {
	width: 740px;
	float: right;
	color: #000000;
}
.rightColumn h1 a { color: #000; font-family: 'WeddingRepublic', Arial;}
.rightColumn a {  }
.leftColumn {
	width: 190px;
	height: 100%;
	float: left;
	font-family: 'Helvetica';
	font-size: 18px;
	font-weight: normal;
}
.leftColumn a {
	display: block;
	width: 190px;
	padding-bottom: 10px;
	font-family: 'WeddingRepublic', Arial;
}
.selectedMenu {
	font-weight: bold;
}



a:link {
	text-decoration: none;
	color: #616161;
}
a:visited {
	text-decoration: none;
	color: #616161;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #616161;
}