@charset "utf-8";
/* global css */
html,body {height:100%;}

body{background: #F4F9E9;}

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,blockquote,dl,dt,dd,blockquote, pre,object,textarea,input{margin:0;padding:0}

body,select,input,textarea{font:12px/1.3 Arial, Helvetica, sans-serif; color: #000;}	

input,select,img{vertical-align:middle}

h1,h2,h3,h4,h5,h6{font-size: 12px; font-weight: normal;}

dfn,em,cite,address,caption{font-style:normal}

fieldset,img,abbr {border: 0;}
 
img,object,embed{vertical-align: top;}

ul,ol{list-style-type:none;}

table{border-collapse:collapse;;width:100%; border-spacing:0;}

caption,th{text-align:left;}

table th{line-height:25px;height:25px;}

.recipe-title{color:#f00;font-weight: bold;}

.plus-list,.subscription-price dd{padding-left:10px;display:block;background: url(../images/icon-plus.gif) left 4px no-repeat;}

.font-10{font-size: 10px;}

a{color: #f00; text-decoration:none; border-bottom:0;zoom:1;}

a:hover{border-bottom: 1px dashed;}

#header:after,#container:after,.carte-content:after,.mode:after,.content:after,#column-left .inner:after,#cook-content:after{content:''; display: block; clear:both}

/* header css */
#header{
	width: 975px;
	padding: 10px 0 0;
	margin: 0 auto;
}
#logo{
	float: left;
}
#banner{
	float: right;
	margin-top: 18px;
}

#main-nav{
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #C3D7E4;
	border-width:1px 0;
	background: #B2CBE2;
}
#main-nav ul{
	width:935px;
	padding-top: 9px;
	height: 24px;
	font-size: 15px;
	margin: 0 auto;
	padding-left:40px;	
}
#main-nav li{
	float: left;
	margin-right: 30px;
}
#main-nav a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border: 0;
}
#main-nav a:hover,#main-nav li.on a{
	color:#7FA8CF;
}

/* center of page */
#container{
	width: 975px;
	margin: 0 auto 15px;
}

/* column left */
#column-left{
	float: left;
	width: 290px;
	margin-right: 27px;
	padding-top: 8px;
	background: url(../images/column-left-top.gif) no-repeat;
}
#column-left .inner{
	width: 270px;
	position: relative;
	padding: 10px 10px 8px;
	background: url(../images/column-left-bottom.gif) #D4E6A0 left bottom no-repeat;
}
#column-left .title{
	width: 100%;
	overflow:hidden;	
	margin: 0 0 10px -10px;
}
#column-left h2,.month-carte h2,.recipe h2,.contact h2{
	font-size: 17px;
	color: #fff;
	background: #9BBEA0;
	font-weight: bold;
	padding: 3px 5px;
}
#column-left h2{
	float: left;
	padding: 3px 10px;
}
.magazine{
	position: relative;
	margin: -13px 0 -4px 15px;
}
#column-left p{
	margin-bottom: 5px;
}
#column-left p.big{
	margin: 15px 0 0;
	text-align: center;
	font-size: 14px;
}

/* column center */
#column-center{
	float: left;
	width: 472px;
}

.month-carte{
	width:100%;
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 7px;
	background: url(../images/month-carte-bg.gif) #fff left bottom no-repeat;
}
.month-carte h2{	
	position: absolute;
	top: 20px;
	padding: 3px 20px;
	background: url(../images/month-carte-h2.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/month-carte-h2.png", sizingMethod="scale");
}
.carte-content{
	width: 438px;
	padding: 15px 15px 8px;
	border: 1px solid #D4E6A0;
	border-width: 0 2px;
}
.carte-content h3{
	color: #f00;
	font-weight: bold;
}
.carte-left,.carte-right{
	float: left;
	width: 200px;
}
.carte-right{
	float: right;
}

.subscribe{
	padding: 15px 15px 15px;
	height: 104px;
	margin-bottom: 10px;
	background: url(../images/subscribe-bg.gif) no-repeat;
}
.subscribe h2,.subscribe-title h2{
	width:0;
	height:0;
	overflow: hidden;
}
.subscribe p,.subscribe-title p{
	float: right;
	width: 200px;
	color: #fff;
	font-size: 16px;
}
.subscribe a{
	color:#fff;
}

.mode-wrapper{
	width: 100%;
	background: #E9F3D4;
}
.mode{
	width: 452px;
	padding: 0 10px 10px;;
}
.mode h3{
	color: #fff;
	margin-bottom:2px;
	padding: 3px 8px 1px;
	background: #AAC7C6;
}
.mode-left,.mode-right{
	float: left;
	width: 210px;
	padding-left: 8px;
}
.mode-right{
	float: right;
	padding: 0 8px 0 0;
}
.mode .left-img,.mode .right-content{
	float: left;
	margin: 5px 0 0;
}
.mode .right-content{
	float: right;
	width: 115px;
}

/* column right */
#column-right{
	float: right;
	width: 170px;
}

