/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}
a:link, a:active, a:visited{
	text-decoration:none;
	color:#666666;
}
a:hover{
	color:#333333;
}
#wrap{
	position:relative;
	background-color:#FFFFFF;
	margin:0px auto;
	width:970px;
	height:auto;
}
#header{
	position:relative;
	width:100%;
	height:150px;
	background-color:#EEEEEE;
}

#nav{
	position:absolute;
	top:10px;
	right:0px;
	height:20px;
	font-size:11px;
	text-align:right;
	vertical-align:text-bottom;
	padding-right:20px;
	z-index:10;
}
#leftnav{
	position:absolute;
	top:47px;
	left:0px;
	width:200px;
	min-height:400px;
	padding:5px;
	z-index:15;
}
#leftnav #top{
	width:195px;
	height:307px;
	background:url(/images/sidetop.jpg) top left no-repeat;
	font-size:14px;
}
#leftnav #bottom{
	width:195px;
	height:357px;
	background:url(/images/sidebottom.jpg) top left no-repeat;
	font-size:11px;
}
#leftnav #top .menu{
	padding:18px 20px 15px 20px;
	color:#2b0d25;
	font-size:14px;
	text-align:center;
	line-height:21px;
}
#leftnav #top .menu a:link, #leftnav #top .menu a:visited, #leftnav #top .menu a:active {
	color:#2b0d25;
	text-decoration:none;	
}
#leftnav #bottom .text{
	padding:10px 10px 15px 10px;
	color:#333333;
	font-size:12px;
}
#content{
	position:relative;
	width:750px;
	min-height:680px;
	padding:5px;
	padding-top:10px;
	margin-left:200px;
	background-color:#FFFFFF;
}
#topLogin{
	position:absolute;
	top:0px;
	right:0px;
	z-index:2;
	text-align:right;
}
#footer{
	position:relative;
	width:953px;
	margin-left:5px;
	height:88px;
	font-size:11px;
	line-height:16px;
}
#footer a:link, #footer:active, #footer a:visited, #footer a:hover{
	color:#333333;
}

.cell-dark{
	border-bottom:1px solid #37424A;
}
.cell-light{
	border-bottom:1px solid #cbc7bf;
}




/*		TOP BOX		 */

#topbox{
	position:relative;
	width:758px;
	height:355px;
}
#topbox .text{
	position:relative;
	padding:50px 35px 25px;
}
#topbox .title{
	font-size:16px;
	font-weight:900;
}
#topbox .filler{
	font-size:11px;
	line-height:18px;
	margin-top:12px;
	padding:0px 5px;
}
#topbox a:link, #topbox a:active, #topbox a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#topbox a:hover{
	color:#FFFF99;
	text-decoration:none;
}
#topbox .alt, #topbox .alt a:link, #topbox .alt a:active, #topbox .alt a:visited{
	color:#333333;
	text-decoration:none;
}
#topbox .alt a:hover{
	color:#666666;
	text-decoration:none;
}

