@charset "UTF-8";
/* CSS Document */

@import url("reset.css");

body{
	background-color:#0aa3c6;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position:top center;
	padding-top: 5px;
}

#header, #main, #footer{
	width: 951px;
	margin: 0px auto 0px;

}

#header{
	background: #009999;
	background-image: url(../images/header.png);
	background-position: top center;
	height: 157px;
	position: relative;
}

#header .navigation{
	font-size: 15px;
	font-weight: bold;
	color:#FFFFFF;
	position:absolute;
	top: 111px;
	left: 136px;
}

#header .navigation li{
	float:left;
	height: 25px;
	line-height: 25px;
	padding-left:38px;
	background-repeat:no-repeat;
	background-position:left;
	}

#header .navigation li.home{
	width: 70px;
}

#header .navigation li.categories{
	width: 136px;
	background-image:url(../images/navigation_bullet_categories.png);
}

#header .navigation li.products{
	width: 120px;
	background-image:url(../images/navigation_bullet_products.png);
}

#header .navigation li.about{
	width: 175px;
	background-image:url(../images/navigation_bullet_about.png);
}

#header .navigation li.contact{
	width: 122px;
	background-image:url(../images/navigation_bullet_contact.png);
}

#header .search{
	background-image:url(../images/search_background.png);
	background-repeat:no-repeat;
	background-position: top left;
	position:absolute;
	top: 35px;
	left: 635px;
	width: 311px;
	height: 33px;
}

#header .search .qfield{
	border: none;
	height:22px;
	line-height:25px;
	position:absolute;
	top: 8px;
	left: 20px;
	}

#header .search .button{
	position:absolute;
	top: 8px;
	left: 230px;
	}	
	
/************** MAIN *****************/

#main {
	background-color:#FFFFFF;
	background-image:url(../images/main_bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom: 15px;
	position: relative;
}

#main .left{
	position: relative;
	width: 208px;
}

#main .left ul{
	background-color: #769d2c;
	background-image:url(../images/left_bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 208px;
}


#main .left .bullets{
	position: absolute;
	top: -20px;
	left: -20px;
}

#main .left ul li h2{
	position:relative;
	background-repeat: no-repeat;
	height:42px;
}

#main .left .ourcandy h2{
	background-image:url(../images/left_ourcandy.png);
	}

#main .left .ourcandy .categories{
	background-image:none;
}
	
#main .left .ourcandy .categories li{
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #517e1e;
	border-top: 1px solid #a3c23d;
	background-image: url(../images/left_candy_bullet.png);
	background-repeat: no-repeat;
	background-position: 23px 10px;
	padding-left: 43px;
}

#main .left .ourcandy .categories li.first{
	 border-top: none;
 }
#main .left .ourcandy .categories li.last{
 	border-bottom: none;
 }


#main .left .ourcandy .categories li a{
	font-size:14px;
	color: #dfffa4;
	text-decoration:none;
	}
	
#main .left .newadded h2{
	background-image:url(../images/left_newadded.png);
	}	
	
#main .left .product{
	text-align: center;
	width: 100%;
	}
	
#main .left .product img,
#main .left .product a,
#main .left .newadded .product span{
	display: block;
}

#main .left .product img{
	margin: 0px auto 0px;
	border: 5px solid #FFF;
	margin-top:15px;
}

#main .left .product a{
	font-size:14px;
	color: #dfffa4;
	line-height: 30px;
	height: 30px;
}

#main .left .product span{
	font-size:14px;
	font-weight: bold;
	color: #FFF;
	margin-bottom:15px;
}

#main .left .product span img{
	display:inline;
	border: none;
	margin-top: auto;
}
	
#main .left .yummy h2{
	background-image:url(../images/left_yummy.png);
	}	

#main .left .yummy span img{
	margin-bottom:25px;
}

#main .left .ourbrands h2{
	background-image:url(../images/left_ourbrands.png);
	margin-bottom: 25px;
	}

#main .left .ourbrands select{
	margin: 0px 45px 0px;
	width: 130px;
	height: 45px;
	margin-bottom: 25px;
	}	

#main .left .oursponsors h2{
	background-image:url(../images/left_oursponsors.png);
	margin-bottom: 25px;
	}				

#main .left .oursponsors img.sponsors{
	margin: 0px 25px 0px;
}
	
	
#main .left,
#main .center{
	float: left;
	margin-left: 8px;
	}
#main .right{
	float: right;
	width: 210px;
	margin-right: 8px;
	background-image:url(../images/right_bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

#main .right ul{
	background-color:#ebf6f8;
	background-image:url(../images/right_background.png);
	
}

#main .right ul li h2{
	position:relative;
	background-repeat: no-repeat;
	height:42px;
}

#main .right .ourpromise h2{
	background-image:url(../images/right_ourpromise.png);
	}
	
#main .right .ourpromise p{
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	width: 185px;
	color: #42555c;
	margin: 0px auto 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}	
	
#main .right .ourbest h2{
	background-image:url(../images/right_ourbest.png);
	}

#main .right .ourbest ol{
	list-style:decimal;
	list-style-position:inside;
	
	}
#main .right .ourbest ol li{
	padding-left:20px;
	border-bottom: 1px solid #a1c7cf;
	color: #0895bd;
	font-size: 18px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	}
	
#main .right .ourbest ol li a{
	text-decoration: none;
	font-weight: normal;
	color: #486d77;
	font-size:14px;
	}	

#main .right .wearesocial h2{
	background-image:url(../images/right_wearesocial.png);
	}
	
#main .right .wearesocial ul li{
	padding-bottom: 15px;
	padding-top: 15px;
	text-align: center;
	border-bottom: 1px solid #a1c7cf;
	color: #005972;
	font-size: 14px;
	font-weight: bold;
}

#main .right .wearesocial ul li .phone{
	font-size: 24px;
	font-weight: normal;
	display: block;
}

#main .right .wearesocial ul li.last{
	border: none;
}

#main .right .wearesocial ul li img{
	margin: 0px auto 0px;
}


/************ GROUP *************/
.group{
	background-image:url(../images/group_bottom.png);
	width: 498px;
	background-repeat:no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
	margin-top: 8px;
}

.group h2{
	background-image:url(../images/group_top.png);
	background-repeat:no-repeat;
	background-position: top;
	height: 46px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	line-height: 46px;
	padding-left: 50px;
	position: relative;
}

.group h2 img{
	position: absolute;
	top: 10px;
	left: 20px;
}

.group ul{
	background-image:url(../images/group_background.png);
	width: 498px;
	border-top: 1px solid #f3d0aa;
	float: left;
}

.group ul li{
	float: left;
	width: 165px;
	text-align: center;
	height:150px;
	padding-top:20px;
}

.group ul li a{
	color:#db7501;
	font-size: 14px;
	text-decoration: none;
	display: block;
	}

.group ul li img{
	width: 85px;
	height:85px;
	border: 1px solid #f8e3be;
	background-color: #fffcf9;
	display: block;
	margin: 0px auto 0px;
	}
	
.group ul li span.price{
	color: #769d2c;
	font-weight: bold;
	font-size: 14px;
}

#footer{
	font-size: 14px;
	color: #FFF;
	line-height: 40px;
}

#footer .links{
	float: right;
	text-align: right;
	}
#footer .links a{
	color:#FFFFFF;
	text-decoration: none;
	}