@charset "utf-8";
* {
	margin:					0;
	padding:				0;
	border:					0;
}

body {
	padding-top:			20px;
	font:					12px Arial, Helvetica, sans-serif;
	color:					#333;
}

body.healthy 				{ background: url(../images/bg-body-healthy.gif) no-repeat center 108px; }
body.original,
body.registration 			{ background: url(../images/bg-body-original.jpg) no-repeat center 108px; }
body.healthyweight 			{ background: url(../images/bg-body-healthyweight.jpg) no-repeat center 108px; }
body.healthyradiance		{ background: url(../images/bg-body-healthyweight.jpg) no-repeat center 108px; }
body.happymaturity			{ background: url(../images/bg-body-happymaturity.jpg) no-repeat center 108px; }
body.tastychoice			{ background: url(../images/bg-body-tastychoice.jpg) no-repeat center 108px; }
body.healthysmile			{ background: url(../images/bg-body-healthysmile.jpg) no-repeat center 108px; }
body.healthymovement		{ background: url(../images/bg-body-healthymovement.jpg) no-repeat center 108px; }
body.happyhours				{ background: url(../images/bg-body-happyhours.jpg) no-repeat center 108px; }
body.happywalks				{ background: url(../images/bg-body-happywalks.jpg) no-repeat center 108px; }
body.dogslife				{ background: url(../images/bg-body-original.jpg) no-repeat scroll center 108px; }
body.puppylife				{ background: url(../images/bg-body-puppylife.jpg) no-repeat scroll center 108px; }
body.kleinegenieter			{ background: url(../images/bg-body-original.jpg) no-repeat scroll center 108px; }

/* body dogslife articles */
body.toptips-decisions  	{ background: url(../images/backgrounds/3.1.1.jpg) no-repeat scroll center 108px; }
body.toptips-didyouknow  	{ background: url(../images/backgrounds/3.1.2.jpg) no-repeat scroll center 108px; }
body.toptips-travelchecklist  	{ background: url(../images/backgrounds/3.1.3.jpg) no-repeat scroll center 108px; }
body.toptips-travelingbycar  	{ background: url(../images/backgrounds/3.1.4.jpg) no-repeat scroll center 108px; }
body.toptips-wellgroomed  	{ background: url(../images/backgrounds/3.1.5.jpg) no-repeat scroll center 108px; }
body.toptips-bathtime  	{ background: url(../images/backgrounds/3.1.6.jpg) no-repeat scroll center 108px; }
body.toptips-exercise  	{ background: url(../images/backgrounds/3.1.7.jpg) no-repeat scroll center 108px; }

body.communication-justbetweenfriends { background: url(../images/backgrounds/3.2.1.jpg) no-repeat scroll center 108px; }
body.communication-ipawed { background: url(../images/backgrounds/3.2.2.jpg) no-repeat scroll center 108px; }
body.communication-canine { background: url(../images/backgrounds/3.2.3.jpg) no-repeat scroll center 108px; }

body.playtime-bigscreen { background: url(../images/backgrounds/3.3.1.jpg) no-repeat scroll center 108px; }
body.playtime-playball { background: url(../images/backgrounds/3.3.2.jpg) no-repeat scroll center 108px; }
body.playtime-coldplay { background: url(../images/backgrounds/3.3.3.jpg) no-repeat scroll center 108px; }
body.playtime-leisure { background: url(../images/backgrounds/3.3.4.jpg) no-repeat scroll center 108px; }

body.activities-intandem { background: url(../images/backgrounds/3.4.1.jpg) no-repeat scroll center 108px; }

body.puppy-feeding-finding { background: url(../images/backgrounds/4.1.1.jpg) no-repeat scroll center 108px; }
body.puppy-feeding-save { background: url(../images/backgrounds/4.1.2.jpg) no-repeat scroll center 108px; }
body.puppy-feeding-new { background: url(../images/backgrounds/4.1.3.jpg) no-repeat scroll center 108px; }
body.puppy-feeding-love { background: url(../images/backgrounds/4.1.4.jpg) no-repeat scroll center 108px; }
body.puppy-feeding-smart { background: url(../images/backgrounds/4.1.5.jpg) no-repeat scroll center 108px; }
body.puppy-feeding-fair { background: url(../images/backgrounds/4.1.6.jpg) no-repeat scroll center 108px; }

body.puppy-training-playing { background: url(../images/backgrounds/4.2.1.jpg) no-repeat scroll center 108px; }
body.puppy-training-teaching { background: url(../images/backgrounds/4.2.2.jpg) no-repeat scroll center 108px; }
body.puppy-training-fetch { background: url(../images/backgrounds/4.2.3.jpg) no-repeat scroll center 108px; }
body.puppy-training-mouths { background: url(../images/backgrounds/4.2.4.jpg) no-repeat scroll center 108px; }

body.puppy-playtime-rainyday { background: url(../images/backgrounds/4.3.1.jpg) no-repeat scroll center 108px; }
body.puppy-playtime-firstyear { background: url(../images/backgrounds/4.3.2.jpg) no-repeat scroll center 108px; }
body.puppy-playtime-perfectpuppy { background: url(../images/backgrounds/4.3.3.jpg) no-repeat scroll center 108px; }
body.puppy-playtime-riseshine { background: url(../images/backgrounds/4.3.4.jpg) no-repeat scroll center 108px; }

body.noimage {
	background:				none !important;
}



/* Text */
h2 {
	margin:					0 0 10px 0;
	font-size:				35px;
	font-weight:			bold;
	letter-spacing:			-2px;
	text-transform:			uppercase;
}

h3 {
	margin:					0 10px 0 0;
	font-size:				14px;
	font-weight:			bold;
}

h4 {
	margin:					0 0 15px 0;
	font-size:				24px;
	text-transform:			uppercase;
	color:					#009235;
}

h5 {
	margin:					0 0 15px 0;
	font-size:				14px;
	text-transform:			uppercase;
	color:					#009235;
}

h6 {
	margin:					0 0 15px 0;
	font-size:				14px;
	text-transform:			uppercase;
	color:					#000;
}


