/* FLORETTE CSS style.css */


/*		============================== 		*/
/*			   GENERAL STYLES 	 			*/
/*		============================== 		*/

* {
	padding: 0px;
	margin: 0px;
	outline: none;
}

img{
	border: 0;
}

body {
	background-color: #f1f3e6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

a { 
	text-decoration:none;
	color:#669900;		
}
a:active, a:hover, a.on, a.current { color:#8a0057;}

p {	color: #669900;}

fieldset {border:0;}

h2 {
	color:#8a0057;
	font-weight: normal;
	font-size: 35px;
}

h3 {
	font-size: 26px;
	color:#8a0057;
	font-weight: normal;
	line-height: 26px;
	margin-bottom: 13px;
}
h4 {
	font-size: 24px;
	color:#8a0057;
	font-weight: normal;
	margin-bottom: 10px;
}
h5 {
	font-size: 18px;
	color: #8a0057;
}

h6 {
	font-size: 15px;
	color: #8a0057;
}


h2.alternate {
	font-size: 30px;
}

h3.bg {
	background: url(../images/heading-bg.jpg) top left no-repeat;
	width: 472px;
	height: 58px;
	line-height: 50px;
	padding-left: 55px;
}
h3.bg-small {
	background: url(../images/heading-bg-small.png) top left no-repeat;
	width: 356px;
	height: 58px;
	line-height: 50px;
	padding-left: 55px;
}
h3.bg-xsmall {
	background: url(../images/heading-bg-xsmall.png) top left no-repeat;
	width: 235px;
	height: 58px;
	line-height: 50px;
	padding-left: 35px;
}
h3.center {
	margin: 0 auto;
	text-align:center;
	padding: 0px;
}


h4.bg-salad-of-the-month {
	width: 165px;
	padding-left: 50px;
	background: url(../images/heading-salad-of-the-month-bg.png) top left no-repeat;
	color:#8a0057;
	font-size: 15px;
	line-height: 50px;
	font-weight:bold;
	margin: 0px;
}

h4.bg-recipe-of-the-month {
	width: 165px;
	height: 26px;
	padding-left: 95px;
	padding-top: 32px;
	background: url(../images/heading-recipe-of-the-month.png) top left no-repeat;
	color:#8a0057;
	font-size: 15px;
	font-weight:bold;
	margin: 0px;
}

h5.bg {
	background: url(../images/heading-h5-bg.png) top left no-repeat;
	width: 302px;
	height: 42px;
	line-height: 36px;
	padding-left: 18px;
	font-size: 16px;
	font-weight: normal;
	color: #8a0057;
}

li {
	list-style-image:none !important;
	list-style-position:outside !important;
	list-style-type:none !important;
}


.clr{
	clear:both;
}
.left{
	float:left;
}

a.more {
	background: url(../images/list-style-type2.png) left 4px no-repeat;
	padding: 0 0 0 11px;
	margin-top: 5px;
	display:block;
}
a.more:hover{
}

a.button-greenbg{
	display:block;
	width: 139px;
	height: 33px;
	background:url(../images/button-greenbg.png) top left no-repeat;
	color:#FFFFFF;
	text-align:center;
	line-height:28px;
}
a.button-greenbg:hover{
	background:url(../images/button-greenbg.png) left -33px no-repeat;
}
a.button-greybg{
	display:block;
	width: 96px;
	height: 26px;
	background:url(../images/button-greybg.png) top left;
	color:#669900;
	text-align:center;
	line-height:26px;
}
a.button-greybg:hover{
	color: #8a0057;
}

a.print{
	background: url(../images/printer.png) left 4px no-repeat;
	padding: 0 0 0 20px;
	margin-top: 5px;
	display:block;
}

button.ok{
	background: url(../images/button-ok-bg.png) top left no-repeat;
	width:32px;
	height: 27px;
	border:none;
	float:left;
	display:block;
	cursor: pointer;
	margin-left: 5px;
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bold;
}

button.ok:hover{
	background: url(../images/button-ok-bg.png) left -27px;
}

div.file-button:hover{
	background: url(../images/button-browse-bg.gif) left -21px no-repeat !important;
	cursor: pointer;
}
.intro p{
	color:#4c8b08;
	font-size: 14px;
	font-style:italic;
	font-weight: bold;
	line-height: 16px;
}

.list-style-type1 li{
	list-style-type: none;
	background: url(../images/list-style-type1.png) left 6px no-repeat;
	padding-left: 8px;
}
.list-style-type2 li{
	list-style-type: none;
	background: url(../images/list-style-type2.png) left 4px no-repeat;
	padding-left: 11px;
}
.list-style-type3 li{
	display: inline;
	list-style-type: none;
	background: url(../images/list-style-type3.png) left 3px no-repeat;
	padding-left: 11px;
}
.list-style-type3 li.item-first{ background:none; }


.list-style-type4 li{
	margin-top: 2px;
}
.list-style-type4 li a{
	list-style-type: none;
	background: url(../images/list-style-type4.png) left 1px no-repeat;
	padding-left: 17px;
}

.list-style-type4 li a:hover{
	background: url(../images/list-style-type4-active.png) left 1px no-repeat;
}
.list-style-type4 li span{
	list-style-type: none;
	background: url(../images/list-style-type4-active.png) left 1px no-repeat;
	padding-left: 17px;
	color: #8a0057;
	cursor:default;
}

.list-style-type4.alternate li {
	list-style-type: none;
	background: url(../images/list-style-type4.png) left 1px no-repeat;
	padding-left: 17px;
	color: #669900;
	margin-top: 2px;
}



.claret {
	color: #8a0057;
}
.green {
	color: #669900;
}
.err-msg {
	color: #f93110;
	visibility: hidden;
	margin-top: 3px;
}
.err-msg.visible, .error_list {
	color: #f93110;
	visibility:visible;
}

.error_list li {
	list-style-type: none;
}


.hr {
	background: url(../images/hr-bg.gif) repeat-x;
	height: 1px;
	margin: 10px 0 15px 0;
}
.pad25{
	height: 25px;
}
.pad20{
	height: 20px;
}
.pad15{
	height: 15px;
}

.pad10{
	height: 10px;
}



#wrapper {
	width: 956px;
	margin: 0 auto;
}

/* 		--== TOP STYLES ==-- 		*/

#top {
	position: relative;
	height: 112px;
}

#top div.topFacebookEncart { position: absolute; top:25px; right:20px;}
* html #top div.topFacebookEncart{ right: 35px; }

#top div.topFacebookEncart img{ vertical-align: middle; margin-left: 10px;}
#top a#linkFacebook{ font-weight: bold; color: #434449; }

#top h1{
  margin-left: 5px;
	margin: 9px 0 0 27px;
	display: block;
	float:left;
}
#top a img{
	border:0;
}
#top #search{
	display:block;
	/*float:left;*/
	position: absolute; right:20px;
	margin: 75px 0 0 425px;
	height: 27px;
}
* html #top #search{ right: 35px; } 

