div {
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
}

body {
 font-family: Arial;
 font-size: 10pt;
 cursor: default;
 background-color: #313131;
 margin: 0;
 background-image: url(/img/background.png);
 background-position: center 0;
 background-repeat: repeat-y;
}

form {
 margin: 0;
 padding: 0;
}

#content {
 width: 970px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 10px;
}

a img {
 border-style: none;
}

a {
 color: black;
}

strong {
 color: #505050;
}

.link {
 cursor: pointer;
}

.rss-link {
 background-image: url(http://www.feedburner.com/fb/images/pub/feed-icon16x16.png);
 background-repeat: no-repeat;
 background-position: left 1px;
 padding-left: 20px;
}

.warning {
 color: #be095c;
}

.advice {
 font-weight: normal;
 color: #606060;
}

p.warning {
 text-align: center;
}

p.message {
 text-align: center;
}

p {
 cursor: default;
 text-align: left;
 color: #303030;
}

h1 {
 color: #a4a6a9;
 color: #505050;
 font-variant: small-caps;
 font-size: 13pt;
 border-bottom-style: solid;
 border-color: black;
 border-width: 1px;
 margin-top: 0;
 margin-bottom: 10px;
}

h2 {
 color: #a4a6a9;
 color: #505050;
 font-variant: small-caps;
 font-size: 12pt;
 border-bottom-style: solid;
 border-color: black;
 border-width: 1px;
 margin-top: 0;
 margin-bottom: 10px;
}

h1 a {
 text-decoration: none;
 color: inherit;
 font-weight: inherit;
}

h2 a {
 text-decoration: none;
 color: inherit;
 font-weight: inherit;
}

h3 {
 color: #505050;
 font-size: 10pt;
 font-weight: bold;
 border-bottom-style: solid;
 border-color: #a4a6a9;
 border-color: #DCD0D2;
 border-width: 1px;
 margin-top: 0px;
 margin-bottom: 10px;
 padding-bottom: 2px; /* for tag chooser (at least) */
}

h3 a {
 text-decoration: none;
 color: inherit;
}

li {
 list-style-image: url(/img/li.jpg);
}

.input-bar {
 padding-top: 10px;
 text-align: right;
 clear: both;
}

.input-bar * {
 margin-left: 5px;
}

.input-button {
 border-style: none;
 border-width: 1px;
 border-color: #a4a6a9;
 background-color: #DCD0D2;
 background-color: white;
 font-size: 10px;
 font-variant: small-caps;
 font-weight: bold;
 padding: 0;
 cursor: pointer;
 color: inherit;
 color: #7389B7;
 color: #505050;
}

.input-button:hover {
 color: #2266AA;
 color: Black;
}

.working-message {
 display: none;
}

.form-invalid-input {
 background-color: #FF8E77;
 background-color: #be095c;
 color: White;
}

.button-link {
 display: inline-block;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font-size: 10pt;
 font-weight: bold;
 color: #606060;
 background-color: #DCD0D2;
 border-color: #a4a6a9;
 border-style: solid;
 border-width: 1px;
 margin-top: 20px;
 margin-bottom: 10px;
 padding: 5px;
 padding-left: 10px;
 padding-right: 10px;
 -moz-border-radius:5px;
 -webkit-border-radius: 5px;
 white-space: nowrap;
}

.button-link:hover {
 color: #be095c;
}

/* Header ******************************************************************/

#hline {
 height: 1px;
 border-color: #a4a6a9;
 border-color: #be095c;
 border-top-style: solid;
 border-width: 1px;
 width: 100%;
 position: absolute;
 top: 40px;
}

