/* ==========================================================================
   Responsive Manipulator | TargetPhoto.com Homepage
   responsive.css
   ========================================================================== */

   .page, .breadcrumbs, .breadcrumb-wrapper {
	width: auto;
	max-width: 1000px;
	min-width: 320px;
	margin: 0px auto;
	text-align: left;
	position: relative;

}
.cms-index-index .col-main {
	padding: 0px;
}
.col2-left-layout .col-main  {
	width: 800px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;

}

.col2-right-layout .col-main {
	width: 750px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;

}

.col-main.home-main { float:none; margin-left:0px; }

.col-left.sidebar {
	width: 170px;
	float: left;
}

#custom-pager a.pager-active {
	color: #CCC;
	background: #CCC;
	border-radius: 50%;
	height: 17px;
	width: 17px;
	display: inline-block;
	line-height: 15px;
}

/* ==========================================================================
   Header | TODO - Make Header Fixed on Scroll Down
   .col-main {
	 width: 100%;
 }
   ========================================================================== */

.header-container {
	position: relative;
}
.homepage2-header-banner {
	overflow: hidden;
}
a#ham {
	color: #FFF;
	background: url("../images/ham.png") no-repeat scroll center center transparent;
	display: inline-block;
	float: right;
	width: 38px;
	height: 24px;
	padding: 10px;
	margin: 16px 10px -10px -10px;
	display: none;
}

.menu {
	width: 38px;
	height: 24px;
	float: right;
}

a#amfilter {
	float: none;
	text-align: left;
	display: none;
	background: none repeat scroll 0% 0% #B70000;
	border-radius: 20px;
	color: #FFF;
	padding: 2px 10px;
	width: auto;
	border: 3px solid #fff;
	box-shadow: 0px 0px 3px 0 #777;
}
a#amfilter:hover { background: none repeat scroll 0% 0% #990000; }

.quick-access .search { height: 37px; }
/* ==========================================================================
   Layout items
   ========================================================================== */
 img { 	
	max-width: 100%;
}
.banner img {
	width: 100%;
	height: auto;
}
#personalize-it-block-cards {
	margin: 0 auto;
	width: 95%;
}

.shop-by-design .products-grid .item { text-align: center; width:230px; padding:0 0 40px; margin: 0 7px 5px !important; min-height: 360px}
.products-grid .item {  display: inline-block !important; vertical-align: top}

/* ==========================================================================
   Create Custom | Step | Dog bubble
   ========================================================================== */

.create-customize {
	background-position: bottom 80px right -20px;
	position: relative;
}
.create-customize .right {
	position: absolute;
	right: -20px;
	bottom: 80px;
}
.create-customize .left {
	padding: 10px;
}
.create-customize .content {
	width: 60%;
	line-height: 1.6em;
	padding: 0 0 30px 10px;
	text-shadow: 1px 1px 1px #fff;
}
.create-customize .step {
	height: auto;
	padding: 0 0 12px 0;
}
.create-customize .step div {
	display: none;
}
/* ==========================================================================
   Featured Items Default
   ========================================================================== */
.content .products, .feature .content .words {
	margin: 1% !important;
	background-color: #F8F8F8;
	height: 270px !important;
	text-align: center;
}
.feature .content .words {
	background-color: #B0B0B0;
	background-image: none;
	/*add quotation image (alternative)*/
	border-radius: 50%;
	position: relative;
}
.words-content:before {
	content: '\201D';
	font-size: 100px;
	font-family: Impact, Charcoal, sans-serif;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 45px;
	color: #fff;
}
.content .products img {
	width: 100%;
	max-height: 200px;
	max-width: 220px;
	height: auto;
}
/* ==========================================================================
   Take Photo
   ========================================================================== */

.take_photo .right img {
	width: 100%;
	max-width: 350px;
	margin: 0 auto !important;
}
.take_photo img {
	width: 33%;
	max-width: 282px;
	margin: 2% 1% !important;
	padding: 0 0 0 0 !important;
}
.take_photo img:nth-child(2) {
	display: none;
}
.take_photo .left {
	width: 66%;
	padding: 0 2% 20px;
}
.take_photo .right {
	width: 26%;
	padding: 0 2% 20px 2%;
	height: auto !important;
	background-repeat: repeat !important;
}
.take_photo .right img {
	max-width: 180px;
	margin: 0 auto;
}
/* ==========================================================================
   Footer
   ========================================================================== */
.footer_links .links {
	margin: 0;
	width: 30%;
	padding-left: 3%;
}
.footer_links .links {
	line-height: 18px !important;
}
.footer .footer_site_label .site_links {
	width: auto;
}
.footer .footer_site_labe {
	width: 30px;
}

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

/* manipulate content for products */
@media screen and (min-width: 0px) and (max-width: 360px) {
.words, .words span, .words-content {
	font-size: 1em !important;
}
}


