/* = new template changes css
--------------------------------------------------------------------------------------------

	new template changes for sf style sheet
	
	zankhana.vyas@harlandclarke.com
	steve.armbrecht@harlandclarke.com  awww thanks
	
--------------------------------------------------------------------------------------------
*/





/* = Misc
--------------------------------------------------------------------------------*/
.banner-container{
	margin-bottom:20px;
	border-bottom:1px solid #cccccc;
}
.h1banner {
    height: 130px;
    position: relative;
    width: 800px;
	margin-bottom:-10px;
}
.h1banner h1{
	margin-bottom:15px;
}
.h1bannerInner {
    top: 38px;
    left: 17px;
    position: absolute;
    width: 525px;
}
.article h2 {
    font: 22px/24px Geneva,Arial,sans-serif;
    margin: 10px 0 15px;
}
.article h3, h4 {
    color: #666666;
    font: bold 14px/16px Geneva,Arial,sans-serif;
    margin: 7px 0 10px;
}
.padding-bottom-20px{
		padding-bottom:20px !important;
}
.img-full-size img,
img.img-full-size{
	width:100%;
	height:auto;
}


/* = blue border blue background box
--------------------------------------------------------------------------------*/
.blue-border-box{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #90b8e1;
	background-color:#edf4fb;
	text-align:center;
	padding:20px;
	
}




/* = Home page show hide content based on screen size
--------------------------------------------------------------------------------*/
.hide-small-screen{
	display:none;
}

/* = bread crumbs
--------------------------------------------------------------------------------*/
div.breadCrumbContainer {
    border-bottom:none;
}

/* = Home page menu, targeter, banner
--------------------------------------------------------------------------------*/
table#hp-content{
	width:100%;
	margin-top:-10px;
}
	td#hp-content-left{
		width:220px;
		vertical-align:top;
	}
td#hp-content-right{
	vertical-align:top;
}
	/*
	td#hp-content-right h2{
		font:normal bold 14px/20px Arial, Helvetica, sans-serif;
		color:#453d4c;
		margin:15px 10px 0 10px;
	}
	*/

/* = Home page feature content containers
--------------------------------------------------------------------------------*/
.feature-content h2{
	color:#000000;
	text-transform:uppercase;
}
.feature-content .header-img{
	overflow:visible;
}
	.feature-content .header-img a,
	.feature-content .header-img span{
		display:block;
		text-align:center;
		border:1px solid #C2C2C2;
		}
	.feature-content .header-img img{
		width:80%;
		height:auto;
	}

/* = Home page carousel
--------------------------------------------------------------------------------*/
.hp-carousel{
	margin-top:40px;
}
	.hp-carousel .hp-carousel-title{
		position:relative;
		text-align:center;
		border-bottom:1px solid #ccc;
		padding-bottom:5px;
	}
		.hp-carousel .hp-carousel-title h3{
		    font-size: 16px;
		    text-transform:uppercase;
		}
	.hp-carousel .hp-carousel-menu{
		position:absolute;
		bottom:2px;
		right:0;
		display:block;
		width:auto;
	}
		.hp-carousel .hp-carousel-menu ul{
			margin:0;
			padding:0;
			list-style-type:none;
		}
			.hp-carousel .hp-carousel-menu ul li{
				display:inline-block;
				margin:0 5px 0 0;
				padding:0 0 0 7px;
				border-left:1px solid #ccc;
			}
				.hp-carousel .hp-carousel-menu ul li:first-child{
					border-left:none;
				}
			
				
	.hp-carousel ul#mycarousel li,
	.hp-carousel ul#mycarousel2 li,
	.hp-carousel ul#mycarousel3 li{
		display: inline-block;
		width: 225px;
	}
		.hp-carousel ul#mycarousel div.border-e1e1e1,
		.hp-carousel ul#mycarousel2 div.border-e1e1e1,
		.hp-carousel ul#mycarousel3 div.border-e1e1e1{
		    border: 1px solid #ffffff !important;
		    padding: 7px;
		}
			.hp-carousel ul#mycarousel li span img,
			.hp-carousel ul#mycarousel2 li span img,
			.hp-carousel ul#mycarousel3 li span img{
					margin-bottom:5px;
				}
				.hp-carousel ul#mycarousel li p,
				.hp-carousel ul#mycarousel2 li p,
				.hp-carousel ul#mycarousel3 li p{
					margin:0 !important;
				}
				.hp-carousel ul#mycarousel p.categoryName,
				.hp-carousel ul#mycarousel2 p.categoryName,
				.hp-carousel ul#mycarousel3 p.categoryName{
					margin:0;
					text-transform:uppercase;
					color:#666666;
				}
				.hp-carousel ul#mycarousel li p.productName,
				.hp-carousel ul#mycarousel2 li p.productName,
				.hp-carousel ul#mycarousel3 li p.productName{
				    color: #666666;
					font: 11px/12px Arial,Helvetica,sans-serif;
					height: auto;
					margin: 0;
					overflow: hidden;
					padding: 0 0 0 0;
					width: inherit;
				}