.header {
 height: 100px;
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

.header img {
 float: left;
}

.header .control {
 font-size: 8pt;
 color: #606060;
 white-space: nowrap;
 padding-top: 10px;
 text-align: right; 
}

.header .control .quit {
 cursor: pointer;
}

.header .control * {
 margin-left: 3px;
}

.header .control a {
 text-decoration: none;
 color: inherit;
}
.header .control a:hover {
 color: #be095c;
}

.header .control span.link:hover {
 color: #be095c;
}

.header h2 {
 color: #a4a6a9;
 font-variant: small-caps;
 font-size: 18pt;
 border-style: none;
 position: relative;
 margin: 0;
 margin-left: 280px;
 top: -22px;
 width: 650px; /* Beware of "quit" link hover */
}

.header h3 {
 color: #a4a6a9;
 color: #505050;
 font-variant: small-caps;
 position: relative;
 top: 10px;
 left: -219px;
 border-style: none;
 margin: 0;
 padding: 0;
 font-size: 8pt;
 font-weight: normal;
 background-image: none;
}

.header .sections {
 position: relative;
 top: -42px;
 margin-left: 280px;
 width: 690px;
 padding-top: 6px;
 padding-bottom: 0px;
 border-color: #a4a6a9;
 border-color: #DCD0D2;
 border-bottom-style: solid;
 border-width: 1px;
}

.header .sections a {
 text-decoration: none;
 font-weight: bold;
 font-size: 13pt;
 color: #a4a6a9;
 font-variant: small-caps;
 margin-right: 20px;
 padding-bottom: 0px;
}

.header .sections a:hover {
 color: #be095c;
}

.header .sections a.selected {
 color: #be095c;
}

.header .path {
 position: relative;
 top: -39px;
 left: 280px;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 9pt;
 width: 600px; /* mandatory for long titles in looks */
}

.header .path a {
 cursor: pointer;
 text-decoration: none;
 color: #a4a6a9;
 background-image: url(/img/path-separator.jpg);
 background-repeat: no-repeat;
 background-position: left 3px;
 padding-left: 10px;
 margin-right: 2px;
}

.header .path .path-separator {
 display: none;
}

.header .path a:hover {
 color: #be095c;
}

.header a.selected {
 color: #be095c;
}

.header .title {
 position: relative;
 top: 18px;
 left: 235px;
 font-size: 13pt;
 font-weight: bold;
}

.header .global-actions {
 float: right;
 position: relative;
 top: -52px;
}
.header .global-actions * {
 font-size: 9pt;
 color: #606060;
 padding-top: 2px;
 padding-bottom: 2px;
}

.header .global-actions a {
 text-decoration: none;
}
.header .global-actions a:hover {
 color: #be095c;
}

/* Panel ******************************************************************/

.panel {
 min-height: 800px;
}

/* Footer ******************************************************************/

.footer {
 clear: both; /* Needed to adapt body height */
 border-color: #DCD0D2;
 border-top-style: solid;
 border-width: 1px;
 text-align: right;
 color: #606060;
 padding-top: 3px;
 font-size: 8pt;
 font-variant: small-caps;
 height: 50px;
}

.footer span {
 margin-left: 10px;
}

.footer a {
 margin-left: 10px;
 color: inherit;
 text-decoration: none;
}

#contactSpan {
 cursor: pointer;
}

/* Toolbar *************************************************************/

.toolbar * {
 float: right;
 cursor: pointer;
 margin-left: 8px;
 position: relative;
 top: 4px;
 color: #606060;
 font-size: 9pt;
 text-decoration: none;
}

.toolbar *:hover {
 color: #2266AA;
 color: Black;
}

/* Columns *************************************************************/

.column {
}

.column h1 {
 clear: left; /* for illustrations */
}

.column h2 {
 clear: left; /* for illustrations */
}

.column h3 {
 clear: left; /* for illustrations */
}

.column-left {
 border-style: none;
 float: left;
}

.column-right {
 border-style: none;
 float: right;
}

.column-center {
}

.column-center-left-small {
 margin-left: 330px;
}

.column-center-right-small {
 margin-right: 330px;
}

.column-small {
 width: 300px;
}

.column-medium {
 width: 465px;
}

.column-large {
 width: 630px;
}

.column-full {
 clear: both;
}

.column-section {
 clear: both;
}

/* Block ******************************************************************/

.block {
 margin-bottom: 20px;
}

.block-header {
 border-collapse: collapse;
 margin-bottom: 20px;
}

