﻿body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/global/bg_tile.gif);
	background-repeat:repeat;
	margin: 0px;
	padding: 0px;
}

#BodyBG
{
	background:url(../images/main_bg.gif) no-repeat top center;
	height:600px;
	width:100%;
	position:absolute;
}

input, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}


img {
	border:0;
}

img.header
{
	padding-bottom: 15px;
}

img.rollover 
{
	display:none;
}

a 
{
	color:#000000;
}

a.noline 
{
	text-decoration:none;
}

a:hover 
{
	text-decoration:underline;
	color:#b62516;
}

ul.inline 
{
	padding:0;
	margin:0;
	list-style:none;
}

ul.inline li 
{
	padding:0;
	margin:0;
}

div#Nav a, div#Nav img
{
	float:left;
}
	
.hidden 
{
	display:none;
}

.l 
{
	float:left;
}

.r 
{
	float:right;
}

.textr 
{
	text-align:right;
}

.red_arrow 
{
	background:url(/images/icon_redtriangle.gif) no-repeat;
	background-position:0 3px;
	padding-left:8px;
}

.yellow_arrow
{
	background:url(/images/arrow_yellow.gif) no-repeat;
	background-position:0 3px;
	padding-left:8px;
}

.pulldown 
{
	padding:8px 8px 8px 20px;
}

.pulldown-handle 
{
	cursor:pointer;
}

.red {	color:#b62516; }
.green { color:Green;}
.yellow { color:#d5a43d;}
.darkred { color:#9d160d; }
.grey { color:#666666; }
.white {color:#ffffff;}

.whiteHeading 
{
	color:#ffffff;
	font-family:Georgia;
	font-weight:bold;
	font-size:13px;
}

h1.red
{
	padding:0; 
	margin:0;
	font-family:Georgia;
	font-size:17px;
	padding-bottom:2px;
}

h2.red
{
	padding:0; 
	margin:0;
	font-family:Georgia;
	font-size:14px;
	padding-top:8px;
}

.small { font-size:9px; }
.large { font-size:14px; }

input.error,
textarea.error,
select.error
{
	border:solid 1px #ff0000;
}

.error
{
	color:Red;
}
label.error
{
	margin-left:5px;
}

.hr_grey 
{
	border-top:1px solid #999999;
	height:2px;
	font-size:1px;
}

.field 
{
	padding-top:6px;
}

div#Logo 
{
	
}


#Nav{
	background: url("../images/nav_bg.gif") 0 0 repeat-x;
	height:27px;
	width:950px;
	margin:0 auto;
}

#Nav a.on, #Nav a:hover {
	background-position: 0 -27px;
	color:#fcf7ae;
}

#Nav a 
{
	height:17px;
	background: url("../images/nav_bg.gif") 0 0 repeat-x;
	text-decoration: none;
	color:#fff;
	padding:5px 15px;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
}


#Nav a.navStocking {
	width:138px;
	height:27px;
	background: url("../images/global/nav_stockingstuffers.gif") 0 0 no-repeat;
	text-decoration: none;
	float:left;
}

a.navStocking:hover { 
	background-position: 0 -27px;
}
a.navMeals {
	width:65px;
	height:27px;
	background: url("../images/global/nav_meals.gif") 0 0 no-repeat;
	text-decoration: none;
	float:left;
}

a.navMeals:hover { 
	background-position: 0 -27px;
}

#MainWrapper {
	background-image: url(../images/global/main_tile_bg.png);
	background-repeat: repeat-y;
	width: 990px;
	position:relative;
}

#MainHeader{ 
	padding:5px 30px;
	text-align:left;
}


span#TopMenu 
{
	float:right; 
	padding-top:35px; 
	padding-right:15px;
}

div#missionName
{
	font-size:20px;
	font-weight:600;
	padding-top:25px;
	padding-left:10px;
}
span#MainTitle 
{
	display:block;
	margin:2px 0 0 10px;
	color:#b62516;
	font-size:25px;
	font-weight:bold;
	font-family:Times New Roman;
}


#Footer 
{
	background-image: url(../images/home/home_footer.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 970px;
	padding-top: 18px;
	padding-left:20px;
	padding-bottom:20px;
	text-align:left;
}
.clear { 
	clear:both; 
	height:2px; 
	padding:0; 
	margin:0;
	font-size:1px;
}

	
#MainContent, #PageContainer { 
	width:942px;
	padding-left:10px;
	padding-top:10px;
	min-height:500px;
}

