/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */



/* #Page Styles
================================================== */


/*	--------------------------------------------------
	:: Block grids used throughout site
	
	These are 2-up, 3-up, 4-up and 5-up ULs, suited
	for repeating blocks of content. Add 'mobile' to
	them to switch them just like the layout grid
	(one item per line) on phones
	
	For IE7/8 compatibility block-grid items need to be
	the same height. You can optionally uncomment the
	lines below to support arbitrary height, but know
	that IE7/8 do not support :nth-child.
	-------------------------------------------------- */
	
	
	.block-grid { margin-left: 0px; padding-left: 0px; }
	.block-grid { display: block; 
	/* overflow: hidden; */ }
	.block-grid>li { display: block; height: auto; float: left; }
	
	.block-grid.one-up>li { width: 100%; }
 	.block-grid.one-up>li {clear: left;} 
	
	.block-grid.two-up { margin-left: -4% }
	.block-grid.two-up>li { margin-left: 4%; width: 46%; }
 	.block-grid.two-up>li:nth-child(2n+1) {clear: left;} 
	
	.block-grid.three-up { margin-left: -2% }
	.block-grid.three-up>li { margin-left: 2%; width: 31.3%; }
 	.block-grid.three-up>li:nth-child(3n+1) {clear: left;} 
	
	.block-grid.four-up { margin-left: -2% }
	.block-grid.four-up>li { margin-left: 2%; width: 23%; }
 	.block-grid.four-up>li:nth-child(4n+1) {clear: left;} 
	
	.block-grid.five-up { margin-left: -1.5% }
	.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }
 	.block-grid.five-up>li:nth-child(5n+1) {clear: left;} 

/* Artfully masterminded by ZURB  */



