@charset "UTF-8";
/* CSS Document */
/*  Last updated 20160509 - bn */

/* Global Styles */
.right8 {margin-right: 8px;}
.left8 {margin-left: 8px;}
.right10 {margin-right:10px;}
.right15 {margin-right:15px;}
.right20 {margin-right:20px;}
.bottom10 {margin-bottom:10px;}
.bottom20 {margin-bottom:20px;}
.bottom30 {margin-bottom:30px;}
.bottom40 {margin-bottom:40px;}
.padding020 {padding:0 20px;}
.left {float:left;}
.DTgreen {color: #007b3e;}

.universalBanner {
	width: 100%; 
	height: 45px; 
	background-color: #fff;
}

/* Main Category Landing Pages */
#L1header {
	float:right;
	width:750px;
	height:304px
}
#L1header .heroImage {
	float:left; 
	width:545px;
}
#L1header .rightStack {
	float:left; 
	width:205px; 
	height:304px;
}
#L1header .rightStack {
	float:left; 
	width:205px; 
	height:304px;
}

.L1middletitle {
	font-size:1.50em; 
	font-weight:bold; 
	margin:30px 0 20px 10px;
}
#mybuyspagezone1 .L1middleMB {
	20px 20px 40px;
}

#L1bottom {
	float: right;
	width: 750px;
	height: 250px;
	margin: 20px 0;
}
#L1bottom .leftImg {
	float: left;
	width: 365px;
	height: 250px;
}
#L1bottom .rightImg {
	float: right;
	width: 365px;
	height: 250px;
}

#L1locator {
	float: right;
	margin: 10px 0 20px 0;
}
#L1locator .gray_gradient {
	background:  url(/assets/images/cms/section/gray_gradient_tile.gif) top left repeat-x;
	height: 49px;
}
#L1locator .title {
	float: left;
	padding: 16px 0 0 20px;
}
#L1locator .separator {
	float: left;
	padding:0 15px;
}
#L1locator .find {
	padding: 13px 18px 0 0;
	float: left;
	font-size:14px;
}

#L1seo {
	float: right;
	width: 750px;
	margin-bottom: 20px;
}
#L1seo h2 {
	 margin-top:24px; 
	 margin-bottom:8px;
}
#L1seo p {
	font-size:12px; 
	line-height:1.4em;
}

/* Seasonal Landing Pages */
#seasonalL1 .blue {
		color:#0072bc; 
}
#seasonalL1 a {
	text-decoration:underline; 
	font-weight:normal; 
}
#seasonalL1 {
	width: 750px;
	float: right;
}
#seasonalL1 .header {
	height:620px; 
}
#seasonalL1 .rightStack {
	float:left; 
	width:442px; 
	height:620px;
}
#seasonalL1 .rightStack .smImage {height:412px;}
#seasonalL1 .rightStack .linksBox {height:204px; }
#seasonalL1 .rightStack .linksBox .twoColumns {
	width:221px; 
	float:left;
	font-size: 1.5em;
}
#seasonalL1 .rightStack .linksBox .linkContainer {
	height:24px; text-align:center; padding: 22px 0;
}
#seasonalL1 .leftStack {
	float:left; 
	width:288px;
}
#seasonalL1 .secondaryAd {
	width:288px; 
	height:224px; 
	margin-bottom:5px;
}
#seasonalL1 h2.headerAd {
	font-weight:bold; 
	font-size:1.25em;
}
#seasonalL1 .firstHeader {
	padding-bottom:5px; 
	margin-bottom:10px;
}
#seasonalL1 p.headerAd {
	margin:5px 0; 
	font-size: 1.0em;
}
#seasonalL1 .link {
	font-size:1.15em;
}
#seasonalL1 .headline {
	margin:30px 0 20px;
	font-size:24px; 
	font-weight:bold;
}


