/* Global reset */
img{border-style:none;}
a{
	color:#000;
	text-decoration: none;
}
a:hover{text-decoration: underline;}
form,
fieldset,
input,
select{
	margin:0;
	padding:0;
}
fieldset{
	border: 0;
	border-style: none;
}
select{vertical-align:middle;}
:focus{outline:none;}
/* General */
body{
	margin:0;
	font:14px Georgia, "Times New Roman", Times, serif;
	background:#91181e url(../images-chocoPerfectionBars/bg-body.jpg) repeat-x;
	min-width: 950px;
}
/* header */
#header{
	width: 100%;
	overflow: hidden;
	background: url(../images-chocoPerfectionBars/bg-header.png) repeat-x;
	position: relative;
}
.header-inner{
	width: 851px;
	overflow: hidden;
	margin: 0 auto;
}
/* logo */
.header-inner h1{margin: 0;}
.header-inner h1 a{
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	margin: 10px 0 0 12px;
	display: inline;
	width: 168px;
	height: 62px;
	background: url(../images-chocoPerfectionBars/logo.png) no-repeat;
}
/* header box */
.header-box{
	float: right;
	width: 661px;
	overflow: hidden;
}
.header-box ul{
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	clear: right;
	display: inline;
}
.header-box .menu{
	margin: 5px 4px 0 0;
	font-weight: bold;
	font-size:14px;
	text-transform: uppercase;
}

