/*

 #941829 == drk red
 #cd4261 == light red
*/

.spacer{
	clear:both;
	height:0px;
	line-height:0;
	}

.Hspacer{
	line-height:1pt;
	width:10px;
	float:left;
	height: 30px;
	}
.errStr {
	font-weight:bold;
	color: #900;
	}

* { margin: 0px; padding: 0px; }

body {	font-family: arial,verdana;
		font-size: 76.1%;
		line-height: 1.3em;  }

h1,h2,h3,h4,h5,h6,p,dl {
	margin: 5px 10px;
}
h1,h2,h3,h4,h5,h6 {
	color: #941829;
	}
h1 {
	font-size: 14pt;
	width: 100%;
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
	display:block;
	}
p {
	margin-right: 35px;
	}
h2 { font-size: 12pt; }
h3 { font-size: 11pt; }
h4 { font-size: 10pt; }
a.nav,
a.nav:link,
a.nav:visited,
a.nav:active {
	color: #900;
	font-weight:bold;
	text-transform: uppercase;
	}
a.nav:hover {
	color: #900;
	font-weight:bold;
	text-decoration: underline;
	text-transform: uppercase;
	}
a,
a:link,
a:visited,
a:active
{
	color: #941829;
	font-weight:bold;
	/*text-transform: uppercase;*/
	}
a:hover {
	color: #cd4261;
	font-weight:bold;
	/*text-transform: uppercase;*/
	}

.olFgClass { background-color: #ffffff; }
.olBgClass { background-color: #003399; }

ul,ol {
	color: #000;
	border: 0px solid #900;
	padding: 0px;
}
ul {
	list-style: disc;
	}
ul li {
	color: #000;
	margin-left:25px;
	border: 0px solid #333;
	list-style-position: outside;
}

ol li.faq {
	margin: 15px 35px;
	list-style-position: outside;
	}
.faq b {
	font-weight: bold;
	color: #941829;
	}
.addNewLinkContainer {
	text-transform: uppercase;
	text-align: right;
	font-size: 11pt;
	height: 32px;
	}
/******* Main Site Elements  ********/
#wholeSiteContainer{
	float:left;
	width:800px;
	background-color:#fff;
	text-align: left;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
				/*Site Header*/
#headwrap{
	position:relative;
	float:left;
	clear:both;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	background-color:#fff;
}
#bannerBox{
	background-image: url( images/christmas-list.jpg );
	float:left;
	height:120px;
	width:798px;
	clear:both;
}
#threeCanes {
	position: absolute;
	top: 96px;
	left: 275px;
	z-index: 3;
	}
#mainContentContainer {
	position:relative;
	width:750px;
	_width:800px;
	float:left;
	padding-top:35px;
	padding-left:25px;
	padding-right:25px;
	line-height:1.2em;
	overflow:hidden;
	background-color:white;
	}
#footerContainer {
	clear:both;
	border-top: 2px solid #cd4261;
	margin-top: 25px;
	z-index: -99;
	}
#footerContainer .leftSide {
	width: 200px;
	float: left;
	}
#footerContainer .rightSide {
	float: right;
	width: 598px;
	text-align: right;
	}
#footerContainer .rightSide p {
	text-align: right;
	}

#footerContainer a,
#footerContainer a:link,
#footerContainer a:visited,
#footerContainer a:active
{
	color: #941829;
	font-weight:normal;
	text-decoration: none;
	text-transform: uppercase;
	}
#footerContainer a:hover {
	color: #cd4261;
	font-weight:normal;
	text-decoration: none;
	text-transform: uppercase;
	}

/******** MAIN NAVIGATION *************/
#mainNavWrap {
	width: 798px;
	height: 25px;
	background-color: #941829;
	color: #fff;
	clear:both;
	}
.mainNavLeft {
	float:left;
	height: 20px;
	width: 400px;
	z-index: 12;
	background-color: transparent;
	}
.mainNav {
	width: 350px;
	height: 20px;
	float:right;
	border: 0px solid #ccc;
	text-align: right;
	}
.mainNav p {
	text-align: right;
	margin-right: 10px;
	}
a.nav,
a.nav:link,
a.nav:visited,
a.nav:active {
	color: #fff;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: none;
	}
a.nav:hover {
	color: #cd4261;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: none;
	}


a.releaseGift,
a.releaseGift:link,
a.releaseGift:visited,
a.releaseGift:active {
	color: #900;
	font-weight: normal;
	text-decoration: none;
	font-style: italic;
	}
a.releaseGift:hover {
	text-decoration: underline;
	}
a.reserveGift,
a.reserveGift:link,
a.reserveGift:visited,
a.reserveGift:active {
	color: #090;
	font-weight: normal;
	text-decoration: none;
	font-style: italic;
	}
a.reserveGift:hover {
	text-decoration: underline;
	}

