/* 
/* Basic tags
*/

* {
    margin: 0;
    padding: 0;
    outline: none;
}
body {
    font-size: 12px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
a {
}
a:visited {
    color: blue;
}
form, fieldset {
    margin: 0;
    padding: 0;
}
ul, li, input {
    margin: 0;
    padding: 0;
}
fieldset, img {
    border: 0;
}
iframe {
    width: 0;
    height: 0;
    border: 0;
}
ul {
    list-style-position: inside;
    list-style-type: none;
}
button {
    height: 20px;
    font-size: 11px;
}
select {
    width: 170px;
}
td {
    border-spacing: 0px;
    border-collapse: collapse; 
}
th { vertical-align: middle }
td { vertical-align: middle }
table   { border-collapse: collapse }

/*
/* basic classes
*/
.clearboth {
    clear: both;
}
.invisible {
    display: none;
}
.text {
    color: #666;
}

/*
/* basics elements
*/
h2 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 21px;
    font-weight: normal;
    font-variant: small-caps;
    /*color: #f33760;*/
    color: #777;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 1.5px;
}
p.warning {
    background-color: #cc0000;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    width: 340px;

}
div.warning {
    margin-left: 10px;
    margin-top: 10px;
}
.strike {
    text-decoration: line-through;
    color: #777;
}
/*
/* form elements
*/
input, select, textarea {
    color: #000;
    background-color: #fff;
    font-size: 11px;
    padding: 1px;
}
input.text {
    width: 100px;
}
button {
    color: #ffc000;
    background-color: #478dc2;
    border: 0;
    white-space: nowrap;
    margin-bottom: 3px;
    width: 104px;
    font-weight: bold;
}
textarea {
    width: 300px;
    height: 100px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

/*
/* Layout
*/
div#container {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 900px;
    height: 100%;
    background-color: #fff;
}
div#header {
    text-align: left;
}
h1#headerTitle {
    display: none;
}
div#header img {
    margin-top: 10px;
}
div#logo {
    background: url("../img/dot_line.png") bottom left no-repeat;
    padding-bottom: 10px;
}
div#content {
    padding-left: 0px;
    padding-right: 0px;
    /*font: 11px Verdana, Helvetica, sans-serif;*/
    text-align: left;
}
div#footer {
    color: #a3a3a3;
    font-size: 10px;
    margin-top: 20px;
    padding-bottom: 10px;
    border-top: 3px solid #f33760;
}
div#footer a {
    color: #808080;
    text-decoration: none;
}
div#footer a:hover {
    text-decoration: underline;
}
div#footer p {
    padding-top: 5px;
    float: left;
}
div#footer img {
    float: right;
}


/* caddy */
div#caddy {
    float: right;
    margin-top: 20px;
    width: 51px;
    height: 42px;
    background: url("../img/caddy.png") no-repeat;
}
div#caddy a {
    display: block;
    width: 51px;
    height: 22px;
    padding-top: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #f33760;
    text-decoration: none;
}
/*
/* home
*/
div#home  img {
    margin-top: 15px;
}

/*
/* press
*/
div#press {
    position: relative;
}
div#press ul {
    position: absolute;
    left: 250px;
    top: 0px;
}
div.innerfade-title {
    position: absolute;
    left: 0px;
    top: 20px;
    width: 230px;
}
div.innerfade-title h2 {
    font-weight: normal;
    font-size: 12px;
    width: 230px;
}


/*
/* text
*/
div#text {
    float: left;
    width: 460px;
}
div#text_buttons {
    margin-top: 15px;
    border-top: 1px solid #dddee0;
}
div.text {
    /*padding-left: 10px;*/
}
div#text p a,
div#map p a {
    color: #f33760;
    text-decoration: none;
}
div#text p a:hover,
div#map p a:hover {
    text-decoration: underline;
}


/*
/* features
*/
div#features {
    float: right;
    width: 320px;
    margin-top: 17px;
    /*padding-right: 10px;*/
}
div#features {
    font-style: italic;
}

/*
/* map
*/
div#map {
    float: left;
    width: 350px;
}

/*
/* features map
*/
div#map_features {
    float: right;
    width: 530px;
    margin-top: 17px;
    /*padding-right: 10px;*/
}