.hp-carousel ul#mycarousel li p.price,
.hp-carousel ul#mycarousel2 li p.price,
.hp-carousel ul#mycarousel3 li p.price{
					color: #6B6B6B;
				    font-size: 11px;
				    margin: 0;
					padding: 0 0 0 0;
				    width: inherit;
				}
.hp-carousel .hp-carousel-menu ul li a{
					color:#3c3c3c;
					text-decoration:underline;
				}
					.hp-carousel .hp-carousel-menu ul li a:hover{
						text-decoration:none;
					}

/* = Home page Pinterest
--------------------------------------------------------------------------------*/
.pinterest{
	/* margin-top:40px; */
}
.pinterest h2 {
    color: #000000;
    text-transform: uppercase;
	letter-spacing:1em;
}
.social-logo{
	padding-bottom:15px;
	border-bottom:1px solid #cccccc;
}

/* = Home page rows of boxes - hidden on screen size
--------------------------------------------------------------------------------*/
/* all boxes for all rows */
td#hp-content-right div.box-1, 
td#hp-content-right div.box-2{
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	border-radius:3px;
}
/* end header background images */


/* row 1 */
td#hp-content-right div.row-1-box{
	height:210px;
}
	td#hp-content-right div.row-1-box.box-2{
		background-color:#ededed;
	}
/* end row 1 */			


/* row 2 */
td#hp-content-right div.row-2-box{
	height:255px;
	position:relative;
}
/* end row 2*/

/* =Sticky Footer
--------------------------------------------------------------------------------*/
#sf-homepage-footer-wrap{
	clear:both;
	overflow:visible;
	padding-bottom:125px;/* must be same height as the footer */
	background-color:#fff;/**/
} 

#sf-homepage-footer-wrap{
	position:relative;
	margin-top:-125px; /* negative value of footer height */
	height:125px;
	overflow:hidden;
	min-width:960px;
	background-color:#fff;
}

#sf-homepage-footer-wrap #footer h2{font-weight:bold;}
#sf-homepage-footer-wrap div.bg-footer{background-color:#fff;}
#sf-homepage-footer-wrap div.bg-footer-social-bar{display:none;}
#sf-homepage-footer-wrap div#footer-social-bar{display:none;}
#sf-homepage-footer-wrap div#footer-social-bar .get-savings{display:none;}
#sf-homepage-footer-wrap div#footer-social-bar .social-links{display:none;}
#sf-homepage-footer-wrap div#footer{padding-top:20px;border-top:5px solid #999999;}
#sf-homepage-footer-wrap #store-zip{display:inline-block;width:50px;line-height:1.5em;vertical-align:top;}
#sf-homepage-footer-wrap img.advertisement{display:inline-block;width:48%;height:auto;margin-right:2%;}
#sf-homepage-footer-wrap ul{margin-bottom:20px;}
#sf-homepage-footer-wrap  .footer-links input[type="submit"]{
	display:inline-block;
	height:28px;
	width:60px;
	margin-top:0;
	text-align:center;
	line-height:1.5em;
	vertical-align:top;
	}
#sf-homepage-footer-wrap #footer .badgeRow{display:none;}
#sf-homepage-footer-wrap #footer .copyright{display:none;}

#sf-homepage-footer-wrap #footer img.satisfaction-guarantee{width:75px;height:auto;}


#sf-homepage-footer-wrap #footer div.grid_4 div.border-left{
	border-left:1px solid #ccc;
	padding-left:5%;
	height:200px;
}

/* = Home page picture slides - JQuery Cycle Plugin - allows banner rotation with effects
--------------------------------------------------------------------------------*/
#banner-rotator{
	position:relative;/**/
	margin:0;
	padding:0;
	/*height:210px;*/
	width:99.66%;
	border:1px solid #e1e1e1;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
}
.slideshow{
	margin:0;
	padding:0;
	width:100%;
	background:transparent;
	overflow:hidden;
}

/*ADDED SLIDER TO COMPENSATE FOR MULTIPLE SLIDERS IN SITE - JUST PLACE YOUR BANNER IMAGE IN A DIV NAMED SLIDER WRAPPED IN A DIV NAMED SLIDESHOW*/
.slider{
	position:relative;
	margin:0;
	padding:0;

	width:100%;	max-height: 530px;
}
/*.slider a{ display:block; 	height: auto;}*/
.slider img {
	max-width: 100%;
	height: auto;
}

