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

HTML,
BODY,
TABLE,
CHECKBOX,
INPUT,
RADIO,
SELECT,
TEXTAREA { font-family: "Lucida Sans Unicode", Geneva, Arial, Helvetica, "Sans Serif"; font-size: 9pt; line-height: 1.5; }

BODY {  color: #797979; }

INPUT,
RADIO,
SELECT,
TEXTAREA { line-height: 1; }

UL { margin-top: 0; margin-bottom: 0; }

A { color: #666; text-decoration: none; }

A:hover,
A:active { color: #f60; text-decoration: none; }

FORM { display: inline; margin: 0; padding: 0; }

.price { font-weight: normal; font-size: 100%; color: #f60; }
.oldprice { display: block; }
.newprice { color: red; }
.buyer { color: #a1bc2d; }
.lowlight { font-size: 90%; }

DIV.error { padding: 0.4em 1em 0.4em 1em; background: #fff0f0; color: #800; border: solid 1px #eed0d0; margin-top: 1em; margin-bottom: 1em; }

DIV.error A { color: red !important; }

INPUT.input,
SELECT.input,
TEXTAREA.input { border: solid 1px #ccc; color: #666; background: white !important; padding: 1px 0; width: 99%; }

.filter { padding: 10px 0; border-bottom: solid 1px #ccc; }
.filter .input { width: auto; }

P { margin: 0; padding: 5px 0; }

DIV.formatted { margin: 0; padding: 5px 0; }

H1 { font-size: 160%; padding-bottom: 10px; font-weight: normal; margin: 0; text-transform: lowercase; }
H2 { font-size: 140%; margin: 0; }
H3 { font-size: 120%; font-weight: normal; margin: 0; }
H4 { font-size: 110%; margin: 0; }

/* ------------------------------------------------------------
 * GENERAL: default (as TABLE)
 * ------------------------------------------------------------ */

TABLE.default { margin: 0; }
TABLE.default TR { }
TABLE.default TD, TABLE.default TH { padding: 5px 10px; vertical-align: top; }

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

TABLE.listing { margin: 0; border-bottom: solid 1px #e0e0e0; }
TABLE.listing TR { }
TABLE.listing TR.over,
TABLE.listing TD.over { cursor: pointer; background: #eee; }
TABLE.listing TR.selected { color: black; background: #e7e7e7; }
TABLE.listing TH { font-weight: bold; font-variant: small-caps; padding: 5px 10px; text-align: left; white-space: nowrap; background: #ccc; color: black !important; }
TABLE.listing TD { padding: 2px 10px; vertical-align: top; }
TABLE.listing TD.middle { vertical-align: middle; }
TABLE.listing TH.right { text-align: right; }
TABLE.listing TH.center { text-align: center; }
TABLE.listing TD.image { float: none; }

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

.data .title { color: #f60; }
.data .value { }

/* ------------------------------------------------------------
 * PAGE NAVIGATION
 * ------------------------------------------------------------ */

DIV.navigation { margin: 0; padding: 7px 0; text-align: left; border-top: none; }
DIV.navigation SPAN.title { }
DIV.navigation SPAN { margin: 0 2px 0 0; }
DIV.navigation SPAN SPAN { margin: 0; }
DIV.navigation A { color: #666; padding: 1px 5px; text-decoration: none; border: solid 1px #f60; }
DIV.navigation A:hover,
DIV.navigation A:active { color: white; background: #f60; }
DIV.navigation SPAN.current SPAN.page { font-weight: bold; color: white; padding: 2px 6px; background: #f60; }

/* ------------------------------------------------------------
 * PRODUCT LISTING
 * ------------------------------------------------------------ */

.products P { padding: 0; line-height: normal; }
.products P.title { font-weight: bold; }
.products P.xinfo { float: right; white-space: nowrap; text-align: right; vertical-align: middle; }
.products P.abstract { color: #666; }
.products P.stockinfo { float: left; white-space: nowrap; }

/* ------------------------------------------------------------
 * FORM LISTING
 * ------------------------------------------------------------ */

.formfd { padding: 2px 0; }
.formfd INPUT.input { width: 99%; }
.formfd-isrequired LABEL { font-weight: bold; }
.formfd-error, .formfd-iserror LABEL { color: red; }
.formfd-help { color: #888; font-style: italic; font-size: 90%; }

/* ------------------------------------------------------------
 * BUTTON BAR
 * ------------------------------------------------------------ */

.buttonbar { margin: 10px 0; }
.buttonbar TABLE { width: 100%; }
DIV.component DIV.content .buttonbar { margin-bottom: 0; }

/* ------------------------------------------------------------
 * REVIEW LISTING
 * ------------------------------------------------------------ */

.review P { padding: 5px 0; line-height: normal; }
.review P.title { font-weight: bold; }
.review P.publisher { color: #666; }
.review P.abstract { line-height: normal; }
.review SPAN.buyer { float: right; width: 70px; line-height: 1; margin: 10px; position: relative; }

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

* { margin: 0; padding: 0; }

BODY { margin: 0; padding: 0; background: url(images/bgbodycolor.png); }

#body2 { background: url(images/bgbody.png) repeat-x left top; }

#wrapper2 { background: url(images/bgbodytop.png) no-repeat center top; text-align: center; margin: auto; }

#wrapper { width: 980px; margin: auto; padding: 0; text-align: left; background: url(images/bgheader.png) no-repeat center top; }

#masterhead { text-align: left; line-height: 30px; height: 30px; color: white; width: 980px; margin: auto; }

#header { height: 129px; display: block; }

#topmenu { height: 40px; padding-top: 5px; }

#shortcut { height: 60px; padding-top: 10px; clear: right; }

#mainmenu { display: block; height: 41px; width: 960px; padding: 0 10px; padding-bottom: 10px; overflow: hidden; }

#main { background: url(images/bgmain.png) repeat-y center top; width: 980px; }

#body-main { width: 780px; display: float; float: right; }

#pathway { background: url(images/bgpathway.png) no-repeat left top; padding: 0 0 10px; height: 30px; line-height: 30px; overflow: hidden; }

#footer { clear: both; background: url(images/bgfooter.png) repeat-y center top; padding-top: 10px; }

#footer-bottom { clear: both; background: url(images/bgfooterbottom.png) no-repeat center top; height: 28px; }

#mainads { width: 980px; }
#body-left { width: 180px; padding: 0 10px; float: left; overflow: hidden; }
#body-right { width: 180px; padding: 0 10px; float: right; overflow: hidden; }
#body { width: 580px; float: left; overflow: hidden; }

#ads { display: block; }
#brand { display: block; }

HTML > BODY #wrapper { width: 1012px; }
HTML > BODY #header,
HTML > BODY #main,
HTML > BODY #footer { padding-left: 16px; padding-right: 16px; }
HTML > BODY #mainmenu { padding-left: 26px; padding-right: 26px; }

/* ============================================================
 * MASTERHEAD
 * ============================================================ */

#masterhead H1 { float: left; display: block; font-size: 100%; margin: 0; padding: 0; text-transform: uppercase; }

#masterhead DIV { float: right; display: block; font-size: 100%; text-transform: uppercase; }
#masterhead A { color: white; margin-right: 20px; }

/* ============================================================
 * MASTERHEAD (comp)
 * ============================================================ */

#block-layout-masterhead { padding: 0 10px 10px 0; }

#block-layout-mainads { padding: 0 10px 10px 0; }

/* ============================================================
 * MAINMENU
 * ============================================================ */

#mainmenu { color: #ccc; font-size: 110%; }
#mainmenu P { padding: 0; margin: 0; }
#mainmenu UL { margin: 0; padding: 0; list-style: none; }
#mainmenu LI { margin: 0; padding: 0 0.2em; display: block; float: left; }
#mainmenu A { color: #ccc; }
#mainmenu H3 { display: none; }
#mainmenu * { height: 41px; line-height: 41px; }

/* ============================================================
 * BODY LEFT
 * ============================================================ */

#main .body-side DIV.component { padding-bottom: 10px; }
#main .body-side DIV.box { }
#main .body-side DIV.box H3 { line-height: 30px; height: 30px; overflow: hidden; text-align: left; margin: 0; padding: 0 0.7em; color: white; font-size: 110%; background: url(images/bgboxsidetitle.png) no-repeat; text-transform: lowercase; }
#main .body-side DIV.box H3 A { color: white; }
#main .body-side DIV.box DIV.content { background: url(images/bgboxsidetile.png) repeat-y; padding: 5px 10px 0; }
#main .body-side DIV.box DIV.bottom { background: url(images/bgboxsidebottom.png) repeat-y; height: 8px; }

#main .body-side UL, #main .body-side OL { list-style: none; margin: 0; padding: 0; }
#main .body-side LI { background: url(images/boxbullet.png) no-repeat left 0.3em; line-height: 1.3; padding: 0.2em 0; padding-left: 15px; }

/* ============================================================
 * BODY
 * ============================================================ */

#body DIV.box H3 { font-size: 140%; text-transform: lowercase; border-bottom: solid 1px #d5d5d5; padding: 0; }
#body DIV.box DIV.content { padding: 10px 0; }

/* ============================================================
 * FOOTER
 * ============================================================ */

#footer { text-align: center; color: white; font-size: 110%; }
#footer DIV.box H3 { display: none; }
#footer A { color: white; }
#footer UL { margin: 0; padding: 0; list-style: none; }
#footer LI { margin: 0 0.5em; padding: 0; list-style: none; display: inline; }

/* ============================================================
 * BOXES
 * ============================================================ */

/* ------------------------------------------------------------
 * LOGO
 * ------------------------------------------------------------ */

#logo * { float: left; display: block; height: 129px; width: 340px; }

/* ------------------------------------------------------------
 * BOX LANGUAGE
 * ------------------------------------------------------------ */

#topmenu DIV.comp-boxlang { display: block; float: right; width: 70px; margin-right: 10px; }
#topmenu DIV.comp-boxlang H3 { display: none; }

#topmenu DIV.comp-boxlang DIV.content { padding-top: 9px; height: 28px; }
#topmenu DIV.comp-boxlang UL { list-style: none; margin: 0; padding: 0; }
#topmenu DIV.comp-boxlang LI { display: block; float: left; list-style: none; margin: 0; margin-right: 7px; padding: 0; width: 26px; height: 25px; }
#topmenu DIV.comp-boxlang LI A,
#topmenu DIV.comp-boxlang LI SPAN { width: 26px; height: 25px; background-repeat: no-repeat; float: none; display: block; }
#topmenu DIV.comp-boxlang LI A SPAN,
#topmenu DIV.comp-boxlang LI SPAN SPAN { display: none; }
#topmenu DIV.comp-boxlang LI.lang-fr_FR A,
#topmenu DIV.comp-boxlang LI.lang-fr_FR SPAN { background-image: url(images/flag_fr.png); }
#topmenu DIV.comp-boxlang LI.lang-en_GB A,
#topmenu DIV.comp-boxlang LI.lang-en_GB SPAN { background-image: url(images/flag_en.png); }
#topmenu DIV.comp-boxlang LI.lang-en_US A,
#topmenu DIV.comp-boxlang LI.lang-en_US SPAN { background-image: url(images/flag_en.png); }

/* ------------------------------------------------------------
 * BREADCRUMB (pathway)
 * ------------------------------------------------------------ */

#pathway .comp-breadcrumb { padding: 0 10px; color: white; font-size: 110%; }
#pathway .comp-breadcrumb A { color: white; }

#pathway .comp-breadcrumb DIV.component H3 { display: none; }
#pathway .comp-breadcrumb DIV.component DIV.box DIV.content { padding: 0; margin: 0; }
#pathway .comp-breadcrumb UL { margin: 0; padding: 0; list-style: none; }
#pathway .comp-breadcrumb LI { display: inline; white-space: nowrap; padding-left: 7px; padding-right: 6px; background: url(images/pathwayseparator.png) no-repeat left center; }
#pathway .comp-breadcrumb LI.first { background: none; padding-left: 0; }

/* ------------------------------------------------------------
 * BOX CART
 * ------------------------------------------------------------ */

#shortcut .comp-boxcart { display: block; float: right; color: #ccc; font-size: 100%; background: url(images/bgcart.png) no-repeat right top; height: 55px; padding: 7px 70px 0 0; margin: 0; text-align: right; width: 90px; white-space: nowrap; margin-left: 20px; }
#shortcut .comp-boxcart H3 { font-size: 120%; padding: 0; margin: 0; line-height: 1.3; text-transform: lowercase; }
#shortcut .comp-boxcart DIV.content { padding: 0; margin: 0; }
#shortcut .comp-boxcart P { color: black; padding: 0; margin: 0; line-height: 1; }
#shortcut .comp-boxcart P.title { display: none; }
#shortcut .comp-boxcart A { color: white; text-decoration: none; }

#shortcut .comp-boxcart.cart-empty P { display: none; }
#shortcut .comp-boxcart.cart-empty H3 { }

/* ------------------------------------------------------------
 * BOX ACCOUNT
 * ------------------------------------------------------------ */

#shortcut .comp-boxaccount { display: block; float: right; padding-left: 0px; margin-left: 20px; background: url(images/bgaccount.png) no-repeat right top; height: 55px; padding: 7px 60px 0 0; text-align: right; }
#shortcut .comp-boxaccount H3 { font-size: 120%; padding: 0; margin: 0; line-height: 1.3; text-transform: lowercase; }
#shortcut .comp-boxaccount DIV.content { padding: 0; margin: 0; }
#shortcut .comp-boxaccount A { color: white; text-decoration: none; }
#shortcut .comp-boxaccount P { color: black; padding: 0; margin: 0; line-height: 1; }

/* ------------------------------------------------------------
 * BOX TOP CATEGORIES
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * BOX REVIEW
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * BEST SELLER COMPONENT
 * ------------------------------------------------------------ */

#main .comp-boxbestsellers OL {  }
#main .comp-boxbestsellers LI { border-bottom: solid 1px #d1d1d1; padding: 0; background: none; }
#main .comp-boxbestsellers LI A { display: block; background: url(images/boxbullet.png) no-repeat 5px 0.7em; line-height: 1.3; padding: 0.7em 5px; padding-left: 20px; font-size: 90%; }
#main .comp-boxbestsellers DIV.box DIV.content { padding: 0; }

/* ------------------------------------------------------------
 * BOX SEARCH
 * ------------------------------------------------------------ */

#main .body-side .comp-boxsearch .title { display: none; }
#main .body-side .comp-boxsearch SPAN.field { display: block; float: left; }
#main .body-side .comp-boxsearch INPUT.input { width: 138px; }
#main .body-side .comp-boxsearch SPAN.submit { display: block; float: left; }
#main .body-side .comp-boxsearch SPAN.more { display: block; }

/* ------------------------------------------------------------
 * BOX CATEGORY LISTING
 * ------------------------------------------------------------ */

#main .comp-boxcategories DIV.box DIV.content { padding: 1px 0; margin: 0; }
#main .comp-boxcategories LI { background: none; padding: 0; margin: 0; line-height: 26px; text-transform: lowercase; text-align: right; }
#main .comp-boxcategories LI A { padding-left: 45px; padding-right: 5px; display: block; background: no-repeat left top #e7e7e7; color: #666; font-size: 100%; height: 26px; overflow: hidden; }

#main .comp-boxcategories LI A.cat-175, #main .comp-boxcategories LI A.cat-499 { background-image: url(images/bgcat_175.png); }
#main .comp-boxcategories LI A.cat-145, #main .comp-boxcategories LI A.cat-500 { background-image: url(images/bgcat_145.png); }
#main .comp-boxcategories LI A.cat-174, #main .comp-boxcategories LI A.cat-501 { background-image: url(images/bgcat_174.png); }
#main .comp-boxcategories LI A.cat-147, #main .comp-boxcategories LI A.cat-502 { background-image: url(images/bgcat_147.png); }
#main .comp-boxcategories LI A.cat-148, #main .comp-boxcategories LI A.cat-503 { background-image: url(images/bgcat_148.png); }
#main .comp-boxcategories LI A.cat-146, #main .comp-boxcategories LI A.cat-504 { background-image: url(images/bgcat_146.png); }
#main .comp-boxcategories LI A.cat-158, #main .comp-boxcategories LI A.cat-505 { background-image: url(images/bgcat_158.png); }
#main .comp-boxcategories LI A.cat-151, #main .comp-boxcategories LI A.cat-506 { background-image: url(images/bgcat_151.png); }
#main .comp-boxcategories LI A.cat-155, #main .comp-boxcategories LI A.cat-507 { background-image: url(images/bgcat_155.png); }
#main .comp-boxcategories LI A.cat-143, #main .comp-boxcategories LI A.cat-508 { background-image: url(images/bgcat_143.png); }
#main .comp-boxcategories LI A.cat-154, #main .comp-boxcategories LI A.cat-509 { background-image: url(images/bgcat_154.png); }
#main .comp-boxcategories LI A.cat-150, #main .comp-boxcategories LI A.cat-510 { background-image: url(images/bgcat_150.png); }
#main .comp-boxcategories LI A.cat-144, #main .comp-boxcategories LI A.cat-511 { background-image: url(images/bgcat_144.png); }
#main .comp-boxcategories LI A.cat-149, #main .comp-boxcategories LI A.cat-512 { background-image: url(images/bgcat_149.png); }
#main .comp-boxcategories LI A.cat-152, #main .comp-boxcategories LI A.cat-513 { background-image: url(images/bgcat_152.png); }
#main .comp-boxcategories LI A.cat-153, #main .comp-boxcategories LI A.cat-514 { background-image: url(images/bgcat_153.png); }
#main .comp-boxcategories LI A.cat-156, #main .comp-boxcategories LI A.cat-515 { background-image: url(images/bgcat_156.png); }
#main .comp-boxcategories LI A.cat-157, #main .comp-boxcategories LI A.cat-516 { background-image: url(images/bgcat_157.png); }
#main .comp-boxcategories LI A.cat-159, #main .comp-boxcategories LI A.cat-517 { background-image: url(images/bgcat_159.png); }
#main .comp-boxcategories LI A.cat-528, #main .comp-boxcategories LI A.cat-529 { background-image: url(images/bgcat_528.png); }
#main .comp-boxcategories LI A.cat-557, #main .comp-boxcategories LI A.cat-558 { background-image: url(images/bgcat_outdoor.png); }
#main .comp-boxcategories LI A.cat-1055, #main .comp-boxcategories LI A.cat-615 { background-image: url(images/bgcat_612.png); }
#main .comp-boxcategories LI A.cat-1056, #main .comp-boxcategories LI A.cat-616 { background-image: url(images/bgcat_613.png); }
#main .comp-boxcategories LI A.cat-1057, #main .comp-boxcategories LI A.cat-617 { background-image: url(images/bgcat_614.png); }

#main .comp-boxcategories LI A:hover, #main .comp-boxcategories LI A:hover, #main .comp-boxcategories LI A.selected { color: white; text-decoration: none; background-color: #666; background-position: -180px top; }

#main .comp-boxcategories LI LI { line-height: 1; }
#main .comp-boxcategories LI LI A { background: none; font-size: 100%; padding: 5px; text-align: left; padding-left: 45px; height: auto; } 

/* ------------------------------------------------------------
 * CATEGORY LISTING
 * ------------------------------------------------------------ */

#main .comp-catlist TD { vertical-align: top; }
#main .comp-catlist P { padding: 0; margin: 0; }

/* ------------------------------------------------------------
 * NEW PRODUCT LIST COMPONENT
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * UPCOMING PRODUCT LIST COMPONENT
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * COMPONENT PRODUCT DESCRIPTION
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * PRODUCT REVIEWS
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * COMPONENT PRODUCT HEADER
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * ALSO PURCHASED LIST COMPONENT
 * ------------------------------------------------------------ */

.comp-alsopurchased H3 SPAN SPAN { display: none; }

/* ------------------------------------------------------------
 * CART CONTENT
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * ORDER CONTENT
 * ------------------------------------------------------------ */

.order-content TABLE { border-collapse: collapse; }
.order-content TD.quantity { text-align: center; }
.order-content TBODY.order-total TD { background: #eee; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }

/* ============================================================
 * CHECKOUT PAGES
 * ============================================================ */

/* ------------------------------------------------------------
 * CHECKOUT PROGRESS BAR
 * ------------------------------------------------------------ */

DIV.checkout-bar { margin-bottom: 0; text-align: center; height: 60px; padding: 0; background: url(images/bgcheckoutbar.png) repeat-x; }
DIV.checkout-bar OL { list-style: none; padding: 0; margin: auto; height: 60px; width: 500px; }
DIV.checkout-bar LI { margin: 0; height: 60px; line-height: 60px; float: left; width: 100px; }
DIV.checkout-bar LI A,
DIV.checkout-bar LI SPAN.done { background-color: transparent; background-position: top left; background-repeat: no-repeat; height: 60px; line-height: 60px; float: none; width: 100px; display: block; border: 0; text-decoration: none; text-align: center; }
DIV.checkout-bar LI SPAN { display: none; }
DIV.checkout-bar LI,
DIV.checkout-bar LI A { background-image: url(images/fr_checkoutbar.png); }

BODY.lang-en DIV.checkout-bar LI,
BODY.lang-en DIV.checkout-bar LI A { background-image: url(images/en_checkoutbar.png); }

/* Step 1 */
DIV.checkout-bar LI.cart { background-position: 0px -120px; }
DIV.checkout-bar LI.cart A { background-position: 0px -60px; }
DIV.checkout-bar LI.cart A:hover,
DIV.checkout-bar LI.cart A:active { background-position: 0px 0px; }
DIV#checkout-cart LI.cart { background-position: 0px 0px; }

/* Step 2 */
DIV.checkout-bar LI.address { background-position: -100px -120px; }
DIV.checkout-bar LI.address A.done { background-position: -100px -60px; }
DIV.checkout-bar LI.address A:hover,
DIV.checkout-bar LI.address A:active { background-position: -100px 0px; }
DIV#checkout-address LI.address { background-position: -100px 0px; }

/* Step 3 */
DIV.checkout-bar LI.shipping { background-position: -200px -120px; }
DIV.checkout-bar LI.shipping A { background-position: -200px -60px; }
DIV.checkout-bar LI.shipping A:hover,
DIV.checkout-bar LI.shipping A:active { background-position: -200px 0px; }
DIV#checkout-shipping LI.shipping { background-position: -200px 0px; }

/* Step 4 */
DIV.checkout-bar LI.confirm { background-position: -300px -120px; }
DIV.checkout-bar LI.confirm A { background-position: -300px -60px; }
DIV.checkout-bar LI.confirm A:hover,
DIV.checkout-bar LI.confirm A:active { background-position: -300px 0px; }
DIV#checkout-confirm LI.confirm { background-position: -300px 0px; }

/* Step 5 */
DIV.checkout-bar LI.payment { background-position: -400px -120px; }
DIV.checkout-bar LI.payment A { background-position: -400px -60px; }
DIV.checkout-bar LI.payment A:hover,
DIV.checkout-bar LI.payment A:active { background-position: -400px 0px; }
DIV#checkout-payment LI.payment { background-position: -400px 0px; }

/* ------------------------------------------------------------
 * CHECKOUT BLOCKS
 * ------------------------------------------------------------ */

#main DIV.address { float: left; width: 155px; color: #666; }
#main DIV.shipping, #main DIV.payment { float: right; width: 410px; padding: 0; margin: 0; }

/* ------------------------------------------------------------
 * CHECKOUT METHOD
 * ------------------------------------------------------------ */

DIV.method .title { font-weight: bold; font-size: 120%; }
DIV.method .subtitle { font-weight: normal; }
DIV.method .abstract { color: #666; }
DIV.method TABLE.listing TD,
.method TABLE.listing TH { border: none; padding: 5px 7px; }

/* ------------------------------------------------------------
 * CHECKOUT ADDRESS
 * ------------------------------------------------------------ */

DIV.address P { margin: 0; padding: 0; font-size: 90%; }

/* ------------------------------------------------------------
 * CHECKOUT PAYMENT
 * ------------------------------------------------------------ */

#checkout-payment .comp-order-detail { display: none; }
#checkout-payment .comp-paymentconfirm .content { margin: 3em 0; }

/* ------------------------------------------------------------
 * CHECKOUT SUCCESS
 * ------------------------------------------------------------ */

/* ============================================================
 * ACCOUNT
 * ============================================================ */

/* ============================================================
 * PRODUCT
 * ============================================================ */

#page-product #body H1, #page-product_review_write #body H1, #page-product_reviews #body H1 { text-transform: uppercase; border-bottom: solid 1px #ccc; }

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

.comp-productheader DIV.box H3 { display: none; }
.comp-productheader DIV.box DIV.content { background: none; }
.comp-productheader DIV.box DIV.bottom { display: none; }
.comp-productheader TD.productimage { padding: 5px 7px; text-align: center; white-space: nowrap; vertical-align: top; }
.comp-productheader TD.productinfo { padding: 5px 7px 1em; vertical-align: top; padding-left: 3em; width: 100%; }
.comp-productheader TD.productsend { padding: 5px 7px; text-align: center; vertical-align: top; }
.comp-productheader TD.productselect { padding: 5px 7px 1em; vertical-align: top; padding-left: 3em; width: 100%; }
.comp-productheader TD.productimage, .comp-productheader TD.productinfo { border-bottom: solid 1px #ccc; }

.comp-productheader TD.productsend { vertical-align: top; }

.comp-productheader DIV.manufacturer { margin: 0; float: right; }

.comp-productheader DIV.price { font-size: 180%; margin: 0; padding: 0; font-weight: bold; float: left; display: block; padding-top: 35px; margin-bottom: 1em; }
.comp-productheader DIV.price .price { color: #666; display: block; line-height: 1; }
.comp-productheader DIV.xinfo { float: right; display: block; height: 60px; }
.comp-productheader DIV.info { margin: 0; padding: 0.3em 0; }

.comp-productheader SPAN.stock { display: block }
.comp-productheader DIV.add-to-cart { margin: 1em 0; padding: 0.7em 1em; background: #f0f0f0; border: solid 1px #e0e0e0; clear: both; display: block; }
.comp-productheader DIV.add-to-cart SPAN { padding-right: 0.7em; vertical-align: middle; }
.comp-productheader DIV.add-to-cart .stock,
.comp-productheader DIV.add-to-cart .select,
.comp-productheader DIV.add-to-cart .attributes { padding: 0.3em 0; }
.comp-productheader DIV.add-to-cart .attributes TD { padding-right: 7px; }
.comp-productheader DIV.add-to-cart .attributes SELECT { width: auto; }
.comp-productheader DIV.add-to-cart .quantity INPUT { width: 30px; text-align: center; background: white; padding: 3px; font-weight: bold; }
.comp-productheader DIV.add-to-cart .add .button { vertical-align: middle; display: block; padding: 0.3em 0; }
.comp-productheader DIV.add-to-cart .add { display: block; }

/* Share */
DIV.share { display: block; float: none; margin: 0.5em 0; clear: both; }

/* Facebook */
.comp-productheader DIV.facebook { display: block; float: left; }
.comp-productheader .facebook IFRAME { width: 273px; height: 35px; border: none; padding: 0; margin: 0; overflow: hidden; text-align: center; }
.comp-productheader .facebook .connect_widget * { text-align: center; border: solid 1px #800; }
.comp-productheader .facebook .connect_widget TABLE { margin: auto; border: solid 1px #808; }

/* Receive & Pay / 1euro */
.comp-productheader DIV.xpayment { }
.comp-productheader DIV.xpayment DIV.kwixo { display: block; float: left; width: 120px; height: 56px; }
.comp-productheader DIV.xpayment DIV.p1euro { padding-top: 10px; display: block; clear: left; overflow: hidden; }

/* ------------------------------------------------------------
 * COMPONENT: Menu
 * ------------------------------------------------------------ */

.inline-menu UL { margin: 0; padding: 0; list-style: none; text-align: center; }
.inline-menu LI { display: inline; margin: 0 1em; }

/* ------------------------------------------------------------
 * COMPONENT: Product thumbnail list
 * ------------------------------------------------------------ */

.products-thumbnail TABLE { border-collapse: collapse; }

.products-thumbnail TD { vertical-align: top; padding: 5px; border: dotted 1px #ccc; }
.products-thumbnail TD.first { padding-left: 0; border-left: none; }
.products-thumbnail TD.last { padding-right: 0; border-right: none; }
.products-thumbnail TR.first TD { border-top: none; }
.products-thumbnail TR.last TD { border-bottom: none; }

/* ------------------------------------------------------------
 * COMPONENT: Product thumbnail
 * ------------------------------------------------------------ */

.product-thumb { text-align: center; }
.product-thumb SPAN.oldprice { display: block; margin: 0; line-height: 0.8; }
.product-thumb P.title { height: 30px; line-height: 15px; overflow: hidden; font-size: 90%; }
.product-thumb .stock .label { display: none; }
.product-thumb .buynow * { vertical-align: middle; }
.product-thumb DIV.image { height: 100px; display: table; width: 100%; }
.product-thumb DIV.image A { display: table-cell; vertical-align: middle; }

/* ------------------------------------------------------------
 * COMPONENT: powered by
 * ------------------------------------------------------------ */

#poweredby { font-weight: normal; font-size: 90%; }
#poweredby A { color: #d5d5d5; }