/* new subheader section layout */
#seasonalL1 .subheader {
	height:430px; 
}
#seasonalL1 .rightStack2, #seasonalL1 .leftStack2 {
	float:left; 
	width:365px; 
	height:430px;
}
#seasonalL1 .leftStack2 .text, #seasonalL1 .rightStack2 .text {
	font-size:14px; 
	margin:10px 0 5px;
}
#seasonalL1 .products2x .ad, #seasonalL1 .rightStack2 .ad, #seasonalL1 .leftStack2 .ad {
	float:left; 
	width:365px;
	text-align:center; 
}
#seasonalL1 .rightStack2 .adImg {
	width:365px; 
	height:177px;
}


#seasonalL1 .products2x {height:220px; }
#seasonalL1 .products2x .ad {
	float:left; 
	width:365px;
	text-align:center; 
}
#seasonalL1 .products2x .adImg {
	width:365px; 
	height:177px;
}
#seasonalL1 .products2x .title {
	font-size:1.25em;
	font-weight:bold;
}
#seasonalL1 .products2x .text {
	font-size:14px; 
	margin:10px 0 5px;
}
#seasonalL1 .products2xSmall {height:100px; }
#seasonalL1 .products2xSmall .ad {
	float:left; 
}
#seasonalL1 .products3x {height:350px; }
#seasonalL1 .products3x .ad, #seasonalL1 .blog .ad, #seasonalL1 .vsc .ad  {
	float:left; 
	width:236px;
}
#seasonalL1 .products3x .title {
	font-size:1.25em;
	font-weight:bold;
}
#seasonalL1 .products3x .text {
	font-size:14px; 
	margin:10px 0 5px;
}
#seasonalL1 .products4x {height:200px; }
#seasonalL1 .products4x .adImg {
	float:left; 
	width:168px; 
	text-align:center; 
}
#seasonalL1 .twoAccross {
	margin:40px 0; 
	height:168px;
}
#seasonalL1 .twoAccross .title {
	font-size:1.3em; 
	font-weight:bold;
}
#seasonalL1 .twoAccross .ad {
	float:left; 
	width:158px; 
}
#seasonalL1 .twoAccross .text {
	margin:8px 0 4px; 
	font-size:1.0em; 
	line-height:18px;
}
#seasonalL1 .twoAccross .adImg {
	float:left; 
	width:168px; 
	text-align:center; 
}
#seasonalL1 .twoAccross .link {
	font-size:1.0em;
}
#seasonalL1 .twoAccross .divider {
	width:1px; 
	float:left; 
	height:168px; 
	border-left:#ccc 1px solid;
}
#seasonalL1 .banner {
	height:200px; 
	width:750px; 
	margin:20px 0 40px;
}
#seasonalL1 .videos {
	width:750px; 
	height:200px;
}
#seasonalL1 .videos .watchVideo {
	float:left; 
	width:235px;
	height:160px;
}
#seasonalL1 .videos .watchVideo p {
	height:26px;
	text-align:center;
	font-weight:bold;
	font-size:1.15em;
	padding-top:5px;
}
#seasonalL1 .videos .text {
	margin:10px 0 20px;
	font-size:1.0em; 
}
#seasonalL1 .games, #seasonalL1 .blog, #seasonalL1 .vsc {
	width:750px; 
	height:224px; 
}
#seasonalL1 .games .playGames {
	float:left; 
	width:236px;
}
#seasonalL1 .genericAdRow {
	width:750px; 
	height:193px; 
}
#seasonalL1 .genericAdRow .genericAdSpot {
	float:left; 
	width:236px;
}