#search label {
	float:left;
	line-height: 27px;
	color: #0e3108;
}
#search input{
	background: url(../images/search-input.png) top left no-repeat;
	padding-left: 5px;
	width: 227px;
	border:none;
	display:block;
	float:left;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 7px;
	color: #669900;
}
#search button.ok{
	float:left;
	margin-left: 5px;
}

/* 		--== END OF TOP STYLES ==--	*/


/* 		--== HEADER STYLES ==--		*/

#menu {
	display:block;
	height:37px;
}
#menu li{
	list-style:none;
	display:block;
	float:left;
}
#menu li span {
	color:#8a0057;
	cursor:default;
}
#menu li a, #menu li span{
	display:block;
	height:25px;
	padding-top: 12px;
	padding-left: 35px;
}
#menu li a.active, #menu li a:hover {
	color:#8a0057;
}
#menu a.m1, #menu span.m1{
	background:url(../images/menu_m1.png) top left;
	width: 249px;
}
#menu a.m2, #menu span.m2{
	background:url(../images/menu_m2.png) top left;
	width: 269px;
}
#menu a.m3, #menu span.m3{
	background:url(../images/menu_m3.png) top left;
	width: 297px;
}

#carousel{
	position:relative;
	overflow:hidden;
	width: 920px;
	height: 362px;
}

#carousel .item img{
	display:block;
}

#carousel #pageNumbers {
	position:absolute;
	top: 326px;
/*	left: 780px; */
	left: 760px;
}
#pageNumbers li{
	list-style:none;
	display:block;
	float:left;
}
#pageNumbers li a.active, #pageNumbers li a:hover{
	color:#8a0057;
}
#pageNumbers li a{
	background:url(../images/header-pageNumBg.png) top left;
	display:block;
	height:25px;
	width: 24px;
	margin: 0 6px 0 0;
	line-height: 22px;
	text-align:center;
	font-weight: bold;
}

#arrowL{
	position:absolute;
	top: 137px;
	left: 32px;
	width: 30px;
	height: 45px;
	background:url(../images/header-arrowL.png) top left;
}
#arrowR{
	position:absolute;
	top: 137px;
	left: 854px;
	width: 30px;
	height: 45px;
	background:url(../images/header-arrowR.png) top left;
}

