@charset "UTF-8";
/* CSS Document */
/*  2017 HOMEPAGE STYLES */

/* sliders & sliderwrappers - heroflash & instoreSpecials */
#slider1_container, #slider2_container {
/* slider1 - heroflash */
/* slider2 - instoreSpecials */
	float:left;
	position:relative;
	top:0px; 
	left:0px; 
	margin:0;
	padding:0;
	width:958px !important; 
	height:375px !important;
}
#slider2_container { /* instoreSpecials Slider Wrapper */
	width:305px !important; 
	height:300px !important;
	padding-top:10px;
}
#slides {cursor:move; position:absolute; overflow:hidden; left:0px; top:0px; width:958px; height:375px;}
#slides2 {cursor:move; position:absolute; overflow:auto; left:0px; top:0px; width:305px; height:300px;}
/* begin slider arrows */
/* jssor slider arrow navigator skin 03 css */
/*
.jssora03l                  (normal)
.jssora03r                  (normal)
.jssora03l:hover            (normal mouseover)
.jssora03r:hover            (normal mouseover)
.jssora03l.jssora03ldn      (mousedown)
.jssora03r.jssora03rdn      (mousedown)
*/
#slider1_container .jssora03l, #slider1_container .jssora03r {
	display:block;
	position:absolute;
	/* size of arrow element */
	width:40px;
	height:53px;
	cursor:pointer;
	background:url(https://www.dollartree.com/assets/images/cms/home/2015/img/a99.png) no-repeat; /* declaring the arrow */
	overflow:hidden;
	border:0px solid #ff0;
}
#slider2_container .jssora66l, #slider2_container .jssora66r {
	display:block;
	position:absolute;
	/* size of arrow element */
	width:30px;
	height:40px;
	cursor:pointer;
	background:url(https://www.dollartree.com/assets/images/cms/home/2015/img/a66.png) no-repeat; /* declaring the arrow */
	overflow:hidden;
	border:0px solid #ff0;
}
/* Navigation Arrows BG placement */
#slider1_container .jssora03l {background-position:0px 0px !important; }
#slider1_container .jssora03r {background-position:-50px 0px !important; }
#slider1_container .jssora03l:hover {background-position:-100px 0px !important; }
#slider1_container .jssora03r:hover {background-position:-150px 0px !important; }
#slider1_container .jssora03l.jssora03ldn {background-position:-200px 0px !important; }
#slider1_container .jssora03r.jssora03rdn {background-position:-250px 0px !important; }

#slider2_container .jssora66l {background-position:0px 0px !important; }
#slider2_container .jssora66r {background-position:-50px 0px !important; }
#slider2_container .jssora66l:hover {background-position:-100px 0px !important; }
#slider2_container .jssora66r:hover {background-position:-150px 0px !important; }
#slider2_container .jssora66l.jssora66ldn {background-position:-200px 0px !important; }
#slider2_container .jssora66r.jssora66rdn {background-position:-250px 0px !important; }

/* Navigation Arrows placement */
#slider1_container .jssora03l {top:120px !important; left:2px !important;}
#slider1_container .jssora03r {top:120px !important; right:-5px !important;}
#slider2_container .jssora66l {top:80px !important; left:1px !important;}
#slider2_container .jssora66r {top:80px !important; right:-4px !important;}

/* slider2 - instoreSpecials */
#slides2 .cargohold { /* slider content wrapper */
	position: absolute; overflow:hidden; top:0px; left:0px; width:305px; height:300px;}
#slides2 .cargohold img {position: absolute; top:0px; left:0px; width:305px !important; height:200px !important;}
#slides2 .cargohold .slides2Img {position:absolute; top:0; left:0; width:305px !important; height:200px !important;}	
#slides2 .cargohold .productcopy {position:absolute; top:200px; left:0; width:290px; height:60px; text-align:left;}	
#slides2 .cargohold .graylink {position:absolute; top:250px; left:0; width:305px; height:20px;}	

/* slider2 ----------V2-------- instoreSpecials */
#slides2 .cargoholdv2 { /* slider content wrapper */
	position:absolute; overflow:hidden; top:0px; left:0px; width: 305px; height: 300px;}
