/* ----- eric meyer's css reset & clearfix */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td         { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus                                                  { outline: 0; }
body                                                    { line-height: 1; color: black; background: white; }
html, body                                              { height: 100%; }
ol, ul                                                  { list-style: none; }
table                                                   { border-collapse: collapse; border-spacing: 0; }
caption, th, td                                         { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after  { content: ""; }
blockquote, q                                           { quotes: "" ""; }

.clear:after                                            { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear                                                  { display: inline-block; }
html[xmlns] .clear                                      { display: block; }
* html .clear                                           { height: 1%; }

/* ----- GENERAL */

body                                                    { font-family: verdana, arial, sans-serif; font-size: 12px; }
a                                                       { text-decoration: none; color: #000; }
a:hover                                                 { text-decoration: underline; }

p.error, p.confirmation, p.information, p.attention     { padding: 10px 10px 10px 35px; margin-bottom: 10px; background-repeat: no-repeat; background-position: 10px center; }
p.error                                                 { border: 1px solid #d7bbb8; background-color: #f6dcd9; background-image: url('http://www.delaplacedesign.com/cms/images/icons/exclamation.png'); }
p.confirmation                                          { border: 1px solid #cad3a6; background-color: #dfe9b8; background-image: url('http://www.delaplacedesign.com/cms/images/icons/accept.png'); }
p.information                                           { border: 1px solid #b8c6d2; background-color: #dae6f1; background-image: url('http://www.delaplacedesign.com/cms/images/icons/information.png'); }
p.attention                                             { border: 1px solid #dbd6a1; background-color: #f8f2b7; background-image: url('http://www.delaplacedesign.com/cms/images/icons/error.png'); }

em                                                      { font-style: italic; }

.tinymce ul                                             { margin-left:25px; list-style-type:disc; }
.tinymce ul li ul                                       { list-style-type:circle; }
.tinymce p                                              { padding-bottom:10px;}

/* -----  */

#wrapper                                                { width: 100%; background: #003e30 url(../images/bg.png) center center repeat-y; }
#container                                              { width: 938px; margin: 0 auto; }

#header                                                 { padding-top: 41px; z-index: 9999999; }
#header h1                                              { display: none; }

#slideshow                                              { width: 938px; height: 312px; overflow: hidden; }

#content_header                                         { padding: 15px; line-height: 1.5em; }
#footer_text                                            { clear:both; width: 494px; margin: 10px auto; }


/* ----- NAVIGATION */

#nav_top                                                { position: absolute; top: 0 ; left: 0; width: 100%; height: 48px; background: url(../images/nav_top.png) repeat-x; overflow: hidden; }

#nav_top li                                             { display: inline; padding: 0 10px; line-height: 40px; }
#nav_top li img                                         { vertical-align: middle; position: relative; top: -2px; margin: 0 3px; }
#nav_top li a:hover                                     { text-decoration: none; }

#lang_switcher                                          { position: relative; left: -269px; width: 430px; height: 40px; margin: 0 auto; }
#lang_switcher a.current                                { text-decoration: underline; }
#lang_switcher li                                       { background: url(../images/separator.jpg) no-repeat; }
#lang_switcher li:first-child                           { background: none; }

#cart_status                                            { position: relative; left: 200px; top: -40px; width: 508px; height: 40px; margin: 0 auto; text-align: right; }

#nav                                                    { width: 938px; height: 60px; }
#nav li                                                 { position: relative; float: left; height: 60px; }
#nav li a                                               { display: block; width: 100%; height: 100%; text-indent: -1000px; overflow: hidden; }

#nav.fr li a                                            { background: url(../images/nav_fr.png) no-repeat; }
#nav.en li a                                            { background: url(../images/nav_en.png) no-repeat; }
#nav.es li a                                            { background: url(../images/nav_es.png) no-repeat; }
#nav.jp li a                                            { background: url(../images/nav_jp.png) no-repeat; }

#nav ul                                                 { display: none; position: absolute; left: 0; top: 49px; width: 90%; margin: 0 5%; }
#nav ul li                                              { float: none; height: 35px; line-height: 35px; z-index: 100; }
#nav ul a                                               { text-indent: 10px; background: #dbd6b3 !important; border: 1px solid #fff; }
#nav ul a:hover                                         { background: #bebd9e !important; text-decoration:none; }
#nav ul span                                            { float:right; margin-right:5px;}


#nav_recipes ul ul                                      { width: 280px; top: 0; left: 191px; font-size: 0.8em; }
#nav_recipes ul li                                      { width: 201px;}
#nav_recipes ul li ul li                                { width: 280px;}

#nav_products ul ul                                     { width: 280px; top: 0; left: 190px; font-size: 0.8em; }
#nav_products ul li                                     { width: 198px;}
#nav_products ul li ul li                               { width: 180px;}
#nav_products ul a                                      { text-indent: 10px; border: 1px solid #82a39b; color:#003126; }
#nav_products ul a:hover                                { color:#003126; }

#nav_information ul li                                  { width: 245px;}
#nav_information ul ul                                  { width: 250px; top: 0; left: 233px; font-size: 0.8em; }

#nav_products                                           { width: 180px; }
#nav_recipes                                            { width: 179px; }
#nav_information                                        { width: 218px; }
#nav_profil                                             { width: 198px; }
#nav_contact                                            { width: 163px; }

#nav_products a                                         { background-position: 0px    0px !important; }
#nav_recipes a                                          { background-position: -180px 0px !important; }
#nav_information a                                      { background-position: -359px 0px !important; }
#nav_profil a                                           { background-position: -577px 0px !important; }
#nav_contact a                                          { background-position: -775px 0px !important; }

#nav_products a:hover                                   { background-position: 0px    -60px !important; }
#nav_recipes a:hover                                    { background-position: -180px -60px !important; }
#nav_information a:hover                                { background-position: -359px -60px !important; }
#nav_profil a:hover                                     { background-position: -577px -60px !important; }
#nav_contact a:hover                                    { background-position: -775px -60px !important; }

#nav_products.active a                                  { background-position: 0px    -120px !important; }
#nav_recipes.active a                                   { background-position: -180px -120px !important; }
#nav_information.active a                               { background-position: -359px -120px !important; }
#nav_profil.active a                                    { background-position: -577px -120px !important; }
#nav_contact.active a                                   { background-position: -775px -120px !important; }

/* ----- CONTENT */

#content                                                { z-index: 50; background: #fff url(../images/content_bg.jpg) bottom left no-repeat; }
#content_header                                         {  }

#left                                                   { float: left; width: 200px; padding: 0 6px 135px 6px; }
#middle                                                 { float: left; width: 494px; padding: 10px; }
#right                                                  { float: left; width: 200px; padding: 0 6px 155px 6px; }

#middle.full                                            { float: none; width: 918px; padding: 10px; margin-bottom: 250px; }

#middle h2                                              { font-size: 2em; font-family: 'times new roman', verdana, arial, sans-serif; color: #003025; padding-bottom: 3px; margin-bottom: 5px; border-bottom: 1px solid #aeb697; }
#middle p                                               { line-height: 18px; }

#secure                                                 { width:100%; color:#7e858f; height:72px;}
#secure span                                            { float: right; font-size:.8em; text-align:center; clear:both;}

/* ----- FOOTER */

#footer                                                 { height: 135px; margin-top: 15px; }
#foot_links                                             { float: left; width: 270px; height: 105px; padding: 15px; margin-right: 15px; background: #fff; }
#foot_links h4                                          { font-size: 2em; font-family: 'times new roman', verdana, arial, sans-serif; }
#foot_links li                                          { margin: 5px; }

#foot_promotions                                        { float: left; width: 623px; height: 135px; }
#foot_promotions a                                      { display: block; width: 100%; height: 100%; overflow: hidden; }

/*
#foot_promotions.fr                                     { background: url(../images/promotions_fr.jpg) no-repeat; }
#foot_promotions.en                                     { background: url(../images/promotions_en.jpg) no-repeat; }
#foot_promotions.es                                     { background: url(../images/promotions_es.jpg) no-repeat; }
*/

/* RATING ------------------------------------------------------------------- */

.rating span                                            { display: block; margin-left:2px; float: left; width: 13px; height: 13px; text-indent: -1000px; overflow: hidden; background: url(../images/star.png) bottom left no-repeat; }
.rating span.hover,
.rating span.dark                                       { background-position: top left; }

/* ----- COPYRIGHT */

#copyright                                              { width: 100%; height: 40px; padding-top: 30px; margin: 0 auto; color: #aeb697; font-size: 0.8em; background: #003f31 url(../images/copyright.png) top center no-repeat; }
#copyright p                                            { position: relative; margin: 0 auto; left: -300px; width: 300px; height: 20px; }
#copyright #dd                                          { left: 300px; text-align: right; top: -20px; }
#dd a                                                   { display: block; padding-left: 20px; line-height: 14px; color: #aeb697; }
#dd a span                                              { font-weight: bold; }
#dd img                                                 { position: relative; top: 3px; margin-right: 5px; }

/* ----- BOX */

.box                                                    { margin-bottom: 10px; padding-bottom: 11px; background: url(../images/box_bottom.png) bottom center no-repeat; }
.box h2                                                 { height: 50px; text-indent: -1000px; overflow: hidden; }
.box .content                                           { background: url(../images/box_content.png) repeat-y; padding: 13px 13px 0 13px; }
.box .content:after                                     { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.box .content                                           { display: inline-block; }
html[xmlns] .box .content                               { display: block; }
* html .box .content                                    { height: 1%; }

.box.white                                              { background: url(../images/box_bottom_white.jpg) bottom center no-repeat; }
.box.white .content                                     { background: url(../images/box_content_white.jpg) repeat-y; }

#box_search.fr h2                                       { background: url(../images/box_search_fr.jpg) no-repeat; }
#box_categories.fr h2                                   { background: url(../images/box_categories_fr.jpg) no-repeat; }
#box_collections.fr h2                                  { background: url(../images/box_collections_fr.jpg) no-repeat; }
#box_packaging.fr h2                                    { background: url(../images/box_packagings_fr.jpg) no-repeat; }

#box_search.en h2                                       { background: url(../images/box_search_en.jpg) no-repeat; }
#box_categories.en h2                                   { background: url(../images/box_categories_en.jpg) no-repeat; }
#box_collections.en h2                                  { background: url(../images/box_collections_en.jpg) no-repeat; }
#box_packaging.en h2                                    { background: url(../images/box_packagings_en.jpg) no-repeat; }

#box_search.es h2                                       { background: url(../images/box_search_es.jpg) no-repeat; }
#box_categories.es h2                                   { background: url(../images/box_categories_es.jpg) no-repeat; }
#box_collections.es h2                                  { background: url(../images/box_collections_es.jpg) no-repeat; }
#box_packaging.es h2                                    { background: url(../images/box_packagings_es.jpg) no-repeat; }

#box_search.jp h2                                       { background: url(../images/box_search_jp.jpg) no-repeat; }
#box_categories.jp h2                                   { background: url(../images/box_categories_jp.jpg) no-repeat; }
#box_collections.jp h2                                  { background: url(../images/box_collections_jp.jpg) no-repeat; }
#box_packaging.jp h2                                    { background: url(../images/box_packagings_jp.jpg) no-repeat; }

#box_search                                             { line-height: 24px; }
#box_search input                                       { float: left; height: 16px; width: 130px; padding: 4px; line-height: 16px; border: 1px solid #aeb697; background: #fff; vertical-align: middle; }
#box_search button                                      { float: right; width: 25px; height: 24px; margin: 0; padding: 0; border: 0; background: url(../images/search_button.png); text-indent: -1000px; overflow: hidden; vertical-align: middle; cursor: pointer; }

#box_categories .content                                { padding: 0 5px; }
#box_categories ul                                      { background: url(../images/box_categories_sep.png) repeat-x; font-size: 10px; }
#box_categories ul.over                                 { background: #e5e0bb; }
#box_categories ul:first-child                          { background: none; }
#box_categories li                                      { min-height: 40px; background: url(../images/box_categories_sep.png) repeat-x; }
#box_categories ul ul a                                 { padding-left: 10px; background-position: 20px 17px; }
#box_categories ul ul ul a                              { padding-left: 20px; background-position: 30px 17px; }
#box_categories ul ul ul ul a                           { padding-left: 30px; background-position: 40px 17px; }

#box_categories a                                       { display: block; width: 100%; height: 100%; line-height: 40px; text-indent: 30px; background: url(../images/arrow.png) 10px 17px no-repeat; }
#box_categories li:first-child                          { background: none; }

#box_categories a.down                                  { background: url(../images/arrow_down.png) 10px 13px no-repeat; }
#box_categories ul ul a.down                            { padding-left: 10px; background-position: 20px 13px; }
#box_categories ul ul ul a.down                         { padding-left: 20px; background-position: 30px 13px; }
#box_categories ul ul ul ul a.down                      { padding-left: 30px; background-position: 40px 13px; }


#box_collections select                                 { display: block; margin: 0 auto; width: 170px; padding: 3px; line-height: 16px; border: 1px solid #aeb697; }

#box_packaging .slideshow                               { width: 174px; height: 300px; overflow: hidden; padding: 0; width: 200px; }
#box_packaging .slideshow img                           { margin: 33px 33px 0 33px; border: 2px solid #fff; }
#box_packaging .slideshow div                           { background: none !important; }

/* ----- PRODUCTS */

#products li                                            { float: left; width: 130px; height: 260px; padding: 10px; margin-bottom: 22px; position: relative; }
#products li:hover                                      { background: #eeeacb; cursor: pointer; }
#products li.middle                                     { margin: 0 22px; }
#products li img                                        { display: block; margin: 0 auto; }
#products h5                                            { font-size: 13px; height: 26px; color: #df9a4b; font-style: italic; margin: 5px 0; overflow: hidden; }
#products .description                                  { height: 45px; overflow: hidden; font-size: 0.9em; line-height: 15px; margin: 3px 0 5px 0; }
#products .description p                                { line-height: 15px; }
#products .price                                        { color: #797009; line-height: 25px; }
#products .details                                      { display: block; width: 65px; height: 26px; line-height: 26px; text-align: center; font-size: 0.9em; background: url(../images/details.png); }
#products .rating                                       { height: 13px; margin-bottom: 5px; }
#product_details h2                                     { padding-top:25px; margin-bottom:15px;}

/* ----- CATALOG */

#catalog ul                                             { margin-top: 20px; }
#catalog ul li                                          { float: left; width: 150px; padding: 5px; margin-bottom: 10px; text-align: center; }
#catalog li.middle                                      { margin: 0 6px; }
#catalog ul li span                                     { line-height: 1.5em }

/* ----- PAGINATION */

.pagination                                             { clear: both; height: 30px; }
.pagination li                                          { float: left; padding: 5px; }
.pagination li.current a                                { color: orange; }

#form_ipp                                               { margin: 5px; }
#form_ipp div                                           { clear: both; width: auto; text-align: right; }
#form_ipp label                                         { display: inline !important; }

#form_ipp select                                        { padding: 3px; line-height: 16px; border: 1px solid #aeb697; }


/* ----- DETAILS */

#product_top                                            { position: relative; margin-bottom: 10px; padding-bottom: 40px; }
#product_top #thumbnail                                 { /*width: 130px;*/ height: 100px; }
#product_top .price                                     { position: absolute; top: 0; left: 180px; font-size: 1.3em; color: #797009; }
#product_top .add                                       { position: absolute; top: 30px; left: 180px; display: block; width: 125px; height: 26px; line-height: 26px; text-align: center; background: url(../images/add_cart.png) no-repeat; }
#product_top #collection                                { position: absolute; top: 0; right: 0; }

#product_top .rating                                    { position: absolute; left: 20px; bottom: 15px; }
#product_top .view_comment                              { position: absolute; left: 0; bottom: 0px; }

.comments li                                            { list-style-type:none; margin-top:10px; width: 200px; float:left; }
.product_comments li                                    { list-style-type:none; margin-top:10px; width: 200px; float:left; }

#thumbs                                                 { position: absolute; top: 65px; left: 135px; }
#thumbs li                                              { float: left; margin: 5px; }
#thumbs li img                                          { /*width: 40px;*/ height: 30px; }

/* - - - - - CART */

#cart                                                   { width: 494px; margin-bottom: 30px; }
#cart .image                                            { width: 40px; overflow: hidden; }
#cart .image img                                        {  }
#cart .name                                             { width: 154px; }
#cart .price                                            { width: 70px; }
#cart .quantity                                         { width: 70px; }
#cart .total                                            { width: 70px; }
#cart thead .price                                      { text-align: right; }
#cart thead .total                                      { text-align: right; }
#cart tbody .price                                      { text-align: right; }
#cart tbody .quantity                                   { text-align: center; }
#cart tbody .total                                      { text-align: right; }
#cart thead td                                          { text-align: center; }
#cart tbody td                                          { height: 30px; padding: 5px; line-height: 30px; }
#cart tfoot td                                          { padding: 5px; line-height: 12px; text-align: right; }
#cart .quantity select                                  { width: 60%; }

/*#cart_update                                            { width: 50%; float: left; height: 26px; }*/
#cart_checkout                                          { float: right; height: 26px; text-align: right; }
#cart_goshopping                                        { clear: both; padding-top: 10px; }
.border_subtotal                                        {border-top: 1px solid #626052; }

/* - - - - - ORDERS */

#orders table .date                                     { width: 30%; }
#orders table .status                                   { width: 15%; }
#orders table .nb_products                              { width: 20%; }
#orders table .total                                    { width: 15%; }
#orders table .details                                  { width: 15%; }
#orders thead td                                        { padding: 10px 0; }

#order_details table                                    { width: 100%; }
#order_details #summary td                              { width: 50%; }
#order_details td                                       { padding: 5px; }

#discussion h4                                          { position: relative; margin-top: 10px; font-weight: bold; }
#discussion h4 span                                     { position: absolute; top: 0; right: 0; font-style: italic; }
#discussion p                                           { padding: 5px; line-height: 1.3em; }

/* - - - - - CHECKOUT */

#checkout_breadcrumb ul                                 { height: 24px; background: #f8f8f8 url(../images/steps.jpg); margin-bottom: 10px; }
#checkout_breadcrumb ul li                              { float: left; width: 25%; line-height: 22px; height: 22px; text-align: center; border-top: 1px solid #51be31; border-bottom: 1px solid #51be31; }
#checkout_breadcrumb ul li.gray                         { background: #f8f8f8; border-color: #dddddd; }

#new_address                                            { padding-top:10px; }

.next                                                   { text-align: right; }

/* - - - - - AUTH */

#signin_left                                            { float: left; width: 432px; margin-right: 54px; }
#signin_left ul                                         { list-style-type: disc; margin-left: 15px; }
#signin_left ul li                                      { margin: 8px; line-height: 1.3em; }
#payments                                               { margin: 10px; }
#signup                                                 { text-align : right; }
#signin_right                                           { float: left; width: 432px; }

/* ----- FORM */

#middle label                                           { display: block; margin: 5px 0; }
#middle form div                                        { margin-bottom: 10px; }
.left, .right                                           { float: left; width: 50%; }

.check-radio label, .radio-check label                  { display: inline !important; }
.check-radio input, .radio-check input                  { margin-right: 10px; }

.button                                                 { display: inline-block; cursor: pointer; padding: 5px 15px; line-height: 1; background: url(../images/button.jpg) bottom left repeat-x; border: 1px solid #ece7c4; color: #626052; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.button-next                                            { display: inline-block; cursor: pointer; padding: 5px 15px; line-height: 1; background: url(../images/buttonnext.jpg) bottom left repeat-x; border: 1px solid #ece7c4; color: #626052; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.button-next img                                        { vertical-align: middle; position:relative; padding-right:5px; }


textarea                                                { font-family: verdana, arial, sans-serif; font-size: 12px; }

ul.errors                                               { color: red; list-style-type: disc; margin: 20px 20px 20px 50px; }

/* - - - - - ADDRESSES */

#addresses table                                        { width: 494px; margin-top: 10px; }
#addresses .city                                        { width: 100px; }
#addresses .address                                     { width: 100px; }
#addresses .zip                                         { width: 100px; }
#addresses .actions                                     { width: 194px; text-align: center; }

/* ----- PAGE */
#page p                                                 { margin-bottom: 10px; }



/* MESSAGES ----------------------------------------------------------------- */

div.error, div.confirmation, div.information,
div.attention                                           { padding: 0 10px 0 35px !important; background-repeat: no-repeat; background-position: 10px center; }
div.error                                               { border: 1px solid #d7bbb8; background-color: #f6dcd9; background-image: url('http://www.delaplacedesign.com/cms/images/icons/exclamation.png'); }
div.confirmation                                        { border: 1px solid #cad3a6; background-color: #dfe9b8; background-image: url('http://www.delaplacedesign.com/cms/images/icons/accept.png'); }
div.information                                         { border: 1px solid #b8c6d2; background-color: #dae6f1; background-image: url('http://www.delaplacedesign.com/cms/images/icons/information.png'); }
div.attention                                           { border: 1px solid #dbd6a1; background-color: #f8f2b7; background-image: url('http://www.delaplacedesign.com/cms/images/icons/error.png'); }

/* COMMENTS ----------------------------------------------------------------- */

#view_comments .comment h3                              { position: relative; margin: 10px 0; font-size: 1.2em; font-weight: bold; }
#view_comments .comment h3 .rating                      { position: absolute; top: 0; right: 0; }

#add_comment h2                                         { margin-bottom: 10px; font-size: 2em; font-family: 'times new roman', verdana, arial, sans-serif; color: #003025; padding-bottom: 3px; margin-bottom: 5px; border-bottom: 1px solid #aeb697; }

#add_comment textarea                                   { clear: both; width: 275px; }


/* SHARE */
#recipes_actions li                                     { margin-top : 10px;    }
#recipes_actions                                        { margin : 0 0 10px 10px;    }

/* LABELS */
.product-image				{ width: 140px; position: relative; }
.label						{ height: 57px; width: 96px; display: block; text-indent: -9999px; position: absolute; top: 0px; right: 0px;  }
.nouveaute					{ background: url(../images/labels/nouveaute.png) no-repeat; }
.promotion					{ background: url(../images/labels/promotion.png) no-repeat; }
.novelty					{ background: url(../images/labels/novelty.png) no-repeat; }
.new						{ background: url(../images/labels/new.png) no-repeat; }