/* 		--== END OF HEADER STYLES ==-- 	*/


/*		--== CONTENT STYLES ==-- */

#content {
	background: url(../images/content-bg.jpg) top left;
	width: 920px;
	padding: 0px 18px 0px 18px;
}

.inner {
	padding: 25px 25px 50px 25px;
	background: #fcfcfa;
}

.two-columns {
	width: 870px;
}

.two-columns .first {
	width: 595px;
	float:left
}
.two-columns .second {
	width: 265px;
	float: left;
	margin-left: 10px;
}

.three-cols {
	width: 870px;
}

.three-cols .first {
	width: 275px;
	float:left
}
.three-cols .second {
	width: 275px;
	float: left;
}

.three-cols .third {
	width: 275px;
	float: left;
}


.first .two-columns {
	width: 595px;
}

.first .two-columns .first {
	width: 320px;
	float:left
}

.first .two-columns .second {
	width: 275px;
	float: left;
	margin:0;
}

.vr {
	padding-left:45px;
	background: url(../images/vr.gif) 22px top repeat-y;
}



/*		--== END OF CONTENT STYLES ==-- */


/*		--== FOOTER STYLES ==-- 			*/

#footer {
	position: relative;
	background:url(../images/footer-bg.jpg) top left;
	width: 920px;
	padding: 0 18px 18px 18px;
	height: 300px;
}

.footerlinks {
	position: absolute;
	top: 177px;
	display:block;
	width: 250px;
}
.footerlinks.first{
	left: 80px;
}
.footerlinks.second{
	left: 400px;
}

.footerlinks.third{
	left: 720px;
}

.footerlinks a{color:#95ae59;}
.footerlinks a:hover {color:#8a0057; }

.bottomLinks { 
	position: absolute;
	top: 279px;
	text-align: center;
	width: 920px;

}
.bottomLinks ul {
	display:block;
	margin: 0 auto;
}

.bottomLinks strong{
	font-weight: normal !important;	
}


.bottomLinks li {
	list-style:none;
	margin-left: 90px;
	display: inline;
}
.bottomLinks li.first {
	margin-left: 0px;
}
.bottomLinks li a{ color:#FFFFFF;}
.bottomLinks li a:hover{ color: #b70274;}


/* 		--== END OF FOOTER STYLES ==--	*/

/*		--== BOX STYLES	==--*/

/* type 1 */
.box-type1 {
	background:url(../images/box-type1-bg.jpg) repeat-y;
	width: 275px;
}
.box-type1 .top-bg{
	background:url(../images/box-type1-top.jpg) left top no-repeat;
	width:275px;
}
.box-type1 .bottom-bg{
	background:url(../images/box-type1-bottom.jpg) left bottom no-repeat;
	width:275px;
}

#content .box-type1 .inner{	
	padding: 20px 30px 30px 30px;
	background: none;
}
.box-type1 img{
	display: block;
	margin: 0 auto;
}
.box-type1 a{
	margin-top: 20px;
	font-size:13px;
	float:right;
}
/* type 1 alternate */
#content .box-type1.alternate .inner{	
	padding: 20px 20px 30px 10px;
}
.box-type1.alternate img{
	display: block;
	float: left;
	width: 114px;
	height: 140px;
}
.box-type1.alternate .rightBlock{
	 width: 130px;
	 float: left;
	}


.box-type1.alternate h6 {
	font-size: 15px;
	color: #8a0057;
	margin: 4px 0 10px 0;
}
.box-type1.alternate a.button-greenbg {
	margin-top: 10px;
}




/* type 2 - e.g. Did you know? */
.box-type2 {
	background:url(../images/box-type2-bg.jpg) repeat-y;
	width: 265px;
}
.box-type2 .top-bg{
	background:url(../images/box-type2-top.jpg) left top no-repeat;
	width:265px;
}
.box-type2 .bottom-bg{
	background:url(../images/box-type2-bottom.jpg) left bottom no-repeat;
	width:265px;
}

#content .box-type2 .inner{	
	padding: 20px 15px 30px 11px;
	background: none !important;
}
.box-type2 h3{
	margin-left: 98px;
}
.box-type2 a{
	margin-top: 20px;
	font-size:13px;
	float:right;
}

/* type 3 - Salad of the month */
.box-type3 {
	background:url(../images/box-type3-bg.jpg) repeat-y;
	width: 265px;
}
.box-type3 .top-bg{
	background:url(../images/box-type3-top.jpg) left top no-repeat;
	width: 265px;
}
.box-type3 .bottom-bg{
	background:url(../images/box-type3-bottom.jpg) left bottom no-repeat;
	width: 265px;
}
.box-type3 h3.salad {
	background: url(../images/calendar.png) left center no-repeat;
	padding: 34px 13px 0 100px;
	min-height: 67px;
	margin: 0 0 0 5px;
}

#content .box-type3 .inner{	
	padding: 0px 10px 25px 9px;
	background: none !important;	
}
.box-type3 .left {
	width: 114px;
	float:left;
}
.box-type3 .right {
	width: 128px;
	float:left;
}
.box-type3 h6 {
	font-size: 14px;
	font-weight: bold;
	color:#669900;
}
.box-type3 p {
	font-size: 12px;
}
.box-type3 a.more{
	margin: 20px 15px 10px 0;
	font-size:13px;
	float:right;
	font-weight: bold;
}