#slides2 .cargoholdv2 img {position:absolute; top:0px; left:0px; width:305px !important; height:200px !important;}
#slides2 .cargoholdv2 .slides2Img {position:absolute; top:0; left:0; width:305px !important; height:200px !important;}
#slides2 .cargoholdv2 .greentitle {position:absolute; top:210px; left:0; text-align:left;}
#slides2 .cargoholdv2 .productcopy {position:absolute; top:230px; left:0; width:290px; height:60px; text-align:left;}	
#slides2 .cargoholdv2 .graylink {position:absolute; top:285px; left:0; width:305px; height:20px;}	


/* architecture */

.genericwrapper {float:left; width:100%;}

/* main row wrappers - all horizontal row wrappers */
#headwrapper, #collerateralwrapper, #towerwrapper, /*#midwrapper,*/ #MyBuyswrapper, #bottomwrapper, #footerwrapper, #footmarketwrapper,	#subfooterwrapper, #topBanner, #midPageBanner {
/* headwrapper - row1 - Slider, Web Wow, Closeouts Wrapper */
/* collerateralwrapper - row2 - weeklyad, seasonal, current catalog Wrapper */
/* towerwrapper - row3 & row4 - instoreIOTW, instoreSpecials-slider2, Closeouts, WebWow. promobox Wrapper */
/* MyBuyswrapper - row5 - MyBuys Wrapper */
/* bottomwrapper - row6 - communityblock Wrapper */
/* footmarketwrapper - row7 - footer marketing wrapper */	
/* footerwrapper - row7 - footer wrapper */	
/* subfooterwrapper - row8 - subfooter wrapper - Legal links & Payment Row */
/* midPageBanner - removed */	
	position:relative;
	float:left;
	width:958px;
	height:310px;
	margin:0;
	margin-bottom:20px !important;
	padding:0;
	border:0px solid #FF0000; /* testing only */
	clear:both !important;
}
/* height overwrites */
#headwrapper {height:375px; margin-top:10px;}
#collerateralwrapper {height:80px; border:0px solid #FF0000;}
#towerwrapper {height:620px; border:0px solid #FF0000;}
#midwrapper {height:300px;}
#MyBuyswrapper {height:270px; float:none; position:inherit; margin-bottom:30px !important;}
#bottomwrapper {height:270px; margin-top:10px;}
#footmarketwrapper {height:60px; background-color:#fff; margin:0 11px; margin-bottom:20px !important;}
#footerwrapper {margin:0 11px; height:230px; background-color:#f1f0f0; padding:35px 0;}
#subfooterwrapper {height:100px; float:none; margin:0 auto; text-align:center;}
#footmarketwrapper {height:60px; }
/* Banners */
#topBanner {height:43px;}
#midPageBanner {height:100px; margin:20px 0 0;}


/* vertical stacks architecture - vertical column wrappers */

.towerstack, .towerstacklast {
	float:left;
	display:inline;
	width:305px;
	height:620px;
	margin:0 21px 0 0;
	padding:0;	
	border:0px solid #00FF00; /* testing only */		
}
.towerstacklast {margin-right:0 !important;}
#footerstack { /* emailsignup & vsc  */
	float:left; 
	display:inline; 
	width:280px;
	height:230px;
	margin-left:20px;
	margin-right:30px;
	border:0px solid #00FF00; /* testing only */	
	border-right:0px solid #d7d7d7;
}

/* footer architexture */
/* footer market row */
#footmarketcol1, #footmarketcol2, #footmarketcol3 {
	position:relative;
	float:left; 
	width:300px;
	height:60px;
	margin:0;
	padding:0;
	text-align:center;
	border:0px solid #ff0000; /* testing only */	
}
#footmarketcol1 {padding-right:30px;}
#footmarketcol2 {border:1px solid #8F8F8F; border-top:0; border-bottom:0; padding:0 10px;}
#footmarketcol3 {padding:0 0 0 5px;}
#footmarketcol1 a, #footmarketcol2 a, #footmarketcol3 a {
	margin:0 auto;
	text-align:center;
	width:300px;
	height:60px;
	display:block;
	border:0px solid #cc0000; /* testing only */	
}
#footmarketcol3 a {width:280px;}
#footmarketcol1 img, #footmarketcol2 img, #footmarketcol3 img {width:300px; height:60px;}
#footmarketcol3 img {width:280px;}

