

/*
	Site:	US - Knowsyourname and grows with me puppy
	File:	Default Style
	Date:	Octoberfest 2008
	Author:	Hamilton
    Updated  	Eric Tuberdyke 08.25.09 - Updated footer/legal for LP redesign.
*/ 

/* GLOBAL RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body{
	background:#f392bc url(/content/v4/us/puppygrows/img/puppy_bg.gif) fixed;
	font-family: arial, helvetica, sans-serif;	
	margin:0 auto;
	color: #000;
	font-size: 76%;
}

ol, ul {
	list-style: none;
}

h1 {
	font-weight: bold;
	font-size: 150%;
}

h2 {
	font-weight: bold;
	font-size: 130%;
}

h3 {
	font-weight: normal;
	font-size: 130%;
}

h4 {
	font-weight: bold;
	font-size: 110%;
}

h5 {
	font-weight: bold;
	font-size: 100%;
}

p {
	line-height: 1.2;
}

/* ADVERTISEMENT */

p#advertisement {
	font-size: 80%;
	font-weight: bold;
	text-align:center;
	color: #fff;
	margin:0 auto;	
	width:644px;	
}

body{
	margin-top:10px;
}

h2#product-site{
	background:url(/content/v4/us/puppygrows/img/logo.gif) no-repeat;
	text-indent:-9999px;
	width:644px;
	height:206px;
	margin:0 auto;
}

h2#logo-demo{
	background:url(/content/v4/us/puppygrows/img/logo-demo.gif) no-repeat;
	text-indent:-9999px;
	width:644px;
	height:156px;
	margin:0 auto;
}

div#container-landing{
	width:540px;
	margin:0 auto;
	padding:2em 0;
}

ul#landing-nav li{
	display:inline;
	padding:1em;
	
}

#product-detail{
	text-align:center;
}

#breadcrumb{
	margin-left:40px;
	margin-bottom:20px;
}

#breadcrumb a:hover{
	text-decoration:none;
}

/* LINKS */

a:link,
a:visited,
a:hover,
a:active {
	font-weight: bold;
	text-decoration: underline;
	color: #662d91;
}

div#container{
	background:url(/content/v4/us/puppygrows/img/content_bg.gif) repeat-y;
	margin:0 auto;
	width:644px;
}

div#container-demo{	
	margin:0 auto;
	width:644px;
}

div#content{
	background:url(/content/v4/us/puppygrows/img/content_bg.gif) repeat-y;
	width:644px;	
}

#content:after{
	content:"This is the greatest trick ever!";
	display:block;	
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#products-found{
	text-align:center;
	padding-bottom:20px;
	font-size:16px;
	font-weight:bold;
	color:#662d91;
}

#thumbs div {
	float: left;
	width: 14.4em;
	position: relative;
	margin-bottom: 0;
	margin-top: 0;
	margin-left:30px;
}

	 .ie6 #thumbs div{
		width: 14em;
		margin-left:22px;
	 }

#thumbs dl {
	position: relative;	
	padding-top: 15px;
	text-align: center;
}

#thumbs dt a {
	display: block;
}

#thumbs dl.product{	
	position:relative;	
	padding-bottom:20px;
}

#thumbs dd.product-image{
	position:absolute;
	top:0;
	left:7px;	
	border:3px solid #662d91;
	background-color:#662d91;
	width:162px;
	height:162px;
}

	.ie6 #thumbs dd.product-image{
		position:absolute;
		top:0;
		left:-80px;	
	}

	.ie6 #thumbs dt.product-name{	
		margin-top:160px;
		padding-bottom:5px;
	}

#thumbs dt.product-name{	
	margin-top:155px;
	padding-bottom:5px;
	
}

#thumbs dt.product-name a{	
	text-decoration:none;
}

#thumbs dt.product-name a:hover{	
	text-decoration:underline;
}

#thumbs dt.product-price{	
	color:#662d91;
}

#thumbs dd.product-buy-now,
#thumbs dd.product-buy-now a,
#thumbs dd.product-buy-now a span {
	display: block;
	position: relative;
	width: 81px;
	height: 14px;
	overflow: hidden;
	margin: 0 auto;
}