/* box - New for you */

.box-new-for-you h3 img {
  float: left;
}

.box-new-for-you h3 span {
  display: block;
  margin-left: 5px;
  float: left;
  line-height: 58px;
  height: 58px;
}

/* box - Tips */
.box-type-tips {
	padding-left: 6px;
}
.box-type-tips h3 {
	background: url(../images/bulb.png) 10px center no-repeat;
	padding: 13px 0 13px 110px;
	margin-left:5px;
	margin-bottom: 12px;
}
.box-type-tips li {
	margin-bottom: 10px;
}

/* box - Newsletter */
.box-type-newsletter h3 {
	background: url(../images/newsletter.png) left center no-repeat;
	padding: 13px 0 13px 110px;
	margin-left:5px;
	min-height: 67px;
}

.box-type-newsletter form{
	margin-top: 10px;
}

.box-type-newsletter button.ok {
	margin-left: 15px;
}

.box-type-newsletter #contact_email {
	background: url(../images/newsletter-input.png) top left no-repeat;
	padding-left: 5px;
	width: 200px;
	border:none;
	display:block;
	float:left;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #669900;
	margin-bottom: 10px;
}

.thanks-mail .top{
	background: url(../images/thanks-mail-top.gif) top left no-repeat;
	margin-top: 8px;
	width: 263px;
	height: 9px;
}
.thanks-mail .mid{
	padding: 0 5px 0 10px;
	background: #edefe4;
	width: 248px;
}
.thanks-mail .bottom{
	background: url(../images/thanks-mail-bottom.gif) top left no-repeat;
	width: 263px;
	height: 9px;
}

/* box - Subnav */
.box-type-subnav{
	width:256px;
	margin-top: -25px;
}
.box-type-subnav-content{
	margin: -25px auto 0 auto;
	width: 226px;
	background:url(../images/box-subnav-bg.png) top left repeat-y;
	padding: 18px 15px 20px 15px;
	
}
.box-type-subnav-bottom{
	background:url(../images/box-subnav-bottom.png) top left no-repeat;
	width:256px;
	height: 6px;
	margin: 0 auto 20px auto;
	
}

/* box - Leaf */
.box-type-leaf{
	width: 265px;
}

#content .box-type-leaf .inner {
	padding: 5px 55px 0 30px;
	
}


.leaf-frame{
	background:url(../images/leaf-frame.png) top left no-repeat;
	width:215px;
	height: 195px;
	margin: 0 auto;
}
.leaf-frame img {
	width:190px;
	height: 150px;
	margin: 12px 0 0 13px;
	overflow:hidden;
}

/* box - recipe */
.box-type-recipe{
	width: 265px;
}

.box-type-recipe h3 {
	background: url(../images/top-recipe.png) left center no-repeat;
	padding: 16px 0 10px 110px;
	min-height: 67px;
	margin: 0px;
}

#content .box-type-recipe .inner {
	padding: 5px 30px 0 30px;
	background: none !important;
	
}


.recipe-frame{
	background:url(../images/recipe-frame.png) top left no-repeat;
	width:215px;
	height: 195px;
	margin: 0 auto;
}
.recipe-frame img {
	width:190px;
	height: 150px;
	margin: 12px 0 0 13px;
	overflow:hidden;
	border: none;
}

.recipe-L-frame {
	margin-top: 12px;
	background:url(../images/recipe-L-frame.png) top left no-repeat;
	width:294px;
	height: 253px;
}

.recipe-L-frame img {
	width:264px;
	height: 208px;
	margin: 13px 0 0 15px;
	overflow:hidden;
	border: none;
}


/*		--== END OF BOX STYLES	==--*/


/*		============================== 		*/
/*			END OF GENERAL STYLE 	 		*/
/*		============================== 		*/



/*		============================== 		*/
/*			   SECTION STYLES 	 			*/
/*		============================== 		*/