/* Xtreme Values  */
#L1xtreme {
	width:750px; 
	float:right;
}
#L1xtreme .heroImage {
	width:750px; 
	height:375px;
}
#L1xtreme .categories {
	float:right; 
	width:730px; 
}
#L1xtreme .spacerImage {
	margin-top:30px; 
	width:730px; 
	height:30px;
	clear: right;
}
#L1xtreme a {
	text-decoration:underline; 
	font-weight:normal; 
	font-size:1.0em;
}
#L1xtreme .copy {
	margin:10px 0; 
	font-size:1.0em;  
	line-height:16px;
}
#L1xtreme .bonusbuys {
	float:right; 
	width:730px; 
	height:210px;
}
#L1xtreme .bonusbuysRight {
	float:left; 
	width:290px; 
	margin-right:30px;
}
#L1xtreme h2.bonusbuysTitle {
	height:31px; 
	width:169px; 
	margin-top:20px;
}
#L1xtreme .bonusbuysImage {
	float:right; 
	width:410px;
}
#L1xtreme .closeouts {
	float:right; 
	width:730px; 
	height:180px;
}
#L1xtreme .closeoutsImage {
	float:left; 
	width:400px; 
	margin-right:30px;
}
#L1xtreme .closeoutsLeft {
	float:right; 
	width:300px; 
	text-align:right;
}
#L1xtreme h2.closeoutsTitle {
	height:25px; 
	width:139px; 
	margin:5px 0 0 161px;
}
#L1xtreme .pickpack {
	float:right;
	 width:730px; 
	 height:180px;
}
#L1xtreme .pickpackRight {
	float:left; 
	width:290px; 
	margin-right:90px;
}
#L1xtreme h2.pickpackTitle {
	height:25px; 
	width:176px;
}
#L1xtreme .note {
	font-size:1em;  
	line-height:14px; 
	font-style:italic;
}
#L1xtreme .pickpackImage {
	float:right; 
	width:350px;
}
#L1xtreme .newarrivals {
	float:right; 
	width:730px; 
	height:240px;
}
#L1xtreme .newarrivalsImage {
	float:left; 
	width:420px; 
	margin-right:50px;
}
#L1xtreme .newarrivalsLeft {
	float:right; 
	width:260px; 
	text-align:right;
}
#L1xtreme h2.newarrivalsTitle {
	height:23px; 
	width:199px; 
	margin:20px 0 0 61px;
}

/* Summer Fun */
#seasonalL1 .headerSF {
	width:750px; 
	height:190px;
}
#seasonalL1 .bannerSFheadine {
	height:30px; 
	background-color:#1e355e; 
	color:#fff; 
	text-align:center; 
	padding:20px 0 10px; 
	font-size:2.0em; 
	font-weight:700;
}
#seasonalL1 .bannerText {
	height:100px; 
	width:750px; 
}
#seasonalL1 .bannerText200 {
	height:200px; 
	width:750px; 
}
#seasonalL1 .singleAd {
	height:100px; 
	border-bottom:1px solid #ccc;
}
#seasonalL1 .singleAd .rightStack {
	float:left; 
	width:334px; 
	height:100px;
	margin-left:10px;
}
#seasonalL1 .singleAd .adImg {
	float:left; 
	width:406px; 
	height:100px;
}
#seasonalL1 .singleAd .title {
	font-size:1.25em;
	font-weight:bold; 
}
#seasonalL1 .singleAd .text {
	font-size:1.0em; 
	margin:5px 0;
}
#seasonalL1 .adcatalogDouble {
	height:100px;
}
#seasonalL1 .adcatalogDouble .adImg {
	float:left; 
	width:203px; 
}
#seasonalL1 .adcatalogDouble .link {
	float:left; 
	width:133px; 
	text-align:center;
	padding:30px 20px 0 0;
}
/*#seasonalL1 .adcatalogDouble .link2  {
	float:left; 
	width:133px; 
	text-align:center;
	padding:30px 10px 0 20px;
}*/