#thumbs dd.product-buy-now a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/content/v4/us/img/buynow_plaque.gif) no-repeat top left;
}

#thumbs dd.product-buy-now {
	margin-top: .4em;
}


h6#hack{
text-indent:-9999px;
width:644px;
clear:both;
}

#product-info {
	width: 300px;
	float: left;
	margin-left:320px;
	_margin-left:160px;	
	padding: 10px;
	/* margin-left: 270px; if you switch the media and info sections */
}

dd.product-buy-now a {
	width: 69px;
	height: 26px;		
	display: block;
	overflow: hidden;
	background:transparent url(/content/v4/us/puppygrows/img/buynow.gif) no-repeat top left;
	cursor: pointer;
	text-indent:-9999px;
}

#product-info a:hover{
	text-decoration:none;
}

#product-name{
	color:#613887;
}

dt.product-more{
	text-indent:-9999px;
}

.tab-hidden {
	display: none;
}

	ul.tab-list {
		float: left;
		width: 280px;
		height:42px;	
		background:transparent url(/content/v4/us/puppygrows/img/tab.gif) no-repeat;	
		margin-top:15px;
	}
	
		.tab-list a {
			text-decoration: none;
		}
	
		.tab-list li {
			float: left;
			list-style: none;
			position: relative;
		}		

	div.tab {
		clear: both;
	}

#tab-ProductDescription{
	float: left;
	width: 81px;
	height: 40px;
	margin-right: 5px;
}

#tab-ProductDescription span{
	display: block;
	text-indent: -9999px;	
	width: 81px;
	height: 40px;
	overflow: hidden;
}

#tab-ProductDescription span {
	background-position: 0 0;
}

#product-info dt.product-number,
#product-info dt.product-ages,
#product-info dt.product-price,
#product-info dt.product-maximum-weight,
#product-info dt.product-maximum-height {
	color:#613887;
	font-weight:bold;
	clear: both;
	float: left;
	position: relative;
	padding: 0 .3em 0 0;
}

#product-info dd.product-number,
#product-info dd.product-ages,
#product-info dd.product-price,
#product-info dd.product-maximum-height,
#product-info dd.product-maximum-height {
	color:#613887;
	font-weight:bold;
	float: none;
	position: relative;
}

#ProductDescription{
	padding:1em 20px 0 0;
	color:#613887;
}

#product-info dd.product-requirements a{
	background:url(/content/v4/us/puppygrows/img/min_sys.gif) no-repeat;
	width:175px;
	height:92px;
	display:block;
	text-indent:-9999px;
	margin-left:90px;
	margin-top:20px;
}

#product-info div.product-CHWarning {
		background: url(/content/v4/us/puppygrows/img/warning_puppy.gif) no-repeat;
		width: 256px;
		height: 77px;
		margin-left:0px;
		margin-top:15px;
		display: block;
	}
		div.product-CHWarning p#copy {
			display: none;
		}

#product-media {
	width: 286px;
	float: left;	
	margin-left:-620px;	
	text-align:center;
	/* margin-left: -590px; if you switch the media and info sections */
}

	dt#product-image {
		height: 243px;
		
		/*this needs to be 243 + any borders or padding on the image, 
		it's a placeholder height for when the images are swapped*/
	}
	
	dt#product-image img{
		border:3px solid #825aa6;	
	}

	dd#product-caption {		
		text-align: center;
		width: 243px;
		display: block;
		padding-top:10px;	
		margin-left:20px;
		color:#662d91;
		
	}

	dd#product-caption span {
		display: block;	
		}
		
	#product-thumbnails{
		margin-left:22px;
		_margin-left:12px;
	}

	#product-thumbnails li {
		float: left;
		margin: 10px; /* these are fixed size, so margin in pixels, not text-related sizes */
		height: 65px; /* this needs a height adequate to prevent jumping problems in ie */
		list-style: none;
	}
	
		#product-thumbnails li img { /* remember that you have the "active" class to style the currently selected thumbnail */
			border: 1px solid #825aa6;
		}

	#product-more{
		padding-top:10px;
		font-size:x-small;

	}