.search{
	color: #86ADD0;
	font-size: 11px;
	margin-bottom: 25px;
}
.search input{
	width: 130px;
	color: #888;
	margin-right: 5px;
	padding: 6px 5px;
	border: 1px solid #9FBDDB;
}
.search button{
	width: 23px;
	height: 29px;
	border: 0;
	text-indent: -2000px;
	overflow: hidden;
	vertical-align: middle;
	cursor: pointer;
	background: url(../images/btn-search.gif) no-repeat;
}

.billboard{
	text-align: center;
}

/* footer */
#footer{
	padding: 15px 0;
	background: #B2CBE2;
}
#footer-bar{
	width: 975px;
	text-align: center;
	margin: 0 auto;
}
#footer ul,#footer li,#footer p{
	display: inline;
}
#footer,#footer a{
	color: #fff;
	border-color: #B2CBE2;
}
#footer a:hover{
	border-color: #fff;
}
#footer li{
	padding-right: 13px;
	margin-right: 10px;
	background: url(../images/icon-dot.gif) right center no-repeat;
}

/* brom page */

.endmark {	color: #99cc66;
	font-weight: bold;


	
}

.quoted-price{
	padding-top: 10px;
}
.quoted-price h3{
	color: #f00;
}
.quoted-price dt{
	font-weight: bold;
}
.quoted-price .price{
	float: right;
	width: 40px;
	text-align: right;
}
.quoted-price .total{
	text-align: right;
	font-size: 11px;
	padding: 5px 0 0;
	margin-bottom: 5px;
	border-bottom:2px solid #9FAC78;
}

.container{
	width: 100%;
	margin-bottom: 10px;
	background: url(../images/container-bg.gif) repeat-y;
}
.container-top{
	height: 15px;
	background: url(../images/container-top.gif) no-repeat;
}
.content{
	width: 432px;
	padding:5px 20px 20px;
	background: url(../images/container-bottom.gif) left bottom no-repeat;
}

.recipe{
	float: left;
	width: 190px;
}
.recipe .title{
	overflow: hidden;
	width:300px;
	position: relative;
	margin: 0 -80px 10px -17px;
}
.recipe h2{	
	float: left;
	margin: 0;
	color:#000;
	background: url(../images/recipe-h2.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/recipe-h2.png", sizingMethod="scale");
}
.recipe ol{
	margin: 15px 0 0;
}
.carte{
	float: right;
	width: 242px;
	display: inline;
	margin-right: -17px;
}
.carte ol{
	padding: 10px 10px 0;
}

.contact{
	padding-left: 35px;
}
.contact h2{
	width: 228px;
	position: relative;
	padding: 7px 10px;
	margin: 0 0 10px -15px;
	background: #BAD0E5;
}
.contact dl{
	margin-bottom: 20px;
}
.contact dt{
	color:#7FA8CF;
	font-weight: bold;
	margin-top: 20px;
}

/* subscribe */
.magazine-list ul{
	float: left;
	padding-left: 9px;
	margin-right: -40px;
}
.magazine-list li{
	float: left;
	width: 135px;
	height: 159px;
	background: url(../images/magazine-bg.gif) no-repeat;
}
.magazine-list li img{
	width: 116px;
	height: 151px;
}

.subscribe-wrapper{
	width: 100%;
	padding-bottom: 12px;
	background: url(../images/subscribe-wrapper-bg.gif) left bottom no-repeat;
}
.subscribe-title{
	height: 115px;
	padding: 20px 10px 0 0;
	background: url(../images/subscribe-title-bg.gif) no-repeat;
}
.subscribe-content{
	border: 2px solid #EC1C24;
	border-width:0 2px;
	background: #fff;
	padding: 15px;
}
.subscription-price{
	font-weight: bold;
	font-size: 14px;
}
.subscription-price dt,.subscription-price dd{
	margin-bottom: 5px;
}
.subscribe-content dl,.subscribe-content p,.subscribe-content ul{
	margin-bottom:15px;
}
.btn-subscribe{
	position: relative;
	margin: 0 0 0 -15px;
}

#cook{
	width: 100%;
	background: url(../images/cook-bg.gif) repeat-y;
}
#cook-top{
	height: 6px;
	overflow: hidden;
	background: url(../images/cook-top.gif) no-repeat;
}
#cook-content{
	width: 402px;
	padding: 10px 35px 20px;
	background: url(../images/cook-bottom.gif) left bottom no-repeat;
}
.cook-left{
	float: left;
	width: 200px;
}
.cook-right{
	float: right;
	width: 180px;
}
.cook-right p{
	margin-bottom:15px;
}