.innerBackground{ 
	background-image:url(../images/global/inner_tile_bg.gif); 
	background-repeat:repeat-y; 
	}

div#Top
{
	width:550px;
	margin-top:10px;
}

div#TopInviteFriends
{
	width:575px;
}

#MainLeft,
div#PageLeft 
{ 
	width:630px;
	float:left;
	padding:0 3px 0 0;
	text-align:left;
}

#MainRight,
div#PageRight 
{
	width:300px;
	float:left;
	padding-left:3px;
}
	
#Sidebar img{
	margin:0 0 7px 0; 
	padding:0; 	
	border:#cccccc solid 1px;
}
	
#MainFeatures{
	padding:5px 0 0 0;}
	
#QuickList{
	width:133px;
	height:271px;
	float:left;
	border:#cccccc solid 1px;
	padding:10px 5px 0 8px;
	text-align:left;
}

#QuickList p {
	color:#b62516; 
	padding:0 0 3px 0; 
	border-bottom:#CCCCCC solid 1px; 
	width:130px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight:700; 
	margin:0 0 10px 0;
}

#QuickList a { 
	text-decoration:none; 
	line-height:20px;
}
	
#Feature {
	width:470px;
	height:288px;
	float:left;
	margin-left:8px;
	padding:0;
	text-align:left;
}


#Feature div.header{ 
	background-image: url(../images/global/featured_banner_arrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:26px; 
	color:#FFFFFF;
	font-weight:bold; 
	padding:5px 0 0 10px; 
	font-size:13px;
	position:relative;
	z-index:10;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#FeaturesContainer 
{
	position:relative;
	z-index:1;
}

.featuredImage 
{
	height:126px;
	width:188px;
	overflow:hidden;
	float:left;
	margin-top:-3px;
}

.featuredItem{
	width:255px;
	height:116px;
	background-color:#f3f3ee;
	float:right;
	padding:10px 10px 0 17px;
	margin-top:-3px;
	margin-bottom:3px;
}

#Feature h1, #QuickGift h1, #MainLeftInner h1, .rightfeature h1 {
	margin:0; 
	padding:0; 
	color:#b62516; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:16px; 
	font-weight:bold; 
}

#MainLeftInner h2 {
	margin:0; 
	padding:10px 0 3px 0; 
	color:#b62516; font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:14px; 
	font-weight:bold; 
	border-bottom:#cccccc solid 1px; 
	width:615px;
}


#Feature p{
	margin:0; 
	padding:5px 0 10px 0;
}

#MainLeftInner p {
	margin:0; 
	padding:5px 0;
}

#MainLeftInner div#Top {
	width:615px; 
	padding:5px 0;
}

#QuickGift{ 
	width:287px;
	border:#cccccc solid 1px;
	padding:7px 0 3px 5px;
	text-align:left;
	background-color:#FFFFFF;
}
	
#QuickGift p{
	margin:0;
	padding:2px 0;
}

.giftRow{
	width:280px;
	height:46px;
	background-image: url(../images/global/inner_yellow_bg.gif);
	background-repeat:repeat;
	border:#cccccc solid 1px;
	padding:3px 0 0 0;
	margin:0 0 2px 0;
}

div.giftRow span{ 
	float:left; 
	margin:0 10px 0 3px;
}

span.thumb img{	
	border:#cccccc solid 1px;
}

span.quickBuyInfo{
	padding-top:5px; 
	font-size:12px; 
	font-weight:bold;
}

span.quickBuyInfo span{
	color:#b62516; 
	font-size:14px; 
}

a.buy{ 
	padding-top:10px;
	padding-right:5px;
	display:block;
}
	

table.categories {
	margin:5px 0 0;
}

tr.lt { 
background-color:#f3f3ee;
}

tr.drk { 
	background-color:#ecece7;
}
tr.wht 
{
  background-color:#ffffff;
}

table.categories tr td{ 
	padding:2px 2px;  
	border-bottom:#FFFFFF solid 1px;
}

table.products tr td{ 
	border-bottom:none;
	padding:0;
}

table.products tr td.arrow { 
	width:20px;
	padding-left:5px;
}