.block-header td {
 vertical-align: top;
 padding: 0;
}

.block-header .left {
 padding-right: 20px;
}

.block-toolbar {
 text-align: right;
 margin-bottom: 5px;
}

.block-toolbar * {
 float: none;
 top: -8px;
}

.block-highlight {
 border-width: 1px;
 border-color: white;
 border-color: #DCD0D2;
 border-style: solid;
 background-color: #DCD0D2;
 background-color: #F9F9F9;
 border-color: #a4a6a9;
 padding: 6px;
 padding-bottom: 0;
}

.block-highlight .vignette {
 border-color: #F9F9F9;
}

.block-highlight .button-link {
 margin-top: 0;
 display: block;
}

/* List ******************************************************************/

.list-header {
 margin-bottom: 10px;
 padding: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
 vertical-align: middle;
 text-align: left;
 background-color: #DCD0D2;
 border-color: #a4a6a9;
 border-style: solid;
 border-width: 1px;
}

.list-header table {
 width: 100%;
}

.list-header td {
 white-space: nowrap;
}

.list-header td.label {
 text-align: right;
 font-size: 13px;
 font-weight: bold;
 font-variant: small-caps;
 color: #606060;
 padding-right: 5px;
}

.list-header td.value {
 padding-right: 10px;
}

.list-header select {
 font-size: 11px;
 vertical-align: middle;
 color: #606060;
 font-variant: small-caps;
 border-color: #a4a6a9;
 border-style: solid;
 border-width: 1px;
}

.list-header input {
 font-size: 12px;
 vertical-align: middle;
 padding-top: 0;
 padding-bottom: 0;
 color: #606060;
 border-color: #a4a6a9;
 border-style: solid;
 border-width: 1px;
}

.list-header .input-text {
 width: 130px;
 margin-right: 3px;
}

.list-header .input-text-medium {
 width: 200px;
}

.list-header .input-text-long {
 width: 300px;
}

.list-header img.button {
 vertical-align: middle;
 cursor: pointer;
 position: relative;
 width: 12px;
 margin-left: 5px;
}

.list-header td.stats {
 text-align: right;
 font-size: 13px;
 font-weight: bold;
 font-variant: small-caps;
 color: #606060;
}

.list-header td.pager {
 text-align: right;
 width: 100%;
}

.pager select {
 margin-left: 3px;
 margin-right: 3px;
}

.pager img.button {
 margin-left: 2px;
 margin-right: 2px;
}

.pager img.disabled {
 cursor: default;
}

.list-searching {
 display: none;
 margin-top: 50px;
 margin-bottom: 50px;
 text-align: center;
}

.list-searching p {
 display: inline;
 color: #606060;
 font-size: 8pt;
 background-image: url('/img/working.png');
 background-repeat: no-repeat;
 background-position: 10px middle;
 padding: 10px;
 padding-left: 40px;
}

.list-column {
 width: 49%;
}

.list-column-left {
 float: left;
}

.list-column-right {
 float: right;
}

/* Grid ******************************************************************/

table.grid {
 width: 100%;
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;
}

table.grid td {
 padding: 0;
 vertical-align: top;
}

table.grid td.grid-spacing {
 width: 10px;
}

/* Vignette ******************************************************************/

.vignette {
 margin-bottom: 10px;
 font-size: 8pt;
 border-width: 1px;
 border-color: #DCD0D2;
 border-color: white;
 border-style: solid; /* for selection */
}

.vignette h3 {
 border-style: none;
 margin-bottom: 5px;
}

.vignette-grid {
 border-style: solid; /* for selection */
 padding: 5px;
}

.vignette-grid h3 {
 margin-bottom: 0;
}

.vignette-link:hover h3 {
 color: #be095c;
}

.vignette-link:hover h2 {
 color: #be095c;
 border-color: #be095c;
}

.vignette-link {
 cursor: pointer;
 padding: 5px;
}

.vignette-link * {
 cursor: pointer;
}

.vignette-selected {
 border-color: #be095c;
}

