* { margin: 0; padding: 0; outline: 0; }
body {
	font: 13px/18px Helvetica, Arial, sans-serif;
	color: #343333;
	text-align: left;
	background-color: #a6c197;
	background-image: url(images/carton_bg.gif);
	background-repeat: repeat;
}

a {
	color: #de93b1;
	text-decoration: none;
	cursor: pointer;
}
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.floatrt {float: right;padding-left: 10px;}

#page{
	margin:0 auto;
}

.shell {
	margin: 0 auto;
	width: 976px;
}

#container{
	background-image: url(images/contentbg.gif);
	background-repeat: repeat-y;
}

#header a{
	height:1px;
	position:relative;
	clear: both;
	float: left;
	display: block;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;
	width: 280px;
}

#nav{
	height:177px;
	background-color: #fffdeb;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#nav.navhome{
	height:295px;
	background-image: url(images/homelogo.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#nav .box{
	height:156px;
	width:976px;
	float:left;
	display: block;
}
#nav a.box span{
	display: none;
}

#nav a.cone1{background: url(images/nav_home.gif) no-repeat left top; margin-left:80px; width:104px;}
#nav a.cone1:hover{background: url(images/nav_home.gif) no-repeat left bottom;}
#nav a.cone2{background: url(images/nav_buzz.gif) no-repeat left top; width:95px;}
#nav a.cone2:hover{background: url(images/nav_buzz.gif) no-repeat left bottom;}
#nav a.cone3{
	background: url(images/nav_menu.gif) no-repeat left top;
	margin-right: 205px;
	width:95px;
}
#nav a.cone3:hover{
background: url(images/nav_menu.gif) no-repeat left bottom;
}
#nav a.cone4{background: url(images/nav_fun.gif) no-repeat left top; width:95px}
#nav a.cone4:hover{background: url(images/nav_fun.gif) no-repeat left bottom;}
#nav a.cone5{background: url(images/nav_wholesale.gif) no-repeat left top;width:109px}
#nav a.cone5:hover{background: url(images/nav_wholesale.gif) no-repeat left bottom;}
#nav a.cone6{background: url(images/nav_hours.gif) no-repeat left top;width:135px}
#nav a.cone6:hover{background: url(images/nav_hours.gif) no-repeat left bottom;}
	

#heading{
	padding-right:40px;
}
#heading img{
	padding-top: 40px;
	margin-bottom: 20px;
	margin-left: -71px;
	float: left;
	display: block;
	position: relative;
	width: 476px;
	margin-right: 32px;
}
#heading h1{
	font-size: 26px;
	line-height:32px;
	color:#333333;
	background-image: url(images/squiggle.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: -30px;
	margin-bottom: 30px;
	font-weight: 200;
	height: 54px;
	width: 500px;
	display: block;
	position: relative;
	padding-top: 40px;
	float: left;
	text-indent: 30px;
	margin-top: 20px;
	clear: right;
}
#heading p{
	padding-bottom:10px;
	padding-right:20px;
}
#slides{
	height:337px;
	width:442px;
	position:relative;
	float: left;
	display: block;
	margin-bottom: 40px;
	z-index: 1;
}
#slides img{
	position:absolute;
	top:0;
	left:0;
	z-index: 11;
}
#video{
	height:337px;
	width:430px;
	position:relative;
	float: left;
	display: block;
	margin-top: 60px;
	margin-left: 36px;
	margin-bottom: 40px;
}

#content{
	width:976px;
	background-image: url(images/contentbg.gif);
	position: relative;
}
#content.menupg{
	background-image: url(images/bgmenu.gif);
	background-repeat: no-repeat;
}	

h2{
	color:#de93b1;
	font-size: 20px;
	font-weight: bold;
	padding-top: 6px;
}
h3{
	color:#8CA480;
	font-size: 16px;
	font-weight: bold;
	padding-top: 16px;
}
h4{
	color:#333;
	font-size: 14px;
	font-weight: bold;
	padding-top: 6px;
	line-height: 14px;
}
.small{
	font-size: 9px;
	}

#main{
	display: inline;
	float: left;
	width:850px;
	margin-left: 40px;
}
#main.mainhome{
	float:none
}
#main.mainhome .inner{
	padding-left:180px;
	padding-bottom:60px;
	padding-right:180px;

}
#main .inner{
	padding-left:40px;
	padding-bottom:60px;
	padding-right:10px;
}
#main .inner p{
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
}
#main .inner p.no-space{padding-bottom:0; }
#main .inner ul, .article ul{list-style-type: square; padding: 10px 20px 10px 30px;}
#main .inner ul.fancy, .article ul.fancy{list-style-image: url(images/bullet_1.gif); padding: 10px 20px 10px 30px;}
#main .inner ul.fancy li, .article ul.fancy li{padding: 10px 0;}
#main .inner ol, .article ol{list-style-type:lower-roman; padding: 10px 20px 10px 30px;}
#main .inner h2{
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#main .inner h2 a{
	text-decoration: underline;
}
.indent{
	text-indent: 120px;
	line-height: 14px;
}
.leftcolumn{
	float: left;
	width:365px;
	margin-right: 56px;
}

.rightcolumn{
	float: left;
	width:360px;
}

#sidebar{
	float: left;
	display: inline;
	width:229px
}
#sidebar .box{
	position: absolute;
	width:229px;
	height:306px;
	margin-left:23px;
	font-size: 11.5px;
	padding-top: 42px;
	background-image: url(images/box.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#sidebar .boxmain{
	position: absolute;
	width:229px;
	height:306px;
	background:url(images/box.gif);
	margin-left:2px;
	font-size: 11.5px;
}
#sidebar .box p{
	width:180px;
	margin:0 auto;
	color:#333333;
	padding-top:10px;
	line-height:14px;
}
#sidebar .box ul{
	list-style-type: square;
	padding-top: 10px;
	padding-right: 17px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#sidebar .box li{line-height:14px; }

#image-block{
	padding-top: 20px;
	padding-bottom: 10px;
	margin-left: -66px;
	float: left;
	display: inline;
	width: 476px;
}

#footer{
	font-size: 13px;
	color:#333333;
	display: block;
	width: 976px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 24px;
	padding-top: 40px;
}
#footer p{
	padding-top: 60px;
}
#footer a{
	color:#666666;
}
#spoon1{
	background-image: url(images/buy.png); background-repeat:no-repeat;
	display: block;
	width: 109px;
	height: 36px;
	margin-left: 580px;
	float: left;
}
#spoon2{
	background-image: url(images/supermkt.png); background-repeat:no-repeat;
	display: block;
	width: 117px;
	height: 38px;
	margin-left: 760px;
}
.copyright {
	font-size: 11px;
	padding-top: 30px;
}

p.tellafriend{
	background: #fff;
	padding:5px;
	margin:5px auto;
	width:60%;
}
.img-space {
	margin-right: 12px;
	margin-left: 12px;
	display:block;
}