/* 		--== HOME STYLES ==--	*/

.home { background: #f1f3e6 url(../images/home/home-bg.jpg) top center no-repeat; }
.home #header {
	width: 920px;
	padding: 13px 18px 0 18px;
	background:url(../images/home/home-headerBg.png) top left;
	clear:both;
}

.home .two-columns .first { width: 540px; }
.home .two-columns .second { width: 275px; margin-left: 55px; }

.home .lightgreen-box-top{
	width:540px;
	height:8px;
	background: url(../images/lightgreen-box-top.gif) top left no-repeat;
}
.home .lightgreen-box-bottom{
	width:540px;
	height:8px;
	background: url(../images/lightgreen-box-bottom.gif) top left no-repeat;
}

.home .lightgreen-box{
	background: #edefe4;
	width: 540px;
}
.home .lightgreen-box p{
	display:block;
	width: 290px;
	margin-left: 40px;
	float: left;
}
.home .lightgreen-box a{
	float: left;
	margin-left: 10px;
}

.home .three-cols .third{ padding-bottom: 50px; }
.home .three-cols .third, .home .three-cols .second, .home .three-cols .first{ padding-top: 20px; }

/* 		--== END OF HOME STYLES ==--	*/



/* 		--== NEWS SECTION STYLES ==--	*/

.newsSection {	
	background: #f1f3e6 url(../images/searchResult/searchResult-bg.jpg) top center no-repeat; 	
}
.newsSection #header {
	width: 920px;
	padding: 13px 18px 0 18px;
	background:url(../images/searchResult/searchResult-headerBg.png) top left;
	clear:both;
}
.newsSection #header .intro {	position:relative; }
.newsSection .intro div {
	position: absolute;
	top:45px;
	left: 22px;
}
.newsSection .lightgreen-wide-box{	padding-left: 18px; width: 850px;}
.newsSection .lightgreen-wide-box ul { display:inline;}
.newsSection .lightgreen-wide-box ul li{ display:inline; padding-left:15px; margin-left:12px;}

.newsSection .free-html{
	color:#333333;
}

.newsSection .free-html p {
	margin: 5px 0;
	color:#333333;
}

.newsSection .free-html ul,.newsSection .free-html ol {
	padding-left:40px;
}

.newsSection .free-html li {
	list-style-type:disc !important;
	padding:2px 0 !important;
}

.newsSection .free-html ol li {
	list-style-type:decimal !important;
	padding:2px 0 !important;
}


/* 		--== END OF NEWS SECTION STYLES ==--	*/


/* 		--== SEARCH RESULT STYLES ==--	*/

.searchResult {	background: #f1f3e6 url(../images/searchResult/searchResult-bg.jpg) top center no-repeat; }
.searchResult #header {
	width: 920px;
	padding: 13px 18px 0 18px;
	background:url(../images/searchResult/searchResult-headerBg.png) top left;
	clear:both;
}
.searchResult #header .intro {	position:relative; }
.searchResult .intro div {
	position: absolute;
	top:45px;
	left: 22px;
}
.searchResult .lightgreen-wide-box{	padding-left: 18px; width: 850px;}
.searchResult .lightgreen-wide-box ul { display:inline;}
.searchResult .lightgreen-wide-box ul li{ display:inline; padding-left:15px; margin-left:12px;}



.lightgreen-wide-box-top{
	width:868px;
	height:4px;
	background: url(../images/lightgreen-wide-box-top.gif) top left no-repeat;
}
.lightgreen-wide-box-bottom{
	width:868px;
	height:4px;
	background: url(../images/lightgreen-wide-box-bottom.gif) top left no-repeat;
}
.lightgreen-wide-box{
	background: #edefe4;
	width: 868px;
}

.searchResult h6 {
	font-weight:normal;
}

/* 		--== END OF SEARCH RESULT STYLES ==--	*/


/* 		--== EXPERTISE SECTION STYLES ==--	*/

.expertiseSection {	background: #f1f3e6 url(../images/expertise/expertiseSection-bg.jpg) top center no-repeat;}
.expertiseSection #header {
	width: 920px;
	padding: 13px 18px 0 18px;
	background:url(../images/expertise/expertiseSection-headerBg.png) top left;
	clear:both;
}
.expertiseSection #header .intro {	position:relative;}
.expertiseSection .intro div {
	position: absolute;
	top:28px;
	left: 22px;
}
.expertiseSection h2.green{ margin-top: 5px; margin-bottom:20px;}

/* 		--== END OF EXPERTISE  SECTION STYLES ==--	*/