.vignette-inactive h3 {
 background-color: #EEEEEE;
 background-color: #DCD0D2;
 color: #be095c;
 text-decoration: line-through;
 background-color: inherit;
}

.vignette .toolbar {
 display: block;
 text-align: right;
}

.vignette .toolbar * {
 font-size: 8pt;
 position: static;
 font-weight: normal;
}

.vignette table.layout {
 width: 100%;
 border-collapse: collapse;
}

.vignette table.layout td.left {
 text-align: left;
 white-space: nowrap;
 vertical-align: top;
 width: 1px; /* Bug in Safari/Chorme: too large column with images */
 padding-right: 10px;
}

.vignette table.layout img {
 border-style: solid;
 border-width: 1px;
 border-color: #a4a6a9;
 border-color: #DCD0D2;
 margin-right: 10px;
}

.vignette table.layout td.right {
 text-align: left;
 white-space: nowrap;
 vertical-align: top;
 width: 1px; /* Bug in Safari/Chrome: too large column with images */
}

.vignette table.layout td.content {
 vertical-align: top;
 padding: 0;
}

.vignette table.vignette-properties {
 width: 99%;
 display: inline;
 font-size: 8pt; /* IE6 */
 border-collapse: collapse;
 color: #303030;
}

.vignette table.vignette-properties td {
 text-align: left;
}