a.buyGift,
a.buyGift:link,
a.buyGift:visited,
a.buyGift:active {
	color: #009;
	font-weight: normal;
	text-decoration: none;
	font-style: italic;
	}
a.buyGift:hover {
	text-decoration: underline;
	}

/******* Main Site Elements *********/

.titleContainer {
	border: 0px solid #222;
	background-color: #941829;
	color: #fff;
	width: 100%;
	height: 25px;
	clear:both;
	font-weight:bold;
	font-size: 12pt;
	text-align:center;
	padding-top: 5px;
	text-transform: uppercase;
	z-index: 3;
	}
.dataContainer {
	clear:both;
	width: 100%;
	}
#leftColContainer {
	width: 365px;
	float:left;
	border: 0px solid #009;
	}
#rightColContainer {
	width: 365px;
	float: right;
	border: 0px solid #090;
	}

#memberOverviewContainer {
	width: 770px;
	height: 400px;
	border: 0px solid #333;
	margin-top: 15px;
	}
#groupOverviewContainer {
	width: 770px;
	border: 0px solid #333;
	margin-top: 15px;
	}

/******* Update window details ******/
#updateWindowTitleRow {
	position:relative;
	width: 400px;
	height: 25px;
	font-size: 10pt;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #941829;
	background-color: #cd4261;
	}
#updateWindowTitle {
	margin-top: 4px;
	position:relative;
	font-size: 10pt;
	font-weight: bold;
	float:left;
	width: 375px;
	height: 20px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	background-color: #cd4261;
	}
#updateWindowToggle {
	margin-top: 4px;
	font-size: 12pt;
	font-weight: bold;
	float:right;
	width: 20px;
	height: 20px;
	text-transform: uppercase;
	color: #fff;
	background-color: #cd4261;
	}
#updateWindowOuter {
	position:absolute;
	width: 400px;
	background-color: #fff;
	border: 1px solid #cd4261;
	top: 27px;
	left:150px;
	z-index: 99;
	}
#updateWindowData {
	color: #941829;
	}
#updateWindow {
	width: 100%;
	background-color: #eee;
	}
#updateWindowToggle a,
#updateWindowToggle a:link, #updateWindowToggle a:visited, #updateWindowToggle a:active {
	color: #fff;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: none;
	}
#updateWindowToggle a:hover {
	color: #000;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: none;
	}

/******* Group Layout ***************/
.groupListRowHeader,
.groupListRow {
	width: 100%;
	border-bottom: 1px solid #ccc;
	float:left;
	}
.groupListRowHeader {
	border-bottom: 0px solid #222;
	}
.groupListRowBottom {
	margin-top: 10px;
	width: 100%;
	border-bottom: 0px solid #222;
	float:left;
	margin-bottom: 10px;
	}
.th1,.th2,.th3 {
	font-weight:bold;
	float:left;
	padding-left: 5px;
	border: 0px solid #090;
	text-align: center;
	}
.td1,.td2,.td3 {
	float:left;
	border: 0px solid #900;
	}
.td1,.th1 { width: 120px; }
.td2,.th2 { width: 120px; }
.td3,.th3 { width: 20px; }
#manageGroupListOuter {
	position:absolute;
	width: 400px;
	background-color: #eee;
	border: 1px solid #333;
	}
#manageGroupList {
	width: 100%;
	background-color: #eee;
	}
#manageGroupListTitleRow {
	position:relative;
	width: 100%;
	height: 20px;
	font-size: 10pt;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #333;
	background-color: #ccc;
	}
#manageGroupListTitle {
	position:relative;
	font-size: 10pt;
	font-weight: bold;
	float:left;
	width: 375px;
	height: 20px;
	text-transform: uppercase;
	color: #333;
	background-color: #ccc;
	}
#manageGroupListToggle {
	font-size: 12pt;
	font-weight: bold;
	float:right;
	width: 20px;
	height: 20px;
	text-transform: uppercase;
	color: #333;
	background-color: #ccc;
	}


/******* Default Form Layout ********/
/*
	text-align:left;
	clear:both;
	float:none;
	}
*/
.RRFormTitleContainer {
	padding-right:5px;
	float:left;
	width:20%;
	text-align:right;
	}

.RRFormErrorContainer {
	background-color: transparent;
	color: #ffffff;
        width:365px;
        text-align:right;
        color:red;
	}
.RRFormRowErrorContainer {
	background-color: #ff7e00;
	clear:both;
	}
.RRFormCheckboxContainer{
	width:50%; /*  Make this value 50% for 2 columns, 33% for 3 columns and 25% for 4 columns*/
	_width:40%; /*  Make this value 50% for 2 columns, 33% for 3 columns and 25% for 4 columns*/
	float:left;
	}
.RRFormOptionBox{
	margin-left:75px;
	}
.RRFormTitleRowContainer {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	clear:both;
	float:none;
	 }
.adminForm{
	width:200px;
	}