/*
/* products
*/
div#products_list {
    width: 280px;
}
div#products_list div.product {
    width: 140px;
    height: 186px;
    float: left;
    background: url("../img/bkg_product.png") no-repeat;
    position: relative;
}
div#products_list div.product a.text {
    display: block;
    text-align: center;
    color: #6a737b;
    font-size: 10px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    width: 121px;
    margin-left: 4px;
    text-decoration: none;
    line-height: 12px;
}
div#products_list div.selected a.text,
div#products_list div.product a.text:hover {
    color: #f33760;
}
div#products_list div.selected {
    background: url("../img/bkg_product_active.png") no-repeat;
}
div#products_list div.label {
    z-index: 50;
    position: absolute;
    top: 0;
    left: 0;
}
div#product_sheet {
    margin-top: 10px;
    width: 610px;
    float: right;
}
h3.product_title {
    float: left;
}
h3.product_buy {
    float: right;
}
h3.not_available {
    font-size: 11px;
    color: #f33760;
}
h3.product_selected {
    font-size: 11px;
    color: #777;
    font-weight: normal;
}
div#product_body {
    border: 1px solid #dddee0;
    height: 450px;
}
div#product_image {
    width: 250px;
    height: 450px;
    border-right: 1px solid #dddee0;
    float: left;
}
div#product_infos {
    width: 357px;
    height: 450px;
    float: right;
}
div#product_details {
    /*border-bottom: 1px solid #dddee0;*/
}
p#product_skin {
    padding: 10px 0 0 10px;
    font-weight: bold;
    color: #6a737b;
}
p#product_capacity {
    float: left;
    color: #6a737b;
    padding: 3px 0 10px 10px;
}
p#product_price {
    float: right;
    color: #f33760;
    padding: 3px 10px 10px 0;
    font-weight: bold;
    font-size: 13px;
}
div#product_tabs {
    padding-left: 10px;
    border-bottom: 1px solid #dddee0;
}
div#product_tabs a:hover {
    color: #f33760;
}
div#product_tabs div.tab {
    margin-right: 5px;
}
div#buy_button {
    margin-left: 5px;
}
div#media_button a {
    color: #6a737b;
    letter-spacing: 1px;
}
div#media_button,
div#buy_button {
    float: right;
}
div#product_text {
    margin-top: 10px;
    height: 338px;
    position: relative;
    overflow: hidden;
}
div#product_text .text {
    font-size: 12px;
}
div#product_text div.text {
    padding: 0 20px 0 10px;
    position: absolute;
    top: 0;
    left: 0;
}
div#text_description,
div#text_apply,
div#text_translate {
    position: absolute;
    top: 0;
    left: 0;
}
div#scroll_buttons {
    padding-top: 6px;
    text-align: center;
}
div#cat_text {
    /*text-align: center;
    margin: auto;*/
    position: absolute;
    z-index: 100;
}
div#cat_text img {
    float: right;
}
div#cat_popup {
    text-align: left;
    padding: 10px;
    width: 600px;
    background-color: #fff;
    border: 1px solid #f33760;
}
div#cat_popup h2 {
    margin-top: 0;
    color: #f33760;
}
div#cat_popup p {
    color: #6a737b;
}
div#cat_popup p b, 
div#cat_popup p strong {
    color: #f33760;
}
div.pages {
    width: 268px;
    text-align: center;
    padding-bottom: 15px;
}
div.pages strong {
     color: #f33760;
     font-size: 12px;
}
div.pages a {
    color: #6a737b;
    text-decoration: none;
}



/*
/* tabs
*/
.tab {
    width: auto;
    height: 31px;
    display: block;
    float: left;
}
.tab div {
    float: left;
    height: 31px;
    width: 8px;
}
.tab a,
.tab p {
    display: block;
    float: left;
    padding: 7px 0 2px 5px;
    margin: 0 1px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}