.product-requirements a{
		background:url(/content/v4/us/puppygrows/img/min_sys.gif) no-repeat;
		width:175px;
		height:92px;
		display:block;
		text-indent:-9999px;
		margin-left:90px;
		margin-top:20px;
	}

#footer-cap{
	margin:0 auto;	
	background:transparent url(/content/v4/us/puppygrows/img/footer-cap.gif);
	width:644px;
	height:140px;
	clear:both;
}

/* FOOTER */

#legal_footer {
font-family:Arial,Helvetica,Sans-Serif;
	font-size: 1em;
	line-height:1em;
	color:#0D6EB7;
	margin: 0px auto;
    text-decoration: none;
}
    
#footer_legallinks {
	font-size: 1.2em;
	}
   
#legal_footer #footer_legallinks a{
	color:#000;
    text-decoration: none;
    font-weight: normal;
	}
    
#legal_footer #footer_legallinks a:hover {
	text-decoration: underline;
	}

#legal_footer  ul.footer_helplinks {
	font-size: .65em;
	line-height: 2em;
}
    
#legal_footer ul.footer_helplinks a {
	text-decoration: none;
    font-weight: normal;
    font-size: 1.45em;
	}
    
#legal_footer ul.footer_helplinks a:hover{
	text-decoration: underline;
	}

#fplogolinks a {
	font-weight: normal;
    font-size: 1.2em;
}
    
#footer li#footer_use p {
     line-height: 1.8em;
	}

/* view larger image */

#product-shot {
	position: relative;
}

#product-shot dd.product-view-larger a {
	position: absolute;
	top: 0;
	left: 0;
	width: 243px;
	height: 243px;
	display: block;	
	background: url(/content/v4/us/puppygrows/img/viewlarger.gif) no-repeat;
	background-position: -370px 100%;
	/* needs to be -400px for Safari - hack? */
	opacity: 0.45;
	filter: alpha(opacity=45);
	text-indent: -9999px;
	overflow: hidden;	
}

	#product-shot dd.product-view-larger a:hover,
	#product-shot dd.product-view-larger a:focus {
		opacity: 1.0;
		filter: alpha(opacity=100);
		background-position: 0% 100%;
	}

#larger-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

body #viewlarger-overlay {
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
}

/* custom skin */

body #viewlarger-include {
	font-size: 100%;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	color: #fff;
}

body #viewlarger-close {
	background:  url(/content/v4/img/core/viewlarger-close.png) no-repeat top left;
	_background: url(/content/v4/img/core/viewlarger-close.gif) no-repeat top left;
	font-size: 100%;
	font-family: arial, helvetica, sans-serif ;
}

	body #viewlarger-include dl {
		background: url(/content/v4/img/core/viewlarger-loading.gif) no-repeat top;
		_background: transparent;
	}


	body #viewlarger-include dt {
		background: url(/content/v4/img/core/viewlarger-background.png) no-repeat top;
		_background: url(/content/v4/img/core/viewlarger-background.gif) no-repeat top;
	}


	body #viewlarger-include dd#viewlarger-caption {
		background: url(/content/v4/img/core/viewlarger-caption-background.png) no-repeat bottom;
		_background: url(/content/v4/img/core/viewlarger-caption-backgrou.gif) no-repeat bottom;
	}
	

		body #viewlarger-scroll-frame {
			background: url(/content/v4/img/core/viewlarger-scroller.png) no-repeat top left;
			_background: url(/content/v4/img/core/viewlarger-scroller.gif) no-repeat top left;
		}

			body #viewlarger-scroll-left-arrow {
					background: url(/content/v4/img/core/viewlarger-arrow-up.gif) no-repeat 25px -26px;
					}


			body #viewlarger-scroll-right-arrow {
				background: url(/content/v4/img/core/viewlarger-arrow-down.gif) no-repeat 25px -26px;
					}

				body #viewlarger-scroll-item li a img {
					border: 3px solid #00acdf;	/* thumbnail image border */
								}
								
				body #viewlarger-scroll-item li.active img {
					border: 3px solid #f00;/*active thumbnail image border*/
<!--/* -0.0594808924938368 [10.89.198.136] */-->