.adminTextarea {
	width:400px;
	height: 150px;
	font-size: 10pt;
	}
.RRFormTitleRowContainer{
	width:90%;
	border-bottom:3px solid #ff7e00;
	min-height:20px;
	float:none;
	clear:both;
	}
.RRFormHeaderContainer{
	background-color:#ff7e00;
	margin-right:auto;
	float:left;
	vertical-align:text-bottom;
	padding:2px 25px 2px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bolder;
	color:white;
	background-image:url("../images/rdCorner.gif");
	background-repeat:no-repeat;
	background-position:right;
	border: 1px solid #333;
	}
.RRFormRowContainer{
	padding:5px;
	overflow:hidden;
	border: 0px solid #ccc;
	}
.RRFormTitleContainer{
	width:25%;
	float:left;
	text-align:right;
	padding:5px;
	}
.RRFormTitleContainer{
	width:25%;
	float:left;
	text-align:right;
	padding:5px;
	}
.RRFormDataContainer {
	clear:right;
	width:65%;
	float:left;
	text-align:left;
	border: 0px solid #090;
	padding: 0px;
	}

.RRFormDataContainer .RRFormCheckboxContainer {
	border: 0px solid #900;
	margin: 0px;
	padding: 0px;
	width:75%;
	_margin-left: 0px;
	}
.RRFormDataContainer .RRFormCheckboxContainer input{
	}

.RRFormRowContainer .RRFormDataContainerFullWidth {
	}
.RRFormRowContainer .RRFormBodyTextTitleContainer p,
.RRFormRowContainer .RRFormDataContainerFullWidth p {
	margin-left: 25px;
	}

.RRFormRowContainer .RRFormDataContainerFullWidth textarea.adminForm {
	width: 325px;
	margin-left: 5px;
	}
/********* group landing page *******************/

#groupActionsContainer {
	width: 100%;
	float:right;
	border: 0px solid #333;
	}
#memberGiftlistContainer {
	width: 100%;
	float:right;
	border: 0px solid #333;
	}
#groupMemberContainer {
	width: 100%;
	float:right;
	border: 0px solid #333;
	}
.giftListRow {
	width: 100%;
	border-bottom: 1px solid #ccc;
	}
/************* Gift Form *******************/
#itemMemberFormContainer .leftColCont {
	float: left;
	width: 170px;
	text-align:right;
	padding: 2px;
	border: 0px solid #ccc;
	font-weight:bold;
	}
#itemMemberFormContainer .rightColCont {
	border: 0px solid #333;
	float: left;
	width: 218px;
	padding: 2px;
	text-align:left;

	}
#itemMemberFormContainer .rightColCont input {
	font-size: 8pt;
	width: 170px;
	}
#itemMemberFormContainer .rightColCont textarea {
	font-size: 8pt;
	width: 170px;
	height: 75px;
	}
#itemMemberFormContainer .rightColCont .RRFormCheckboxContainer {
	width: 190px;
	border: 0px solid #333;
	}
#itemMemberFormContainer .rightColCont .RRFormCheckboxContainer input {
	border: 0px solid #333;
	width: 15px;
	}
/****************** Invite Friend **************************/

#addFriendsFormContainer .leftColCont {
	float: left;
	width: 193px;
	text-align:center;
	padding: 2px;
	border: 1px solid #ccc;
	}
#addFriendsFormContainer .rightColCont {
	border: 1px solid #ccc;
	float: left;
	width: 193px;
	padding: 2px;
	text-align:center;
	}
#addFriendsFormContainer input.siteFormClass {
	font-size: 8pt;
	width: 190px;
	}
.FormSubmitContainer, .RRFormSubmitContainer {
	float:right;
	margin-right: 15px;
}
.frmErrTxt { color: #990000; font-weight: bold; font-family: arial; font-size: 7pt; }
.frmHideButtons { font-size: 7pt; text-transform: uppercase; }

.headerRowContainer {
	font-weight:bold;
	text-align:center;
	}
/************* Member signup Form *******************/
#memberSignupFormContainer .leftColCont {
	float: left;
	width: 170px;
	text-align:right;
	padding: 2px;
	border: 0px solid #ccc;
	font-weight:bold;
	}
#memberSignupFormContainer .rightColCont {
	border: 0px solid #333;
	float: left;
	width: 218px;
	padding: 2px;
	text-align:left;

	}
#memberSignupFormContainer .rightColCont input {
	font-size: 8pt;
	width: 170px;
	}
#memberSignupFormContainer .rightColCont textarea {
	font-size: 8pt;
	width: 170px;
	height: 75px;
	}
#memberSignupFormContainer .rightColCont .RRFormCheckboxContainer {
	width: 190px;
	border: 0px solid #333;
	}
#memberSignupFormContainer .rightColCont .RRFormCheckboxContainer input {
	border: 0px solid #333;
	width: 15px;
	}