/* .slide{
		position:relative;
		margin:0;
		padding:0;
		height:350px;
		width:100%;
}
.banner-1{
	position:relative;
	height:210px;
	width:100%;
	background:transparent url("../../images/expressionery/banner-rotator/bg-banner-1.jpg") no-repeat top right;
}
	.banner-1 img.img-1{
		position:absolute;
		bottom:0;
		left:0;
		z-index:10;
	}
	.banner-1 img.img-2{
		position:absolute;
		bottom:0;
		right:-20px;
		z-index:10;
	}
	.banner-1 .html-content{
		position:absolute;
		top:40px;
		left:130px;
		z-index:20;
		text-align:right;
	}
	.banner-1 .html-content h2{
		margin:0 0 10px 0 !important;
		padding:0 !important;
		font:normal normal 21px Arial, Helvetica, sans-serif !important;
		color:#747474 !important;
	}
	.banner-1 .html-content p{
		margin:0 0 20px 0 !important;
		padding:0 !important;
		font:normal normal 11px Arial, Helvetica, sans-serif !important;
		color:#333 !important;
	}
	.banner-1 .html-content a{}
	
.banner-2{
	position:relative;
	height:210px;
	background:transparent url("../../images/expressionery/banner-rotator/bg-banner-2.jpg") repeat-x top left;
}
	.banner-2 img.img-1{
		position:absolute;
		top:0;
		right:0;
		z-index:10;
	}
	.banner-2 .html-content{
		position:absolute;
		top:20px;
		left:0px;
		z-index:20;
		width:235px;
		text-align:right;
	}
	.banner-2 .html-content h2{
		margin:0 0 15px 0 !important;
		padding:0 !important;
		font:normal normal 31px/33px Arial, Helvetica, sans-serif !important;
		color:#195ac1 !important;
	}
	.banner-2 .html-content p{
		margin:0 0 20px 0 !important;
		padding:0 !important;
		font:normal normal 12px Arial, Helvetica, sans-serif !important;
		color:#333 !important;
	}
	.banner-2 .html-content a{}

.banner-3{
	position:relative;
	height:210px;
	background:transparent url("../../images/expressionery/banner-rotator/bg-banner-3.jpg") no-repeat top right;
}
	.banner-3 img.img-1{
		position:absolute;
		top:0px;
		right:0px;
		z-index:10;
	}
	.banner-3 img.img-2{
		display:block;
		margin:0 auto;
	}
	.banner-3 .html-content{
		position:absolute;
		top:20px;
		left:0px;
		z-index:20;
		width:190px;
		text-align:right;
	}
	.banner-3 .html-content h2{
		margin:0 0 15px 0 !important;
		padding:0 !important;
		font:normal normal 31px/33px Arial, Helvetica, sans-serif !important;
		color:#838383 !important;
	}
	.banner-3 .html-content p{
		margin:0 0 20px 0 !important;
		padding:0 !important;
		font:normal normal 11px Arial, Helvetica, sans-serif !important;
		color:#333 !important;
	}
	.banner-3 .html-content a{} */

/*
div#banner-rotator, div#nav{
	background:red;
}
*/
#nav{
	position:absolute;
	left:5px;
	bottom:10px;
	z-index:500;
}
	#nav a{
		display: inline-block;
		padding:1px 7px 3px 7px;
		margin:3px;
		border:1px solid #d3d3d3;
		height:15px;
		text-align:center;
		text-decoration:none;
		background:#efefef;
		color:#cccccc;
		font-size:11px;
	}
		#nav a.activeSlide {
			color:#1a75cf;
			background:#ffffff;
		}
		#nav a:focus{
			outline:none;
		}

/* = template changes override for category
--------------------------------------------------------------------------------*/
.category-targeter { 
	margin-right: -8px; /* to pull banner in line with nav lines */
/*
    background-color: #FFF1F1;
    border: 1px solid #F6D7DD;
    color: #9A9290;
    font-size: 12px;
    padding: 10px; */
}
	.category-left-menu ul li{
		padding:2px;
	}

/* = template changes override for gallery page
--------------------------------------------------------------------------------*/
.product-container-img {
    margin-bottom: 10px;
    position: relative;
}

.product-container-img a.fav-icon{
	position:absolute;
	bottom:-10px;
	right:-8px;
}