.tab_1 {
    background: url("../img/tab_1.png") no-repeat;
}
.tab_1 div {
    background: url("../img/tab_1_right.png") no-repeat;
}
.tab_1 a:link,
.tab_1 a:visited,
.tab_1 a:hover,
.tab_1 a:active,
.tab_1 p {
    color: #fff;
}
.tab_2 {
    background: url("../img/tab_2.png") no-repeat;
}
.tab_2 div {
    background: url("../img/tab_2_right.png") no-repeat;
}
.tab_2 a:link,
.tab_2 a:visited,
.tab_2 a:hover,
.tab_2 a:active,
.tab_2 p {
    color: #f33760;
}
.tab_3 {
    background: url("../img/tab_3.png") no-repeat;
    height: 20px;
}
.tab_3 div {
    background: url("../img/tab_3_right.png") no-repeat;
    height: 20px;
    width: 6px;
}
.tab_3 a:link,
.tab_3 a:visited,
.tab_3 a:hover,
.tab_3 a:active,
.tab_3 p {
    padding: 3px 0 1px 5px;
    font-size: 10px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: normal;
}
.tab_4 {
    background: url("../img/tab_4.png") no-repeat;
    height: 20px;
}
.tab_4 div {
    background: url("../img/tab_4_right.png") no-repeat;
    height: 20px;
    width: 6px;
}
.tab_4 a:link,
.tab_4 a:visited,
.tab_4 a:hover,
.tab_4 a:active,
.tab_4 p {
    padding: 3px 0 1px 5px;
    font-size: 10px;
    letter-spacing: 1px;
    color: #576068;
    font-weight: normal;
}
.tab_5 {
    background: url("../img/tab_5.png") no-repeat;
}
.tab_5 div {
    background: url("../img/tab_5_right.png") no-repeat;
}
.tab_5 a:link,
.tab_5 a:visited,
.tab_5 a:hover,
.tab_5 a:active,
.tab_5 p {
    color: #f33760;
}
.tab_6 {
    background: url("../img/tab_6.png") no-repeat;
}

/*
/* caddy
*/
table.caddy {
    margin: 0;
    padding: 0;
    width: 700px;
}
table.caddy div.tab_6 {
    font-weight: normal;
    font-size: 12px;
    color: #f33760;
    text-align: center;
    width: 106px;
    height: 31px;
}
table.caddy div.tab_6 p {
    padding: 7px 5px 0 5px;
}
table.caddy td,
table.caddy th {
    width: 115px;
    border-bottom: 1px solid #dddee0;
}
table.caddy td.delete {
}
table.caddy th div {
    float: right;
}
table.caddy th.name div{
    float: left;
}
table.caddy td {
    padding: 5px 5px 5px 15px;
    text-align: center;
    color: #777;
}
table.caddy th.name {
    width: 410px;
}
table.caddy td.name {
    width: 410px;
    border-left: 1px solid #dddee0;
    text-align: left;
}
table.caddy th.image,
table.caddy td.image {
    width: 30px;
    padding: 0 0 3px 0;
}
table.caddy td.delete {
    border-right: 1px solid #dddee0;
}
table.caddy select {
    width: 50px;
}
tr#caddy_total td {
    border-bottom: 1px solid #dddee0;
    border-left: 1px solid #dddee0;
    border-right: 1px solid #dddee0;
    height: 70px;
    width: 700px;
}
tr#caddy_total td strong {
    color: #f33760;
}
tr#caddy_empty td {
    border-left: 1px solid #dddee0;
    border-right: 1px solid #dddee0;
    height: 70px;
}
div#caddy_buttons {
    width: 700px;
}
div#button_order {
    float: right;
}

/*
/* client
*/
form#form_client {
    width: 522px;
    color: #777;
    font-size: 12px;
}
form#form_client fieldset {
    width: 500px;
    border: 1px solid #dddee0;
    padding: 10px;
}
form#form_client div.label {
    float: left;
    width: 180px;
}
form#form_client div.field {
    float: left;
    width: 300px;
}
form#form_client p.terms {
    width: 480px;
}
form#form_client .tab_5 {
    float: right;
}
div#tab_form {
    width: 900px;
}
input.text,
div#news_form p.date input {
    border: 1px solid #dddee0;
    height: 16px;
    padding: 2px;
    font-size: 11px;
    color: #666;
    width: 300px;
}
textarea {
    border: 1px solid #dddee0;
    padding: 2px;
    font-size: 11px;
    color: #666;
}
div.formElement {
    float: left;
    padding-bottom: 10px;
}
div#news_form_buttons .tab_5 {
    float: right;
}