.menu li{
	float: left;
	margin: 0 0 0 36px;
	display: inline;
}
.menu a{
	color: #fff;
	float: left;
	text-decoration: underline;
}
.menu a:hover{text-decoration: none;}
.menu a.text-shop-online{
	background: url(../images-chocoPerfectionBars/ico01.gif) no-repeat;
}
.menu a.text-shop-online span{
	float: left;
	background: url(../images-chocoPerfectionBars/ico01.gif) no-repeat 100% 0;
	padding:0 25px 3px;
}
.menu li.shoping-car{
	float: left;
	margin: 0 0 0 41px;
}
.menu li.shoping-car a{
	background: url(../images-chocoPerfectionBars/ico-shoping-car.gif) no-repeat;
	width:25px;
	height: 22px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
/* navigation */
#nav{
	overflow: hidden;
	width: 100%;
	font-size: 13px;
}
#nav li{
	float: left;
	background: url(../images-chocoPerfectionBars/separator-nav.gif) no-repeat 0 6px;
	padding: 0 0 0 11px;
	margin: 0 15px 0 -1px;
	line-height: 36px;
}
#nav li a{
	color: #fff;
	text-decoration: none;
}
#nav li a:hover{text-decoration: underline;}
/* wrapper */
#wrapper{
	width: 851px;
	margin: -11px auto 17px;
	background: url(../images-chocoPerfectionBars/bg-visual.jpg) no-repeat;
	position: relative;
}
#wrapper:after {
	content:"";
	display:block;
	clear:both;
}
* html #wrapper{overflow: hidden;}
/* visual */
.visual{
	width: 860px;
	padding: 32px 0 0 66px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 0 0 -47px;
}
* html .visual{margin-right: -100px;}
.visual h2{
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images-chocoPerfectionBars/text-the-best-testing.png) no-repeat;
	width: 467px;
	height: 216px;
}
.visual span.img-right{
	float: right;
	margin: -243px -3px 0 0;display: inline; 
}
.visual span.img-left{
	float: left;
	margin: -163px 0 0 -56px;display: inline; 
}
.visual span img{display: block;}
/* content */
#content{
	width: 861px;
	margin: -103px 0 0 -5px;
	background: url(../images-chocoPerfectionBars/bg-content-wrapper-t.png) no-repeat;
	padding-top: 5px;
}
.content-m{
	width: 100%;
	background: url(../images-chocoPerfectionBars/bg-content-m.png) repeat-y;
}
.content-m:after {
	content:"";
	display:block;
	clear:both;
}
.content-b{
	width: 100%;
	background: url(../images-chocoPerfectionBars/bg-content-wrapper-b.gif) no-repeat 0 100%;
	padding-bottom: 6px;
}
.content-b .twocolumn{
	width: 100%;
	background: url(../images-chocoPerfectionBars/bg-content-b.gif) no-repeat 5px 101%;
	padding-bottom: 2px;
}
.content-b .twocolumn:after {
	content:"";
	display:block;
	clear:both;
}
/* main */
.main{
	float: right;
	width: 485px;
	background: url(../images-chocoPerfectionBars/bg-main.gif) no-repeat -5px 2px;
	color: #3c3c3c;
	margin: 0 27px 0 0;
	padding: 73px 0 0 41px;
	display: inline;
}
* html .main{margin-right: 25px;}
.main p{
	margin: 0;
	font-size: 19px;
	line-height: 29px;
}
.main p strong{font-size: 21px;}
.main span.mark{color: #71461c;}
ul.description{
	margin: 23px 0 0 9px;
	padding: 0 40px 0 0;
	list-style: none;
}
ul.description li{
	padding: 0 0 16px 29px;
	font-style: italic;
	overflow: hidden;
	background: url(../images-chocoPerfectionBars/bullet.gif) no-repeat;
}
.additional-info{
	height: 1%;
	overflow: hidden;
	margin: -20px 0 0;
}
.additional-info ul{
	float: right;
	margin: 0 22px 0 0;
	display: inline;
	padding: 0;
	list-style: none;
}
.additional-info li{
	float: left;
	margin: 0 0 0 9px;
}
.additional-info li.sugar-free{margin-top:3px;}
.additional-info li img{display: block;}
span.phone-number{
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images-chocoPerfectionBars/text-phone-number.png) no-repeat;
	width: 173px;
	height: 29px;
	margin: 2px 5px 0 0;
	clear: right;
}
/* sidebar */
.sidebar{
	float: left;
	width: 315px;
	margin: 28px -80px 0 32px;
	display: inline;
}
/* testimonial */
.testimonial{
	width: 257px;
	background: url(../images-chocoPerfectionBars/bg-testimonial-b.gif) no-repeat 0 100%;
	padding-bottom: 5px;
}
.testimonial-t{
	width: 100%;
	background: url(../images-chocoPerfectionBars/bg-testimonial-t.gif) no-repeat;
	padding-top: 5px;
}
.testimonial-m{
	height: 1%;
	background: url(../images-chocoPerfectionBars/bg-testimonial-m.gif) repeat-y;
	padding: 8px 1px 5px 10px;
}
.testimonial-m:after {
	content:"";
	display:block;
	clear:both;
}
.testimonial blockquote{
	width: 100%;
	margin: 0;
}
.testimonial q{
	quotes: none;
	font-style: italic;
	color: #751006;
	font-size: 16px;
	line-height: 24px;
}
.testimonial q:before{content:"";}
.testimonial q:after{content:"";}
.testimonial cite{
	display: block;
	color: #616161;
	font-size: 12px;
	font-style: normal;
	margin: 4px 0 0 2px;
}
.testimonial cite span{font-size:16px;}
a.btn-order{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images-chocoPerfectionBars/btn-order-now.png) no-repeat;
	width:287px;
	height: 133px;
	margin: 12px 0 0 -50px;
}
/* guarantee */
.guarantee{
	width: 318px;
	overflow: hidden;
	margin: 13px 0 0 -18px;
	position: relative;
}
.guarantee img{float: left;}
.guarantee .text{
	float: right;
	width: 207px;
	font-size: 10px;
	color: #747373;
	line-height: 14px;
	font-style: italic;
}
.guarantee .text p{margin: 1px 0 0 1px;}
.guarantee .text .title{
	font-style: normal;
	font-size:12px;
	color: #c90016;
	display: block;
}
/* footer */
#footer{
	width: 100%;
	overflow: hidden;
	background: #613502;
}
.footer-inner{
	width: 851px;
	margin: 0 auto;
	overflow: hidden;
	font:10px Arial, Helvetica, sans-serif;
	color: #775226;
	text-align: center;
	padding: 27px 0 24px;
}
.footer-inner p{margin: 0;}
/* inner page */
#wrapper.inner-page{background-position: 0 10px;}
* html #wrapper.inner-page{overflow:visible;}
.inner-page h1 a{margin: 1px 0 0 13px;}
.inner-page .visual{padding-bottom: 72px;}
.inner-page .visual a.btn-order{
	float: none;
	margin: 0;
	position: absolute;
	right: 47px;
	bottom: 1px;
	z-index: 4;
}
.visual .text-the-best-tasting{
	background: url(../images-chocoPerfectionBars/text-the-best-testing02.png) no-repeat;
	width: 467px;
	height: 154px;
	margin: -8px 0 0 6px;
	position: relative;
	z-index: 3;
}
.visual .text-the-best-tasting02{
	background: url(../images-chocoPerfectionBars/text-the-best-testing03.png) no-repeat;
	width: 419px;
	height: 154px;
	margin: -8px 0 0 30px;
}
.inner-page span.img-left{
	margin: -318px 0 0 -80px;
	position: relative;
	z-index: 1;
}
.inner-page span.img-right{
	margin: -164px -4px 0 0;
	position: relative;
	z-index: 2;
}
.inner-page #content{
	margin-top: -169px;
	padding:0;
}
*+ html .inner-page #content{
	position: relative;
	top: -169px;
}
.inner-page .main{
	float: none;
	display: block;
	background-position: 12px -33px;
	padding:37px 0 0 38px;
	margin: 0;
	position: relative;
}
.inner-page .main p{
	line-height: 25px;
	margin:0 0 9px;
}
.inner-page ul.description{
	margin:0 0 0 1px;
	padding:21px 0 0 34px;
	width: 729px;
	font-size: 15px;
	line-height: 18px;
}
.inner-page ul.description li{padding:6px 0 10px 40px;}
/* recommends */
.recommends{padding:31px 27px 0 35px;}
.recommends img{
	float: left;
	margin: 0 33px 0 0;
}
* html .recommends img{margin:0 30px 0 0;}
/* block */
.block{
	width: 100%;
	overflow:hidden;
	font-size: 17px;
	line-height: 28px;
	color: #000;
	text-align: justify;
	padding:0 0 23px;
}
.block h4{
	margin: 0 0 4px;
	font-weight: bold;
	color: #f64d33;
	line-height: 22px;
}
.recommends h3{
	margin: 0 0 27px 3px;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	color: #3c3c3c;
}
.block p{margin: 0;}
.block02{
	width: 775px;
	overflow: visible;
	background: url(../images-chocoPerfectionBars/bg-block-b.gif) no-repeat 0 100%;
	color: #3c3c3c;
	padding:0 0 11px;
	margin:11px 0 0 4px;
}
.block02:after {
	content:"";
	display:block;
	clear:both;
}
.block02 .t{
	width: 100%;
	background: url(../images-chocoPerfectionBars/bg-block-t.gif) no-repeat;
	padding:6px 0 0;
}
.block02 .c{
	height:1%;
	background: url(../images-chocoPerfectionBars/bg-block-c.gif) repeat-y;
	padding:16px 82px 0 3px;
}
.block02 .c:after {
	content:"";
	display:block;
	clear:both;
}
.block02 img{margin: -19px 27px 0 0;}
* html .block02 img{margin: -19px 27px 0 0;}
.block02 .btn-order{
	float: right;
	margin: -49px -105px -57px 0;
	background: url(../images-chocoPerfectionBars/btn-order-now02.png) no-repeat;
	display: inline;
}
.block02 h4{
	font-style: normal;
	margin:0 0 12px;
}
/* footer */
.footer{
	height:1%;
	overflow:hidden;
	padding:21px 64px 32px 28px;
	margin:0 0 0 5px;
	background:url(../images-chocoPerfectionBars/bg-content-b02.gif) no-repeat 0 100%;
}
.footer .guarantee{margin: 0;}
.footer .additional-info{
	float: right;
	margin:-49px 0 0;
}
.inner-page .content-b{padding-bottom: 4px;}
.inner-page span.phone-number{margin: 5px 11px 0 0;}
.img-best-voted{
	position: absolute;
	left: 17px;
	bottom: 158px;
	z-index: 2;
}
.img-sugar-free{
	position: absolute;
	left: 209px;
	bottom: 162px;
	z-index: 1;
}
/* desc block */
.desc-block{
	margin-top: -5px;
	color: #000;
	font-size: 14px;
	line-height: 28px;
	text-align: left;
}
#wrapper .desc-block img{margin: 3px 12px 0 15px;}
.desc-block .c{
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 13px;
}
.desc-block h4{
	font-style: italic;
	margin: 0 0 2px;
	color: #cd171f;
	font-size: 17px;
	font-weight: bold;
	line-height: 22px;
}
.desc-block a{
	color: #cd171f;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
	margin-left: 5px;
}
.desc-block a:hover{text-decoration: none;}
.footer-i{
	padding:12px 64px 17px 28px;
	background: url(../images-chocoPerfectionBars/bg-content-b03.gif) no-repeat 0 100%;
}
#wrapper .main-services{
	padding:76px 0 0 44px;
	background-position: 12px -16px;
}
.btn-services{
	position: absolute;
	left: 33px;
	top: 352px;
	width: 100%;
	z-index: 100;
}
.info-box{
	position: relative;
	float: left;
	width: 142px;
	margin: 0 -3px 0 0;
	z-index: 18;
}
.info-box span.btn{
	display: block;
	height:36px;
	background: url(../images-chocoPerfectionBars/btn-services.png) no-repeat;
	width: 142px;
	position: relative;
	z-index: 6;
}
.info-box a.btn{
	display: block;
	width: 133px;
	height: 28px;
	text-indent: -9999px;
	overflow:hidden;
	margin: -31px 0 0 5px;
	position: relative;
	z-index: 8;
}
.info-box-facts a.btn{background: url(../images-chocoPerfectionBars/btn-nutrition-facts.gif) no-repeat;}
.info-ingred-list a.btn{background: url(../images-chocoPerfectionBars/btn-ingredients-list.gif) no-repeat;}
.info-box-sweeteners a.btn{background: url(../images-chocoPerfectionBars/btn-sweetness.gif) no-repeat;}
.info-box .drop{
	position: absolute;
	left: -4px;
	top: -7px;
	color: #000;
	z-index: 7;
	display: none;
	background: url(../images-chocoPerfectionBars/transparent.gif);
	width: 440px;
}
.info-box .drop .t{
	height:13px;
	overflow:hidden;
	background: url(../images-chocoPerfectionBars/bg-drop02-t.png) no-repeat;
}
.info-box .drop .b{
	height:14px;
	overflow:hidden;
	background: url(../images-chocoPerfectionBars/bg-drop02-b.png) no-repeat;
}
.info-box .drop .c{
	height:1%;
	overflow:hidden;
	background: url(../images-chocoPerfectionBars/bg-drop02.png) repeat-y;
	padding:33px 24px 11px;
}
.info-box-hover,
.info-box:hover{z-index: 19;}
.info-box-hover .drop,
.info-box:hover .drop{display: block;}
.info-box .drop p{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 15px;
}
.info-box-sweeteners .drop{width:530px;}
.info-box-sweeteners .drop .t{
	height:12px;
	overflow:hidden;
	background: url(../images-chocoPerfectionBars/bg-drop-t.png) no-repeat;
}
.info-box-sweeteners .drop .b{
	height:13px;
	overflow:hidden;
	background: url(../images-chocoPerfectionBars/bg-drop-b.png) no-repeat;
}
.info-box-sweeteners .drop .c{
	height:1%;
	overflow:hidden;
	background: url(../images-chocoPerfectionBars/bg-drop.png) repeat-y;
	padding:0 24px;
}
.info-box .drop h3{
	color: #ce171f;
	font-size: 22px;
	line-height: 22px;
	margin: 32px 0 13px;
	font-weight: normal;
}
.info-ingred-list img{
	display: block;
	margin: 0;
}
.info-box-facts .drop .c{
	padding-bottom: 1px;
	padding-right: 0;
}