table.products tr td.noarrow { 
	width:1px;
	padding-left:3px;
}

div.arrow 
{
	background:url(../images/arrow_updown.gif) no-repeat;
	height:11px;
	width:12px;
}

div.noarrow 
{
	height:11px;
	width:1px;
}

div.arrowon 
{
	background-position:0 -11px;
}

div.dottedline
{
	background:url(/images/line_dot.gif) repeat-x;
	width:450px;
	height:4px;
}

.greyline
{
	border-bottom:solid 1px #cccccc;
	width:620px;	
}

.greylineFAQ
{
	border-bottom:solid 1px #cccccc;
	width:100%;	
	padding-top:2px;
}


div.dots 
{
	background:url(/images/line_dot.gif) repeat-x bottom;
}

table.products tr td.title { 
	font-size:12px; 
	padding-right:0px; 
	width:400px;
	height:28px;
}

td.cartitem div.dots span 
{
	background-color:#fff;
}

tr.lt td.title span
{
	background-color:#f3f3ee;
	padding-right:3px;
}

tr.drk td.title span
{
	background-color:#ecece7;
	padding-right:3px;
}

table.products tr td.price{ 
	font-weight:bold; 
	font-size:12px; 
	color:#b62516; 
	width:65px;
}

table.products tr td.add{ 
	width:82px;
}

/* popups */


div.popup 
{
	text-align:left;
	z-index:100;
}

div.popup .top
{
	background:url(../images/taf_top_bg.png) no-repeat;
	height:24px;
	width:386px;
	font-size:1px;
}

div.popup .wrapper1 
{
	background:url(../images/popup_right_bg.png) repeat-y top right;
	width:386px;
	float:left;
}

div.popup .wrapper2 
{
	background:url(../images/popup_left_bg.png) repeat-y top left;
	width:386px;
}

div.popup div.ieright 
{
	display:none;
}

* html div.popup .wrapper1 
{
	background:url(../images/popup_right_bg.gif) repeat-y top right;
	position:relative;
	width:15px;
}


div.popup .maincol {
	position:relative;
	margin:0;
	padding:7px;
}

div.popup .content 
{
	background:url(../images/popup_content_bg.gif) repeat-x #e7e7dd;
	float:left;
	/*margin-left:6px;
	margin-top:-7px;*/
	margin-left:4px;
	margin-top:-12px;
	width:346px;
	padding:5px;
	margin-bottom:-11px;
	border-left:solid 2px #656565;
	border-right:solid 2px #656565;
}

div.popup .content2 
{
	background: #ffffff;
	float:left;
	margin-left:6px;
	margin-top:-7px;
	width:400px;
	margin-bottom:-11px;
}

div.popup .content .main 
{
	padding:0 10px 10px 10px;
}

div.popup .top .arrow 
{
	background:url(/images/popup_arrow.png) no-repeat;
	width:26px;
	height:24px;
	position:relative;
	z-index:1000;
}

div.popup .content .hd 
{
	text-align:right;
}


div.popup .left
{ 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:35px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:13px; /* actual value */
	margin:0 0 -13px 0;
	padding-left:13px;
	z-index:100;
}

div.popup .right
{	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:35px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:13px; /* actual value */
	margin:0 0 -10px 0;
	z-index:99;
}

div.popup .bottom
{
	position:relative;
	clear:left;
	background:url(../images/taf_bottom_bg.png) no-repeat;
	height:11px;
	width:386px;
	top:11px;
}

div.popup img.closebutton 
{
	cursor:hand;
	cursor:pointer;
}

* html div.popup .bottom 
{
	height:15px;
}

div#TAFPopup 
{
	display:none;
	top:35px;
	left:595px;
	position:absolute;
	z-index:100;
}

div#TAFPopup .arrow
{
	margin-left:320px;
}

div#CartPopup 
{
	display:none;
	top:35px;
	left:495px;
	position:absolute;
	z-index:200;
}

div#CartPopup .hd 
{
	padding-bottom:8px;
}

div#CartPopup .arrow
{
	margin-left:278px;
}

div#CheckoutPopup 
{
	display:none;
	top:35px;
	left:575px;
	position:absolute;
	z-index:150;
}

div#CheckoutPopup .hd 
{
	visibility:hidden;
}

div#CheckoutPopup .arrow
{
	margin-left:280px;
}