@media screen and (min-width: 0px) and (max-width:999px) {

.main {
	padding: 10px;
}
.col2-left-layout .col-main {
	width: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 0px;
	border: 0;
	padding: 0 0 0 0;
	float:left
}
.col-left.sidebar {
	display: none;
}
 .col2-right-layout .col-main {
		width: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-left: 0px;
		border: 0;
		padding: 0 0 0 0;
		float:left
	}
	.col-right.sidebar {
		display: none;
	}

/*newsletter form*/
#mc_embed_signup label, #mc_embed_signup span, #mc_embed_signup input#mce-EMAIL, #mc_embed_signup input.button, #mc_embed_signup .clear {
	float: none !important;
	text-align: center !important;
	padding: 5px 0 !important;
	margin: 0 auto !important;
}
.header .top-link-cart, .header-nav {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 29px;
	margin: 0;
	line-height: 27px;
}
.header-nav {
	position: absolute;
	bottom: 0;
	left: 10px;
	height: 29px;
	margin: 0;
	line-height: 29px;
}
.promo-label {
	width: 98%;
	text-align: center;
	line-height: 16px;
	font-size:12px;
	position: absolute;
	bottom: 40px;
	right: 0;
	padding: 8px 1% 0 1%;
	background: #cc0000;
}
.nav {
	display: none
}
a#ham, a#amfilter {
	display: inline-block;
}

.category-photo-books .amfilter { display:none !important; }

.featured-nav-holder {
	display: none;
}
.product-view .product-img-box img, .product-info {
	width: 96% !important;
	max-width: 800px;
	padding: 0 2%;
	height: auto;
	margin: 0 auto !important;
	float: none;
	clear:both !important;
}
.product-view .product-img-box {
	margin: 0 auto;
	float: none;
	clear:both !important;
}
.print-group {
    max-width: 450px;
    margin: 0 auto;
	}
}

@media screen and (min-width: 0px) and (max-width: 560px) {
	/* iphone adjustment ^ default 480 */

.header-nav .links li:nth-child(n+3) { display:none; }

.col2-left-layout .col-main {
	width: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 0px;
}

.col2-right-layout .col-main {
		width: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-right: 0px;
	}

.col-left .amshopby-filters-left {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.col-left, .col-right {
	width: 100%
}
.product-view .product-img-box, .tips {
	width: 100%;
	height: auto;
	max-width: 454px;
}
.logo img {
	width: 70%;
}
.create-customize .content {
	width: 95%;
	line-height: 1.6em;
	font-size: 1.2em;
}
.create-customize {
	background: none;
}
.create-customize .step ul li {
	width: 100%;
}
.create-customize .right {
	display: none;
}
.content .products, .feature .content .words {
	width: 48%;
}
.take_photo .left {
	width: 96%;
}
.take_photo .right {
	width: 300px;
	margin: 0 auto;
	float: none !important;
	clear: both;
}
.take_photo img, .take_photo hr:nth-child(1) {
	display: none;
}
.take_photo .right img {
	display: block;
}
.footer .footer_site_label .site_links {
	margin: 10px;
	width: auto;
	text-align: center
}
.footer .footer_site_label {
	background-position: center bottom;
	height: 200px;
}
.search, .nav {
	display: none
}
a#ham {
	background: url("../images/search.png") no-repeat scroll center center transparent;
	margin: 0 0 -10px -10px;
}
.print-talbe-div {
	float: none;
}
.print-table .price-info {
	width: 100% !important;
}
/*shopping cart - base*/
.product-tbl td {
	text-align: center;
}
#shopping-cart-table {
	margin: 1em 0;
}
#shopping-cart-table tr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#shopping-cart-table th {
	display: none;
}
#shopping-cart-table td {
	display: block;
}
#shopping-cart-table td:first-child {
	padding-top: .5em;
}
#shopping-cart-table td:last-child {
	padding-bottom: .5em;
}
#shopping-cart-table td.a-center:before {
	content: attr(data-th) ":";
	font-weight: bold;
	width: 6.5em;
	display: inline-block;
}
#shopping-cart-table th, #shopping-cart-table td {
	text-align: left !important;
}
/*login*/
.account-login .new-users {
	left: 0 !important;
}
.account-login .registered-users .form-list .input-box, .account-login .registered-users .form-list input.input-text,
.form-list input.input-text, .form-list .input-box,
.form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide select {
	width: 100%;
}
.form-list li table td { display: inline-block; }
}

@media screen and (min-width: 480px) and (max-width: 719px) {
.content .products, .feature .content .words {
	width: 48%;
}
.create-customize .step ul {
	width: 100%;
}
.create-customize .step ul li {
	white-space: nowrap;
}
.search {
	display: none
}
a#ham {
	background: url("../images/ham.png") no-repeat scroll center center transparent;
}
}

@media screen and (min-width: 720px) and (max-width: 999px) {
.content .products, .feature .content .words {
	width: 23%;
}
.words, .words span, .words-content {
	font-size: 1em !important;
}
}

@media screen and (min-width: 1000px) {
.content .products, .feature .content .words {
	width: 23%;
}
/*remove vert bar*/
.take_photo img:nth-child(2) {
	display: inline;
	width: auto;
}
}

@media screen and (min-width: 875px) {
.create-customize .step div {
	display: block;
}
}

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.step:before, .clearfix:before, .step:after, .clearfix:after, form:before, form:after {
	content: " ";
	display: table;
}
.step:after, .clearfix:after, form:after {
	clear: both;
}
.step, .clearfix, form, #mc_embed_signup {
 *zoom: 1;
	height: auto !important;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
@page {
	margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}