.home{
	background: url(/images/box_purple.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.gifts{
	background: url(/images/box_gifts.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.invite_box{
	background: url(/images/box_invite.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.meatdelivery{
	background: url(/images/box_meatdelivery.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.thankyou{
	background: url(/images/box_thankyou.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.signup{
	background: url(/images/box_signup.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.about{
	background: url(/images/box_about.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.community{
	background: url(/images/box_community.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.departments{
	background: url(/images/box_departments.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.registry{
	background: url(/images/box_registry.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.vendors{
	background: url(/images/box_vendors.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.turkey{
	background: url(/images/box_turkey.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.deals{
	background: url(/images/box_deals.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.purple{
	background: url(/images/box_purple.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.teal{
	background: url(/images/box_teal.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.orange{
	background: url(/images/box_orange.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.green{
	background: url(/images/box_green.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.events_box{
	background: url(/images/box_events.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.occasions_box{
	background: url(/images/box_occasion.jpg) bottom left no-repeat;
	color:#FFFFFF;
}
.recipes_box{
	background: url(/images/box_recipe.jpg) bottom left no-repeat;
	color:#FFFFFF;
}

.randRec{
 	padding:5px; 
	width:230px;
}
.randRec:hover{
	background-color:#37414a;
	cursor:pointer;
}



/*         FORMS		*/

form{
	margin:0px;
	padding:0px;
}
.loginForm td{
	padding:1px 6px;
	width:65px;
	text-align:left;
}
.loginForm th{
	padding:1px 6px;
	width:130px;
	text-align:right;
}
.loginForm .input{
	width:130px;
	margin:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#choice_popup{
	width:116px;
	height:194px;
	background: url(../images/choices_popup.png) top left no-repeat;
	position:absolute;
	top:0px;
	left:640px;
	z-index:30;
}



/* CONTACT */

.contact{
	padding:3px 5px;
	border-top:1px dotted #ffffff;
	border-bottom:1px dotted #ffffff;
	cursor:pointer;
	margin:0px 20px 0px 7px;
}
.contact:hover{
	border-top:1px dotted #4b2942;
	border-bottom:1px dotted #4b2942;
}
#ContactForm{
	position:absolute;
	top:120px;
	left:20px;
	width:600px;
	height:auto;
	background-color: #fffbb5;
	color:#333333;
	border:1px solid #999999;
	padding:0px;
	display:none;	
}
#ContactFormText{
	position:relative;
	margin:0px;
	padding:0px;
}



/*	DEPARTMENTS	*/

#topbox .depts{
	position:absolute;
	bottom:40px;
	left:40px;
	width:320px;
	color:#ffcc33;
	font-size:13px;
	text-align:left;
	line-height:22px;
}
#topbox .depts a:link, #topbox .depts a:active, #topbox .depts a:visited{
	color:#ffcc33;
	padding:3px 8px;
}
#topbox .depts a:link.active, #topbox .depts a:active.active, #topbox .depts a:visited.active{
	color:#FFFFFF;
	padding:3px 8px;
}
.deptBottom{
	font-size:14px;
	line-height:28px;
}
.deptBottom ul{
	margin-left:20px;
	color:#666666;
}
.deptTitle{
	font-size:18px;
}
.deptTitlePurp{
	font-size:18px;
	color:#4B2942;
}
.sideDepts{
	border-right:1px solid #CBC7BF; 
	padding-right:10px; 
	color:#333333;
	font-size:14px; 
}
.sideDepts ul{
	line-height:22px; 
	margin-left:15px;
	margin-top:0px;
	padding-top:0px;
}

/* COMMUNITY LINKS */

.comLinkDiv{
	border-bottom:1px dotted #999999;
	padding:10px 0px;
	font-size:11px;
	line-height:140%;
}
.comLinkDiv b{
	font-size:14px;
	color:#37424A;
}


/* SHOPPING CART */

#cart_content{
	margin-left:30px;
	margin-top:20px;
}
.basket{
	border-top:1px dotted #CCCCCC;
	padding:5px 15px;
}
.basketTable h1{
	font-size:20px;
	margin:3px 0px;
	padding:0px;
}
.basketTable .name{
	font-size:13px;
	font-weight:900;
	color:#37424A;
}
.basketTable .price{
	position:absolute;
	bottom:10px;
	right:15px;
	padding:1px 6px;
	width:auto;
	background-color:#D52B1E;
	border:1px solid #B50B0E;
	color:#FFFFFF;
	font-size:18px;
	font-weight:900;
	letter-spacing:1px;
	line-height:1em
}
.basketTable .price sup{
	font-size:11px;
	line-height:0em;
}
.basketTable .details{
	font-size:12px;
}

.basketDetail .name{
	font-size:16px;
	font-weight:900;
	color:#37424A;
	margin-bottom:10px;
	text-transform:uppercase;
}
.basketDetail .price{
	color:#D52B1E;
	font-size:18px;
	margin-top:10px;
}
.basketDetail .details{
	font-size:12px;
}
.cart-light-tr:nth-child(even){
}
.cart-light{
	border-bottom:1px solid #cbc7bf;
}
.cart-dark{
	border-bottom:1px solid #37424A;
	color:#37424A;
}
.cart-total{
	border-bottom:1px solid #37424A;
	background-color:#37424A;
	color:#FFFFFF;
	font-size:14px;
}



/* RECIPES */

.recResult{
	font-size:12px;
	padding:3px 0px;
	border-top:1px dotted #AAAAAA;
	cursor:pointer;
}
.recResult:nth-child(odd){
	background-color:#EEEEEE;
}
.recResult:hover{
	background-color:#FFFFCC;
}
.recResult:last-child{
	border-bottom:1px dotted #AAAAAA;
}
.recResult .title{
	font-weight:900;
	width:auto;
}
.recResult .servings{
	float:right;
	width:auto;
	text-align:right;
}
.recResult2{
	font-size:11px;
	padding:3px 0px;
	border-top:1px dotted #AAAAAA;
	cursor:pointer;
	clear:both;
}
.recResult2 .servings{
	float:right;
	width:115px;
	text-align:right;
}
.recResult2 .title{
	text-align:left;
	width:auto;
	margin-right:115px;
}
.recResult2:hover{
	background-color:#FFFFCC;
}
.recResult3{
	font-size:11px;
	padding:7px;
	border-top:1px dotted #AAAAAA;
	cursor:pointer;
	clear:both;
}
.recResult3 .servings{
	float:right;
	width:115px;
	text-align:right;
}
.recResult3 .title{
	text-align:left;
	width:auto;
	margin-right:115px;
}
.recResult3:nth-child(even){
	background-color:#f8f5e3;
}
.recResult3:hover{
	background-color:#E1DEAE;
}


/* LOCATIONS */

#LocationForm{
	position:absolute;
	top:95px;
	left:30px;
	width:auto;
	height:auto;
	background:url(/images/calendar/addBack.gif) left top repeat-x #cbc7bf;
	color:#333333;
	border:1px dotted #333333;
	padding:5px;
	display:none;	
}
.storeDiv{
	position:relative;
	width:255px;
	margin:2px 0px 4px;
	padding:5px 3px;
	font-size:11px;
	height:auto;
	background-color:transparent;
	border-top:1px dashed transparent;
	border-bottom:1px dashed transparent;
}
.storeDiv .details{
	position:absolute;
	top:-35px;
	left:185px;
	width:250px;
	height:300px;
	font-size:10px;
	line-height:100%;
	background: url(/images/popupLarge.png) top left no-repeat ;
	z-index:20;
	display:none;
}
.storeDiv .details ul{
	font-size:10px;
	margin:0px;
	padding:0px;
	padding-left:0px;
	margin-left:17px;
	margin-top:5px;
}
.storeDiv .details li{
	font-size:10px;
	margin:0px;
	padding:0px;
	padding-left:0px;
	margin-left:0px;
	padding-top:2px;
}
.storeDiv .title{
	padding:1px 2px;
	font-size:13px;
	font-weight:900;
}
.storeDiv .content{
	padding:0px 1px 1px 3px;
	height:auto;
	line-height:140%;
}
.storeDiv .content b{
	color:#37424a;
}
.storeDiv:hover{
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
	cursor:default;
	background-color:#fbf9df;
}



/*	  OCCASIONS   */

.occasionItem{
	padding:3px 5px 8px 10px;
	width:455px;
	margin-top:5px;
	font-size:11px;
	color:#4b2942;
}
.occasionItem .title{
	font-size:13px;
	font-weight:900;
	color:#333333;
}
.occasionItem:hover{
	cursor:pointer;
}

.occasionItem1{
	padding:3px 5px 8px 0px;
	width:465px;
	margin-top:5px;
	font-size:12px;
	line-height:150%;
	text-align:justify;
	color:#37424A;
}
.occasionItem1 .title{
	font-size:18px;
	font-weight:900;
	color:#37424A;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:2px dotted #999999;
}
.occasionItem1 b{
	font-size:13px;
	color:#4b2942;
}
.occasionItem1 .forTable td{
	padding:0px 25px 5px 0px;
}
.occasionItem1 .forTable td + td{
	border-left:1px dotted #999999;
	padding-left:25px;
}

/*	  REGISTRY	  */

.regTitle{
	font-size:18px;
	color:#333333;
}
.regItem{
	border-bottom:1px dotted #dddddd;
}
.regItemHeader{
	font-size:14px;
	color:#37424A;
	padding:1px 10px;
	margin-bottom:1px;
	border-top:2px dotted #CBC7BF;
	cursor:pointer;
}
.regItemList{
	padding-left:20px;
	display:none;
}

.regItemTR:hover{
	background-color:#FFFFCC;
}
.addItem{
	font-size:11px;
	color:#CC0000;
	cursor:pointer;
}
.wishReg{
	position:relative;
	padding:10px;
	margin-bottom:20px;
}
.favsDiv, .shareDiv{
	position:absolute;
	right:20px;
	top:10px;
	padding:2px 4px; 
	background-color:#FFFFFF; 
	border:1px solid #CCCCCC;
	min-width:150px; 
	color:#333333; 
	height:16px;
	overflow:hidden;
}
.favsDiv{
	z-index:10;
}
.shareDiv{
	z-index:9;
}
.favsDiv:hover, .shareDiv:hover{
	height:auto;
}
.shareDiv .shareSub{
	position:relative;
	height:185px;
	width:285px;
	display:none;
	font-size:13px;
}
.favsDiv .favsSub{
	position:relative;
	height:auto;
	width:200px;
	display:none;
	font-size:12px;
}
.shareDiv:hover .shareSub, .favsDiv:hover .favsSub{
	display:block;
}
.favItem{
	padding:2px 8px;
	cursor:pointer;
}
.favItem:hover{
	background-color:#FFFFCC;
}
.favItem + .favItem{
	border-top:1px dotted #999999;
}
#savedList{
	color:#CC3333;
	position:relative;
	padding:0px;
	margin:0px;
}
#savedList .savedSub{
	position:absolute;
	top:14px;
	right:0px;
	width:200px;
	height:auto;
	background-color:#EEEEEE;
	color:#666666;
	z-index:15;
	border-right:1px dotted #666666;
	border-left:1px dotted #666666;
	border-bottom:1px dotted #666666;
	display:none;
}
#savedList:hover .savedSub{
	display:block;
}

/*    CALENDAR    */

.calTable{
	color:#333333;
	font-size:14px;
}
.calTable th{
	font-weight:100;
	font-size:14px;
}

.miniSideBox{
	position:relative;
	width:26px;
	height:27px;
	float:left;
	margin-right:8px;
	background:url(/images/calendar/miniDateBox.gif) left top no-repeat transparent;
}
.miniSideBoxMine{
	position:relative;
	width:26px;
	height:27px;
	float:left;
	margin-right:8px;
	background:url(/images/calendar/miniDateBoxMine.gif) left top no-repeat transparent;
}
.miniSideBox .day, .miniSideBoxMine .day{
	position:absolute;
	top:0px;
	left:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:9px;
	text-align:center;	
	width:26px;
	height:9px;
	padding-bottom:1px;
	padding-top:1px;
	margin:0;
	text-transform:lowercase;
}
.miniSideBox .date, .miniSideBoxMine .date{
	position:absolute;
	top:12px;
	left:0px;
	color:#333333;
	font-size:12px;
	text-align:center;
	padding:0px;
	width:26px;
	height:10px;
}

.dateBox{
	padding:3px 5px;
	font-size:14px;
	cursor:default;
}
.dateBox.event{
	color:#FF7900;
}
.dateBox.day{
	color:#666666;
}
.dateBox.today{
	color:#FFFFFF;
	background-color:#FF7900;
}
.dateBox .add{
	cursor:pointer;
}
.dateBox .add:hover{
	text-decoration:underline;
}

/*
.dateBox1{
	width:65px;
	height:75px;
	font-size:11px;
}
.dateBox1.event{
	color:#333333;
	border:1px solid #CCCCCC;
}
.dateBox1.day{
	color:#333333;
	border:1px solid #CCCCCC;
}
.dateBox1.today{
	color:#333333;
	background-color:#FFFFCC;
	border:1px solid #CCCCCC;
}
.dateBox1 .add{
	display:none;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:3px;
	height:10px;
	font-size:10px;
	text-align:left;
	cursor:pointer;
	letter-spacing:-1px;
}
.dateBox1:hover .add{
	display:block;
}
.dateBox1:hover{
	color:#333333;
}
*/


.dateBox .info{
	display:none;
	z-index:80;
	position:absolute; 
	top:12px; 
	right:10px;	
	width:150px;
	font-size:11px;
	color:#666666;
	border:1px solid #ff7900;
	background-color:#FFFFFF;
}
.dateBox:hover .info{
	display:block;
}
.dateBox .info ul{
	padding:0px 0px 0px 20px;
	margin:0;
}
.dateBox .info li{
	padding-left:-20px;
	padding-bottom:3px;
}
.dateBox .infoDate{
	color:#333333; 
	padding:2px;
	padding-right:16px;
	font-style:italic;
	font-size:12px;
	font-weight:900;
	height:13px;
	background: url(/images/eventArrow.gif) right top no-repeat transparent;
}

.smallish{
	font-size:8px;
	border:1px solid #999999;
	background-color:#FFFFFF;
}
.sideEvent + .sideEvent{
	border-top:1px solid #AAAAAA;

}
.sideEvent{
	position:relative;
	padding:2px 4px;
	font-size:12px;
	margin:0px 8px;
	width:150px;
	height:auto;	
}
.sideEvent:hover{
}
.sideEvent .time{
	color:#CCCCCC;
	font-size:11px;
	cursor:pointer;
	letter-spacing:150%;
}
.sideEvent .title{
	color:#FFFFFF;
	font-size:13px;
	letter-spacing:150%;
	cursor:pointer;
	padding-top:2px;
}
.sideEvent:hover .time, .sideEvent:hover .title{
}
#EventForm{
	position:absolute;
	top:95px;
	left:10px;
	width:auto;
	height:410px;
	background:url(/images/calendar/addBack.gif) left top repeat-x #dddbd5;
	color:#333333;
	border:1px solid #AAAAAA;
	padding:5px;
	z-index:100;
	display:none;	
}
#EventFormText{
	position:relative;
	margin:5px;
	padding:5px;
	width:510px;
	height:auto;
	z-index:100;
}
.sideEventBlurb{
	position:absolute;
	top:-135px;
	left:135px;
	width:315px;
	height:208px;
	background: url(/images/popupMedium.png) top left no-repeat;
	padding:5px;
	z-index:30;
	display:none;
}
.monthEvents{
	position:relative;
	color:#333333;
	padding:10px 0px;
	width:500px;
	text-align:justify;
	border-bottom:1px dotted #666666;
}
.monthEvents .time{
	font-size:12px;
	color:#666666;
}
.monthEvents .title{
	font-size:14px;
	font-weight:900;
	color:#3c1d34;
}
.monthEvents .descr{
	padding-bottom:3px;
	margin:6px 0px 6px 5px; 
	color:#333333;
	font-size:12px;
}
#bursten {
	position:absolute;
	top:40px;
	z-index:1000;
	width: 150px;
	right: -50px;
	height: 150px;
}