div#HowItWorksPopup 
{
	display:none;
	position:absolute;
	left:-250px;
	z-index:150;
}

div#HowItWorksPopup .arrow
{
	margin-left:280px;
}

div#CVVPopup 
{
	display:none;
	position:absolute;
	z-index:10000;
	top:0px;
	left:100px;
}

div#CVVPopup .top
{
	width:207px;	
}

div#CVVPopup .bottom
{
	width:207px;	
}

div#CVVPopup .content
{
	padding:10px;
	width:170px;	
}

div#CVVPopup .arrow
{
	background:none;
}

div#CVVPopup.popup .wrapper1 
{
	width:220px;	
}

div#CVVPopup.popup .wrapper2 
{
	width:220px;
}

/* TAF */
form#tafForm input, form#tafForm textarea
{
	font-size:10px;
	padding:2px 3px;
	font-family:Arial;
}

form#tafForm .container 
{
	border:solid 1px #f21010;
	background:url(/images/error_box_bg.gif) repeat-x #fbefed;	
}

/* cart */


div.cartpreview 
{
	background:#fff;
	border:solid 1px #cccbc5;
	padding:14px;
	font-size:13px;
	font-family:Arial;
}

div.cartbuttons 
{
	padding-top:10px;
}

tr.cartrow td 
{	
	background:url(/images/line_dot.gif) repeat-x;
	background-position:-1px bottom;
	padding-top:3px;
}

tr.cartrow td span
{
	background:#fff;
}

tr.cartrow td.cartitem span 
{
	padding-right:3px;
}

/* E Card */
div#ECardTout 
{
	/*background:url(/images/ecard_tout_bg-London.jpg) no-repeat;*/
	width:297px;
	height:123px;
	position:relative;
}

/*body.London div#ECardTout 
{
	background:url(/images/ecard_tout_bg-London.jpg) no-repeat;
	width:297px;
	height:123px;
	position:relative;
}*/

div#ECardTout a#HowItWorks
{
	position:absolute;
	top:10px;
	/*width:80px;*/
	width:140px;
}

div#ECardTout .card_content
{
	text-align:left;
	position:absolute;
	top:70px;
	left:25px;
	height:65px;
}

div.rightfeature-container 
{
	text-align:left;
	margin-bottom:7px;
	width:297px;
}

div.rightfeature-container a 
{
	display:block;
}

div.rightfeature, a.rightfeature
{
	border: solid 1px #ccc;
}

div.rightfeature .content 
{
	padding:8px;
}

div.RightNavFAQ{ 
	background-color:#ffffff;
	padding:10px;
}

div.RightNavTellaFriend{ 
	background-color:#f18a07;
	padding:10px;
}


/* cart */

div#CartContainer
{
	width:940px;
	padding-left:10px;
	padding-top:10px;
	background:url(/images/cart_tile_bg.gif) repeat-y;
}

div#CartLeft
{
	float:left;
	width:500px;
	text-align:left;
	min-height:500px;
}

div#CartLeft h2, div#CartRight h2
{
	margin-bottom:0;
	padding-bottom:0;
}

div#CartLeft p,
div#PageLeft p 
{
	margin-top:0;
}

div#CartRight
{
	width:430px;
	float:left;
	text-align:left;
}

div#CartHeader 
{
	font-size:13px;
	border-bottom:solid 1px #cccccc;
	width:490px;
	padding-bottom:4px;	
	font-family:Georgia, "Times New Roman", Times, serif; 
}

div#CartRight div.checkoutbox 
{
	border:solid 1px #cccccc;
	padding:8px;
}

* html div#CartRight div.checkoutbox 
{
	display:inline-block;
}

div#CartRight div.on 
{
	background:#fff;
	width:400px;
}

div#CartRight div.off 
{
	background:#f8f8f4;
	width:400px;
}

/* Confirmation */

div#ConfirmationContainer
{
	width:940px;
	padding-left:10px;
	padding-top:10px;
	background:url(/images/cart_tile_bg.gif) repeat-y;
}

div#ConfirmationLeft
{
	float:left;
	width:500px;
	text-align:left;
	min-height:500px;
}

div#ConfirmationLeft h2, div#ConfirmationRight h2
{
	margin-bottom:0;
	padding-bottom:0;
}

div#ConfirmationLeft p,
div#PageLeft p 
{
	margin-top:0;
}