/* 		--== EXPERTISE LEAF STYLES ==--	*/
#colour,
#taste,
#texture,
#result{
	height: 300px;
	float: left;
	display: block;
}

#colour,
#taste,
#texture{
	width: 105px; 
	border-right: 1px dashed green;
	margin: 5px;
}

#colour h6,
#taste h6,
#texture h6{
	text-align: center;
	padding-bottom: 15px;
}

#result{
	margin: 5px 15px;
	width: 200px;
	overflow: hidden;
	position: relative;
}

#result .percent{
	position: absolute;
	top: 70px;
	left: 70px;
	width: 48px;
	height: 48px;
	background: url('/images/percent.png') no-repeat;
	text-align: center;
	color: white;
	padding-top: 15px;
	
}

.verticalSlide{
	width: 3px;
	height: 180px;
	margin: 10px 50px;
}

.verticalSlide.ui-widget-content{
	background: #9fbd94 !important;
}


.verticalSlide .ui-state-default{
	background: url('/images/curseur.png') !important;
	width: 19px;
	height: 24px;
	border: 0px;
}

/* 		--== END OF EXPERTISE LEAF STYLES ==--	*/


/* 		--== EXPERTISE FIELD STYLES ==--	*/
ul#tabs li{
	margin-bottom: 2px;
}
ul#tabs li.active {
	margin-bottom: -2px;
}
ul#tabs li h5 {
	position:relative;
	z-index: 5px;
	background:url(../images/tab-bg.png) top left no-repeat;
	height:21px;
	width: 581px;
	font-size: 14px;
	padding-left: 10px;
	line-height: 21px;
	font-weight: normal;
}
ul#tabs li.active h5 {
	background:url(../images/tab-bg.png)  left top no-repeat;
}
ul#tabs li h5 a {
	padding-left: 20px;
	background:url(../images/list-style-type-show.png)  left center no-repeat;
}
ul#tabs.filter li h5 a {
	float:right;
	margin-right: 10px;
}

ul#tabs.filter li h5 span {
	display: inline;
	float: left;
}

ul#tabs li.active h5 a {
	background:url(../images/list-style-type-hide.png)  left center no-repeat;
}
ul#tabs.tabs li.active h5 a {
	color: #8a0057;
}

ul#tabs li div.tab {
	border-left: 2px solid #c6dca4;
	border-right: 2px solid #c6dca4;
	border-bottom: 2px solid #c6dca4;
	width: 581px;
	margin: -3px auto 0 3px;
	padding: 3px 0 0 0;
	background: #FFFFFF url(../images/tab-bg.jpg) bottom left repeat-x;
}

ul#tabs li div.tab div.inner{
	padding: 15px 15px 60px 15px;
	background: none;
}


ul#tabs li div.tabNBG {
	border-left: 2px solid #c6dca4;
	border-right: 2px solid #c6dca4;
	border-bottom: 2px solid #c6dca4;
	width: 581px;
	margin: -3px auto 0 3px;
	padding: 3px 0 0 0;
}


/* 		--== END OF EXPERTISE FIELD STYLES ==--	*/


/* 		--== LEAF SHEET STYLES ==--	*/

.leafSheet .salad-of-the-month {
	margin-top: 10px;
}
.leafSheet .salad-of-the-month .first {
	width: 215px;
	float:left;
}

.leafSheet .salad-of-the-month .second {
	float:left;
	width: 350px;
	margin: 0;
	padding: 0 15px;
}
.leafSheet .salad-of-the-month .second h6{
	margin-top: 15px;
	font-size: 16px;
	color:#669900;
}

/* 		--== END OF LEAF SHEET STYLES ==--	*/


/* 		--== PRODUCT SECTION STYLES ==--	*/

.productSection {
	 background: #f1f3e6 url(../images/product/productSection-bg.jpg) top center no-repeat; 
}
.productSection #header {
	width: 920px;
	padding: 13px 18px 0 18px;
	background:url(../images/product/productSection-headerBg.png) top left;
	clear:both;
}
.productSection #header .intro {	position:relative;}
.productSection .intro div {
	position: absolute;
	top:28px;
	left: 22px;
}
.productSection #content .inner {
	/*background: #fcfcfa url(../images/product/productSection-contentBg.jpg) top left repeat-x;*/
}


.products {
	margin-left: 45px;
}

.products .product{
	float: left;
	width: 155px;
	text-align: center;
	margin: 0 0 30px 10px; 
}
.products .product img{
	width: 135px;
	height: 166px;
	border: none;
}
.products .product p{
	margin-top: -10px;
}

.productRangeSelect #content .first{
	position: relative;
	padding-top: 50px;
}
.productRangeSelect .box-filter{
	position: absolute;
	top: 0;
	left: 0; 
}