/* footer link rows */
#footercol1, #footercol2, #footercol3 {
	position:relative;
	float:left; 
	width:150px;
	height:230px;
	margin-right:30px;
	border:0px solid #0099FF; /* testing only */				
}
#footercol2 {width:160px;}
#footercol3 {width:130px;}
#footercol1 ul, #footercol2 ul, #footercol3 ul {margin:0; padding:0; text-align:left;}
#footercol1 ul li, #footercol2 ul li, #footercol3 ul li {
	list-style:none;
	list-style-position:outside;
	text-align:left;
}		
#footercol1 ul li a, #footercol2 ul li a, #footercol3 ul li a {
	color:#008743;
	font-size:12px;
	line-height:1.5em;
	text-decoration:none;
	text-align:left;
}
#footercol1 ul li a:hover, #footercol2 ul li a:hover, #footercol3 ul li a:hover {
	color:#777;
	text-decoration:underline;
}
#iconcol { /* social icons */
	position:relative;
	float:left; 
	width:80px; 
	height:270px; 
	margin:0 auto 5px; 
	text-align:center;
	border:0px solid #0099FF; /* testing only */		
}


/* individuals - contained in above wraps & stacks */

#collerateralblock1, #collerateralblock2, #collerateralblock3 {
	position:relative;
	float:left; 
	width:305px; 
	height:80px;
	margin-right:21px;
	border:0px solid #0099FF; /* testing only */		
}
#collerateralblock3 {margin-right:0;}

#instoreIOTW, #instoreSpecials, #Closeouts, #WebWow, /*#promobox,*/ #doublepromobox {border:0px solid #770000;} /* testing only */	
#instoreIOTW, #instoreSpecials, #Closeouts, #WebWow, /*#promobox,*/ #doublepromobox {
	position:relative;
	float:left; 
	width:305px; 
	height:300px;	
	margin-bottom:20px;	
}
/* overwrites - TBD */
#instoreIOTW {}
#instoreSpecials {display:inline;}
#Closeouts {}
#WebWow {}
/*#promobox {} */
#doublepromobox {height:620px;}
		
#communityblock1, #communityblock2, #communityblock3 {
	position:relative;
	float:left; 
	width:305px; height:270px;
	margin-right:21px;
	border:0px solid #0099FF; /* testing only */		
}
#communityblock3 {margin-right:0;}

#emailsignup, #VSC {
	float:left; width:280px; height:120px;
	display:inline;
	padding-right:5px;
	border:0px solid #0099FF; /* testing only */
}
#emailsignup {margin-bottom:25px;} 
#VSC {height:100px;}

/* SPLIT BANNERS */
/* promobox */
/* double - two ad units */
/* full - single ad */
#doublepromobox, #fullpromobox {
	/* bgImg is defined in html */
	background-repeat:no-repeat; 
	background-position:top left;
}
#doublepromobox a.promolink, #fullpromobox a.fullpromolink {
	display:block; 
	width:305px; 
	height:300px; 
	margin-bottom:20px; 
}
#fullpromobox a.fullpromolink {height:620px; margin-bottom:0;}

/* topBanner */
/* double - two ad units */
/* full - single ad */
#doublebanner, #fullbannerbox {
	/* bgImg is defined in html */
	background-repeat:no-repeat; 
	background-position:top left;
	width:958px; 
	height:43px;
	margin-bottom:20px !important;
}
/*#fullbannerbox {width:958px;}*/
.doublebannerbox {float:left; width:479px; height:43px;}
.doublebannerbox a.bannerlink, #fullbannerbox a.fullbannerlink {
	display:block; 
	width:479px; 
	height:43px; 
}
#fullbannerbox a.fullbannerlink {width:958px;}

