body{
	padding:0;
	margin:0;
	color:#655334;
	font-size:14px;
	font-family:arial;
}
a {
	outline: none; 
}
img{
	border:none;
}
h1, h2, h3, h4, p{
	padding:0;
	margin:0;
}
ul, li{
	padding:0;
	margin:0;
	list-style:none;
}
.smuckers #content .widgetSummerStories ul:after,
.smuckers #content .widgetSummerStories:after,
.smuckers #content .freats li:after,
.smuckers #content  #pager2:after,
.smuckers #content  #pager1:after,
.smuckers #content .placemats:after,
.smuckers #content .widgetActivities:after,
.smuckers #content .main:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.smuckers #content{
	clear: both; 
	overflow: hidden;
	position: relative;
	width: 945px; 
	z-index: 1;
	margin:0 auto;
}
.smuckers #content .header img{
	margin:40px 0 20px 20px;
}
.smuckers #content .main {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDEiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiM1NjVhNTIiIHN0b3Atb3BhY2l0eT0iMC4wMyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTY1YTUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(86,90,82,0.03) 3%, rgba(86,90,82,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0.01)), color-stop(3%,rgba(86,90,82,0.03)), color-stop(100%,rgba(86,90,82,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(86,90,82,0.03) 3%,rgba(86,90,82,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(86,90,82,0.03) 3%,rgba(86,90,82,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(86,90,82,0.03) 3%,rgba(86,90,82,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(86,90,82,0.03) 3%,rgba(86,90,82,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#565a52',GradientType=0 );
	padding:3px 20px 5px 20px;
}
.smuckers #content .main .leftSide{
	float:left;
	width:590px;
}
.smuckers #content .main .rightSide{
	float:right;
	width:289px;
}
.smuckers #content .main .fullSide{
	clear:both;
	width:100%;
}
/*Activities widget
--------------------------------------------------------------------------*/
.smuckers #content .widgetBg{
	background:url(../img/bg-widget.png) 0 0;
	padding:20px 15px;
	margin-bottom:27px;
	-webkit-box-shadow: 0px -1px 50px rgba(50, 50, 17, 1);
	-moz-box-shadow:    0px -1px 50px rgba(50, 50, 17, 1);
	box-shadow:         0px -1px 50px rgba(50, 50, 17, 1);
}
.smuckers #content .widget{
	background:#fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 8px 0px #1a1a1a;
	-moz-box-shadow:    0 0 8px 0px #1a1a1a;
	box-shadow:         0 0 8px 0px #1a1a1a;
	padding:17px 17px 30px 17px;
}
.smuckers #content .summerFun{
	background: url(../img/title-summer-fun-activities.png) no-repeat 18px 0;
	text-indent:-9999px;
	height:45px;
	width:535px;
}
.smuckers #content .widget.widgetActivities p{
	text-align:center;
	padding:15px 10px 20px 10px;
}
.smuckers #content .widget.widgetActivities li p{
	text-align:left;
	padding:5px 0 0 0;
}
.smuckers #content .list_carousel1{
	width:498px;
	height:199px;
	background: url(../img/bg-carusel-hor-2.png) no-repeat 0 0;
	padding:15px 15px 15px 10px;
	position:relative;
}
.smuckers #content .list_carousel1 .caroufredsel_wrapper{
	width:502px!important;
}
.smuckers #content .widgetActivities ul{
	padding:0 10px;
}
.smuckers #content .widgetActivities li{
	height:188px;
    padding: 10px 10px 10px 2px;
    width: 146px;
	margin-right:10px;
	background: url(../img/border-list.png) repeat-y top right;
	float:left;
}
.smuckers #content .widgetActivities li.empty{
	background:none;
}
.smuckers #content .widgetActivities li.last{
	background:none;
}
.smuckers #content .widgetActivities li a{
	font-size:12px;
	text-align:left;
	color:#54493f;
	display:block;
	margin-bottom:3px;
}
.smuckers #content .widgetActivities li p{
	padding:0;
	font-size:12px;
	text-align:left;
}
.smuckers #content  #prev1{
	background: url(../img/arrow-green-hor.png) no-repeat 0 -50px;
    height: 54px;
    left: -31px;
    position: absolute;
    top: 80px;
    width: 51px;
	text-indent:-9999px;
	cursor:pointer;
}
.smuckers #content  #next1{
	background: url(../img/arrow-green-hor.png) no-repeat 0 4px;
	height: 54px;
    right: -31px;
    position: absolute;
    top: 80px;
    width: 51px;
	text-indent:-9999px;
	cursor:pointer;
}
.smuckers #content  #pager1{
	position:absolute;
	bottom:-22px;
	right:0px;
}
.smuckers #content  #pager1 a{
	background: url(../img/circle.png) no-repeat 0 0;
	width:14px;
	text-decoration:none;
	float:left;
	margin:0 3px 0 0;
	text-indent:-9999px;
}
.smuckers #content  #pager1 a.selected{
	background: url(../img/circle.png) no-repeat 0 -17px;
}
/*Placemants widget
--------------------------------------------------------------------------*/
.smuckers #content .placemats-title{
	background: url(../img/title-printable-placemats.png) no-repeat 60px 0;
	text-indent:-9999px;
	height:45px;
	width:535px;
}
.smuckers #content .widget.placemats p{
	text-align:center;
	padding:10px 10px 20px 10px;
}
.smuckers #content .list_carousel2{
	width:498px;
	height:160px;
	background: url(../img/bg-carusel-hor.png) no-repeat 0 0;
	padding:9px 15px 26px 16px;
	position:relative;
}
.smuckers #content .list_carousel2 .caroufredsel_wrapper{
	width:502px!important;
}
.smuckers #content .placemats ul{
	padding:0 10px;
}
.smuckers #content .placemats li{
	height:160px;
    padding: 10px 0 10px 12px;
    width: 230px;
	margin-right:10px;
	background: url(../img/border-list.png) repeat-y top right;
	float:left;
}
.smuckers #content .placemats li.empty{
	background:none;
}
.smuckers #content .placemats li.last{
	background:none;
}
.smuckers #content .placemats li a{
	font-size:12px;
	text-align:left;
	color:#54493f;
	display:block;
	margin-bottom:3px;
}
.smuckers #content .placemats li p{
	padding:0;
	font-size:12px;
	text-align:left;
}
.smuckers #content  #prev2{
	background: url(../img/arrow-red-hor.png) no-repeat 0 -50px;
    height: 54px;
    left: -31px;
    position: absolute;
    top: 69px;
    width: 51px;
	text-indent:-9999px;
	cursor:pointer;
}
.smuckers #content  #next2{
	background: url(../img/arrow-red-hor.png) no-repeat 0 5px;
	height: 54px;
    right: -31px;
    position: absolute;
    top: 69px;
    width: 51px;
	text-indent:-9999px;
	cursor:pointer;
}
.smuckers #content  #pager2{
	position:absolute;
	bottom:-22px;
	right:0px;
}
.smuckers #content  #pager2 a{
	background: url(../img/circle.png) no-repeat 0 0;
	width:14px;
	text-decoration:none;
	float:left;
	margin:0 3px 0 0;
	text-indent:-9999px;
}
.smuckers #content  #pager2 a.selected{
	background: url(../img/circle.png) no-repeat 0 -17px;
}
/*Tountdown widget
--------------------------------------------------------------------------*/
.smuckers #content .tountdown img{
	position:relative;
	left:-18px;
}
.smuckers #content .tountdown h2{
	background: url(../img/title-tountdown-to-summer.png) no-repeat 2px 0;
	text-indent:-9999px;
	height:122px;
	width:231px;
	margin:15px 0 5px 0;
}
.smuckers #content .tountdown .download{
	background: url(../img/download.png) no-repeat 0 0;
    display: block;
    height: 78px;
    left: -17px;
    margin: 0;
    position: relative;
    text-indent: -9999px;
    top: 5px;
    width: 259px;
}
/*Testy Freats
--------------------------------------------------------------------------*/
.smuckers #content .widget.tountdown{
	padding-bottom:5px;
}
.smuckers #content .freats{
	position:relative;
}
.smuckers #content .freats h2{
	background: url(../img/title-teasty-treats.png) no-repeat 0px 0;
	text-indent:-9999px;
	height:82px;
	width:133px;
	margin:5px auto;
}
.smuckers #content .widget p{
	text-align:center;
	padding:10px;
}
.smuckers #content .list_carousel3{
	background: url(../img/bg-carusel-ver.png) no-repeat 0 0;
    height: 340px;
    padding: 30px 0 34px 2px;
    position: relative;
    width: 224px;
	margin-top:20px;
}
.smuckers #content .list_carousel3 .caroufredsel_wrapper{
	height:336px!important;
}
.smuckers #content .freats ul{
	padding:0 10px;
}
.smuckers #content .freats li{
	height:104px;
    padding:2px;
    width: 210px;
	margin:6px 0;
	background:#ae9683;
}
.smuckers #content .freats li div{
	float:left;
	margin-right:2px;
	display:table;
	height:104px;
}
.smuckers #content .freats li p{
	font-size:12px;
	text-align:left;
	color:#fff;
	display:table;
	float:left;
	width:84px;
	padding:0;
	margin:0;
	height:98px;
}
.smuckers #content .freats li a{
		display:table-cell;
	vertical-align:middle;
}
.smuckers #content .freats li p span{
	display:table-cell;
	vertical-align:middle;
}
.smuckers #content .freats li p span a{
	text-decoration:none;
	color:#fff;
}
.smuckers #content .freats li p span a:hover{
	text-decoration:underline;
}
.smuckers #content  #prev3{
	background: url(../img/arrow-ver.png) no-repeat 0 0;
    bottom: 380px;
    height: 54px;
    position: absolute;
    right: 85px;
    text-indent: -9999px;
    width: 51px;
	cursor:pointer;
}
.smuckers #content  #next3{
	background: url(../img/arrow-ver.png) no-repeat 0 -53px;
    bottom:-24px;
    height: 54px;
    position: absolute;
    right: 85px;
    text-indent: -9999px;
    width: 51px;
	cursor:pointer;
}
.smuckers #content  #pager3{
	position:absolute;
	bottom:-22px;
	right:0px;
	display:none!important;
}
.smuckers #content  #pager3 a{
	background: url(../img/circle.png) no-repeat 0 0;
	width:14px;
	text-decoration:none;
	float:left;
	margin:0 3px 0 0;
	text-indent:-9999px;
}
.smuckers #content  #pager3 a.selected{
	background: url(../img/circle.png) no-repeat 0 -17px;
}
/*Testy SummerStories
--------------------------------------------------------------------------*/
.smuckers #content .widgetSummerStories{
	*overflow:hidden;
}
.smuckers #content .widgetSummerStories img{
	float:left;
	margin-right:15px;
}
.smuckers #content .widgetSummerStories .summerStories h2{
	background: url(../img/title-sweet-summer-stories.png) no-repeat 2px 0;
	text-indent:-9999px;
	height:40px;
	width:470px;
	margin:0 auto 10px auto;
}
.smuckers #content .widgetSummerStories .summerStories{
	float:left;
	width:595px;
}
.smuckers #content .widgetSummerStories .summerStories li{
	float:left;
	width:255px;
	margin:10px 30px 10px 10px;
	height:71px;
}
.smuckers #content .widgetSummerStories .summerStories a{
	color:#54493f;
	font-size:13px;
}
.smuckers #content .widgetSummerStories .summerStories p{
	text-align:left;
	font-size:13px;
	padding:0;
}