/* Graduation */
#seasonalL1 .shopbyColor {
	height:340px; 
	width:750px; 
}
#seasonalL1 .colorFinder {background:url(/assets/images/cms/graduation/2016/school-finder.jpg) no-repeat top left;}
#seasonalL1 .comingSoon {background:url(/assets/images/cms/graduation/2016/coming-soon-bg.jpg) no-repeat top left;}
#seasonalL1 .shopbyColor .leftStack {
	float:left; 
	width:335px; 
	padding-right:50px;
}
#seasonalL1 .shopbyColor .leftStack .shopNow {
	width:295px; 
	height:300px; 
	display:block !important;
}
#seasonalL1 .shopbyColor .rightStack {
	float:left; 
	width:365px;
	height:338px; 
}
#seasonalL1 .shopbyColor .rightStack .title {margin:20px 15px 14px;}
#seasonalL1 .shopbyColor .rightStack .table {margin:0 15px;}
#seasonalL1 .gradDouble {
	height:295px; 
	width:750px;
}
#seasonalL1 .gradDouble .bottom365 {
	float:left; 
	width:365px;
}
#seasonalL1 .gradTriple {height:255px;}
#seasonalL1 .gradTriple .bottom237 {
	float:left; 
	width:237px;
}
#seasonalL1 .gradTriple .bottom236 {
	float:left; 
	width:236px;
}
#seasonalL1 .gradTriple .copy {height:30px;}
#seasonalL1 .videoCrafts {height:285px;}
#seasonalL1 .videoCrafts .video {
	float:left; 
	width:494px;
}
#seasonalL1 .videoCrafts .headline {
	font-size:1.25em; 
	margin:10px 0 0 0;
}
#seasonalL1 .videoCrafts .copy {height:45px;}
#seasonalL1 .videoCrafts .crafts {
	float:left; 
	width:117px;
}
#seasonalL1 .videoCrafts .craft133 {height:133px;}
#seasonalL1 .videoCrafts .craftsText {
	float:left; 
	width:109px;
}
#seasonalL1 .copy, #seasonalL1 .videoCrafts .craftsCopy {
	line-height:14px; 
	padding-bottom:3px;
	font-size:1.0em;
}

/* Halloween */
#seasonalL1.halloween {
	background-color:#000;
	color: #fff;
}
#seasonalL1 h1 {
	height:112px;
	margin:0;
	padding:0;
}
#seasonalL1.halloween .clouds {height:63px;}
#seasonalL1.halloween #header {
	background-image: url(/assets/images/cms/specials/halloween-headquarters/2015/countdown-background-1101.jpg);
	background-repeat: no-repeat;
	height: 140px;
	width: 750px;
}
#seasonalL1.halloween #clock {
	margin-top: 20px;
	margin-left: 60px;
	float:left;
}
#seasonalL1.halloween #TextBox_jbeeb_90 span, #seasonalL1.halloween #TextBox_jbeeb_175 span, #seasonalL1.halloween #TextBox_jbeeb_260 span, #seasonalL1.halloween #TextBox_jbeeb_345 span {color:#fff;}  
#seasonalL1.halloween .nextYear {
	height:238px; 
	margin-bottom:20px;
}
#seasonalL1.halloween .crafts {
	background-color:#000; 
	color:#fff;  
	height:350px; 
	padding:0 20px; 
	margin:20px 0;
}
#seasonalL1.halloween .crafts h2 {
	padding-top:15px; 
	font-size:34px; 
	font-weight:bold;
}
#seasonalL1.halloween .crafts .craftIdea {
	float:left; 
	width:223px; 
	text-align:center;
}
#seasonalL1.halloween .video {height:340px;}
#seasonalL1.halloween .video .leftStack {
	float:left; 
	width:533px; 
	margin: 0 20px;
}
#seasonalL1.halloween .video .rightStack {
	float:left; 
	width:167px; 
	height:340px;
}
#seasonalL1.halloween .rightStack .title {
	color:#9933ff; 
	font-size:1.5em; 
	font-weight:bold;
}

/* Care Packages */
#seasonalL1 h2.carePackages {
	font-weight:bold; 
	font-size:3.3em;
}
#seasonalL1 p.carePackages {
	margin:5px 0 0; 
	font-size: 1.75em;
}
#seasonalL1 .carePackagesAd {
	width:288px; 
	height:300px; 
	margin-top:30px;
}