/*
/* summary
*/
div#summary {
    width: 622px;
}
div#summary_content {
    border: 1px solid #dddee0;
    padding: 10px;
    color: #777;
    width: 600px;
}
div#summary_content h3 {
    margin-top: 10px;
}
div#summary .tab_5 {
    float: right;
}


/*
/* blog
*/
div#blog_posts {
    width: 570px;
}
div.post {
    width: 570px;
    float: left;
    margin-bottom: 20px;
}
div.post_title {
    border-bottom: 1px dotted #777;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
div.post_title h4 {
    float: left;
    font-family: Georgia, Times, serif;
    color: #f33760;
    font-size: 14px;
}
div.post_title p {
    float: right;
    color: #f33760;
    width: 100px;
    text-align: right;
    font-weight: bold;
}
div.post div.description {
    color: #777;
    padding-bottom: 15px;
    width: 510px;
}
div.post p.url  {
    margin-top: 5px;
}
div.post p.url a {
    color: #f33760;
    text-decoration: none;
}
div.post p.url a:hover {
    text-decoration: underline;
}
div#blog div.pages {
    width: 570px;
    text-align: right;
}



/*
/* news
*/
div#news_list {
    width: 570px;
    float: left;
}
div#news_articles {
}
div.news {
    width: 570px;
    float: left;
    margin-bottom: 20px;
}
div.news_title {
    border-bottom: 1px dotted #777;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
div.news_title h4 {
    float: left;
    font-family: Georgia, Times, serif;
    color: #f33760;
    font-size: 14px;
}
div.news_title p {
    float: right;
    color: #f33760;
    width: 100px;
    text-align: right;
    font-weight: bold;
}
div.news_image {
    float: left;
    width: 220px;
    text-align: center;
}
div.news_description {
    float: right;
    width: 350px;
    color: #777;
}
div.news_description a {
    color: #f33760;
}
div.news p.url  {
    margin-top: 5px;
}
div.news p.url a {
    color: #f33760;
    text-decoration: none;
}
div.news p.url a:hover {
    text-decoration: underline;
}
div#news div.pages {
    width: 570px;
    text-align: right;
}
div#news_form {
    float: right;
    width: 300px;
    color: #777;
}
div#news_form_fields {
    border: 1px solid #dddee0;
    padding: 10px;
}
div#news_form div.label {
    float: left;
    width: 80px;
}
div#news_form div.field {
    float: left;
    width: 180px;
}
div#news_form input.text {
    width: 180px;
}
div#news_form select {
    width: 90px;
}
div#news_form p.date input {
    width: 30px;
}
div#news_archives {
    text-align: right;
}
div#news_archives a {
    text-decoration: none;
    font-weight: bold;
    color: #f33760;
}

/* login */
div#login {
}
div#login p.text a {
    color: #f33760;
    text-decoration: none;
}
div#login p.text a:hover {
    text-decoration: underline;
}
div#login form {
    margin-top: 10px;
    width: 322px;
}
div#login fieldset {
    border: 1px solid #dddee0;
    padding: 10px 10px 0 10px;
    color: #777;
    width: 300px;
}
div#login div.label {
    float: left;
    width: 100px;
}
div#login div.field {
    float: left;
    width: 160px;
}
div#login input.text {
    width: 180px;
}
div#login input.submit {
    float: right;
}

/* medias */
ul#medias_list li {
    text-align: center;
    width: 215px;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 250px;
    padding-top: 5px;
    float: left;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    color: #f33760;
}
ul#medias_list li p {
    width: 200px;
}

/* 
/* articles
*/
div#articles_list {
    width: 250px;
    float: left;
}
div#articles_list h3 {
    background: url("../img/dot_heading.png") no-repeat;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #333;
    font-weight: normal;
    font-size: 14px;
}
div#articles_list h3.selected {
    background: url("../img/dot_heading_active.png") no-repeat;
}
div#articles_list p {
    padding-left: 20px;
    margin-bottom: 3px;
}
div#articles_list p a {
    display: block;
    background: url("../img/dot_article.png") no-repeat;
    padding-left: 15px;
    color: #777;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
}
div#articles_list p a.selected {
    background: url("../img/dot_article_active.png") no-repeat;
    color: #f33760;
    font-weight: bold;
}
div#article {
    width: 630px;
    float: right;
}
div#article_image {
    margin-bottom: 10px;
}
div#article_content {
    padding: 10px;
    border: 1px solid #dddee0;
    color: #777;
}
div#article_text {
    width: 550px;
}