div#ConfirmationRight
{
	width:422px;
	padding:9px;
	float:left;
	text-align:left;
}

div#ConfirmationHeader 
{
	font-size:13px;
	border-bottom:solid 1px #cccccc;
	width:490px;
	padding-bottom:4px;	
	font-family:Georgia, "Times New Roman", Times, serif; 
}

div#ConfirmationRight div.checkoutbox 
{
	border:solid 1px #cccccc;
	padding:8px;
}

* html div#ConfirmationRight div.checkoutbox 
{
	display:inline-block;
}

div#ConfirmationRight div.on 
{
	background:#fff;
}

div#ConfirmationRight div.off 
{
	background:#f8f8f4;
}



div#EGiftCardSelection-popup,
div#PrintableGiftCardSelection-popup
{
	text-align:left;
	width:765px;
	margin-left:-325px;
}
div#EGiftCardSelection-popup, div#PrintableGiftCardSelection-popup 
{
	padding:0;
}

div#EGiftCardSelection-popup div.l,
div#PrintableGiftCardSelection-popup div.l
{
	width:320px;
	/*padding-right:10px;*/
}

div#EGiftCardSelection-popup div.r,
div#PrintableGiftCardSelection-popup div.r
{
	width:220px;
	padding-left:10px;
}

div#EGiftCardSelection-popup div.top,
div#PrintableGiftCardSelection-popup div.top
{
	background:url(/images/confirm_popup_top.png) no-repeat;
	width:650px;
	height:16px;
}

div#EGiftCardSelection-popup div.bottom,
div#PrintableGiftCardSelection-popup div.bottom
{
	background:url(/images/confirm_popup_bottom.png) no-repeat;
	width:650px;
	height:10px;
}

div#EGiftCardSelection-popup div.content,
div#PrintableGiftCardSelection-popup div.content
{
	background:url(/images/confirm_popup_bg.png) repeat-y;
	width:599px;
	padding:0 21px 10px 30px;
}

* html div#EGiftCardSelection-popup div.top, 
* html div#PrintableGiftCardSelection-popup div.top
{
	background:url(/images/confirm_popup_top.gif) no-repeat;
}

* html div#EGiftCardSelection-popup div.content , 
* html div#PrintableGiftCardSelection-popup div.content
{
	background:url(/images/confirm_popup_bg.gif) repeat-y;
}
* html div#EGiftCardSelection-popup div.bottom, 
* html div#PrintableGiftCardSelection-popup div.bottom
{
	background:url(/images/confirm_popup_bottom.gif) no-repeat;
}

div#EGiftCardThanks-popup,
div#PrintableGiftCardThanks-popup,
div#Submit-popup 
{
	margin-left:-180px;
}

div#EGiftCardThanks-popup div.top,
div#PrintableGiftCardThanks-popup div.top,
div#Submit-popup div.top
{
	background:url(/images/thanks_popup_top.png) no-repeat;
	width:360px;
	height:9px;
	font-size:1px;
}

div#EGiftCardThanks-popup div.bottom,
div#PrintableGiftCardThanks-popup div.bottom,
div#Submit-popup div.bottom
{
	background:url(/images/thanks_popup_bottom.png) no-repeat;
	width:360px;
	height:5px;
	font-size:1px;
}

div#EGiftCardThanks-popup div.content,
div#PrintableGiftCardThanks-popup div.content,
div#Submit-popup div.content
{
	background:url(/images/thanks_popup_bg.png) repeat-y;
	
	padding:3px 13px 20px 30px;
	width:317px;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */

.manualEmailList
{
	width:310px;
	padding-bottom:5px;
	padding-left:8px;
}

.greylogobox
{
	float:left; 
	background-color:#f3f3ee; 
	padding:10px;
	margin-left:20px;
	width:250px;	
}

.greylogoimages
{
	margin-left:-10px;
	padding-top:5px;
}

.emailResultsContainer
{
	border:solid 1px #cecece;
	width:433px;
}

.emailResultsArea
{
	padding:4px; 
	width:425px; 
	height:200px; 
	overflow:auto;
}

.emailResultsButtonArea
{
	padding: 10px 0 0 4px;
}

.emailSelectAllNone
{
	padding:4px; 
	width:425px; 
	height:20px; 
	border-bottom:solid 1px #cecece;
}