body.food h2,
body.food h3				{ color: #EA5A00; }
body.healthy h2,
body.healthy h3 			{ color: #1F51A4; }
body.original h2,
body.original h3			{ color: #CA0000; }
body.healthyweight h2,
body.healthyweight h3		{ color: #009235; }
body.healthyradiance h2,
body.healthyradiance h3,
body.healthyradiance h5     { color: #FC6400; }
body.happymaturity h2,
body.happymaturity h3 		{ color: #6B1D84; }
body.tastychoice h2,
body.tastychoice h3 		{ color: #711C12; }
body.snacks h2,
body.snacks h3				{ color: #EA5A00; }
body.healthysmile h2,
body.healthysmile h3 		{ color: #477D20; }
body.healthymovement h2,
body.healthymovement h3		{ color: #477D20; }
body.happyhours h2,
body.happyhours h3			{ color: #F03400; }
body.happywalks h2,
body.happywalks h3			{ color: #F03400; }
body.registration h2,
body.registration h3		{ color: #009235; }
body.dogslife h2,
body.dogslife h3			{ color: #F1410D; }
body.puppylife h2,
body.puppylife h3			{ color: #1F51A4; }
body.kleinegenieter h2,
body.kleinegenieter h3		{ color: #CE0168; }

p {
	margin:					0 0 10px 0;
	font-size:				11px;
}

p strong {
	font-style:				italic;
}

p i {
	color:					#666;
}	

a {
	color:					#009235;
}

a.black {
	color:					#000;
}

ol {
    margin:                 0 0 10px 10px;
}

ol li {
    margin:					0 0 0 10px;
	font-size:				11px;
}


ul.terms, .validationsummary ul{
    margin:                 0 0 10px 10px;
}

ul.terms li, .validationsummary ul li {
    margin:					0 0 0 10px;
	font-size:				11px;
}


/* Buttons */
a.btn-toggle {
	width:					auto;
	height:					29px;
	padding-left:			138px;
	font-size:				14px;
	line-height:			29px;
}

a.btn-toggle-small {
	width:					130px;
	height:					0;
	padding-left:			0;
	padding-top:			29px;
}

body.healthy a.btn-toggle 			{ color: #1F51A4; background: url(../images/btn-toggle-blue.gif) no-repeat top left; }
body.original a.btn-toggle 			{ color: #CA0000; background: url(../images/btn-toggle-red.gif) no-repeat top left; }
body.healthyweight a.btn-toggle 	{ color: #009235; background: url(../images/btn-toggle-green.gif) no-repeat top left; }
body.healthyradiance a.btn-toggle 	{ color: #FC6400; background: url(../images/btn-toggle-orange.gif) no-repeat top left; }
body.tastychoice a.btn-toggle 		{ color: #711C12; background: url(../images/btn-toggle-bordeau.gif) no-repeat top left; }
body.happymaturity a.btn-toggle 	{ color: #6B1D84; background: url(../images/btn-toggle-purple.gif) no-repeat top left; }
body.healthysmile a.btn-toggle 		{ color: #477D20; background: url(../images/btn-toggle-green2.gif) no-repeat top left; }
body.healthymovement a.btn-toggle 	{ color: #477D20; background: url(../images/btn-toggle-green2.gif) no-repeat top left; }
body.happyhours a.btn-toggle 		{ color: #F03400; background: url(../images/btn-toggle-orange2.gif) no-repeat top left; }
body.happywalks a.btn-toggle 		{ color: #F03400; background: url(../images/btn-toggle-orange2.gif) no-repeat top left; }
body.dogslife a.btn-toggle 			{ color: #F03400; background: url(../images/btn-toggle-orange2.gif) no-repeat top left; }
body.puppylife a.btn-toggle 		{ color: #1F51A4; background: url(../images/btn-toggle-blue.gif) no-repeat top left; }
body.kleinegenieter a.btn-toggle 	{ color: #CE0168; background: url(../images/btn-toggle-pink.gif) no-repeat top left; }

a.active {
	background-position:	bottom left !important;
}

a.btn-dog {
	width:					154px;
	padding-top:			30px;
	background:				url(../images/btn-withyourdog.png) no-repeat top left;
}

a.btn-puppy {
	width:					167px;
	padding-top:			30px;
	background:				url(../images/btn-withyourpuppy.png) no-repeat top left;
}

ul.list-btns {
	position:				absolute;
	top:					100px;
	left:					50%;
	list-style:				none;
	display:				block;
	width:					380px;
	margin:					0 0 0 -190px;
	height:                 1%;
}

ul.list-btns li {
	float:					left;
	width:					50%;
}

ul.list-btns li a {
	margin:					0 auto;
}



/* Global */
.floatLeft 					{ float: left; }
.floatRight 				{ float: right; }
.clear						{ clear: both; height:0; font: 0/0 serif; }
.reset 						{ margin-left: 0 !important; padding-left: 0 !important; margin-right: 0 !important; padding-right: 0 !important; }
.replace 					{ display: block; overflow: hidden; height: 0; text-decoration: none; }

.wrapper {
	width:					900px;
	margin:					0 auto;
}



/* Header */
#header {
	position:				relative;
	padding:				0 0 20px 0;
	background:				url(../images/bg-header.png) no-repeat center bottom;
	z-index:				800;
}

#header a.logo {
	float:					left;
	width:					172px;
	padding-top:			69px;
	background:				url(../images/logo.gif) no-repeat top left;
}

#header ul.list-navigation {
	list-style:				none;
	float:					right;
	display:				inline-block;
	margin:					50px 0 0 0;
}

#header ul.list-navigation li {
	position:				relative;
	float:					left;
	padding:				4px 10px 8px 10px;
	background:				url(../images/bg-nav-seperate.gif) no-repeat top right;
}

#header ul.list-navigation li.last {
	background:				none;
}

#header ul.list-navigation li a {
	font:					12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:			uppercase;
	text-decoration:		none;
	color:					#713225;
}

#header ul.list-navigation li ul.list-dropdown {
	list-style:				none;
	top:					25px;
	left:					0;
	z-index:				999;
	padding-bottom:			4px;
	background:				#FFF url(../images/bg-nav-dropdown-ul.png) repeat-x bottom center;
}

#header ul.list-navigation li ul.list-dropdown li {
	float:					none;
	white-space:			nowrap;
	padding:				0 0 2px 0;
	background:				#FFF url(../images/bg-nav-dropdown.gif) repeat-x bottom left;
}

#header ul.list-navigation li ul.list-dropdown li a {
	display:				inline-block;
	padding:				3px 10px;
	font-size:				11px;
}

#header ul.list-navigation li ul.list-dropdown li a:hover {
	color:					#EA5A00;
}



/* Content */
#content {
	max-width:				1200px;
	width:					expression(document.body.clientWidth > 1200? "1200px": "auto" );
	margin:					0 auto;
	padding:				20px 0 0 0;
}

body.food #content {
	background:				url(../images/bg-body-food.jpg) no-repeat bottom right;
}

body.snacks #content {
	background:				url(../images/bg-body-snacks.jpg) no-repeat bottom right;
}



/* Homepage */
body.homepage #header {
	margin-bottom:			0;
	padding-bottom:			0;
	background:				none;
}

body.homepage #header .wrapper {
	height:					108px;
	width:					823px;
	padding:				0 20px;
	background:				url(../images/bg-header-homepage.jpg) no-repeat top center;
}

body.homepage #content {
	margin-top:				0;
	padding-top:			0;
}

body.homepage #content ul.list-signposts {
	margin-top:				130px;
}

body.homepage #content ul.list-signposts li a {
	right:					20px;
}

body.homepage #content .wrapper {
	width:					863px;
	height:					466px;
	/*background:				url(../images/bg-content-homepage1.jpg) no-repeat top center;*/
}

body.homepage #content .wrapper {
	position:				relative;	
}

body.homepage #footer {
	margin-top:				5px;
}

body.homepage #footer .wrapper {
	width:					851px;
}



/* Breadcrumb */
ul.list-breadcrumb {
	list-style:				none;
	display:				inline-block;
	margin:					0 0 10px 0;
}

ul.list-breadcrumb li {
	float:					left;
	margin:					0 5px 0 0;
	color:					#EA5A00;
}

ul.list-breadcrumb li a {
	font-size:				10px;
	font-weight:			bold;
	text-transform:			uppercase;
	text-decoration:		none;
	color:					#EA5A00;
}

ul.list-breadcrumb li a:hover {
	text-decoration:		underline;
}



/* Packs */
.box-packs {
	position:				relative;
	width:					638px;
	height:					470px;
	margin:					15px 0;
	background:				url(../images/bg-packs-food.gif) no-repeat top left;
}

.box-packs a {
	position:				absolute;
	width:					21px;
	padding-top:			21px;
	cursor:					pointer;
}

.box-packs a:hover {
	width:					210px;
	padding-top:			106px;
}

.box-packs a.pack-healthybeginnings 		{ top: 80px; left: 24px; }
.box-packs a.pack-healthybeginnings:hover	{ top: 0px; left: 21px; background:url(../images/pack-healthybeginnings.gif) no-repeat top left; }
.box-packs a.pack-original					{ top: 196px; left: 337px; }
.box-packs a.pack-original:hover			{ top: 115px; left: 334px; background:url(../images/pack-original.gif) no-repeat top left; }
.box-packs a.pack-healthyweight				{ top: 169px; left: 175px; }
.box-packs a.pack-healthyweight:hover		{ top: 87px; left: 170px; background:url(../images/pack-healthyweight.gif) no-repeat top left; }
.box-packs a.pack-healthyradiance			{ top: 7px; left: 407px; }
.box-packs a.pack-healthyradiance:hover		{ top: 3px; left: 403px; background:url(../images/pack-healthyradiance.gif) no-repeat top left; }
.box-packs a.pack-happymaturity				{ top: 0; left: 239px; }
.box-packs a.pack-happymaturity:hover		{ top: -3px; left: 236px; background:url(../images/pack-happymaturity.gif) no-repeat top left; }
.box-packs a.pack-kleinegenieter			{ top: 160px; left: 479px; }
.box-packs a.pack-kleinegenieter:hover		{ padding-top: 108px; top: 157px; left: 476px; background:url(../images/pack-kleinegenieter.gif) no-repeat top left; }

.arrow{
    z-index:                999;
}


.arrow a {
    position:				absolute;
	width:					25px;
	height:                 25px;
	cursor:					pointer;
	top:                    216px;
	left:                   790px;
	background:             url('../images/arrows/arrow.gif') no-repeat 4px 4px;
}

.arrow a:hover { width: 222px;   height: 147px;}

a.toptips-decisions:hover {  background: url('../images/arrows/3.1.4.gif') no-repeat top left; }
a.toptips-didyouknow:hover {  background: url('../images/arrows/3.1.7.gif') no-repeat top left; }
a.toptips-travelchecklist:hover {  background: url('../images/arrows/3.1.4.gif') no-repeat top left; }
a.toptips-travelingbycar:hover {  background: url('../images/arrows/3.3.4.gif') no-repeat top left; }
a.toptips-wellgroomed:hover {  background: url('../images/arrows/3.4.2.gif') no-repeat top left; }
a.toptips-bathtime:hover {  background: url('../images/arrows/3.1.2.gif') no-repeat top left; }
a.toptips-exercise:hover {  background: url('../images/arrows/3.1.1.gif') no-repeat top left; }

a.communication-justbetweenfriends:hover {  background: url('../images/arrows/3.1.4.gif') no-repeat top left; }
a.communication-ipawed:hover {  background: url('../images/arrows/3.1.4.gif') no-repeat top left; }
a.communication-canine:hover {  background: url('../images/arrows/3.1.4.gif') no-repeat top left; }

a.playtime-bigscreen:hover {  background: url('../images/arrows/3.1.6.gif') no-repeat top left; }
a.playtime-playball:hover {  background: url('../images/arrows/3.1.4.gif') no-repeat top left; }
a.playtime-coldplay:hover {  background: url('../images/arrows/3.3.2.gif') no-repeat top left; }
a.playtime-leisure:hover {  background: url('../images/arrows/3.1.4.gif') no-repeat top left; }

a.activities-dogsatwork:hover {  background: url('../images/arrows/3.1.4.gif') no-repeat top left; }

a.puppy-feeding-finding:hover {  background: url('../images/arrows/4.3.2.gif') no-repeat top left; }
a.puppy-feeding-safe:hover {  background: url('../images/arrows/4.3.2.gif') no-repeat top left; }
a.puppy-feeding-new:hover {  background: url('../images/arrows/4.2.3.gif') no-repeat top left; }
a.puppy-feeding-love:hover {  background: url('../images/arrows/4.1.5.gif') no-repeat top left; }
a.puppy-feeding-smart:hover {  background: url('../images/arrows/4.1.4.gif') no-repeat top left; }
a.puppy-feeding-fair:hover {  background: url('../images/arrows/4.3.3.gif') no-repeat top left; }

a.puppy-training-playing:hover {  background: url('../images/arrows/4.2.4.gif') no-repeat top left; }
a.puppy-training-teaching:hover {  background: url('../images/arrows/4.1.5.gif') no-repeat top left; }
a.puppy-training-fetch:hover {  background: url('../images/arrows/4.3.3.gif') no-repeat top left; }
a.puppy-training-mouths:hover {  background: url('../images/arrows/4.1.4.gif') no-repeat top left; }

a.puppy-playtime-rainyday:hover {  background: url('../images/arrows/4.3.3.gif') no-repeat top left; }
a.puppy-playtime-firstyear:hover {  background: url('../images/arrows/4.2.4.gif') no-repeat top left; }
a.puppy-playtime-perfectpuppy:hover {  background: url('../images/arrows/4.2.1.gif') no-repeat top left; }
a.puppy-playtime-riseshine:hover {  background: url('../images/arrows/4.1.2.gif') no-repeat top left; }

/* Snacks */
.box-snacks {
	position:				relative;
	margin:					20px 0;
	height:					490px;
}

.box-snacks a {
	position:				absolute;
	cursor:					pointer;
}

.box-snacks a.snacks-healthysmile { 
	top: 					0px; 
	left: 					100px;
	width:					185px;
	padding-top:			240px;
	background: 			url(../images/snacks-healthysmile.png) no-repeat top left; 
}

.box-snacks a.snacks-happywalks { 
	top: 					0px; 
	left: 					300px;
	width:					332px;
	padding-top:			275px;
	background: 			url(../images/snacks-happywalks.png) no-repeat top left; 
}

.box-snacks a.snacks-healthymovement { 
	top: 					260px; 
	left: 					0px;
	width:					340px;
	padding-top:			118px;
	background: 			url(../images/snacks-healthymovement.png) no-repeat top left; 
}

.box-snacks a.snacks-happyhours {
	top: 					60px;
	left: 					344px;
	width:					458px;
	padding-top:			193px;
	background: 			url(../images/snacks-happyhours.png) no-repeat top left; 
}



/* Products */
.product {
	position:				relative;
	height:					330px;
	margin:					20px 0 20px 0;
	padding:				130px 0 0 230px;
}

.product div.visual img {
	display:				block;
	position:				absolute;
	top:					0;
	left:					-110px;
}

.product .box-left {
	float:					left;
	width:					360px;
	padding-bottom:			20px;
}

.product ul.list-overview {
	list-style:				none;
	float:					left;
	width:					309px;
	height:					240px;
	margin:					0 0 30px 0;
	padding:				15px;
}

.product ul.list-overview li {
	height:					auto;
	padding:				8px 5px 8px 80px;
	font-size:				11px;
	background-repeat:		no-repeat !important;
}

ul.list-signposts {
	float:					right;
	list-style:				none;
}

ul.list-signposts li {
	position:				relative;
	height:					102px;
}

ul.list-signposts li a {
	position:				absolute;
	top:					0;
	right:					-30px;
}



/* Product > 1.1 - Healthy */
body.healthy .product ul.list-overview 			 			{ background: url(../images/bg-product-healthy.jpg) no-repeat top left; }
body.healthy .product ul.list-overview li.item-01 			{ background: url(../images/beneful/healthy1.png) 10px top; }
body.healthy .product ul.list-overview li.item-02 			{ background: url(../images/beneful/healthy2.png) 5px 10px; }
body.healthy .product ul.list-overview li.item-03 			{ height: 50px; padding-top: 10px; background: url(../images/beneful/healthy3.png) 5px 10px; }
body.healthy .product ul.list-overview li.item-04 			{ height: 30px; padding-top: 20px; background: url(../images/beneful/healthy4.png) 0 center; }

/* Product > 1.2 - Original */
body.original .product ul.list-overview 					{ background:url(../images/bg-product-original.jpg) no-repeat top left; }
body.original .product ul.list-overview li.item-01 			{ background: url(../images/beneful/Original_Kbl1.png) 10px top; }
body.original .product ul.list-overview li.item-02 			{ background: url(../images/beneful/Original_Kbl2.png) 5px 10px; }
body.original .product ul.list-overview li.item-03 			{ height: 50px; padding-top: 10px; background: url(../images/beneful/Original_Kbl3.png) 5px 10px; }
body.original .product ul.list-overview li.item-04 			{ height: 30px; padding-top: 20px; background: url(../images/beneful/Original_Kbl4.png) 0 center; }

/* Product > 1.3 - Healthy weight */
body.healthyweight .product ul.list-overview 				{ background:url(../images/bg-product-healthyweight.jpg) no-repeat top left; }
body.kleinegenieter .product ul.list-overview				{ background:url(../images/bg-product-kleinegenieter.jpg) no-repeat top left; }
body.healthyweight .product ul.list-overview li.item-01,
body.kleinegenieter .product ul.list-overview li.item-01 	{ background: url(../images/beneful/Kibble1.png) 10px top; }
body.healthyweight .product ul.list-overview li.item-02,
body.kleinegenieter .product ul.list-overview li.item-02 	{ background: url(../images/beneful/Kibble2.png) 5px 10px; }
body.healthyweight .product ul.list-overview li.item-03,
body.kleinegenieter .product ul.list-overview li.item-03 	{ height: 50px; padding-top: 10px; background: url(../images/beneful/Kibble3.png) 5px 10px; }
body.healthyweight .product ul.list-overview li.item-04,
body.kleinegenieter .product ul.list-overview li.item-04 	{ height: 30px; padding-top: 20px; background: url(../images/beneful/Kibble4.png) 0 center; }

/* Product > 1.4 - Healthy radiance */
body.healthyradiance .product ul.list-overview 				{ background:url(../images/bg-product-healthyradiance.jpg) no-repeat top left; }
body.healthyradiance .product ul.list-overview li.item-01 	{ background: url(../images/beneful/Kibble1.png) 10px top; }
body.healthyradiance .product ul.list-overview li.item-02 	{ background: url(../images/beneful/Kibble2.png) 5px 10px; }
body.healthyradiance .product ul.list-overview li.item-03 	{ height: 50px; padding-top: 10px; background: url(../images/beneful/Kibble3.png) 5px 10px; }
body.healthyradiance .product ul.list-overview li.item-04 	{ height: 30px; padding-top: 20px; background: url(../images/beneful/HRadiance_Kbl4.png) 0 center; }

/* Product > 1.5 - Happy Maturity */
body.happymaturity .product ul.list-overview 				{ background:url(../images/bg-product-happymaturity.jpg) no-repeat top left; }
body.happymaturity .product ul.list-overview li.item-01 	{ background: url(../images/beneful/HMaturity_Kbl1.png) 10px top; }
body.happymaturity .product ul.list-overview li.item-02 	{ height: 25px; background: url(../images/beneful/HMaturity_Kbl2.png) 5px 5px; }
body.happymaturity .product ul.list-overview li.item-03 	{ height: 50px; padding-top: 10px; background: url(../images/beneful/HMaturity_Kbl3.png) 5px 10px; }
body.happymaturity .product ul.list-overview li.item-04 	{ height: 60px; background: url(../images/beneful/HMaturity_Kbl4.png) 5px 10px; }

/* Product > 1.6 - Tasty Choice */
body.tastychoice .product ul.list-overview 					{ background:url(../images/bg-product-tastychoice.jpg) no-repeat top left; }
body.tastychoice .product ul.list-overview li.item-01 		{ background: url(../images/beneful/KibbleTastychoice1.png) 10px top; }
body.tastychoice .product ul.list-overview li.item-02 		{ height: 40px; background: url(../images/beneful/KibbleTastychoice2.png) 5px 5px; }
body.tastychoice .product ul.list-overview li.item-03 		{ height: 50px; padding-top: 10px; background: url(../images/beneful/KibbleTastychoice3.png) 5px 10px; }



/* Product variation */
.text-wrapper {
	position:				relative;
	width:					600px;
	margin:					0 0 30px 0;
	/*padding-right: 			400px;*/
}

body.noimage .text-wrapper {
    width:                  900px;
}

.text-wrapper h2 {
	width:					480px;
}

.text-wrapper p {
	padding-right:			120px;
}

.text-wrapper img.visual {
	float:					right;
	margin:					50px 90px 0 20px;
}

body.happyhours .text-wrapper img.visual {
	margin-top:				75px;
}



/* Toggler */
.toggler {
	margin:					0 0 20px 0;
	padding-left:			230px;
}

.toggler p {
	font-size:				12px;
}


/* Table: Overview */
table.table-overview {
	width:					570px;
	margin:					5px 0 20px 0;
	border-spacing:			0;
}

table.table-overview td,
table.table-overview th {
	width:					71px;
	padding:				5px;
	font-size:				11px;
}

body.healthy table.table-overview td,
body.healthy table.table-overview th {
	border-top:				1px solid #2052A4;
	border-left:			1px solid #2052A4;
	border-right:			1px solid #A6BADB;
	border-bottom:			1px solid #A6BADB;
}

body.original table.table-overview td,
body.original table.table-overview th {
	border-top:				1px solid #C80000;
	border-left:			1px solid #C80000;
	border-right:			1px solid #CA0000;
	border-bottom:			1px solid #CA0000;
}



/* Table: Specs */
table.table-specs {
	margin:					5px 0 20px 0;
}

table.table-specs th {
	text-align:				left;
}

table.table-specs td {
	width:					150px;
	font-size:				11px;
}

table.table-specs th.large {
	width:					300px;
}



/* List: Sitemap */
dl.list-sitemap {
	list-style:				none;
	float:					left;
	width:					200px;
	margin:					0 0 20px 0;
}

dl.list-sitemap dt {
	margin:					0 0 5px 0;
}

dl.list-sitemap dt a {
	font-size:				14px;
	font-weight:			bold;
	color:					#009235;
	text-decoration:		none;
}

dl.list-sitemap dd {
	margin-left:			40px;
}

dl.list-sitemap dd a {
	font-size:				11px;
	color:					#000;
}

ul.list-sitemap {
	list-style:				none;
	margin:					0 0 20px 40px;
}

ul.list-sitemap li a {
	font-size:				11px;
	color:					#009235;
}



/* List: Pages */
ul.list-pages {
	list-style:				none;
}

ul.list-pages li {
	height:					1%;
	margin:					0 0 20px 0;
	padding:				10px 0 0 110px;
	background-position:	top left;
	background-repeat:		no-repeat;
}

ul.list-pages li a.btn-toggle {
	margin:					0 0 10px 20px;
}

ul.list-pages li h3 a {
	font:					bold 18px Arial, Helvetica, sans-serif;
	text-transform:			uppercase;
	color:					#F1410D; /* Editable */
}

body.puppylife ul.list-pages li h3 a { color: #1F51A4; }



/* Page: Dogslife -> List: Pages -> Background images */
ul.list-pages li.dogslife-toptips 			{ background-image: url(../images/icn-dogslife-toptips.gif); }
ul.list-pages li.dogslife-communication 	{ background-image: url(../images/icn-dogslife-communication.gif); }
ul.list-pages li.dogslife-playtime 			{ background-image: url(../images/icn-dogslife-playtime.gif); }
ul.list-pages li.dogslife-activities 		{ background-image: url(../images/icn-dogslife-activities.gif); }

/* Page: Puppylife -> List: Pages -> Background images */
body.puppylife ul.list-pages li.puppylife-feeding 		{ background-image: url(../images/icn-puppylife-feeding.gif); }
body.puppylife ul.list-pages li.puppylife-training 		{ background-image: url(../images/icn-puppylife-training.gif); }
body.puppylife ul.list-pages li.puppylife-playtime 		{ background-image: url(../images/icn-puppylife-playtime.gif); }



/* List: Subpages */
ul.list-subpages {
	list-style:				none;
	margin:					0 0 0 35px;
}

ul.list-subpages li {
	margin:					0 0 10px 0;
	padding:				0 0 0 15px;
	background:				url(../images/blt-dot-orange.gif) no-repeat 0 5px;
}

.toggler ul.list-subpages li a {
	font-weight:			bold;
	color:					#F1410D; /* Editable */
}

.toggler ul.list-subpages li p {
	font-size:				11px;
}

body.dogslife ul.list-subpages li a 	{ color: #F60; }
body.puppylife ul.list-subpages li a 	{ color: #F60; }



/* Box: Intro text with visuals */
.box-intro {
	width:					793px;
	height:					343px;
	padding:				6px 7px;
	margin:					20px auto;
	background:				url(../images/bg-box-intro-orange.gif) no-repeat top left;
}

.box-intro ul {
	display:				block;
	float:					left;
	list-style:				none;
	width:					793px;
	margin:					9px 0 0 0;
}

.box-intro ul li {
	position:				relative;
	margin:					0 0 8px 0;
}

.box-intro ul li a {
	display:				block;
	width:					284px;
	height:					19px;
	padding:				5px 10px 2px 10px;
	font-size:				14px;
	font-weight:			bold;
	text-decoration:		none;
	text-transform:			uppercase;
	color:					#713223;
}

.box-intro ul li a:hover,
.box-intro ul li a.active {
	color:					#EA5A00;
}

.box-intro ul li a.active {
	background:				url(../images/bg-box-intro-orange-li-active.gif) no-repeat top left;
}

.box-intro .visual {
	display:				none;
	position:				absolute;
	right:					0;
	top:					-9px;
	width:					489px;
	padding-top:			256px;
}

.box-intro .vis-active {
	width:					489px;
	display:				block;
	z-index:				999;
}

.box-puppy-playtime,
.box-puppy-training,
.box-puppy-feeding {
	background:				url(../images/bg-box-intro-blue.gif) no-repeat top left;
}

.box-puppy-playtime ul li a,
.box-puppy-training ul li a,
.box-puppy-feeding ul li a {
	color:					#1F51A4;
}
.box-puppy-playtime ul li a:hover,
.box-puppy-playtime ul li a.active,
.box-puppy-training ul li a:hover,
.box-puppy-training ul li a.active,
.box-puppy-feeding ul li a:hover,
.box-puppy-feeding ul li a.active {
	color:					#EC5A00;
}

.box-intro li.toptips-didyouknow a.active 					{ background-image: url(../images/bg-box-intro-orange-li-didyouknow-active.gif); }
.box-intro li.toptips-didyouknow a.visual 					{ top: -43px; }
.box-intro li.toptips-travelchecklist a.active 				{ background-image: url(../images/bg-box-intro-orange-li-travelchecklist-active.gif); }
.box-intro li.toptips-travelchecklist a.visual 				{ top: -75px; }
.box-intro li.toptips-travelingbycar a.active 				{ background-image: url(../images/bg-box-intro-orange-li-travelingbycar-active.gif); }
.box-intro li.toptips-travelingbycar a.visual 				{ top: -111px; }
.box-intro li.toptips-wellgroomed a.active 					{ background-image: url(../images/bg-box-intro-orange-li-wellgroomed-active.gif); }
.box-intro li.toptips-wellgroomed a.visual 					{ top: -144px; }
.box-intro li.toptips-bathtime a.active 					{ background-image: url(../images/bg-box-intro-orange-li-bathtime-active.gif); }
.box-intro li.toptips-bathtime a.visual 					{ top: -178px; }
.box-intro li.toptips-exercise a.active 					{ background-image: url(../images/bg-box-intro-orange-li-exercise-active.gif); }
.box-intro li.toptips-exercise a.visual 					{ top: -213px; }

.box-intro li.communication-justbetweenfriends a.active 	{ background-image: url(../images/bg-box-intro-orange-li-justbetweenfriends-active.gif); }
.box-intro li.communication-justbetweenfriends a.visual 	{ top: -9px; }
.box-intro li.communication-ipawed a.active 				{ background-image: url(../images/bg-box-intro-orange-li-ipawed-active.gif); }
.box-intro li.communication-ipawed a.visual 				{ top: -43px; }
.box-intro li.communication-canine a.active 				{ background-image: url(../images/bg-box-intro-orange-li-canine-active.gif); }
.box-intro li.communication-canine a.visual 				{ top: -76px; }
.box-intro li.communication-mansbestfriend a.active 		{ background-image: url(../images/bg-box-intro-orange-li-mansbestfriend-active.gif); }
.box-intro li.communication-mansbestfriend a.visual 		{ top: -110px; }

.box-intro li.playtime-bigscreen a.active 					{ background-image: url(../images/bg-box-intro-orange-li-bigscreen-active.gif); }
.box-intro li.playtime-bigscreen a.visual 					{ top: -9px; }
.box-intro li.playtime-playball a.active 					{ background-image: url(../images/bg-box-intro-orange-li-playball-active.gif); }
.box-intro li.playtime-playball a.visual 					{ top: -43px; }
.box-intro li.playtime-coldplay a.active 					{ background-image: url(../images/bg-box-intro-orange-li-coldplay-active.gif); }
.box-intro li.playtime-coldplay a.visual 					{ top: -76px; }
.box-intro li.playtime-leisure a.active 					{ background-image: url(../images/bg-box-intro-orange-li-leisure-active.gif); }
.box-intro li.playtime-leisure a.visual 					{ top: -110px; }

.box-intro li.activities-dogsatwork a.active 				{ background-image: url(../images/bg-box-intro-orange-li-dogsatwork-active.gif); }
.box-intro li.activities-dogsatwork a.visual 				{ top: -9px; }
.box-intro li.activities-intandem a.active 					{ background-image: url(../images/bg-box-intro-orange-li-intandem-active.gif); }
.box-intro li.activities-intandem a.visual 					{ top: -43px; }
.box-intro li.activities-grape a.active 					{ background-image: url(../images/bg-box-intro-orange-li-grape-active.gif); }
.box-intro li.activities-grape a.visual 					{ top: -76px; }
.box-intro li.activities-planperfect a.active 				{ background-image: url(../images/bg-box-intro-orange-li-planperfect-active.gif); }
.box-intro li.activities-planperfect a.visual 				{ top: -110px; }

.box-puppy-playtime li.puppy-playtime-rainyday a.active		{ background-image: url(../images/bg-box-intro-blue-li-rainyday-active.gif); }
.box-puppy-playtime li.puppy-playtime-rainyday a.visual		{ top: -9px; }
.box-puppy-playtime li.puppy-playtime-firstyear a.active	{ background-image: url(../images/bg-box-intro-blue-li-firstyear-active.gif); }
.box-puppy-playtime li.puppy-playtime-firstyear	a.visual	{ top: -43px; }
.box-puppy-playtime li.puppy-playtime-perfectpuppy a.active	{ background-image: url(../images/bg-box-intro-blue-li-perfectpuppy-active.gif); }
.box-puppy-playtime li.puppy-playtime-perfectpuppy a.visual	{ top: -76px; }
.box-puppy-playtime li.puppy-playtime-riseshine a.active	{ background-image: url(../images/bg-box-intro-blue-li-riseshine-active.gif); }
.box-puppy-playtime li.puppy-playtime-riseshine	a.visual	{ top: -110px; }

.box-puppy-training li.puppy-training-playing a.active		{ background-image: url(../images/bg-box-intro-blue-li-playing-active.gif); }
.box-puppy-training li.puppy-training-playing a.visual		{ top: -9px; }
.box-puppy-training li.puppy-training-teaching a.active		{ background-image: url(../images/bg-box-intro-blue-li-teaching-active.gif); }
.box-puppy-training li.puppy-training-teaching a.visual		{ top: -43px; }
.box-puppy-training li.puppy-training-fetch a.active		{ background-image: url(../images/bg-box-intro-blue-li-fetch-active.gif); }
.box-puppy-training li.puppy-training-fetch a.visual		{ top: -76px; }
.box-puppy-training li.puppy-training-mouths a.active		{ background-image: url(../images/bg-box-intro-blue-li-mouths-active.gif); }
.box-puppy-training li.puppy-training-mouths a.visual		{ top: -110px; }

.box-puppy-feeding li.puppy-feeding-finding a.active		{ background-image: url(../images/bg-box-intro-blue-li-finding-active.gif); }
.box-puppy-feeding li.puppy-feeding-finding a.visual		{ top: -9px; }
.box-puppy-feeding li.puppy-feeding-safe a.active			{ background-image: url(../images/bg-box-intro-blue-li-safe-active.gif); }
.box-puppy-feeding li.puppy-feeding-safe a.visual			{ top: -43px; }
.box-puppy-feeding li.puppy-feeding-new a.active			{ background-image: url(../images/bg-box-intro-blue-li-new-active.gif); }
.box-puppy-feeding li.puppy-feeding-new a.visual			{ top: -76px; }
.box-puppy-feeding li.puppy-feeding-love a.active			{ background-image: url(../images/bg-box-intro-blue-li-love-active.gif); }
.box-puppy-feeding li.puppy-feeding-love a.visual			{ top: -109px; }
.box-puppy-feeding li.puppy-feeding-smart a.active			{ background-image: url(../images/bg-box-intro-blue-li-smart-active.gif); }
.box-puppy-feeding li.puppy-feeding-smart a.visual			{ top: -144px; }
.box-puppy-feeding li.puppy-feeding-fair a.active			{ background-image: url(../images/bg-box-intro-blue-li-fair-active.gif); }
.box-puppy-feeding li.puppy-feeding-fair a.visual			{ top: -177px; }


.box-intro a.visual {
	position:				absolute;
	right:					0;
	width:					489px;
	height:					auto;
	margin:					0;
	padding:				0;
}

.box-intro .visual img {
	display:				block;
}

.box-intro .visual .text {
	margin:					0 0 20px 0;
	padding:				20px;
	background:				#FFF url();
	border:					3px solid red;
	border-top:				none;
}


.box-puppy-playtime .visual .text,
.box-puppy-training .visual .text,
.box-puppy-feeding .visual .text {
	border-color:			#1F51A4;
}

.box-intro .visual .text p {
	margin-bottom:			0;
}

.active {
	display:				block !important;
}



/* List: Cols */
dl.list-cols {
	list-style:				none;
	float:					left;
	width:					33%;
	margin:					0 0 50px 0;
}

dl.list-cols dt {
	margin:					0 0 5px 0;
}

dl.list-cols dt a {
	font-size:				18px;
	font-weight:			bold;
	
}

body.dogslife dl.list-cols dt a {
    color:					#EA5A00;
}

body.puppylife dl.list-cols dt a {
    color:					#1F51A4;
}

dl.list-cols dd {
	padding-left:			10px;
	background:				url(../images/blt-dot-black.gif) no-repeat 0 5px;
}

dl.list-cols dd a {
	font-size:				11px;
	color:					#000;
}


/* List: Cols -> Signposts */
ul.list-col-signposts {
	list-style:				none;
	margin:					0 0 30px 0;
}

ul.list-col-signposts li {
	float:					left;
	width:					33%;
}



ul.articles {
	margin-top:				290px;
}

img.article-title {
	display:				block;
	margin:					50px auto;
}



/* List: Paginator */
ul.list-paginator {
	list-style:				none;
}

ul.list-paginator li {
	float:					left;
	margin:					0 10px 0 0;
}

ul.list-paginator li a.btn-prev {
	width:					165px;
	padding-top:			29px;
}

ul.list-paginator li a.btn-all {
	width:					172px;
	padding-top:			29px;
}

ul.list-paginator li a.btn-next {
	width:					188px;
	padding-top:			29px;
}

body.dogslife ul.list-paginator li a.btn-prev 	{ background: url(../images/btn-orange-prevarticle.gif) no-repeat top left; }
body.dogslife ul.list-paginator li a.btn-all 	{ background: url(../images/btn-orange-allarticles.gif) no-repeat top left; }
body.dogslife ul.list-paginator li a.btn-next 	{ background: url(../images/btn-orange-nextarticle.gif) no-repeat top left; }

body.puppylife ul.list-paginator li a.btn-prev 	{ background: url(../images/btn-blue-prevarticle.gif) no-repeat top left; }
body.puppylife ul.list-paginator li a.btn-all 	{ background: url(../images/btn-blue-allarticles.gif) no-repeat top left; }
body.puppylife ul.list-paginator li a.btn-next 	{ background: url(../images/btn-blue-nextarticle.gif) no-repeat top left; }



/* Form elements */
form.registration {
	margin:					20px 0 0 0;
}

form.registration fieldset {
	display:				block;
	width:					508px;
	margin:					0 0 10px 0;
	/*background:				url(../images/bg-registration-repeat.gif) repeat-y top left;*/
	background:				url(../images/bg-registration.png) no-repeat top left;
}

form.registration fieldset div.bg-form {
	height:					1%;
	padding:				20px 20px 16px 20px;
	margin-top:             10px;
	/*background:				url(../images/bg-registration.png) no-repeat top left;*/
	background:				url(../images/bg-registration-repeat.gif) repeat-y top left;
}

form.registration fieldset div.foot {
	height:					8px;
    font-size:              1px;
	background:				url(../images/bg-registration-bottom.gif) no-repeat bottom left;
	
}

label {
	float:					left;
	display:				block;
	width:					180px;
	font-size:				12px;
	text-transform:			uppercase;
	color:					#009235;
}

div.largelabel label {
    width:                  195px;
}

/*.passwordpanel label {
    width:                  240px;
}*/

span.checkbox-large input {
	float:left;
    margin-left:2px;
    margin-right:5px;
	float:					left;
	margin-left:			2px;
	margin-right:			5px;
	width:                  auto;
}

form.registration span {
    float:                  left;
}
form.registration span.cufon {
    float:                  none;
}

span.checkbox-large label {
	width:					430px;
}

input.text {
	float:					right;
	width:					200px;
	padding:				3px;
	margin:					0 0 10px 0;
	border-top:				1px solid #8A8A8A;
	border-right:			1px solid #8A8A8A;
	border-left:			1px solid #DADADA;
	border-bottom:			1px solid #DADADA;
}

input.text-street {
	width:					170px;
}

input.text-number {
	width:					20px;
}

select.select {
	float:					right;
	width:					208px;
	margin:					0 0 10px 0;
	padding:				2px 0;
	border-top:				1px solid #8A8A8A;
	border-right:			1px solid #8A8A8A;
	border-left:			1px solid #DADADA;
	border-bottom:			1px solid #DADADA;
}

input.btn-submit {
	float:					right;
	margin:					0 10px 0 0;
	width:					120px;
	height:					29px;
}

ul.list-checkboxes {
	list-style:				none;
}

div.bg-form td,
ul.list-checkboxes li {
	float:					left;
	width:					25%;
	font-size:				11px;
	line-height:			25px;
	vertical-align:			middle;
}

div.bg-form p {
    width:                  440px;
    padding-right:          0;
    font-size:              12px;
}

div.valgroup {
    width:                  250px;
    height:                 13px;
    position:               relative;
}

div.valgroup span {
    position:               absolute;
    bottom:                 0;
    left:                   0;
}

div.vallabelgroup {
    width:                  250px;
    float:                  left;
    position:               relative;
    height:                 50px;
}

div.vallabelgroup label {
    float:                  none;
}

.error {
	border:					1px solid red !important;
}



/* Table: Form */
table.brandschecklist tr td {
	width:					150px;
	
}

table.brandschecklist tr td input {
	float:					left;
	width:					auto;
	margin:					5px 5px 0 0;
}

table.brandschecklist tr td label {
	width:					120px;

}

table.brandschecklist tr td label,
span.checkbox-large label {
    float:					left;
	text-transform:         none;
	color:                  #000;
}

span.checkbox-large label {
    margin-bottom:          5px;
}


/* Footer */
#footer {
	height:					350px;
	background:				url(../images/bg-footer.gif) no-repeat bottom center;
}

#footer .box-black {
	margin:					0 0 5px 0;
	background:				#000;
}

#footer .box-black .replace {
	float:					right;
	width:					74px;
	margin:					0 20px 0 0;
	padding-top:			30px;
	background:				url(../images/logo-footer.gif) no-repeat top left;
}

#footer ul.list-footer {
	list-style:				none;
}

#footer ul.list-footer li {
	float:					left;
	margin:					0 10px 0 0;
}

#footer ul.list-footer li a {
	font-size:				10px;
	text-transform:			uppercase;
	color:					#75777A;
}

#footer ul.list-footer li a:hover {
	color:					#444;
}

div.coupononly {
    display:                none;
    float:                  left;
}

div.coupon {
    width: 300px;
    float:left;
    padding-top: 40px;
}

.coupon label {
    font-size:				11px;
	text-transform:			none;
	color:					#000;
	font-weight:            bold;
}
.coupon p {
    font-size:              12px;
    line-height:            19px;
    padding-right:          0;
}

.coupon b {
    font-size:              14px;
}

img.coupon-visual {
    float:                  left;
}



img.btn-print {
    cursor:                 pointer;
}