/* Black Friday 2015 */
.BFfullbannerbox {
	display:block; 
	width:958px;
	height:375px; 
	text-align:center;
	margin:0 auto 40px !important;
	padding:0;
}
.BFbox1 {height:100px !important; margin-top:20px !important;}
.BFfullbannerbox a.fullbannerlink {
	display:block; 
	width:958px; 
	height:375px; 
}
.BFbox1 a.fullbannerlink {height:100px !important;}

/* common */
.hide {display:none;}		
.greentitle {font-size:20px; font-weight:bold; text-align:left; color:#008743; line-height:1.1em; margin-bottom:0px;} /* all page titles */
.productcopy {margin-top:4px !important; font-size:13px; line-height:1.2em;} /* all page copy */
.foottitle {font-size:16px; font-weight:normal; text-align:left; color:#000; line-height:1.1em; margin-bottom:10px;}
#iconcol .foottitle { text-align:center;}

#instoreSpecials .genericwrapper .greentitle {margin:0 0 10px 0px;}	/* ISS overwrite */
.bbCallout {color:#f00; font-weight:bold;} /*Bonus Buy callout*/

/* gray links & positioning */
.graylink {font-size:14px; font-weight:bold; color:#008743; text-decoration:none;} /* all page links */
.graylink:hover{color:#666;}
.linkholdL {float:left;}
.linkholdR {float:left; margin-left: 130px}
.linkhold a.graylink {position:absolute; bottom:0px;} /* forcing bottom alignment */
.linkholdL a.graylink, .linkholdR a.graylink {position:absolute; bottom:0px;} /* forcing bottom alignment */
/*#weeklyad .linkhold a.graylink {bottom:0px;}*/ /* forcing bottom alignment */
#instoreSpecials .productcopy, #instoreSpecials .graylink {margin-left:0px;}
#instoreSpecials .productcopy {margin-top:0px;}


/* product image writes & overwrites */
.productimg {width:305px; height:200px;} /* all product images */
.productimg a img {width:305px; height:200px;} /* all product images links */
/* individuals rewritten below */
/*productimg height overwrites */
#collerateralblock1 .productimg, #collerateralblock1 .productimg a img,
#collerateralblock2 .productimg, #collerateralblock2 .productimg a img,
#collerateralblock3 .productimg, #collerateralblock3 .productimg a img {
	height:80px;
}
/*productimg height overwrites - TBD */
#instoreIOTW .productimg, #instoreIOTW .productimg a img {margin-bottom:10px;}
#Closeouts .productimg, #Closeouts .productimg a img {margin-bottom:10px;}
#WebWow .productimg, #WebWow .productimg a img {margin-bottom:10px;}		

/*#promobox a img, #doublepromobox a img {width:305px; height:300px; margin-bottom:20px;}		
#promobox a img, #doublepromobox a img {margin-bottom:20px;} removed */

#communityblock1 .productimg, 
#communityblock1 .productimg a img,
#communityblock2 .productimg, 
#communityblock2 .productimg a img,
#communityblock3 .productimg, 
#communityblock3 .productimg a img {
	height:171px !important; 
	margin:0px 0 10px;
}

/* footer */
#VSC img {width:280px; margin:0 0 10px;}
.footericon {width:30px; height:30px;margin:2px auto;}
	

/* subfooter */
#legalrow {width:958px; height:20px; text-align:center; margin:20px auto 10px; color:#666;}
#legalrow a.legalrowlink {color:#008743; text-decoration:none;}
#legalrow a:hover.legalrowlink {color:#666; text-decoration:underline;}
#subfooter {width:650px; height:50px; text-align:center; margin:0 auto;}
.ccimg {float:left; display:inline; width:63px; height:44px; padding:5px 0 0 5px; }


/* footer emailsignup button */
#emailsignup a.orangebutton {
	background-color:#ff9933;
	color:#fff;
	display:block;
	width:80%;
	height:35px;
	margin:15px 0 0;
	padding:12px 5px 0;
	font-family:sans-serif;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	border:1px solid #f59331;		
}
#emailsignup a.orangebutton:hover {background-color:#fc7e23;}


/* MyBuysOverWrites */
#mybuyspagezone1 .MB_H1 {background:none !important; border:0 !important;}
#mybuyspagezone1 .MB_STY0 {text-align:left !important; font-size:20px !important;}