.notifyholder>li { float: left; display: block; position: relative; padding: 0; margin: 0; }
.flyout { background: #fff; margin: 0; padding: 0px; border: 2px solid #ddd; position: absolute; top: 26px; left: -1px; width: 200px; z-index: 40; border-radius: 4px; left: auto; right: 0; }
.flyout ul { margin: 0; padding: 0; }
.flyout li { margin: 0; border-bottom: 1px dashed #ddd; width: auto; }
.flyout li>a { display: block; padding: 5px; }
.flyout li>a:hover { background-color: #fcf8e3; }

.notifyholder>li .flyout { display: none; }



/*  --------------------------------------------------
    Slight class to wrap images in a border on some pages (shop)
    -------------------------------------------------- */ 
.img_holder {
	border: 1px solid #ddd;
}

/*  --------------------------------------------------
    Paging classes for windowed_pager
    -------------------------------------------------- */ 
div.pager {
	width					: 100%;
	margin-top				: 10px;
	margin-bottom			: 20px;
	padding-bottom: 25px;
	height					: 25px;
	line-height				: 25px;
	background-color		: none;
	border-bottom			: 1px solid #ddd;
	border-top				: 1px solid #ddd;
	text-align				: center;
	float: left;
} 

div.pager_special {
	text-align: left;
} 

a.pager, a.pager:link, a.pager:visited {
	text-decoration	    	: none;
}

a.pager:hover {
	text-decoration	    	: underline;
}

a.pager_alt, a.pager_alt:link, a.pager_alt:visited {
	text-decoration	    	: none;
}

a.pager_alt:hover {
	text-decoration	    	: underline;
}

a.pages, a.pages:link, a.pages:visited {
	margin-left				: 2px;
	margin-right			: 2px;
	text-decoration	    	: none;
}

a.pages:hover {
	text-decoration	    	: underline;
}

a.pagesbold, a.pagesbold:link, a.pagesbold:visited {
	margin-left				: 2px;
	margin-right			: 2px;
	font-size				: 14px;
	font-weight				: bold;
	text-decoration	    	: none;
}

a.pagesbold:hover {
	text-decoration	    	: underline;
}


/*  --------------------------------------------------
    Subnav classes for category browse go here
    -------------------------------------------------- */  
    .subnav_cat {
    	list-style-type: none;
    }
    .subnav_cat li {
    	height: auto; padding: 0; margin: 0;
    }
    
    .subnav_cat li a {
	   	 display: block; 
	   	 width: auto; 
	   	 height: auto; 
	   	 padding: 10px 0 10px 5px; 
	   	 margin:2px 0px; 
	   	 border: none; 
	   	 background: #777;
	   	 text-decoration: none;
	   	 color: #fff;
	   	 font-size: 0.85em !important;
    }
    
    
	
	.sub_1 { margin: 2px 0px 2px 18px !important; font-size: .85em !important; color: #000 !important; background: #ccc !important; }
	.sub_2 { margin: 2px 0px 2px 23px !important; font-size: .85em !important; color: #000 !important; background: #ccc !important; }
	.sub_3 { margin: 2px 0px 2px 28px !important; font-size: .7em !important; color: #000 !important; background: #ccc !important; }
	.sub_4 { margin: 2px 0px 2px 33px !important; font-size: .6em !important; color: #000 !important; background: #ccc !important; }
	.sub_5 { margin: 2px 0px 2px 38px !important; font-size: .5em !important; color: #000 !important; background: #ccc !important; }
	.sub_6 { margin: 2px 0px 2px 38px !important; font-size: .5em !important; color: #000 !important; background: #ccc !important; }
	.sub_7 { margin: 2px 0px 2px 38px !important; font-size: .5em !important; color: #000 !important; background: #ccc !important; }
	.sub_8 { margin: 2px 0px 2px 38px !important; font-size: .5em !important; color: #000 !important; background: #ccc !important; }
	


	
	.subnav_cat li a:hover {
    	color: #E11A2B !important;
    }
    
    .subnav_cat li.active a {
	   	color: #E11A2B !important;
    }
    
	.sub_1 a:hover,.sub_2 a:hover,.sub_3 a:hover,.sub_4 a:hover,.sub_5 a:hover,.sub_6 a:hover,.sub_7 a:hover,.sub_8 a:hover {
		color: #E11A2B !important;
	}
	



/* # NEW CUSTOM CLASSES HERE
================================================== */

h1,h2,h3,h4,h5,h6 { margin-top: 0px !important; }


.nomargtop {
	margin-top: 0px !important;
}

.smallmargtop {
	margin-top: 3px !important;
}

.topmarg {
	margin-top: 10px;
}

.nomargbottom {
	margin-bottom: 0px;
}

.smallmargbottom {
	margin-bottom: 5px;
}

.fullwidth {
	width: 90% !important;
}

.red {
	color: red !important;
}

.tiny {
	font-size: 10px;
}

.larger_stars {
	width: 220px;
}

.larger_stars_height {
	height: 200px;
}

.icon {
	line-height: 14px;
	vertical-align: text-top;
	display: inline-block;
}



.borderblack {
	border-bottom:1px solid #000;
}

.namebox {
	height: 50px;
}

.nameboxlarge {
	height: 100px;
}


/* Classes for the Events page 
================================================== */

#scrollCal {
	height: 450px;
	overflow: auto;
	padding: 5px 10px 5px 5px;
	background: #222;
}

.day_bar {
	padding: 5px 0px 5px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin: 12px 0 0 0;
	text-indent: 5px;
	border-bottom: 1px solid #ddd;
}


.day_block {
	background: #c1c1c1; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#e0e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	/* padding: 5px 10px 5px 5px; */
	border-bottom: 1px solid #ddd;
}

.day_block_left {
	width: 100px;
	float: left;
}

.day_block_right {
	/*
	width: 250px;
	float: right;
	*/
	padding-top: 15px;
}

.day_block img {
	margin: 5px 0 0 5px;
}

.event_text {
	padding: 25px 0 0 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	text-shadow: 1px 1px 2px #c1c1c1;
}

.event_text_holiday {
	padding: 5px 0 0 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	text-shadow: 1px 1px 2px #c1c1c1;
}

.charCount { position: relative; }
.charCount textarea { width: 100%; height: 150px;}
.charCount #check-textarea { position: absolute; top: 0; right: 0; }
.next_anniversary {
	background: #c1c1c1; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	width: 220px;
	height: 220px;
	position: relative;
}

.anniversary_smaller {
	height: 75px;
	
}

.red_anniversary {
	width: 220px;
	height: 75px;
	background-color: #E11A2B;
	position: relative;
	
}


.red_anniversary .yos_header {
	text-align: center !important;
	position: absolute;
	top: 20px;
	left: 10px;
	color: #fff !important;
	font-size: 15px;
	text-transform: uppercase;
	width: 200px;
}


.next_anniversary_image {
	width: 220px;
	height: 220px;
	position: relative;
}

.next_anniversary .yos_header {
	text-align: center !important;
	position: absolute;
	top: 20px;
	left: 10px;
	color: #222 !important;
	font-size: 18px;
	text-transform: uppercase;
	width: 200px;
	border-bottom: 1px solid #e0e0e0;
	text-shadow: 1px 1px 2px #c1c1c1;
}

.anniversary_smaller .yos_header {
	border-bottom: none;
	font-size: 15px;
}


.next_anniversary p { 
	position: absolute; 
	top: 55px;
	left: 10px;
	text-align: left !important;
	font-size: 16px;
	line-height: 24px;
	color: #222 !important;
	text-shadow: 1px 1px 2px #c1c1c1;
	width: 200px;
}

.search_results_block {
	width: 100%;
	float: left;
	background: #c1c1c1; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #ddd;
	position: relative;
}

.search_results_block.selected {
	width: 100%;
	float: left;
	background: #ccc; /* Old browsers */
	color: #aaa !important;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.search_results_block .add_user { 
	display: block;  
	position: absolute;
	top: 10px;
	right: 5px;
	text-decoration: none !important;
}
.search_results_block .add_user:hover { 
	text-decoration: none !important;
}


.search_results_block.selected .add_user {
	display: none;
}

.search_results_block .add_links_container {
	float:right;
	width:80px;
	
}
.search_results_block .add_links_container .add_link {
float: left;
text-decoration: none;
border: 1px solid;
width: 57px;
margin: 3px 2px 0 8px;
text-align: right;
padding: 6px 5px 6px 5px;
}
.search_results_block.selected .add_links_container .add_link {
	display: none;
}
.selectedRecipContainer
{
	border:1px solid whitesmoke;
}
.search_results_block img.standard { width: auto; height: 125px; visibility: visible; }
.search_results_block img.standard { width: 125px; height: auto; visibility: visible; }
.search_results_block img.img_smaller {	width: auto; height: 75px; visibility: visible; }
.search_results_block img.img_smaller {	width: 75px; height: auto; visibility: visible; }
.search_results_block img.no_img {	width: 1px; height: 1px; visibility: hidden; }
.search_results_block img, .search_results_block img.standard {
    border: 1px solid #bbb;
    float: left;
    margin: 10px 5px 5px 5px; 
}
.search_results_block_right {
	float: left;
	margin: 25px 10px 5px 5px; 
	width: 240px;
}

.super_mini_table, .super_mini_table tr, .super_mini_table td {
	background: transparent !important;
	border: none !important;
}
.super_mini_table td {
	padding: 0 2px 0 0 !important;
}

.super_mini_table td.hard_width {
	width: 105px !important;
}
.block-grid.three-up.selected_users {
margin-left: -1%;
margin-top: 1%;
}
.selected_users li{
	margin-bottom: 5px;
}
.ecardRecipFormat { 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 2px solid #DDD;
background: rgba(227, 227, 227, 0.5);
padding: 3px 3px 3px 10px;

}
.ecardRecipFormat a { float:right;}
#selected_users li{
	margin-bottom: 5px;
}

#selected_users li div {
	background: #c1c1c1; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	position: relative;
	padding: 5px;	
}

#selected_users li div.team_lead {
	color: #fff !important;
	background: #E11A2B !important;
}

#selected_users li .star { 
	display: block;  
	position: absolute;
	top: 5px;
    left: 8px;
}


#selected_users li .remove { 
	display: block;  
	position: absolute;
	top: 5px;
	right: 5px;
}


#selected_users li img.standard { width: auto; visibility: visible; }
#selected_users li img.no_img {	width: 1px; visibility: hidden; }

.story_panel_one {
	height: 200px;
}
.story_panel_two {
	height: 440px;
}



.red_star_bg {
	background: #E11A2B url(/images/macys/Branding/widget_bg.png) no-repeat center center; color: #fff !important;
}

.red_star_bg:hover {
	background: #E3E3E3 url(/images/macys/Branding/story-promo-bg.gif) no-repeat; color: #C21B32 !important;
}

.gray_star_bg {
	background: #E3E3E3 url(/images/macys/Branding/story-promo-bg.gif) no-repeat; color: #C21B32 !important;
}

.gray_star_bg:hover {
	background: #E11A2B url(/images/macys/Branding/widget_bg.png) no-repeat center center; color: #fff !important;
}

.prettyLoader{background: url(/images/misc/prettyLoader.png) top left no-repeat;height:30px;position:absolute; top: 50%; left: 50%; width:30px;z-index:30000;}
.prettyLoader img{display:block;margin:7px 0 0 7px;}
.pl_ie6{background-image: url(/images/misc/prettyLoader.gif);}

/* pre font override */
pre {
	font-family: Arial,sans-serif !important;
	font-size: 14px !important;
}

pre.override {
	font-size: 12px !important;
	border: none !important;
}

.team_check {
	background: transparent !important;
	border-bottom: 3px dotted #666 !important;
	border-right: none !important;
	border-left: none !important;
	border-top: none !important;
	color: #E11A2B !important;
	font-size: 19px !important;
	padding: 0 8px !important;
	margin: 0 !important;
	font-weight: bold !important;
}

.team_check:focus {
	background: transparent !important;
	border-bottom: 3px dotted #666 !important;
	border-right: none !important;
	border-left: none !important;
	border-top: none !important;
}

.tiny_img { width: 25px; height: 25px; }

.no_border {
	border: none !important;
	background: transparent !important;
}



.caps_gray {
	text-transform: uppercase;
	color: #555;
	font-size: 16px;
	line-height: 18px;
}

.now_win {
	font-weight: normal !important;
	line-height: 18px;
}

.rating_block {
	font-size: 16px;
	font-weight: bold;
	margin: 0 2px;
	text-decoration: none;
	line-height: 18px;
	color: #555 !important;
}

	.rating_block:hover {
		color: #E11A2B !important;
		text-decoration: none;
	}
	
.rating_block.selected {
	color: #E11A2B !important;
	text-decoration: none;
	font-weight: bold;
	margin: 0 2px;
	line-height: 18px;
}

	.rating_block.selected:hover {
		text-decoration: none;
	}
	
.blockheight {
	height: 200px;
}

.slightmargbottom {
	margin-bottom: 3px !important;
}

.normalfont {
	font-size: 12px;
	font-weight: normal;
}

.changed, .myerror, .mm6_message {
	color: #B94A48 !important;
	background-color: #F2DEDE !important;
	padding: 5px 0px;
	text-indent: 5px;
}

.table_flagged {
	color: #B94A48 !important;
	background-color: #F2DEDE !important;
}

.widget_wrapper_link {
	display: block;
	text-decoration: none !important;
}

.widget_wrapper_link:hover {
	text-decoration: none !important;
}

.no_underline { text-decoration: none !important; }

.add_row.selected {
	background-color: #ccc !important;
	color: #aaa !important;
	
}

.add_row.selected a {
	text-decoration: none;
	color: #ccc !important;
	cursor: not-allowed !important;
}

.add_row.selected select {
        display: none;
}

.congrats_bg {
	background: url(/images/updates/congrats_balloon_bg.jpg) no-repeat top right;
	height: 900px;
	position: relative;
}

	.congrats_bg .years_line {
		position: absolute;
		top: 350px;
		left: 125px;
		color: #000;
		font-size: 18px;
		font-weight: bold;
	}
	
	.congrats_bg .points_line {
		position: absolute;
		top: 450px;
		left: 50px;
		width: 200px;
		color: #E11A2B;
		font-size: 16px;
	}

.black_shop_header {
	background: #000;
	-webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,.5);
	box-shadow: 1px 1px 6px 1px rgba(0,0,0,.5);
	height: 30px;
	width: 100%;
	margin-bottom: 5px;
}

.black_shop_header h3 {
	line-height: 30px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	text-indent: 10px;
}

.balloons {
	background: url(/images/updates/balloon_bg.jpg) no-repeat top right;
	width: 100%;
}

.new_item_box {
	border: 3px solid #000;
	-webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,.5);
	box-shadow: 1px 1px 6px 1px rgba(0,0,0,.5);
	padding: 5px;
	margin-bottom: 20px;
	background: #fff;
}

.extrabottompadd {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.item_name {
	font-weight: bold;
	font-size: 14px;
}


.the_category_name {
	background: #000;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 200;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	text-align: left;
	text-transform: uppercase;
}

/* #Tipsy plugin	
================================================== */

#tooltip { text-decoration: none !important; }
.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: left; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url(/images/misc/tipsy.gif) no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.block-grid.mobile { margin-left: 0; }
		.block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}
	
/* Link Styles */
a, a:link, a:visited, a:active { color:#c9282d;}
a:hover, a:focus { color:#455560;}
a.btn {}

a.active { color:#455560; }
a.active:hover { color:#455560; }

/*Heading Styles */
h1 { margin:0 0 5px; color:#c9282d; font-size:28px; font-weight:normal; line-height:120%; text-shadow:1px 1px 2px #999;}
h2 { margin:5px 0 10px; color:#666; font-size:19px; font-weight:bold; line-height:120%;}
h3 { color:#333; font-size:16px; font-weight:bold;}
h2, h3, h4 { margin:15px 0 0 0; font-weight:bold;}
h2 + p, h3 + p, h4 + p, img + p { margin-top:0;}
td > h2:first-child, td > h3:first-child, div > h2:first-child, div > h3:first-child { margin-top:0;}