@import url("../../_base/common/css/default.css");

HTML,
BODY,
TABLE,
CHECKBOX,
INPUT,
RADIO,
SELECT,
TEXTAREA { font-family: Arial, sans-serif, "Times New Roman"; font-size: 9pt; }

BODY { overflow: auto; color: black; margin: 0; padding: 0; line-height: 1.5; text-align: center; background: #eee; }

H1 { margin: 0; padding: 0; font-weight: bold; font-size: 200%; font-family: "Trebuchet MS"; margin-bottom: 10px; font-style: italic; }

H2,
H3 { margin: 1em 0; padding: 0; font-family: "Trebuchet MS"; font-weight: bold; font-size: 160%; line-height: 1; font-style: italic; }

UL { padding: 0; margin: 0; list-style: none; }

LI { padding: 0; margin: 10px 0; background: url(images/bullet.png) no-repeat left 6px; padding-left: 15px; }

INPUT.input,
TEXTAREA.input,
SELECT.input { border: solid 1px #aaa; background: white; color: black; padding: 3px 5px; }

INPUT.spread,
TEXTAREA.spread { width: 95%; margin: auto; }

INPUT.input:focus,
TEXTAREA.input:focus,
SELECT.input:focus { border: solid 1px #990; background: #ffa; }

/* ------------------------------------------------------------
 * Base
 * ------------------------------------------------------------ */

.mydesc { display: none; }

.bundleitem { color: #808080; }

.price { font-weight: bold; }

DIV.error { padding: 0.4em 1em 0.4em 1em; background: #d00000; color: white; font-weight : bold; margin: 1em 0; }

SPAN.error { color: #e00000; }

SPAN.price,
SPAN.weight { white-space: nowrap; }

SPAN.oldprice SPAN.price { text-decoration: line-through; }

SPAN.newprice SPAN.price { color: #ff0000; }

/* ------------------------------------------------------------
 * GENERAL: form
 * ------------------------------------------------------------ */

.formfd { padding: 0.3em 0; }
.formfd-isrequired LABEL { font-weight: bold; }
.formfd-error, .formfd-iserror LABEL { color: red; }
.formfd-help { color: #666; }
.formfd INPUT.input, .formfd TEXTAREA.input { width: 90%; }

/* ============================================================
 * LAYOUT
 * ============================================================ */

#wrapper { margin: 0; padding: 0; text-align: center; background: url(images/bodybg.png) repeat-x #f7f7f7; }

#header { margin: auto; padding-top: 10px; height: 88px; width: 900px; }

#logo,
#logo A { text-decoration: none; width: 313px; height: 88px; display: block; background: url(images/logo.png) no-repeat; float: left; }

#masterhead { color: #666; line-height: 27px; text-align: right; font-size: 90%; height: 27px; }

#masterhead A { color: #ccc; text-decoration: none; padding: 0 7px; }

#masterhead A:hover,
#masterhead A:active { text-decoration: underline; }

#mainmenu { margin: auto; margin-top: 27px; text-align: right; font-size: 110%; }

#mainmenu UL { text-align: right; margin: 0; padding: 0; height: 28px; }

#mainmenu LI { display: inline; line-height: 28px; height: 28px; margin: 0; margin-left: 7px; padding: 0; background: none; }

#mainmenu LI A { margin: 0; color: #aaa; padding: 0 0 6px 10px; font-variant: small-caps; text-decoration: none; font-weight: bold; background: url(images/topmenul.png) no-repeat left top; }

html:lang(fr) > body #mainmenu LI A { padding-top: 6px; }

#mainmenu LI SPAN { display: inline; margin: 0; padding: 6px 10px 6px 0; background: url(images/topmenur.png) no-repeat right top; }

#mainmenu LI A:hover,
#mainmenu LI A:active { color: white; background: url(images/topmenul.png) no-repeat left -28px; }

#mainmenu LI A:hover SPAN,
#mainmenu LI A:active SPAN { background: url(images/topmenur.png) no-repeat right -28px; }

#bodywrapper { clear: both; width: 920px; text-align: left; margin: auto; background: url(images/mainbg.png) repeat-y; }

#body { padding: 0px 10px; padding-top: 5px; margin: 0; background: url(images/maintopbg.png) no-repeat; }

#body-container { float: left; width: 700px; padding: 0; margin: 0; overflow: hidden; }

#breadcrumb { height: 30px; line-height: 30px; padding: 0 12px; color: #48f; }

#body-spotlight { margin: 0; padding: 0; }

#body-main { padding: 12px; }

#sidebar { width: 200px; float: right; padding: 0; }

#footerwrapper { padding: 0; text-align: center; background: url(images/footerbg.png) repeat-x; margin: auto; }

#footer { font-size: 90%; width: 880px; margin: auto; text-align: left; padding: 25px 20px 5px; color: #888; background: url(images/footermainbg.png) no-repeat; }

/* ------------------------------------------------------------
 * BREADCRUMB
 * ------------------------------------------------------------ */

#breadcrumb A { color: #06f; text-decoration: underline; }

#breadcrumb A:hover,
#breadcrumb A:active { color: white; background: #06f; text-decoration: none; }

/* ------------------------------------------------------------
 * BODY COLUMN
 * ------------------------------------------------------------ */

#sidebar .component { padding: 0; margin: 1px 7px; font-size: 90%; color: #666; font-family: "Trebuchet MS"; }

#sidebar H3 { font-size: 120%; font-weight: bold; text-align: left; font-style: normal; margin: 0; padding: 7px 10px; border-bottom: solid 2px #f90; text-transform: uppercase; color: #f90; }
#sidebar H3 A { color: #f90; }
#sidebar H3 A:hover, #sidebar H3 A:active { color: black; }
#sidebar H3.empty { display: none; }

#sidebar .content { padding: 7px 10px; line-height: 1.2; }

#sidebar A { color: black; text-decoration: none; }

#sidebar A:hover,
#sidebar A:active { color: #06f; text-decoration: none; }

#sidebar UL { margin: 0; padding: 0; }

#sidebar LI { margin: 5px 0; padding: 0; padding-left: 10px; background: url(images/bulletcol.png) no-repeat left 6px; }

/* ------------------------------------------------------------
 * BODY MAIN
 * ------------------------------------------------------------ */

#body-main { color: #666; }

#body-main H1 { color: #f90; font-size: 220%; border-bottom: solid 1px #ddd; font-weight: bold; }

#body-main H2,
#body-main H3 { color: black; font-size: 150%; font-weight: bold; font-style: normal; text-decoration: none; padding-bottom: 3px; margin-bottom: 1em; border-bottom: dotted 1px black; }
#body-main H3.empty { display: none; }

#body-main A { color: #06f; text-decoration: none; }

#body-main A:hover,
#body-main A:active { color: #04a; text-decoration: underline; }

#body-main A > IMG { border: none; text-decoration: none; background: transparent; }

/* ------------------------------------------------------------
 * BODY ELEMENTS
 * ------------------------------------------------------------ */

#body P,
#body UL { text-align: justify; line-height: 1.5; color: #333; }

#body .buttonbar { padding: 10px 0; }

/* ------------------------------------------------------------
 * BODY MAIN SPOTLIGHT
 * ------------------------------------------------------------ */

#body-main .top-spotlight { margin: -12px 12px 12px -12px; }

#body-main .spotlight3 { margin: 5px; width: 190px; padding: 5px; padding-left: 12px; padding-right: 12px; height: 250px; background: url(images/spotlight3bg.png) no-repeat; float: left; text-align: justify; }

#body-main .spotlight3 H3 { font-size: 120%; text-transform: uppercase; font-style: italic; border: none; margin: -5px; margin-bottom: 10px; padding: 6px 8px; color: white; }

#body-main .reference-item { margin: 5px; width: 291px; height: 226px; padding: 10px 18px; background: url(images/reflistbg.png) no-repeat; text-align: center; float: left; }

/* ------------------------------------------------------------
 * ITEM LISTING
 * ------------------------------------------------------------ */

TABLE.listing { border: solid 1px #ccc; border-collapse: collapse; }

TABLE.listing TD { border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }

TABLE.listing TR { background-color: white; }

TABLE.listing TR:hover { background-color: #eee; }

TABLE.listing TR.over,
TABLE.listing TD.over { background-color: #eee; cursor: pointer; }

TABLE.listing TR.selected,
TABLE.listing TD.selected { background-color: #f5d9ff; }

TABLE.listing TH { background-repeat: repeat-x; color: white; background-color: #f90; font-weight: bold; font-variant: small-caps; padding: 0.3em 0.7em 0.3em 0.7em; text-align: left; white-space: nowrap; }

TABLE.listing TH A { color: white; text-decoration: none; }

TABLE.listing TH A:hover,
TABLE.listing TH A:active { color: #a8cbff; }

TABLE.listing TD { padding: 0.3em 0.7em 0.3em 0.7em; vertical-align: top; }

TABLE.listing TD.middle { vertical-align: middle; }

TABLE.listing TH.right { text-align: right; }

TABLE.listing TH.center { text-align: center; }

.listing P { margin: 0; padding: 0; }

/* ------------------------------------------------------------
 * GENERAL: data
 * ------------------------------------------------------------ */

.data .title { color: #666; }
.data .value { color: #000; }

/* ------------------------------------------------------------
 * FOOTER
 * ------------------------------------------------------------ */

#footer H3 { display: none; }

#footer UL { margin: 0; padding: 0; }

#footer LI { display: inline; margin: 0.3em 1em 0.3em 1em; }

#footer P { text-align: left; margin: 0; padding: 2px 0; line-height: 1.2; }

#footer .component { padding: 0; margin: 0; line-height: 1; }

#footer A { color: #444; font-weight: normal; text-decoration: none; }

#footer A:active,
#footer A:hover { text-decoration: underline; }

/* ------------------------------------------------------------
 * COMPONENT: Product header
 * ------------------------------------------------------------ */

.comp-productheader { margin: auto; }
.comp-productheader DIV { margin: 1em 0; }
.comp-productheader TD.productimage { padding: 5px 7px; width: 150px; min-width: 150px; text-align: center; white-space: nowrap; vertical-align: top; }
.comp-productheader TD.productimage DIV.tell-a-friend { margin: 3em 0; }
.comp-productheader TD.productinfo { padding: 5px 7px; vertical-align: top; }
.comp-productheader DIV.price { font-size: 200%; font-weight: bold; margin-top: 0; line-height: 1.1; }
.comp-productheader .xinfo { text-align: left; }
.comp-productheader .add-to-cart SPAN { margin-right: 1em; vertical-align: middle; font-weight: normal; }
.comp-productheader .add-to-cart SPAN.add { }
.comp-productheader .add-to-cart .quantity INPUT { width: 30px; text-align: center; font-size: 110%; background: #eee; font-weight: bold; }
.comp-productheader .add-to-cart .add INPUT { vertical-align: middle; margin-top: -3px; }

/* ------------------------------------------------------------
 * COMPONENT: Breadcrumb
 * ------------------------------------------------------------ */

.comp-breadcrumb H3 { display: none; }
.comp-breadcrumb UL { margin: 0; padding: 0; }
.comp-breadcrumb LI { display: inline; background: url(images/bulletpathway.png) no-repeat left 2px; line-height: 30px; padding: 0; margin: 0; padding-left: 17px; color: #06f; padding-right: 10px; }
.comp-breadcrumb LI.first { padding-left: 0; background: none; }
.comp-breadcrumb .content { padding: 0; margin: 0; }

/* ------------------------------------------------------------
 * COMPONENT: inline menu
 * ------------------------------------------------------------ */

.inline-menu { padding: 1em 0; color: #999; text-align: center; border: solid 1px #eee; background: #f3f3f3; }
.inline-menu LI { background: none; display: inline; }