/* =======================
Copyright:	3plains (www.3plains.com)
File: 		Dogs style sheet
Version:	2.4.5
======================= */

/* colors, fonts, etc */
div.targets div.data p.attach a { 
	text-decoration: underline;
	font-weight: bold;
}
div.targets div.data p.attach { padding: 5px 0; }
.targets div.litter,
.puppies ul li > a,
.puppies ul li div.adult,
#DogRows .row > a,
#Product .row > a {
	border: 2px solid #8e5f38;
	background: #fff;
}
.puppies ul li > a:hover,
.puppies ul li > a:active,
.puppies ul li > a:focus,
#DogRows .row > a .row > a:hover,
#DogRows .row > a .row > a:active,
#DogRows .row > a .row > a:focus { border: 2px solid #fff; }
div.puppies p.title { font-weight: bold; }
.targets.dog-rows div[class^=row],
#DogRows div[class^=row] { border: 0; }
#Terms,
#Product {
	background: #fff;
	color: #333;
}
#Product .contact-bar {
	background: #8e5f38;
	color: #fff;
}
#Product .contact-bar a { color: #fff; }
.dog-rows .row p { padding: 0 0 10px; }
.dog-rows .row p.link {
	background: #f1c40f;
	color: #000;
	border: 1px solid #fff;
	min-height: 40px;
	padding: 8px 20px 5px;
	margin: 0 0 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
/* 14 */
div.puppies p,
.targets div.litter .data p,
#Product div.right p {
	font-size: 14px; font-size: 1.4rem;
	line-height: 20px; line-height: 2rem;
}
/* 18 */
#Product div.right div.terms p,
#Product div.right div.confirm div.row p:nth-child(2) {
	font-size: 18px; font-size: 1.8rem;
	line-height: 26px; line-height: 2.6rem;
}
/* 24 */
#Product div.right h5 {
	font-size: 24px; font-size: 2.4rem;
	line-height: 32px; line-height: 3.2rem;
}
div.puppies,
div.dog-rows { padding-bottom: 40px; }
#Pups { padding-top: 40px; }
.targets div.litter .data p,
div.puppies p { padding: 0 0 5px; }
.targets div.litter .data p.button { padding-top: 10px; }
div.puppies p.none { padding-top: 25px; }
.targets.dog-rows .row,
#DogRows .litter,
#DogRows .row {
	width: 100%;
	padding:  30px 0 0;
	float: left;
}
.puppies ul li div.adult,
.targets.dog-rows .row > a, 
.targets.dog-rows div.litter,
#DogRows div.litter,
.puppies ul li > a,
#DogRows .row a {
	width: 100%;
	padding: 20px;
	float: left;
	text-decoration: none;
}
/*.puppies ul li div.adult div.data { padding-bottom: 0; }*/
.targets div.litter { margin-top: 30px; }
.targets .row img {
	max-width: 50%;
	height: auto !important;
	padding: 0 0 20px 20px;
	float: right;
}
.targets .row img.litter { max-width: 40%; }
.targets .litter h2,
.targets .row h2 { 
	padding: 0 0 15px; 
	margin: 0;
}
.targets .litter a h2,
.targets .row a h2 { text-decoration: underline; }
.targets .litter a:hover h2,
.targets .litter a:active h2,
.targets .litter a:focus h2,
.targets .row a:hover h2,
.targets .row a:active h2,
.targets .row a:focus h2 { text-decoration: none; }
div.puppies ul.two > li { 
	padding: 0 5px;
	text-align: left; 
}
div.puppies img {
	max-width: 50%;
	height: auto !important;
	padding: 0 0 20px 20px;
	float: right;
}
div.categories div.row a.button,
div.puppies div.adult a.button {
	width: 100%;
	max-width: 45%;
	float: none;
}
.targets p span.label { font-weight: bold; }
.targets .litter .parent p.title,
div.puppies p.title {
	padding: 0 0 15px;
	text-align: left;
	clear: none;
}
.targets .litter .parent {
	width: 30%;
	padding: 0 0 20px 2%;
	float: right;
}
.targets .litter .data {
	width: 30%;
	float: left;
}
.targets .litter .parent p.title { text-align: center; }
.targets .litter .parent img {
	width: auto !important;
	max-width: 100%;
	height: auto !important;
	max-height: 400px;
	margin: 0 auto;
	display: block;
}
.targets .litter .data img {
	max-width: 100%;
	height: auto !important;
	margin: 0 auto;
	padding: 0 0 15px;
	display: block;
}
.targets .litter div.full,
.targets .litter p.full {
	width: 100%;
	padding: 0 0 15px;
	float: left;
}
#Product {
	width: 100%;
	padding: 20px;
    margin: 30px 0 0;
	float: left;
	position: relative;
}
#Product div.left {
	width: 60%;
	max-width: 100%;
	float: left;
}

