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

/* ============================================================
 * GENERAL STYLES
 * ============================================================ */

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; }
INPUT,RADIO,SELECT,TEXTAREA { line-height: 1; }

* { margin: 0; padding: 0; }

A { color: #39f; text-decoration: none; }
A:hover, A:active { color: #f63; text-decoration: none; }

UL { margin-top: 0; margin-bottom: 0; }
P { margin: 0; padding: 5px 0; }

H1 { font-size: 160%; font-weight: normal; margin: 0; }
H2 { font-size: 140%; margin: 0; }
H3 { font-size: 120%; font-weight: normal; margin: 0; }
H4 { font-size: 110%; margin: 0; }

/* Low light area */
.lowlight { font-size: 90%; }

/* Price */
.price { font-size: 100%; color: #39f; }
.oldprice { display: block; }
.newprice { color: red; }
.ecotax { white-space: normal; }

/* Review */
.buyer { color: #a1bc2d; }

/* Errors */
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; }

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

/* Pre-formatted area */
DIV.formatted { margin: 0; padding: 5px 0; }

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

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

/* ------------------------------------------------------------
 * GENERAL: listing
 * ------------------------------------------------------------ */

TABLE.listing { margin: 0; border-bottom: solid 1px #e0e0e0; }
TABLE.listing TR { }
TABLE.listing TR.over,
TABLE.listing TD.over { cursor: pointer; background: #f7f7f7; }
TABLE.listing TR.selected { color: black; background: #e7e7e7; }
TABLE.listing TH { font-weight: bold; font-variant: small-caps; text-align: left; white-space: nowrap; background: #eee; color: black; }
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: #39f; }
.data .value { color: #666; }
.data .value * { color: #666; }

/* ------------------------------------------------------------
 * GENERAL: filter
 * ------------------------------------------------------------ */

.filter { padding: 10px 0; }
.filter .input { width: auto; }

/* ------------------------------------------------------------
 * GENERAL: navigation bar
 * ------------------------------------------------------------ */

DIV.navigation { margin: 0; padding: 7px 0; text-align: left; border-bottom: dotted 1px #c1c1c1; border-top: dotted 1px #c1c1c1; }
DIV.navigation SPAN.title { display: none; }
DIV.navigation SPAN { margin: 0 2px 0 0; }
DIV.navigation SPAN SPAN { margin: 0; border: none; }
DIV.navigation A { color: #39f; padding: 2px 4px; text-decoration: none; border: solid 1px #39f; background: white; }
DIV.navigation A:hover,
DIV.navigation A:active { color: white; background: #39f; border: solid 1px white; }
DIV.navigation SPAN.current SPAN.page { font-weight: bold; color: white; padding: 2px 4px; background: #666; border: solid 1px white; background: #39f; }

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

.formfd { padding: 2px 0; }
.formfd INPUT.input { width: 100%; }
.formfd-isrequired LABEL { font-weight: bold; }
.formfd-error, .formfd-iserror LABEL { color: red; }
.formfd-help { color: #666; }

/* ------------------------------------------------------------
 * GENERAL: button bar
 * ------------------------------------------------------------ */

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

.button-login { background: url(../images/locale/en/button_login.png) no-repeat center center; width: 30px; height: 30px; }
.lang-fr_FR .button-login { background: url(../images/locale/fr/button_login.png) no-repeat center center; width: 30px; height: 30px; }

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

/* ------------------------------------------------------------
 * PAGE LAYOUT
 * ------------------------------------------------------------ */

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; text-align: center; padding: 0; }
#wrapper { width: 1000px; margin: auto; padding: 0; text-align: left; background: url(images/bgheader.png) no-repeat left top; text-align: left; overflow: hidden; }
#header { width: 980px; padding: 0 10px; height: 276px; overflow: hidden; }
#main { background: url(images/bgmain.png) repeat-y center top; width: 980px; padding: 0 10px; overflow: hidden; }
#body-top { padding-bottom: 10px; }
#body-left { width: 180px; display: block; float: left; padding-left: 10px; }
#body-main { width: 780px; display: block; float: right; padding: 0; overflow: hidden; }
#body { width: 580px; display: block; float: left; }
#body-right { width: 180px; display: block; float: left; padding-left: 10px; }
#footer { width: 1000px; }

/* ------------------------------------------------------------
 * LAYOUT: shortcut/h1
 * ------------------------------------------------------------ */

#shortcut H1 { font-size: 100%; color: #ccc; text-align: left; height: 40px; line-height: 40px; float: left; padding: 0; }

/* ------------------------------------------------------------
 * LAYOUT: masterhead
 * ------------------------------------------------------------ */

#masterhead { float: right; display: block; height: 65px; overflow: hidden; width: 600px; }
#masterhead DIV.component { float: right; display: block; }

/* ------------------------------------------------------------
 * LAYOUT: logo
 * ------------------------------------------------------------ */

#logo { clear: both; display: block; float: left; width: 250px; height: 150px; }
#logo A { text-decoration: none; display: block; width: 250px; height: 150px; }

/* ------------------------------------------------------------
 * LAYOUT: ads
 * ------------------------------------------------------------ */

#ads { float: right; display: block; width: 700px; height: 150px; }

/* ------------------------------------------------------------
 * LAYOUT: topmenu
 * ------------------------------------------------------------ */

#topmenu { clear: both; padding-top: 9px; display: block; height: 40px; }
#topmenu A { color: #ccc; }
#topmenu A:hover { color: #f63; text-decoration: none; }
#topmenu A:active { color: #fff; }

/* ------------------------------------------------------------
 * LAYOUT: footer
 * ------------------------------------------------------------ */

#footer .ftop { width: 1000px; padding: 0 10px; background: url(images/bgfootertop.png) no-repeat; height: 20px; }
#footer .fcontent { width: 1000px; padding: 0 25px; background: url(images/bgfootertile.png) repeat-y; }
#footer .fbottom { width: 1000px; padding: 0 10px; background: url(images/bgfooterbottom.png) no-repeat; height: 20px; clear: both; }

/* ------------------------------------------------------------
 * LAYOUT: signature
 * ------------------------------------------------------------ */

#signature { background: url(images/bgosite.png) center bottom no-repeat; padding-bottom: 60px; text-align: center; color: white; }
#signature A { color: #ccc; }
#signature A:hover, #signature A:active { color: #fff; }

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

/* ------------------------------------------------------------
 * LAYOUT: masterhead/component
 * ------------------------------------------------------------ */

#masterhead .component { height: 38px; line-height: 38px; color: #ccc; padding-left: 15px; }
#masterhead .component A { color: white; }

/* ------------------------------------------------------------
 * LAYOUT: masterhead/account
 * ------------------------------------------------------------ */

#masterhead .comp-boxaccount H3 { display: none; }
#masterhead .comp-boxaccount .component { height: auto; line-height: 1; }
#masterhead .comp-boxaccount .content { background: url(images/bgtopaccount.png) no-repeat; width: 360px; }
#masterhead .comp-boxaccount .formfd { display: block; float: left; height: 40px; overflow: hidden; }
#masterhead .comp-boxaccount LABEL { display: none; }
#masterhead .comp-boxaccount .formfd-value INPUT.input { background: transparent; border: none; height: 17px; line-height: 17px; width: 130px;}
#masterhead .comp-boxaccount .fdemail .formfd-value { width: 130px; height: 17px; padding: 8px 3px 0px 24px; }
#masterhead .comp-boxaccount .fdpassword .formfd-value { width: 130px; height: 17px; padding: 8px 3px 0px 33px; }
#masterhead .comp-boxaccount .buttonbar { float: left; display: block; margin: 0; height: 25px; width: 26px; overflow: hidden; padding: 7px 0 0 10px; }
#masterhead .comp-boxaccount .button-login { width: 26px; height: 25px; background: url(images/topaccountok.png) no-repeat; margin: 0; padding: 0; }
#masterhead .comp-boxaccount .action { clear: both; }
#masterhead .comp-boxaccount .action P { color: #ccc; display: block; float: left; margin-right: 20px; padding: 0; }
#masterhead .comp-boxaccount .action A { display: block; background: url(images/bullettopaccount.png) no-repeat left center; padding-left: 10px; color: #ccc; font-size: 90%; }
#masterhead .comp-boxaccount .action A:hover, #masterhead .comp-boxaccount .action A:active { text-decoration: underline; }

#masterhead .comp-boxaccount UL { list-style: none; }
#masterhead .comp-boxaccount LI { display: block; float: left; padding-right: 10px; line-height: 1.5; white-space: nowrap; }
#masterhead .comp-boxaccount.connected H3 { display: block; float: left; font-size: 100%; line-height: 1.5; padding-right: 10px; }
#masterhead .comp-boxaccount.connected .content { background: none; }

/* ------------------------------------------------------------
 * LAYOUT: masterhead/lang
 * ------------------------------------------------------------ */

#masterhead .comp-boxlang H3 { display: none; }
#masterhead .comp-boxlang UL { margin: 0; padding: 0; list-style: none; padding: 6px 5px 0 5px; }
#masterhead .comp-boxlang LI { display: block; float: left; width: 26px; height: 25px; margin: 0 3px; }
#masterhead .comp-boxlang LI A, #masterhead .comp-boxlang LI SPAN { display: block; float: left; width: 26px; height: 25px; }
#masterhead .comp-boxlang LI SPAN SPAN, #masterhead .comp-boxlang LI A SPAN { display: none; }
#masterhead .comp-boxlang LI.lang-fr_FR { background: url(images/langtopfr.png) no-repeat; }
#masterhead .comp-boxlang LI.lang-en_GB { background: url(images/langtopen.png) no-repeat; }

/* ------------------------------------------------------------
 * LAYOUT: topmenu
 * ------------------------------------------------------------ */

#topmenu H3 { display: none; }
#topmenu .component { height: 40px; line-height: 40px; font-size: 90%; padding: 0 10px; color: white; }
#topmenu UL { margin: 0; padding: 0; }
#topmenu LI { display: block; float: left; padding-right: 20px; }
#topmenu A { color: white; }
#topmenu DIV, #topmenu P, #topmenu LI { height: 40px; line-height: 40px; }

/* ------------------------------------------------------------
 * LAYOUT: left|right
 * ------------------------------------------------------------ */

.body-side .component { padding-bottom: 10px; }
.body-side .box H3 { width: 180px; height: 30px; line-height: 30px; font-size: 120%; color: white; padding: 0; padding-left: 10px; overflow: hidden; text-transform: lowercase; background: url(images/bgboxtitle.png) no-repeat; }
.body-side .box H3 A { color: white; }
.body-side .box .content { background: url(images/bgboxtile.png) repeat-y; padding: 10px; padding-bottom: 0; color: #808080; }
.body-side .box .bottom { background: url(images/bgboxbottom.png) no-repeat; height: 10px; padding: 0; }

.body-side .box UL, .body-side .box OL { margin: 0; padding: 0; list-style: none; }
.body-side .box LI { background: url(images/boxbullet.png) no-repeat left 0.25em; padding-left: 14px; line-height: 1.2; margin: 0; }
.body-side .box LI { padding: 0; background: 0; }
.body-side .box LI A { display: block; border-bottom: solid 1px #ccc; background: url(images/boxbullet.png) no-repeat 10px 8px; padding: 7px 10px 7px 25px; *padding-top: 6px; font-size: 90%; color: #666; }
.body-side .box LI A:hover, .body-side .box LI A:active { background-color: #ccc; text-decoration: none; color: black; }

.body-side .box2 .content { padding: 0; }

/* ------------------------------------------------------------
 * LAYOUT: left|right/search
 * ------------------------------------------------------------ */

.body-side .comp-boxsearch .content { padding: 22px 10px 12px; }
.body-side .comp-boxsearch SPAN.title { display: none; }
.body-side .comp-boxsearch SPAN.field { display: block; float: left; padding-left: 3px; padding-top: 1px; width: 133px; height: 23px; background: url(images/bgsearchinput.png) no-repeat; overflow: hidden; }
.body-side .comp-boxsearch SPAN.field INPUT { width: 130px; border: none; background: transparent; }
.body-side .comp-boxsearch SPAN.submit INPUT { padding: 0; margin: 0; display: block; float: left; }

/* ------------------------------------------------------------
 * LAYOUT: left|right/categories
 * ------------------------------------------------------------ */

.body-side .comp-boxcategories DIV.box DIV.content { padding: 1px 0; margin: 0; }
.body-side .comp-boxcategories UL { margin: 0; }
.body-side .comp-boxcategories LI { background: none; padding: 0; margin: 0; line-height: 28px; text-transform: lowercase; text-align: left; }
.body-side .comp-boxcategories LI A { padding: 0; border: none; padding-left: 35px; padding-right: 5px; display: block; background: url(images/bgcat_def1.png) no-repeat left top #e7e7e7; color: #666; font-size: 100%; height: 28px; overflow: hidden; }

.body-side .comp-boxcategories LI A.cat-315 { background-image: url(images/bgcat_new.png); }
.body-side .comp-boxcategories LI A.cat-495 { background-image: url(images/bgcat_soon.png); }

.body-side .comp-boxcategories LI A.cat-340 { background-image: url(images/bgcat_bathroom.png); }
.body-side .comp-boxcategories LI A.cat-316 { background-image: url(images/bgcat_chair.png); }
.body-side .comp-boxcategories LI A.cat-304 { background-image: url(images/bgcat_clock.png); }
.body-side .comp-boxcategories LI A.cat-335 { background-image: url(images/bgcat_deco.png); }
.body-side .comp-boxcategories LI A.cat-342 { background-image: url(images/bgcat_desk.png); }
.body-side .comp-boxcategories LI A.cat-339 { background-image: url(images/bgcat_homelec.png); }
.body-side .comp-boxcategories LI A.cat-337 { background-image: url(images/bgcat_kid.png); }
.body-side .comp-boxcategories LI A.cat-332 { background-image: url(images/bgcat_kitchen.png); }
.body-side .comp-boxcategories LI A.cat-325 { background-image: url(images/bgcat_lighting.png); }
.body-side .comp-boxcategories LI A.cat-305 { background-image: url(images/bgcat_hifi.png); }
.body-side .comp-boxcategories LI A.cat-317 { background-image: url(images/bgcat_sofa.png); }
.body-side .comp-boxcategories LI A.cat-314 { background-image: url(images/bgcat_special.png); }
.body-side .comp-boxcategories LI A.cat-318 { background-image: url(images/bgcat_stool.png); }
.body-side .comp-boxcategories LI A.cat-319 { background-image: url(images/bgcat_table.png); }
.body-side .comp-boxcategories LI A.cat-333 { background-image: url(images/bgcat_tea.png); }
.body-side .comp-boxcategories LI A.cat-331 { background-image: url(images/bgcat_tableware.png); }
.body-side .comp-boxcategories LI A.cat-336 { background-image: url(images/bgcat_watch.png); }
.body-side .comp-boxcategories LI A.cat-527 { background-image: url(images/bgcat_gift.png); }
.body-side .comp-boxcategories LI A.cat-559 { background-image: url(images/bgcat_outdoor.png); }

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

.body-side .comp-boxcategories LI LI A { background-image: url(images/bgcat_def2.png); }
.body-side .comp-boxcategories LI LI A:hover, .body-side .comp-boxcategories LI LI A:hover, .body-side .comp-boxcategories LI LI A.selected { color: black; }

/* ------------------------------------------------------------
 * LAYOUT: left|right/bestsellers
 * ------------------------------------------------------------ */

.body-side .comp-boxbestsellers .content { padding: 0; }
.body-side .comp-boxbestsellers OL { margin: 0; }
.body-side .comp-boxbestsellers LI { padding: 0; background: 0; }
.body-side .comp-boxbestsellers LI A { display: block; border-bottom: solid 1px #ccc; background: url(images/boxbullet.png) no-repeat 10px 8px; padding: 5px 10px 5px 25px; font-size: 90%; color: #666; }
.body-side .comp-boxbestsellers LI A:hover, .body-side .comp-boxbestsellers LI A:active { background-color: #ccc; text-decoration: none; color: black;}

/* ------------------------------------------------------------
 * LAYOUT: left|right/cart
 * ------------------------------------------------------------ */

.body-side .cart-empty .content { background: url(images/bgcart.png) no-repeat 5px 5px #e6e6e6; } 
.body-side .cart-empty .content P { padding-left: 45px; }
.body-side .comp-boxcart P.total { padding: 2px 0; text-align: right; border-top: solid 1px #ccc; margin-top: 5px; }
.body-side .comp-boxcart P.total .price { font-weight: bold; }
.body-side .comp-boxcart TD { font-size: 90%; line-height: 1.2; }

/* ------------------------------------------------------------
 * LAYOUT: footer (component)
 * ------------------------------------------------------------ */

#footer .fcontent .box H3 { display: none; }
#footer .fcontent UL { list-style: none; }
#footer .fcontent { color: white; }
#footer .fcontent A { color: #ccc; }
#footer .fcontent A:hover { color: #fff; text-decoration: none; }

/* ------------------------------------------------------------
 * LAYOUT: body (component)
 * ------------------------------------------------------------ */

#body .box H3 { font-size: 160%; color: #39f; border-bottom: solid 1px #c1c1c1; padding: 5px 0; }
#body .box H3.empty { display: none; }
#body .box .bottom { background: url(images/bgmboxbottom.png) no-repeat center top; height: 20px; }

/* ------------------------------------------------------------
 * LAYOUT: body (general)
 * ------------------------------------------------------------ */

#body { color: #666; }
#body H1 { color: #39f; border-bottom: solid 1px #c1c1c1; padding: 5px 0; margin-bottom: 10px; }

/* ------------------------------------------------------------
 * LAYOUT: body/pathway
 * ------------------------------------------------------------ */

#body .comp-breadcrumb H3 { display: none; }
#body .comp-breadcrumb .content { width: 580px; height: 30px; line-height: 30px; background: url(images/bgpathway.png) no-repeat; color: white; overflow: hidden; }
#body .comp-breadcrumb .bottom { display: none; }
#body .comp-breadcrumb A { color: white; }
#body .comp-breadcrumb UL { margin: 0; padding: 0; }
#body .comp-breadcrumb LI { display: inline; padding: 0 9px 0 10px; background: url(images/pathwayseparator.png) no-repeat left center; }
#body .comp-breadcrumb LI.first { background: none; }

/* ============================================================
 * COMPONENT
 * ============================================================ */

/* ------------------------------------------------------------
 * COMPONENT: thumbnail listing
 * ------------------------------------------------------------ */

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

/* ------------------------------------------------------------
 * COMPONENT: product thumbnail item
 * ------------------------------------------------------------ */

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

/* ------------------------------------------------------------
 * COMPONENT: category thumbnail item
 * ------------------------------------------------------------ */

.category-thumb { text-align: center; }
.category-thumb DIV.image { height: 100px; display: table; width: 100%; }
.category-thumb DIV.image A { display: table-cell; vertical-align: middle; }
.category-thumb P.title { overflow: hidden; font-size: 90%; }

/* ------------------------------------------------------------
 * COMPONENT: review listing
 * ------------------------------------------------------------ */

.reviews .title { font-weight: bold; }
.reviews .publisher { font-style: italic; }
.reviews IMG { display: block; float: right; }

/* ------------------------------------------------------------
 * COMPONENT: product header
 * ------------------------------------------------------------ */

.comp-productheader DIV.box H3 { display: none; }
.comp-productheader DIV.box DIV.content { background: none; padding-bottom: 10px; border-bottom: solid 1px #ccc; }
.comp-productheader DIV.box DIV.bottom { display: none; }

.comp-productheader DIV.box DIV.content DIV.content { padding: 0; border: 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; width: 100%; }
.comp-productheader TD.productsend { padding: 5px 7px; text-align: center; vertical-align: top; display: none; }
.comp-productheader TD.productselect { padding: 5px 7px 1em; vertical-align: top; width: 100%; }
.comp-productheader TD.productimage, .comp-productheader TD.productinfo { }

.comp-productheader DIV.price { display: block; font-size: 180%; line-height: 1; }
.comp-productheader DIV.price .price { font-weight: bold; }

.comp-productheader DIV.info { padding: 10px 0; margin: 0; }

.comp-productheader DIV.xinfo { padding: 10px 0; }

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

.comp-productheader DIV.add-to-cart { margin: 1em 0; padding: 0.7em 1em; background: #e7e7e7; border: solid 1px #ccc; 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; }

.comp-productheader DIV.xpayment { }
.comp-productheader DIV.xpayment DIV.rnp { display: block; float: left; width: 123px; height: 60px; }
.comp-productheader DIV.xpayment DIV.rnp A { display: block; width: 123px; height: 60px; background: url(images/bgrnp.png) no-repeat; }
.comp-productheader DIV.xpayment DIV.rnp A SPAN { display: none; }
.comp-productheader DIV.xpayment DIV.p1euro { margin-left: 2em; padding-top: 10px; display: block; float: left; width: 120px; height: 40px; overflow: hidden; }

.share { padding-top: 15px; padding-bottom: 10px; }

/* ------------------------------------------------------------
 * COMPONENT: image lightbox
 * ------------------------------------------------------------ */

#overlay { background: black; }

#popup-image { overflow: auto; margin: auto; }
#popup-image DIV { padding: 5px 10px; }
#popup-image .top { text-align: right; font-size: 90%; }
#popup-image .top A { color: #ccc; font-style: italic; }
#popup-image .image { background: white; text-align: center; padding: 10px repeat-x white; border: solid 1px #39f; }
#popup-image .name { text-align: center; font-weight: normal; background: #39f; color: white; border: solid 1px #39f; }

/* ============================================================
 * PAGE: checkout
 * ============================================================ */

/* ------------------------------------------------------------
 * COMPONENT: checkout/breadcrumb
 * ------------------------------------------------------------ */

#page-cart #pathway, #page-login #pathway, #page-checkout_shipping #pathway, #page-checkout_address #pathway, #page-checkout_confirmation #pathway, #page-checkout_payment #pathway, #page-checkout_success #pathway { display: none; }

/* ------------------------------------------------------------
 * COMPONENT: checkout/progressbar
 * ------------------------------------------------------------ */

DIV.checkout-bar { margin-top: 1em; text-align: center; height: 50px; padding: 0; background: url(images/bgcheckoutbar.png) repeat-x; }
DIV.checkout-bar OL { list-style: none; padding: 0; margin: auto; height: 30px; width: 530px; }
DIV.checkout-bar LI { margin: 0 2px; height: 50px; line-height: 1; float: left; width: 100px; }
DIV.checkout-bar LI A SPAN,
DIV.checkout-bar LI SPAN SPAN { background-color: transparent; background-position: top left; background-repeat: no-repeat; height: 27px; line-height: 1; float: none; width: 100px; display: block; border: 0; text-decoration: none; text-align: center; padding-top: 23px; }

DIV.checkout-bar LI A:hover SPAN,
DIV.checkout-bar LI A:active SPAN,
DIV.checkout-bar LI SPAN.selected SPAN { border-bottom: solid 2px #2af; color: #2af; }
DIV.checkout-bar LI A.done SPAN { color: #2af; cursor: pointer; }

DIV.checkout-bar LI A SPAN,
DIV.checkout-bar LI SPAN SPAN { background-image: url(images/checkoutbar.png); }

/* Step 1 */
DIV.checkout-bar LI.cart SPAN SPAN { background-position: 0px -100px; }
DIV.checkout-bar LI.cart A.done SPAN { background-position: 0px -50px; }
DIV.checkout-bar LI.cart SPAN.selected SPAN { background-position: 0px 0px; }

/* Step 2 */
DIV.checkout-bar LI.login SPAN SPAN { background-position: -100px -100px; }
DIV.checkout-bar LI.login A.done SPAN { background-position: -100px -50px; }
DIV.checkout-bar LI.login SPAN.selected SPAN { background-position: -100px 0px; }

/* Step 3 */
DIV.checkout-bar LI.shipping SPAN SPAN { background-position: -200px -100px; }
DIV.checkout-bar LI.shipping A.done SPAN { background-position: -200px -50px; }
DIV.checkout-bar LI.shipping SPAN.selected SPAN { background-position: -200px 0px; }

/* Step 4 */
DIV.checkout-bar LI.confirm SPAN SPAN { background-position: -300px -100px; }
DIV.checkout-bar LI.confirm A.done SPAN { background-position: -300px -50px; }
DIV.checkout-bar LI.confirm SPAN.selected SPAN { background-position: -300px 0px; }

/* Step 5 */
DIV.checkout-bar LI.payment SPAN SPAN { background-position: -400px -100px; }
DIV.checkout-bar LI.payment A.done SPAN { background-position: -400px -50px; }
DIV.checkout-bar LI.payment SPAN.selected SPAN { background-position: -400px 0px; }

/* ------------------------------------------------------------
 * COMPONENT: checkout/method(s)
 * ------------------------------------------------------------ */

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; }

/* ------------------------------------------------------------
 * COMPONENT: checkout general layout
 * ------------------------------------------------------------ */

DIV.address P { margin: 0; padding: 0; }

#main DIV.address { float: left; width: 155px; color: #666; }

#main DIV.shipping, #main DIV.payment { float: right; width: 410px; padding: 0; margin: 0; }

/* ------------------------------------------------------------
 * COMPONENT: order content
 * ------------------------------------------------------------ */

.order-content TABLE { border-collapse: collapse; }
.order-content TD { border: none; padding: 5px 7px; }
.order-content TD.quantity { text-align: center; }
.order-content TBODY.order-total TD { border-top: solid 1px #eee; border-bottom: solid 1px #eee; }
.order-content .price { font-size: 100%; }
.order-content TH.price { color: white; }

/* ------------------------------------------------------------
 * PAGE: checkout payment
 * ------------------------------------------------------------ */

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

/* ============================================================
 * PAGE: account
 * ============================================================ */

/* ------------------------------------------------------------
 * COMPONENT: account parameters
 * ------------------------------------------------------------ */

.comp-account-params DIV.box DIV.content { padding-top: 10px; }
.comp-account-params DIV.info { float: left; display: block; padding: 0; padding-right: 15px; border-right: solid 1px #c1c1c1; }
.comp-account-params DIV.action { float: left; padding: 0; padding-left: 15px; }
.comp-account-params DIV.action UL { list-style: none; }

/* ============================================================
 * PAGE: category
 * ============================================================ */

#page-category DIV.title DIV.image IMG { display: none; }