#salad-selection{
	padding: 20px 0 15px 8px;
	
}

#salad-selection .salad-option{
	width: 176px;
	height: 61px;
	overflow: hidden;
	border: 1px solid #d0d0d0;
	float: left;
	margin: 0 0 10px 10px;
	position: relative;
}

#salad-selection .salad-option img{
border: none;
}

#salad-selection .salad-option span.leaf-name {
	position: absolute;
	top: 0;
	left: 0;
	color: #8a0057;
	width: 80px;
	margin-top: 12px;
	margin-left: 96px;
	text-align: center;
}

.productSection .list-style-type3 {
	float: right;
	padding: 0 16px 20px 0;
}
.productSection .list-style-type3 li {
	padding: 0 1px 20px 8px;
}

.productSheet .product {
	margin-left: 55px;
}
.productSheet .product img {
	width: 260px;
	height: 320px;
}
.productSheet .product p.info {
	margin-top: -20px;
	font-size: 12px;
}


.nutrition-info{
	padding-left: 10px;
}
.nutrition-info table {
	color: #669900;
}
/* 		--== END OF PRODUCT SECTION STYLES ==--	*/


/* 		--== RECIPE SECTION STYLES ==--	*/

.recipeSection {	background: #f1f3e6 url(../images/recipe/recipeSection-bg.jpg) top center no-repeat;}
.recipeSection #header {
	width: 920px;
	padding: 13px 18px 0 18px;
	background:url(../images/recipe/recipeSection-headerBg.png) top left;
	clear:both;
}
.recipeSection #header .intro {	position:relative;}
.recipeSection .intro div {
	position: absolute;
	top:28px;
	left: 22px;
}
.recipeSection .inner {
	background: #fcfcfa url(../images/recipe/recipeSection-contentBg.jpg) top left repeat-x;
}

.sort-by{
	margin-left: 25px;
}

.sort-by * {
	margin-right: 10px;
}

.recipe { 
	width: 230px;
	margin: 0 0 25px 45px;
	float: left;
}

.recipe .info {
	padding-left: 13px;
}


.recipeSection .list-style-type3, .searchResult div.searchPagination .list-style-type3 {
	float: right;
	padding: 0 16px 20px 0;
}
.recipeSection .list-style-type3 li, .searchResult div.searchPagination .list-style-type3 li{
	padding: 0 1px 20px 8px;
}
.recipeSection .box-type-tips ul, .searchResult div.searchPagination .list-style-type3 ul{
	margin-left: 20px;
}

.recipeSheet .first .first {
	width: 305px;
}

.recipeSection .second.recipe-basic-info {
	position: relative;
	height: 255px;
}
.recipeSection .second.recipe-basic-info .info {
	position: absolute;
	width: 260px;
	bottom: 0px;
}

.recipe-info ul.tabs-nav li{
	display: block;
	float: left;
	padding-left: 10px;
	width: 130px;
	height: 25px;
	border: 2px solid #c6dca4;
	border-bottom:none;
	margin-right: 5px;
	line-height: 25px;
	background: #c6dca4;
}

.recipe-info ul.tabs-nav li.last{
	display: block;
	float: right;
	padding-left: 10px;
	width: auto;
	height: 25px;
	border: 0;/*2px solid #c6dca4;*/
	border-bottom:none;
	margin-right: 5px;
	line-height: 25px;
	background: transparent;
	text-align:right;
}

.recipe-info ul.tabs-nav li.active{
	background: none;
}
.recipe-info ul.tabs-nav li.active a{
	color: #8a0057;
	cursor: default;
}

.recipe-info > div {
	border: 2px solid #c6dca4;
	padding: 11px 5px 7px 5px;
}


.recipe-submission label {
	display: block;
	color: #669900;
	margin-top: 15px;
	margin-bottom: 8px;
}

/* Tilbury - begin */
/*
.recipe-submission .first label, .recipe-submission .second label, .recipe-submission .type-of-salad label {	margin-top: 25px; }
*/
/* Tilbury - end */

.recipe-submission input {
	height: 17px;
	width: 65px;
}

/* Tilbury - begin */
/*
.recipe-submission input#pseudo, .recipe-submission input#recipe_pseudo, .recipe-submission input#recipe_city, .recipe-submission input#recipe_zipcode { width: 160px;} 
*/
.recipe-submission input#pseudo, .recipe-submission input#recipe_pseudo, .recipe-submission input#recipe_city, .recipe-submission input#recipe_zipcode, .recipe-submission input#recipe_contact_name { width: 160px;}
/* Tilbury - end */