/* GALLERIA */
#Product .galleria-theme-classic { background: #1b200e; }
#Product .galleria {
	width: 100%;
	max-width: 100%;
}
#Product .galleria-theme-classic .galleria-stage { 
	top: 0;
	left: 0;
	right: 0;
	background: #000;
	border-bottom: 1px solid #fff;
}
@media only screen and (min-width: 600px) {
	#Product .galleria-theme-classic .galleria-thumbnails-container { height: 80px; }
	#Product .galleria-theme-classic .galleria-stage { bottom: 90px; }
	#Product .galleria-theme-classic .galleria-thumb-nav-left, 
	#Product .galleria-theme-classic .galleria-thumb-nav-right { top: 15px; }
	#Product .galleria-thumbnails-container .galleria-image { height: 70px !important; }
}
#Product .galleria-thumbnails-container .galleria-image {
    margin: 0 10px 0 0;
    border: 1px solid #6e842b;
}
#Product .galleria-thumbnails-container .galleria-image.active { border: 1px solid #fff; }
/* END GALLERIA */
#Product div.right {
	width: 35%;
	max-width: 100%;
	float: right;
}
#Product div.right div.cart {
	width: 100%;
	padding: 0 15px 15px;
	float: left;
}
#Product div.right h5 { padding: 0 0 10px; }
#Terms div.row,
#Terms div.summary div.row,
#Product div.right div.row { 
	width: 100%;
	padding: 0 0 5px;
	float: left;
}
#Terms div.row { padding-bottom: 25px; }
#Product div.right div.row-attach {
	width: 100%;
	padding: 0 0 15px;
	float: left;
}
#Product div.right div.row-attach input[type=submit],
#Product div.right div.row-attach a.button {
	width: 100%;
	text-align: center;
}
#Terms div.row p,
#Product div.right div.row p { padding: 0; }
#Product div.right div.row p.label { 
	width: 110px;
	float: left;
	font-weight: bold; 
}
#Product div.right div.confirm div.row p.label { padding-top: 2px; }
#Product div.right div.row p.data { padding: 0 0 0 110px; }
#Product div.right div.desc {
	width: 100%;
	padding: 20px 0 0;
	float: left;
}
#Product div.right div.parent {
	width: 50%;
	padding: 0 5px 0 0;
	float: left;
	text-align: center;
}
#Product div.right div.parent img {
	max-width: 100%;
	height: auto !important;
}
#Product div.right div.parent a p { padding: 0 0 5px; }
#Product .contact-bar {
	width: 100%;
	margin: 20px 0 0;
	padding: 12px 10px 11px;
	float: left;
	text-align: center;
}
#Product .contact-bar a { color: #fff; }
#Terms {
	width: 100%;
	padding: 20px;
	float: left;
}
#Terms img {
	max-width: 30%;
	height: auto !important;
	float: right;
}
#Terms div.summary {
	width: 65%;
	float: left;
}
#Terms div.row p { color: #f1c40f; }
#Terms div.row p.label {
	width: 120px;
	float: left;
	font-weight: bold;
	color: #fff;
}
#Terms div.summary p.overview {
	width: 100%;
	padding: 20px 0 0;
	float: left; 
}
#Terms div.agreement {
	width: 100%;
	padding: 30px 0 0;
	float: left;
}
#Terms div.buttons {
	width: 100%;
	float: left;
}
#Terms div.buttons input[type=submit] { float: right; }
#Terms div.buttons a.back { 
	background: #333; 
	float: left;
}
.cart a.button:hover,
.cart a.button:active,
.cart a.button:focus,
#Terms div.buttons a.back:hover,
#Terms div.buttons a.back:active,
#Terms div.buttons a.back:focus { text-decoration: none; }
/* EXTRA STORE STUFF */
.grid-item .price,
#Product div.right p.sold,
#Product div.right p.price,
.store p.sold,
.store p.price {
	font-weight: bold;
	color: #009405; 
	font-size: 24px; font-size: 2.4rem;
	line-height: 32px; line-height: 3.2rem;
}
#StoreIndex {
	width: 100%;
	padding: 15px 0 30px;
	float: left;
}
#StoreIndex p { 
	margin: 0; 
	padding: 0 0 12px;
}
#StoreIndex p.overview { padding: 0 0 15px; }
.store p.sold {
	text-decoration: line-through;
	color: #f00;
}
#Product div.right form {
	width: 100%;
	float: left;
}
#Product div.right p { 
	width: 100%;
	float: left;
}
#Product div.right p.check-label {
    width: auto;
    float: none;
}
#Product div.right div.row p { width: auto; }
#Product div.right p.sku,
#Product div.right p.tease { font-weight: bold; }
#Product div.right p label { float: left; }
#Product div.right p.check-label label { float: none; }
#Product div.right p.qty { 
	width: 45%; 
	padding: 5px 0 0;
}
#Product div.right p.qty label { padding: 5px 10px 0 0; }
#Product div.right select {
	width: 100%;
	max-width: 100%;
	float: left;
}
#Product div.right input[type=text] { width: 30px; }
#Product div.right input[type=text],
#Product div.right select {
	border: 1px solid #333;
	font-size: 12px; font-size: 1.2rem;
}
#Product form input[type=submit] { float: right; }
@media only screen and (max-width: 950px) {
	#Product div.left,
	#Product div.right { width: 48%; }
}
@media only screen and (max-width: 850px) {
	div.categories div.row a.button,
	div.puppies div.adult a.button { max-width: 100%; }
	#Product div.left,
	#Product div.right { width: 100%; }
    #Product div.left { padding: 10px; }
	#Product div.right { padding-top: 25px; }
	#Product div.left .main { height: 400px; }
	#Product div.left #thumbs > div { height: 70px; }
	#Product div.left #thumbs p {
		width: 60px;
		height: 60px;
	}
	#Product { padding: 0; }
}
@media only screen and (max-width : 700px) {
	div.puppies ul.two li { 
		width: 100%; 
		padding-top: 30px;
	}
}
@media only screen and (max-width : 650px) {
	.targets .litter .parent { width: 50%; }
	.targets .litter .data { width: 100%; }
}
@media only screen and (max-width : 600px) {
	#Terms { padding: 5px; }
	#Terms img {
		max-width: 100%;
		margin: 0 auto;
		float: none;
		display: block;
	}
	#Terms div.summary {
		width: 100%;
		padding: 30px 0 0;
	}
	#Terms div.summary div.row p.label { width: 90px; }
	.targets .row img.litter,
	.targets .row img {
		max-width: 100%;
		padding: 0 0 20px;
	}
}
@media only screen and (max-width : 450px) {
	div.puppies img {
		max-width: 100%;
		padding: 0 0 20px;
		margin: 0 auto;
		float: none;
		display: block;
	}
	#Product div.left .main { height: 300px; }
	#Terms div.buttons input[type=submit],
	#Terms div.buttons a.back {
		width: 100%;
		margin: 0 0 20px;
		float: left;
	}
}