.vignette table.vignette-properties img {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.vignette .vignette-description {
 margin-top: 10px;
 font-size: 10pt;
 padding-left: 2px;
 padding-right: 2px;
}

.vignette .vignette-description p {
 margin-top: 0;
}

.vignette .vignette-abstract {
 font-size: 8pt;
}

.vignette .vignette-abstract p {
 color: #606060;
}

.no-vignette {
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
 font-size: 9pt;
}

/* Editor *************************************************************/

/* Login editor ******************************************************************/

.login-editor {
 width: 350px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 30px;
 padding: 10px;
}

.login-editor table {
 width: auto;
}

/* Product chooser ******************************************************************/

.product-chooser {
}

.product-chooser .product {
 text-align: center;
 cursor: pointer;
}

.product-chooser .product-header {
}

.product-chooser .product-name {
 font-weight: bold;
 text-decoration: none;
}

.product-chooser .product-price {
 display: inline;
 font-weight: bold;
 color: #be095c;
}

.product-chooser .product-old-price {
 display: inline;
 font-weight: normal;
 text-decoration: line-through;
 margin-left: 5px;
}

.product-chooser .product-advertiser {
 display: block;
 margin-right: 5px;
}

.product-chooser img.product-image {
 margin-top: 3px;
 margin-bottom: 3px;
 width: 80px;
 border-style: none;
}

/* Illustration ******************************************************************/

.illustration {
 float: left;
 margin-right: 20px;
 margin-bottom: 10px;
}

.illustration-source {
 text-align: center;
 color: #606060;
 clear: both; /* may be useful for special illustration codes (fotoglif) */
}

.illustration-source a {
 text-decoration: none;
 color: #606060;
 white-space: nowrap; /* IE6 bug */
}

/* Vignette look ******************************************************************/

.vignette-mini-look {
 height: 145px; /* for grid standard display */
 overflow: hidden;
}

.vignette-mini-look table.layout td.left {
 width: 70px;
 text-align: center;
}

.vignette-mini-look h3 {
 margin-bottom: 5px;
}

.vignette-mini-look .score {
 float: right;
}

.vignette-look img {
}

.vignette-mini-look .score {
 float: right;
}

/* Vignette look in site ******************************************************************/

.vignette-look-site {
}

.vignette-look-site table.look-layout {
 margin-bottom: 20px;
}

.vignette-look-site table.vignette-properties {
 font-size: 9pt;
}

.vignette-look-site p {
 font-size: 10pt;
}

.vignette-look-site h3 {
 border-bottom-style: solid;
 border-width: 1px;
 border-color: #DCD0D2;
}

.vignette-look-site .detail-link {
 text-decoration: none;
 font-weight: bold;
 font-variant: small-caps;
 font-size: 11pt;
 color: #505050;
}

.vignette-look-site .no-product-message {
 border-width: 1px;
 border-style: solid;
 border-color: #DCD0D2;
 margin-bottom: 10px;
 margin-left: 0;
 padding: 20px;
/* width: 390px; *//* mandatory when no product is defined over full look */
 clear: left; /* for illustrations */
}

.vignette-look-site .no-product-message p {
 white-space: normal;
 color: #A4A6A9;
}

/* Vignette look part ******************************************************************/

.vignette-look-part img {
}

/* User opinions ******************************************************************/

.user-opinions {
 border-width: 1px;
 border-color: white;
 border-color: #DCD0D2;
 border-style: solid;
 background-color: #DCD0D2;
 border-color: #a4a6a9;
 padding: 6px;
 padding-bottom: 0;
 margin-bottom: 10px;
}

/* Vignette product ******************************************************************/

.vignette-product-grid {
/* height: 150px; /* for grid standard display */
}

.vignette-product img {
 max-width: 70px;
 max-height: 94px;
}

.vignette-product-grid div.image {
 text-align: center;
 margin-top: 10px;
}

.vignette-product-grid div.image img {
 max-width: 150px;
 max-height: 120px;
}

.vignette-product-grid .score {
 float: right;
}

.vignette-product-price {
 font-weight: bold;
}

.vignette-product-price .product-old-price {
 font-weight: normal;
 text-decoration: line-through;
 margin-left: 10px;
}

.vignette-product-picture {
 height: 100px; /* for grid standard display */
}

.vignette-product-picture table.vignette-properties tr td {
 height: 100px;
 vertical-align: middle;
}

.vignette-product-picture img {
 max-width: 70px;
 max-height: 94px;
}

.product-picture-preview {
 border-style: solid;
 border-width: 1px;
 border-color: #a4a6a9;
 border-color: #DCD0D2;
 padding: 10px;
 margin-bottom: 10px;
 text-align: center;
}

.product-picture-preview img {
 max-width: 400px;
 max-height: 300px;
}

/* Product look in site ******************************************************************/

.vignette-product-site table.layout {
}

.vignette-product-site table.vignette-properties {
 font-size: 9pt;
}

.vignette-product-site table.vignette-properties strong {
 font-size: 12pt;
}

.vignette-product-site table.vignette-properties .vignette-product-price {
 padding-top: 10px;
 font-size: 11pt;
 color: #be095c;
}

.vignette-product-site table.vignette-properties .vignette-product-price .product-old-price {
 font-weight: normal;
 text-decoration: line-through;
 margin-left: 10px;
 color: #303030;
 font-size: 9pt;
}

.vignette-product-site table.layout td.left {
 width: 200px;
}

/* Product showroom ******************************************************************/

.product-showroom-thumbnails img {
 width: 70px;
 max-height: 94px;
 cursor: pointer;
}

.product-showroom-picture {
 border-style: solid;
 border-width: 1px;
 border-color: #a4a6a9;
 border-color: #DCD0D2;
 padding: 10px;
 margin-bottom: 10px;
 text-align: center;
}

.product-showroom-picture img {
 max-width: 400px;
 max-height: 300px;
}
/* Vignette tag ******************************************************************/

.vignette-tag h3 {
 border-style: none;
 margin-bottom: 0;
}

/* Tags ******************************************************************/

.tag-list {
 display: inherit;
}

.tag-list span {
 display: inline-block; /* for line wrap */
 margin-right: 8px;
 margin-top: 3px;
 margin-bottom: 3px;
 font-size: 10pt;
 white-space: nowrap;
}

.tag-list span.tag {
 font-weight: normal;
 color: #505050;
}

/* Tag chooser ******************************************************************/

.tag-chooser {
 color: inherit;
 font-size: 11pt;
 border-style: solid;
 border-color: #a4a6a9;
 padding: 5px;
}

.tag-selection {
 background-color: #DCD0D2;
 border-color: #a4a6a9;
 border-style: solid;
 border-width: 1px;
 padding: 2px;
 padding-left: 5px;
 padding-right: 5px;
 font-size: 10pt;
 color: #505050;
 margin-bottom: 5px;
}

.tag-selection span.tag {
 display: inline-block; /* for line wrap */
 margin-right: 10px;
 font-size: 9pt;
 white-space: nowrap;
 font-weight: bold;
 color: #505050;
}

.tag-selection img.button {
 cursor: pointer;
 float: right;
 position: relative;
 top: 1px;
}

.tag-chooser span {
}

.tag-chooser-categories {
 border-color: #DCD0D2;
 border-width: 1px;
 border-bottom-style: solid;
 padding-bottom: 3px;
}

.tag-chooser-categories span {
 display: inline-block; /* for line wrap */
 font-size: 9pt;
 font-variant: small-caps;
 font-weight: bold;
 margin-right: 11px;
 margin-bottom: 3px;
 cursor: pointer;
 color: #303030;
}

.tag-chooser-categories span.selected {
 color: #be095c;
}

.tag-chooser-categories span.contains {
 border-color: #be095c;
 border-width: 1px;
 border-bottom-style: solid;
}

.tag-chooser-categories span:hover {
 color: #be095c;
}

.tag-chooser-categories .new-tag-category {
 color: #be095c;
 color: #a4a6a9;
}

.tag-chooser-category {
 clear: left;
}

.tag-chooser .tag-list span {
 cursor: pointer;
 font-size: 8pt;
}

.tag-chooser .tag-list span.selected {
 color: #be095c;
}

.tag-chooser .tag-list span:hover {
 color: #be095c;
}

.tag-chooser .tag-list .new-tag {
 color: #be095c;
 color: #a4a6a9;
}

.list-header .tag-chooser {
 border-style: none;
 padding: 0;
 margin-top: 10px;
}

/* Ping ******************************************************************/

a.ping {
 margin-right: 10px;
 font-weight: bold;
 text-decoration: none;
 color: #505050;
}

/* Ads ******************************************************************/

.ad-left-small {
 margin-bottom: 20px;
 text-align: center; /* for smaller ads */
}

.ad-right-small {
 margin-bottom: 20px;
 text-align: center; /* for smaller ads */
}

/* Link group ******************************************************************/

.link-group {
 color: inherit;
 padding: 5px;
 background-color: #F9F9F9;
 background-color: #DCD0D2;
 border-color: #a4a6a9;
 border-style: solid;
 border-width: 1px;
 font-size: 90%;
}

.link-group h3 {
 border-color: #a4a6a9;
 border-bottom-style: solid;
 border-width: 1px;
}

.link-group-links {
 color: #505050;
 margin-top: 2px;
 margin-bottom: 2px;
}

.link-group-highlight {
 text-align: right;
}

.link-group a {
 display: inline-block; /* for line wrap */
 margin-right: 10px;
 color: #505050;
}

/* Book trend list ******************************************************************/

ul.book-trend-list {
 padding: 0;
 padding-left: 0px;
}

ul.book-trend-list li {
 list-style-image: none;
 list-style-type: none;
 list-style-position: outside;
 padding-left: 25px;
 position: relative;
 top: -20px;
}

ul.book-trend-list li.ordered-list-section {
 padding-left: 0;
 margin-top: 5px;
 font-weight: bold;
 font-variant: small-caps;
 font-size: 120%;
 color: #a4a6a9;
 position: inherit;
}

ul.book-trend-list a {
 text-decoration: none;
 color: #606060;
}

ul.book-trend-list a:hover {
 color: #be095c;
}

/* Gallery ******************************************************************/

.gallery {
}

.gallery-item {
 display: inline-block;
 cursor: pointer;
 text-align: center;
 width: 80px;
 margin-right: 10px;
 margin-bottom: 10px;
}

.gallery-item h3 {
 border-style: none;
 margin-bottom: 2px;
 font-weight: normal;
 font-variant: small-caps;
}

.gallery-item:hover a {
 color: #be095c;
}