.recipe-submission input#email, .recipe-submission input#recipe_email { width: 280px;} 
.recipe-submission input.checkbox { margin-right: 7px; width:auto;} 

.recipe-submission select {	width: 180px;}

.recipe-submission select#recipe_serves {	width: 40px;}


.recipe-submission textarea {
	width: 225px;
	/* Tilbury - begin */
	/*
	height: 145px;
	*/
	height: 148px;
	/* Tilbury - end */
}
.recipe-submission textarea#recipe_address { 
	width: 280px;
	/* Tilbury - begin */
	/*
	height: 106px;
	*/
	height: 137px;
	/* Tilbury - end */
} 

.recipe-submission .additional-info{ font-size:12px;}

.recipe-submission .inline{	margin-top: 15px; }
.recipe-submission .inline label { display:inline; margin-top:0px; margin-right: 10px; line-height: 16px;  }

.recipe-submission #name, .recipe-submission #recipe_name { width: 367px; }

.type-of-salad .type {
	float: left;
	width: 205px;
}
.type-of-salad .sachets {
	float: left;
	width: 105px;
}
.type-of-salad .add{
	float: left;
	width: 210px;
	padding-top: 50px;
}

.recipe-submission .first.alternate {	width: 185px; }

.recipe-submission .submit {
	display: block;
	background: url(../images/button-submit-bg.jpg) top left no-repeat;
	width: 87px;
	height: 21px;
	margin: 30px auto;
	text-align: center;
	line-height: 20px;
	border: none;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
}
.recipe-submission .submit:hover {
	background: url(../images/button-submit-bg.jpg) 0 -21px no-repeat;
}




#rules ul li {
		margin-bottom: 10px;
}








/* 		--== RECIPE SECTION STYLES ==--	*/


/* 		--== CORPORATE SECTION STYLES ==--	*/

.corporateSection {	background: #f1f3e6 url(../images/expertise/expertiseSection-bg.jpg) top center no-repeat;}
.corporateSection #header {
	width: 920px;
	padding: 13px 18px 0 18px;
	background:url(../images/expertise/expertiseSection-headerBg.png) top left;
	clear:both;
}
.corporateSection #header .intro {	position:relative;}
.corporateSection .intro div {
	position: absolute;
	top:28px;
	left: 22px;
}
.corporateSection h2.green{ margin-top: 5px; margin-bottom:20px;}

.corporateSection #menu a, #menu span{
	background:url(../images/menu_m1.png) top left;
	/*width: 249px;*/
}

.corporateSection ul#primary-menu {
	margin:0;
}

a.current{color:#8A0057;}

.corporateSection h1, .corporateSection h2, .corporateSection h3 {
	margin:0;
}

.corporateSection .box-type-subnav-content li {
	margin-top:2px;
	padding:0;
	list-style-type:none;
}

.corporateSection .box-type-subnav-content li a {
	background:transparent url(../images/list-style-type4.png) no-repeat scroll left 1px;
	list-style-type:none;
	padding-left:17px;
}

.corporateSection div.first h1 {
	font-size:30px;
	color:#669900;
}

.corporateSection .inner {
	padding-top:0;
}

.corporateSection ul#breadcrumbs-menu{
	margin:0;
	padding:0 25px;
	list-style-type:none;
	height:25px;
}

.corporateSection ul#breadcrumbs-menu li {
	display: inline;
	padding-right:5px;
	background: url(../images/list-style-type2.png) left 4px no-repeat;
	padding-left: 11px;
}

/* 		--== END OF CORPORATE  SECTION STYLES ==--	*/



/*		============================== 		*/
/*			END OF SECTION STYLE 	 		*/
/*		============================== 		*/

/* Popup Newsletter Overlay */

.ui-widget-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  background: #2b2922 repeat !important;
  opacity: .90 !important;
  filter:Alpha(Opacity=90) !important;
}
.ui-widget-shadow {
  margin: -12px 0 0 -12px !important;
  padding: 12px !important;
  background: #cccccc repeat !important;
  opacity: .20 !important;
  filter:Alpha(Opacity=20) !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}

/*
.ui-widget-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: #2b2922 url(south-street/images/ui-bg_inset-soft_15_2b2922_1x100.png) 50% bottom repeat-x !important;
  opacity: .90 !important;
  filter:Alpha(Opacity=90) !important;
}
.ui-widget-shadow {
  margin: -12px 0 0 -12px !important;
  padding: 12px !important;
  background: #cccccc url(south-street/images/ui-bg_highlight-hard_95_cccccc_1x100.png) 50% top repeat-x !important;
  opacity: .20 !important;
  filter:Alpha(Opacity=20) !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}
*/