@charset "utf-8";

/* Special Case DIVs */
a img {
	 border: 0px;
}
#country {
	height:26px;
	}
#prov{
	height:26px;
	}

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;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color:#333333;
	margin:0px;
	padding:0px;
	overflow-x:hidden;
	}

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

h2 {
	color:#418eaa;
	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;
	height:40px;
	width:100%;
	color:#FFFFFF;
	}

#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:#9db93d;
	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;
	}

#content {
}

#content #top {
	background:url(contentTop.png);
	height:50px;
	}
	
#content #middle {
	background:url(contentSlice.png) repeat-y;
	padding-left:40px;
	padding-right:40px;
	position:relative;
	}

#content #bottom {
	background:url(contentBottom.png);
	height:50px;
	}

#header {
	height:85px;
	position:relative;
	}

.logoWR {
	width:350px;
	height:65px;
	background:url(logo_old_noBETA.png) no-repeat;
	position:absolute;
	top:20px;
	left:40px;
	}

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

#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 #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 {
	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:4px;
	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:115px;
	height:34px;
	text-align:center;
	position:relative;
	}

#HalfWide #genericButton a, #HalfWide #genericButton button, #HalfWide #genericButton input {
	width:115px;
	height:34px;
	position:absolute;
	left:0px;
	top:0px;
	text-decoration:none;
	background:url(button_generic.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 {
	color:#fff;
	font-size:14px;
	line-height:26px;
	position:relative;
	left:-3px;
	font-weight:bold;
}

#HalfWide #genericButton h1 {
	color:#fff;
	font-size:14px;
	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;
	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{
}

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

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

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

#halfSize {
	width:440px;
	}

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

.dashboardlinks a {
	text-decoration: none;
	color: #418eaa;
}

.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-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-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: white;
	}
	
#giftArea ul li:nth-child(2n) {
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-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:absolute;
	left:16px;
	top:10px;
	}

#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:#cde984;
	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 {
	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 solid #c8c8c8;
	border-top:1px solid #c8c8c8;*/
	background-color:#DDD;
	}
	
/* -- POP UP -- */

#popUp {
	width:880px;
	height:460px;
	background:white; /*#ddd;*/
	position:relative;
	overflow:hidden;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	}

#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:20px;
	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 --- */

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

#CoupleInfoBox{
	width:760px;
	height:540px;
	margin-left:auto;
	margin-right:auto;
	}

#FullInfoBox{
	width:830px;
	height:440px;
	margin-left:auto;
	margin-right:auto;
	margin-right:60px;
	}

#DatesInfoBox{
	width:610px;
	height:300px;
	float:right;
	margin-right:60px;
	}

#GiftSelectorBox{
	width:auto;
	height:auto;
	position:relative;
	left:-10px;
	}

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

#webAddBox{
	width:700px;
	height:140px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	}

#legalBox{
	width:610px;
	height:240px;
	position:relative;
	left:220px;
	}

#ForgotBox{
	width:500px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	}

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

#SearchBox{
	width:760px;
	height:230px;
	}

#ViewBox{
	width:830px;
	height:240px;
	}

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

#CheckOutBillingBox{
	width:760px;
	height:420px;
	margin-left:auto;
	margin-right:auto;
	}

#loginFormBox{
	width:330px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	left:-28px;
}

#shareEmailBox{
	width:580px;
	height:234px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	left:-20px;
	}

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

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

#pictureFrame{
	background:#eaeaea;
	position:relative;
	border:11px solid #e1dabd;
	width:100%;
	height:100%;
	padding-left:20px;
	padding-top:0px;
	}

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

#corner_L_B {
	width:37px;
	height:36px;
	background:url(corner_L_B.png);
	position:absolute;
	bottom:-16px;
	left:-16px;
	}

#corner_L_T {
	width:37px;
	height:36px;
	background:url(corner_L_T.png);
	position:absolute;
	left:-15px;
	top:-16px;
	}

#corner_R_B {
	width:37px;
	height:36px;
	background:url(corner_R_B.png);
	position:absolute;
	right:-16px;
	bottom:-16px;
	}

#corner_R_T {
	width:37px;
	height:36px;
	background:url(corner_R_T.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;
		left:300px;
		top:110px;
		}
	
	.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; }