div.product-container h5 {
	display: block;
	font-size: 16px;
	height: auto;
	overflow: visible;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

.bestsellerDesign {
	position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background: url("../../images/expressionery/Best-seller-flag.png") no-repeat scroll transparent;
    
    /*position: absolute;
    bottom: 0;
    width: 100%;
    color: #28aac1;
    text-align: center;
    background-color: rgba(255,255,255,.9);*/
}
.longaddress-stamp {
    background: url("../../images/expressionery/longAddress-overlay.png") no-repeat scroll transparent;
    height: 18px;
    top: 0;
    left: 0;
    position: absolute;
    width: 35px;
}
.newdesignclass {
	position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background: url("../../images/expressionery/New-flag.png") no-repeat scroll transparent;
    /*background: url("../../images/expressionery/ff_new.png") no-repeat scroll right bottom transparent;
    height: 24px;
    top: 0;
    left: -3px;
    position: absolute;
    width: 74px; */
}



/* = tip banners
--------------------------------------------------------------------------------*/
.tbtiming {
    background-position: 0 -136px;
}
.tipBanner {
    background: url("../../images/expressionery/banners/walmart_sprite_tipBanners.png") no-repeat scroll 0 0 transparent;
    height: 136px;
    margin: 20px 0 0;
    position: relative;
    width: 800px;
}
.tipBannerInner {
    left: 192px;
    margin-right: 27px;
    position: absolute;
    top: 15px;
}
.tipBannerInner p {
    color: #707070;
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
}
.tipBanner a {
    color: #1A75CF;
    font-weight: bold;
    text-decoration: none;
}

.tb8weeks {
    background-position: 0 -1224px;
}



/* = gallery pages
--------------------------------------------------------------------------------*/
/*body#gallerypage h1{
	display:block;
	height:30px;
	padding-top:6px;
	font-size:35px;
	color:#3473c0;
	text-shadow:none;
	overflow:hidden;
}*/
/*
body#gallerypage div.banner-container{
	display:none !important;
}
*/


/* = pagination - new style
--------------------------------------------------------------------------------*/
.pagination-new{
	padding:10px;
	border-top:1px dotted #c0c0c0;
	border-bottom:1px dotted #c0c0c0;
}
	.pagination-new .pagination-viewing{
		font-size:12px;
		color:#606060;
		text-align:left;
		line-height:1.8em;
	}

	.pagination-new .pagination-pages{
		
	}
		.pagination-new .pagination-pages .offscreen{
			display: none;
		}
		.pagination-new .pagination-pages ol {
		    float:right;
			margin:0;
			padding:0;
		}
			.pagination-new .pagination-pages ol.page-numbers li {
				color:#666666;
				float:left;
				margin-left:5px;
			}
				.pagination-new .pagination-pages  ol.page-numbers li.selected {
					display:block;
					height:20px;
					width:20px;
					padding:1px 0 0 0;
					text-align:center;
					color: #4d4d4d;
					font-weight:bold;
					border:none;
					background-color:#ffffff;
				}
				.pagination-new .pagination-pages ol.page-numbers li.page-count {
					color:#606060;
					font-size:11px;
					padding:0 20px 0 0;
				}
				.pagination-new .pagination-pages li.view-all a,
				.pagination-new .pagination-pages li.view-all a:active,
				.pagination-new .pagination-pages li.view-all a:visited{
					width:auto !important;
					color:#808080 !important;
					padding-left:10px !important;
					background:#ffffff !important;
					border:none !important;
					border-left:1px solid #e0e0e0 !important;
					text-decoration:underline !important;
				}
					.pagination-new .pagination-pages li.view-all a:hover{
						text-decoration:none !important;
					}
				.pagination-new .pagination-pages ol.page-numbers li a {
					display:block;
					height:19px;
					width:19px;
					padding:0;
					text-align:center;
					color: #333;
				    border:1px solid #f4f4f4;
					background-color:#f8f8f8;
				}
					.pagination-new .pagination-pages a.previous-page, 
					.pagination-new .pagination-pages a.next-page, 
					.pagination-new .pagination-pages a.first-page, 
					.pagination-new .pagination-pages a.last-page{
						display:block;
						margin: 0 3px;
						padding: 6px 6px 8px 6px;
						border:none !important;
						background: url("../../images/expressionery/icon.png") no-repeat scroll center center transparent;
						background-color:transparent !important;
					}
					.pagination-new .pagination-pages a.previous-page{
						background-position: right -938px;
						width:13px !important;
						padding:0px !important;
						margin:0 !important;
					}
					.pagination-new .pagination-pages a.next-page {
						background-position: right -980px;
						width:13px !important;
						padding:0px !important;
						margin:0 !important;
					}
					.pagination-new .pagination-pages a.first-page {
						background-position: left -938px;
						width:13px !important;
						padding:0px !important;
						margin:0 !important;
					}
					.pagination-new .pagination-pages a.last-page {
						background-position: left -980px;
						width:13px !important;
						padding:0px !important;
						margin:0 10px 0 0 !important;
					}
label.pagination-sort-by{
	padding:7px 10px 0 0;
	display:inline-block;
}	
				


/* class update for hero banner */
.hp-right-content{ margin-left:250px; margin-right: 20px;}

/* = FAQ PAGE
--------------------------------------------------------------------------------*/
.faq{
	padding:20px 20px 0 20px;
}