/*
/* table
*/
table.ingredients {
    margin: 0;
    padding: 0;
}
table.ingredients tr.header {
    font-weight: bold;
    color: #6a737b;
    border-bottom: 1px solid #dddee0;
}
table.ingredients tr.header th {
    padding: 2px;
}
table.ingredients tr.row td {
    color: #6a737b;
    border-bottom: 1px solid #dddee0;
    padding: 2px;
}
table.ingredients td.translation {
    font-style: italic;   
}
/*
/* Menu
*/
div#nav {
    font-size: 11px;
    font-family: Arial, Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    /*border-bottom: 1px solid #478dc2;*/
}
ul#menu {
    float: left;
    margin-top: 3px;
}
ul#languages {
    float: right;
    margin-top: 3px;
}
div#nav ul li {
    float: left;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    overflow: visible;
    margin-bottom: -1px;
    z-index: 2000;
}
ul#menu li {
    margin-right: 5px;
}
ul#menu li:hover a.folder,
ul#menu li.sfhover a.folder {
    color: #f33760;
}
div#nav ul li ul {
    left: -999em;
    /*display: none;*/
    position: absolute;
    top: 23px;
    width: 200px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: 0px;
}

/* menu */
div#nav ul li:hover ul,
div#nav ul li.sfhover ul {
    left: 0;
}
div#nav ul li.selected div,
div#nav ul li div {
    float: left;
    height: 24px;
    width: 4px;
}
div#nav ul li div {
    visibility: hidden;
}
div#nav ul li.selected div {
    visibility: visible;
}
ul#menu li:hover div,
ul#menu li.sfhover div {
    visibility: visible;
}
ul#menu li.nofolder:hover div,
ul#menu li.nofolder div {
    visibility: hidden;
}
div#nav ul li ul li {
    clear: both;
    padding: 5px 0px 2px 0px;
    margin: 0;
    width: 100%;
}
div#nav a,
div#nav p {
    color: #8c8c8c;
    text-decoration: none;
    font-weight: normal;
}
div#nav ul a, 
div#nav ul p {
    position: relative;
    z-index: 200;
    padding-left: 3px;
}
div#nav ul p {
    cursor: default;
}
div#nav ul li a,
div#nav ul li p {
    display: block;
    float: left;
    padding: 5px 5px 2px 0;
    margin: 0 1px;
}
div#nav ul li.selected a,
div#nav ul li.selected p {
    font-weight: bold;
    color: #f33760;
}
div#nav ul li ul li {
    border-bottom: 1px solid #ccc;
}
div#nav ul li ul li.selected,
div#nav ul li ul li:hover,
div#nav ul li ul li.sfhover {
    background: no-repeat;
}
div#nav ul li ul li a,
div#nav ul li.selected ul li a {
    font-weight: normal;
    color: #8c8c8c;
    padding: 1px 0 0px 3px;
}
div#nav a:hover,
div#nav ul li ul li.selected a,
div#nav ul li ul li:hover a,
div#nav ul li ul li.sfhover a {
    color: #f33760;
}

ul#languages li a {
    padding: 5px 0px 2px 5px;
}



/*
/* slideshow
*/
#divSlide {
    width: 560px;
    height: 245px;
    overflow: hidden;
}
#slideHighlight {
    width: 220px;
    height: 0px;
    margin: 0px;
    position: relative;
    left: 325px;
    bottom: 235px;
    display: none;
}
#slideHighlight a,
#slideHighlight a:visited {
    color: white;
    text-decoration: underline;
}
#slideHighlight a:hover {
    color: white;
    text-decoration: underline;
}
#slideName {
    color: white;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
}
#slideHighlightFront {
    position: absolute;
    padding: 8px;
    z-index: 2000;
}
#slideHighlightBack {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 45px;
    background-color: #478dc2;
    opacity: .8;
}