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

HTML,
BODY,
TABLE,
CHECKBOX,
INPUT, RADIO,
SELECT,
TEXTAREA { font-family: Arial, sans-serif; font-size: 8pt; line-height: 1.5; }

BODY { margin: 0; padding: 0; color: black; text-align: center; background: url(images/bgbody.png) repeat-x white; }

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

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

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

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

.price { font-weight: bold; font-size: 120%; }

.oldprice { display: block; }

.newprice { color: red; }

.buyer { color: #a1bc2d; }

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 #888; color: #666; background: white; padding: 1px 0; width: 100%; }

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

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

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

TABLE.default { margin: 0; }
TABLE.default TR { }
TABLE.default TD { padding: 2px 10px; vertical-align: top; }
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: #f7f7f7; }
TABLE.listing TR.selected { color: black; background: #e7e7e7; }
TABLE.listing TH { font-weight: bold; text-align: left; white-space: nowrap; background: #eee; color: black !important; }
TABLE.listing TD.middle { vertical-align: middle; }
TABLE.listing TH.right { text-align: right; }
TABLE.listing TH.center { text-align: center; }

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

.data .title { color: #333; }
.data .value { color: #0487cf; }

/* ------------------------------------------------------------
 * 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; }
.products TR:hover { background: #f7f7f7; }

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

.products-thumbnail TD { padding: 0px; }

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

.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: #999; }

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

.buttonbar { margin: 10px 0; }
.buttonbar TABLE { width: 100%; }

DIV.component DIV.content .buttonbar { margin-bottom: 0; }

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

DIV.navigation { margin: 0; padding: 7px 7px; text-align: left; border-top: none; text-align: center; }
DIV.navigation SPAN.title { display: none; }
DIV.navigation SPAN { margin: 0 2px; }
DIV.navigation SPAN SPAN { margin: 0; }
DIV.navigation A { color: #005db9 !important; padding: 4px 8px; text-decoration: none; }
DIV.navigation A:hover,
DIV.navigation A:active { color: white !important; padding: 3px 7px; border: solid 1px #005db9; background: #005db9; }
DIV.navigation SPAN.current SPAN.page { font-weight: bold; color: white; padding: 4px 8px; background: #005db9; }

/* ------------------------------------------------------------
 * PAYMENT & SHIPPING METHODS
 * ------------------------------------------------------------ */

DIV.method TABLE.listing TD { border-top: solid 1px #ccc; padding: 7px; }
DIV.method .price { font-size: 110%; }
DIV.method .title { font-size: 110%; }

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

DIV.checkout-bar { margin-bottom: 2em; text-align: center; height: 30px; padding: 0; background: url(images/bgcheckoutbar.png) repeat-x; }
DIV.checkout-bar OL { list-style: none; padding: 0; margin: auto; height: 30px; width: 500px; }
DIV.checkout-bar LI { margin: 0; height: 30px; line-height: 30px; 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: 30px; line-height: 30px; float: none; width: 100px; display: block; border: 0; text-decoration: none; text-align: center; cursor: pointer; }
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 -60px; }
DIV.checkout-bar LI.cart A { background-position: 0px -30px; }
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.login { background-position: -100px -60px; }
DIV.checkout-bar LI.login SPAN.done { background-position: -100px -30px; }
DIV.checkout-bar LI.login A:hover,
DIV.checkout-bar LI.login A:active { background-position: -100px 0px; }
DIV#checkout-login LI.login { background-position: -100px 0px; }

/* Step 3 */
DIV.checkout-bar LI.shipping { background-position: -200px -60px; }
DIV.checkout-bar LI.shipping A { background-position: -200px -30px; }
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 -60px; }
DIV.checkout-bar LI.confirm A { background-position: -300px -30px; }
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 -60px; }
DIV.checkout-bar LI.payment A { background-position: -400px -30px; }
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; }

/* ------------------------------------------------------------
 * PRODUCT THUMBNAIL
 * ------------------------------------------------------------ */

.product-thumb { text-align: center; }
.product-thumb SPAN.oldprice { display: block; margin: 0; line-height: 0.8; }

/* ------------------------------------------------------------
 * 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
 * ============================================================ */

#wrapper2 { width: 1000px; margin: auto; padding: 0; }

#wrapper { width: 1000px; margin: auto; padding: 0; text-align: left; }

#header { background: url(images/bgheader.png) no-repeat; height: 150px; }

/* ============================================================
 * LOGO
 * ============================================================ */

#logo { display: inline; width: 320px; height: 77px; float: left; }
#logo A { display: block; height: 77px; margin: 0; }

/* ============================================================
 * ADS
 * ============================================================ */

#ads { display: inline; float: left; width: 480px; height: 70px; background: transparent; padding: 0; text-align: center; padding-top: 7px; }

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

#shortcut { float: right; width: 130px; height: 77px; }
#shortcut DIV.box H3 { display: none; }

/* ------------------------------------------------------------
 * USER ACCOUNT
 * ------------------------------------------------------------ */

#shortcut DIV.comp-boxaccount { width: 92px; height: 28px; padding: 5px 2px 5px 36px; text-align: center; background: url(images/bgaccount.png) no-repeat; margin-top: 1px; }
#shortcut DIV.comp-boxaccount H3 { font-size: 100%; font-weight: normal; display: block; }
#shortcut DIV.comp-boxaccount DIV.content P,
#shortcut DIV.comp-boxaccount H3 { margin: 0; padding: 0; line-height: 1.1; }
#shortcut DIV.comp-boxaccount A { color: black; }
#shortcut DIV.comp-boxaccount P.logout A { color: #666; }

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

#shortcut DIV.comp-boxcart { width: 92px; height: 28px; padding: 5px 2px 5px 36px; text-align: center; background: url(images/bgcart.png) no-repeat; }
#shortcut DIV.comp-boxcart DIV.content P { margin: 0; padding: 0; line-height: 1.1; }
#shortcut DIV.comp-boxcart A { color: black; }
#shortcut DIV.comp-boxcart .price { color: black; font-size: 100%; }
#shortcut DIV.comp-boxcart DIV.content P.checkout { display: none; }

/* ============================================================
 * MAIN MENU
 * ============================================================ */

#mainmenu { display: block; clear: both; text-align: center; width: 1000px; height: 24px; }

#mainmenu DIV.comp-topcategories { text-align: center; font-weight: bold; }
#mainmenu DIV.comp-topcategories H3 { display: none; }

/* TOP MENU: TABBED PANEL */
#mainmenu DIV.comp-topcategories UL { margin: 0; padding: 0; padding-top: 4px; line-height: 24px; height: 24px; }
#mainmenu DIV.comp-topcategories LI { white-space: nowrap; list-style: none; display: inline; margin: 0 1px; padding: 0; }
#mainmenu DIV.comp-topcategories LI A,
#mainmenu DIV.comp-topcategories LI SPAN { background: url(images/toptabl.png) no-repeat left 0px; padding: 6px 0px 5px 10px; color: #ccc; text-decoration: none; display: inline;}
#mainmenu DIV.comp-topcategories LI A SPAN,
#mainmenu DIV.comp-topcategories LI SPAN SPAN { background: url(images/toptabr.png) no-repeat right 0px; padding: 6px 10px 5px 0px; display: inline; }
#mainmenu DIV.comp-topcategories LI A:hover,
#mainmenu DIV.comp-topcategories LI.selected A { color: white; background: url(images/toptabl.png) no-repeat left -25px; }
#mainmenu DIV.comp-topcategories LI A:hover SPAN,
#mainmenu DIV.comp-topcategories LI.selected A SPAN { color: white; background: url(images/toptabr.png) no-repeat right -25px; }
#mainmenu DIV.comp-topcategories LI A:hover { color: white; }
#mainmenu DIV.comp-topcategories LI.selected A { font-weight: bold; color: white; }

/* Hack for IE browsers only */
#mainmenu DIV.comp-topcategories LI A { *padding-top: 0; *padding-bottom: 0; }

/* ============================================================
 * LOCATOR
 * ============================================================ */

#pathway { clear: both; height: 22px; line-height: 22px; color: #f3f3f3; font-weight: bold; }
HTML > BODY #pathway { margin-top: 4px; }
#pathway A { color: white; }

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

#pathway .comp-breadcrumb H3 { display: none; }
#pathway .comp-breadcrumb UL { margin: 0; padding: 0; list-style: none; }
#pathway .comp-breadcrumb LI { display: inline; white-space: nowrap; padding-left: 12px; padding-right: 5px; height: 22px; line-height: 22px; background: url(images/bulletpathway.png) no-repeat left center; }
#pathway .comp-breadcrumb LI.first { background: none; padding-left: 0; }

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

#body { }

#body-left { width: 185px; padding: 0 15px; float: left; }

#body .main3 { width: 550px; float: left; padding: 0 8px; overflow: hidden; }
#body .main2 { width: 765px; float: left; padding: 0 0px 0px 15px; overflow: hidden; }

HTML > BODY #body .main3 { padding: 0 10px; }

#body-right { width: 185px; padding: 0 15px; float: right; }

#bottom { clear: both; height: 10px; }

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

#body-left DIV.box { margin-bottom: 10px; color: #888; }
#body-left DIV.box H3 { font-size: 120%; background: url(images/boxleftbgtitle.png) no-repeat; color: #ffd2ec; display: block; height: 18px; line-height: 18px; font-weight: bold; padding: 2px 10px 2px; margin: 0; }
#body-left DIV.box A { color: #888; }
#body-left DIV.box H3 A { color: #ffd2ec; text-decoration: none; }
#body-left DIV.box H3 A:hover,
#body-left DIV.box H3 A:active { color: white; }
#body-left DIV.box DIV.content { background: url(images/boxleftbgtile.png) repeat-y; padding: 15px 10px 0px; margin: 0; }
#body-left DIV.box DIV.bottom { background: url(images/boxleftbgbottom.png) no-repeat; height: 19px; }
#body-left DIV.box DIV.content P { margin: 0; padding: 3px 0; line-height: 1.2; }
#body-left DIV.box UL { text-align: left; margin: 0; padding: 0; list-style: none; }
#body-left DIV.box UL UL { border: none; }
#body-left DIV.box UL LI { padding: 2px 0px; }
#body-left DIV.box UL LI LI { padding-left: 10px; }
#body-left DIV.box A.selected { font-weight: bold; color: black; }

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

#body-right DIV.component { margin-bottom: 10px; }
#body-right DIV.box H3 { font-size: 120%; background: url(images/boxrightbgtitle.png) no-repeat; color: black; display: block; height: 18px; line-height: 18px; font-weight: bold; padding: 2px 10px 2px; margin: 0; }
#body-right DIV.box A { color: #888; }
#body-right DIV.box H3 A { color: #444; text-decoration: none; }
#body-right DIV.box H3 A:hover,
#body-right DIV.box H3 A:active { color: black; }
#body-right DIV.box DIV.content { background: url(images/boxrightbgtile.png) repeat-y; padding: 15px 10px 0px; margin: 0; }
#body-right DIV.box DIV.bottom { background: url(images/boxrightbgbottom.png) no-repeat; height: 19px; }
#body-right DIV.box DIV.content P { margin: 0; }
#body-right OL { margin: 0; padding: 0; list-style: decimal inside; font-weight: bold; }
#body-right OL A { font-weight: normal; }
#body-right .buttonbar { margin-bottom: 0; }

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

.comp-boxreview DIV.content { text-align: center; }

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

.comp-boxcart DIV.content TD.quantity { white-space: nowrap; text-align: right; vertical-align: top; padding: 2px; }
.comp-boxcart DIV.content TD.name { text-align: left; vertical-align: top; padding: 2px; }
.comp-boxcart P.total { text-align: center; padding: 2px; }
.comp-boxcart P.checkout { text-align: center; font-weight: bold; padding: 2px; }

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

.comp-boxbestsellers .position-1 A,
.comp-boxbestsellers .position-2 A,
.comp-boxbestsellers .position-3 A { font-weight: bold; color: #333; }

/* ------------------------------------------------------------
 * LANGUAGE SELECTOR COMPONENT
 * ------------------------------------------------------------ */

.comp-boxlang DIV.box H3 { display: none !important; }
.comp-boxlang DIV.box DIV.content { background: none !important; padding: 0 !important; padding-left: 10px !important; }
.comp-boxlang DIV.box DIV.top,
.comp-boxlang DIV.box DIV.bottom { display: none !important; }
.comp-boxlang UL { display: block; }
.comp-boxlang LI { display: block; width: 36px; height: 36px; margin: 0 3px; float: left; }
.comp-boxlang LI A,
.comp-boxlang LI SPAN { display: block; background: url(images/lang.png); width: 36px; height: 36px; }
.comp-boxlang LI A SPAN,
.comp-boxlang LI SPAN SPAN { display: none; }

.comp-boxlang LI.lang-fr_FR A { background-position: -36px 0px; }
.comp-boxlang LI.lang-fr_FR SPAN,
.comp-boxlang LI.lang-fr_FR A:hover,
.comp-boxlang LI.lang-fr_FR A:active { background-position: 0px 0px; }
.comp-boxlang LI.lang-en_GB A { background-position: -36px -36px; }
.comp-boxlang LI.lang-en_GB SPAN,
.comp-boxlang LI.lang-en_GB A:hover,
.comp-boxlang LI.lang-en_GB A:active { background-position: 0px -36px; }

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

#main A { color: #0487cf; }
#main H1 { font-size: 170%; font-weight: bold; margin: 10px 0; color: black; line-height: 1.2; padding-bottom: 3px; border-bottom: solid 3px #ccc; }
#main DIV.component { margin: 5px 0; }

#body .main3 DIV.box H3 { font-size: 120%; background: url(images/box550_bgtitle.png) no-repeat; color: white; display: block; height: 18px; line-height: 18px; font-weight: bold; padding: 2px 10px 2px; margin: 0; }
#body .main3 DIV.box H3 A { color: white; }
#body .main3 DIV.box DIV.content { background: url(images/box550_bgtile.png) repeat-y; padding: 10px 15px 5px; margin: 0; }
#body .main3 DIV.box DIV.bottom { background: url(images/box550_bgbottom.png) no-repeat; height: 19px; clear: both; }

#body .main2 DIV.box H3 { font-size: 120%; background: url(images/box765_bgtitle.png) no-repeat; color: white; display: block; height: 18px; line-height: 18px; font-weight: bold; padding: 2px 10px 2px; margin: 0; }
#body .main2 DIV.box H3 A { color: white; }
#body .main2 DIV.box DIV.content { background: url(images/box765_bgtile.png) repeat-y; padding: 10px 15px 5px; margin: 0; }
#body .main2 DIV.box DIV.bottom { background: url(images/box765_bgbottom.png) no-repeat; height: 19px; clear: both; }

/* ============================================================
 * SEARCH
 * ============================================================ */

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

#search DIV.comp-boxsearch .content { font-size: 120%; text-align: center; padding: 0 0 15px !important; }
#search DIV.comp-boxsearch H3 { display: none !important; }
#search DIV.comp-boxsearch SPAN { display: inline; padding: 0 5px; }
#search DIV.comp-boxsearch SPAN.title { font-weight: bold; }
#search DIV.comp-boxsearch DIV.content { background: none !important; }
#search DIV.comp-boxsearch DIV.bottom { display: none !important; }
#search DIV.comp-boxsearch INPUT.input { background: white; border: solid 1px #999; color: #999; width: 150px; height: 14px; padding: 2px 3px; margin: 0; vertical-align: middle; }
#search DIV.comp-boxsearch INPUT.button { vertical-align: middle; }

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

#main DIV.comp-catlist A { color: #005db9; font-weight: bold; font-size: 120%; }
#main DIV.comp-catlist TD { padding: 3px 7px; vertical-align: top; }
#main DIV.comp-catlist P { padding: 0; margin: 0; }
#main DIV.comp-catlist P A { color: #0487cf; font-weight: normal; font-size: 100%; }
#main DIV.comp-catlist DIV.comp-catlist-thumbnail TD { vertical-align: middle; }

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

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

/* ------------------------------------------------------------
 * PRODUCT MENU COMPONENT
 * ------------------------------------------------------------ */

#main DIV.inline-menu { padding: 0; margin: 0; }

/* PRODUCT MENU: TABBED PANEL */
#main DIV.inline-menu UL { margin: 0; padding: 0; padding-top: 4px; line-height: 24px; height: 24px; text-align: left; border-bottom: solid 1px #b5b5b5; }
#main DIV.inline-menu LI { white-space: nowrap; list-style: none; display: inline; margin: 0 1px; padding: 0; color: #999; }
#main DIV.inline-menu LI A,
#main DIV.inline-menu LI SPAN { background: url(images/tabl.png) no-repeat left 0px; padding: 6px 0px 5px 10px; color: white; text-decoration: none; display: inline; }
#main DIV.inline-menu LI SPAN { background-position: left -50px; }
#main DIV.inline-menu LI A SPAN,
#main DIV.inline-menu LI SPAN SPAN { background: url(images/tabr.png) no-repeat right 0px; padding: 6px 10px 5px 0px; display: inline; }
#main DIV.inline-menu LI SPAN SPAN { background-position: right -50px; }
#main DIV.inline-menu LI SPAN SPAN { color: #999; }
#main DIV.inline-menu LI A:hover { background: url(images/tabl.png) no-repeat left -25px; }
#main DIV.inline-menu LI A:hover SPAN { background: url(images/tabr.png) no-repeat right -25px; }
#main DIV.inline-menu LI A:hover { color: white; }

/* Hack for IE browsers only */
#main DIV.inline-menu LI A,
#main DIV.inline-menu LI SPAN { *padding-top: 0; *padding-bottom: 0; }

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

#main DIV.comp-productdescription DIV.formatted { margin-top: 0; }

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

#main DIV.comp-productreviews DIV.component { margin-top: 0; }

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

#main .comp-productheader DIV { margin: 1em 0; }
#main .comp-productheader DIV.box H3 { display: none; }
#main .comp-productheader DIV.box DIV.content { background: none; }
#main .comp-productheader DIV.box DIV.bottom { display: none; }
#main .comp-productheader TD.productimage { padding: 5px 7px; width: 150px; min-width: 150px; text-align: center; white-space: nowrap; vertical-align: top; }
#main .comp-productheader TD.productimage DIV.tell-a-friend { margin: 1em 0 0; }
#main .comp-productheader TD.productinfo { padding: 5px 7px; vertical-align: top; padding-left: 3em; width: 100%; }
#main .comp-productheader .price { font-size: 100%; }
#main .comp-productheader .manufacturer { margin: 0; float: right; }
#main .comp-productheader DIV.price { font-size: 250%; font-weight: bold; margin-top: 0; line-height: 1.1; }

#main .comp-productheader LI.datasheet { margin: 5px 0; height: 24px; background: url(images/bgproddatasheet.png) no-repeat top left; padding-top: 4px; padding-left: 30px; padding-right: 30px; }
#main .comp-productheader LI.datasheet A { color: #666; }
#main .comp-productheader LI.homepage { margin: 5px 0; height: 24px; background: url(images/bgprodhomepage.png) no-repeat top left; padding-top: 4px; padding-left: 30px; }
#main .comp-productheader LI.homepage A { color: #666; }

#main .comp-productheader .xinfo { text-align: left; }
#main .comp-productheader .add-to-cart SPAN { margin-right: 1em; vertical-align: middle; }
#main .comp-productheader .add-to-cart SPAN.add { }
#main .comp-productheader .add-to-cart .quantity INPUT { width: 30px; text-align: center; font-size: 130%; line-height: 130%; background: #eee; border: solid 1px #aaa; font-weight: bold; color: black; }
#main .comp-productheader .add-to-cart .add INPUT { vertical-align: middle; margin-top: -2px; }
#main .comp-productheader .delivery-delay SPAN { display: block; width: 180px; height: 50px; background: url(images/24h.png) no-repeat; }
#main .comp-productheader .delivery-delay SPAN SPAN { display: none; }
#main .comp-productheader .attributes .formfd-label { clear: both; float: left; padding-right: 10px; }
#main .comp-productheader .attributes INPUT,
#main .comp-productheader .attributes SELECT { width: auto; }

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

#main DIV.comp-cartcontent DIV.box DIV.content { padding-left: 0; padding-right: 0; background: none; }
#main DIV.comp-cartcontent DIV.box DIV.bottom { display: none; }

/* ------------------------------------------------------------
 * LOGIN BOX
 * ------------------------------------------------------------ */

#body .main2 DIV.comp-login { display: block; float: left; width: 375px; }
#body .main2 DIV.comp-login DIV.box H3 { background: url(images/box375_bgtitle.png) no-repeat; }
#body .main2 DIV.comp-login DIV.box DIV.content { background: url(images/box375_bgtile.png) repeat-y; min-height: 150px; }
#body .main2 DIV.comp-login DIV.box DIV.bottom { background: url(images/box375_bgbottom.png) no-repeat; }
#body .main2 DIV.comp-login A { color: #f90; }

/* ------------------------------------------------------------
 * LOGIN BOX
 * ------------------------------------------------------------ */

#body .main2 DIV.comp-newaccount { display: block; float: right; width: 375px; }
#body .main2 DIV.comp-newaccount DIV.box H3 { background: url(images/box375_bgtitle.png) no-repeat; }
#body .main2 DIV.comp-newaccount DIV.box DIV.content { background: url(images/box375_bgtile.png) repeat-y; min-height: 150px; }
#body .main2 DIV.comp-newaccount DIV.box DIV.bottom { background: url(images/box375_bgbottom.png) no-repeat; }
#body .main2 DIV.comp-newaccount A { color: #f90; }

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

.order-content TABLE.listing { border-collapse: collapse; border: solid 1px #dadada; }
.order-content TABLE.listing TD { padding: 5px 7px; font-size: 110%; }
.order-content TABLE.listing TH { padding: 5px 7px; background: #9daec2; border: solid 1px #9daec2; color: white !important; font-size: 110%; }
.order-content TD.quantity { text-align: center; }
.order-content TBODY.order-total TD { border-top: solid 1px #dadada; border-bottom: solid 1px #dadada; }
.order-content TBODY.order-total .strong { background: #efefef; }
.order-content .price { font-size: 100%; }
.order-content TH.price { color: white; }
.order-content .quantity { text-align: center; width: 2em; }

/* ------------------------------------------------------------
 * CHECKOUT PAGES
 * ------------------------------------------------------------ */

DIV.address P { margin: 0; padding: 0; }
#body .main2 DIV.address { float: left; width: 250px; color: black; }
#body .main2 DIV.address DIV.box H3 { background: url(images/box250_bgtitle.png) no-repeat; }
#body .main2 DIV.address DIV.box DIV.content { background: url(images/box250_bgtile.png) repeat-y; }
#body .main2 DIV.address DIV.box DIV.bottom { background: url(images/box250_bgbottom.png) no-repeat; }
#body .main2 DIV.address A { color: #f90; }

#body .main2 DIV.shipping,
#body .main2 DIV.payment { float: right; width: 500px; padding: 0; margin: 0; }
#body .main2 DIV.shipping DIV.box H3,
#body .main2 DIV.payment DIV.box H3 { background: url(images/box500_bgtitle.png) no-repeat; }
#body .main2 DIV.shipping DIV.box DIV.content,
#body .main2 DIV.payment DIV.box DIV.content { background: url(images/box500_bgtile.png) repeat-y; }
#body .main2 DIV.shipping DIV.box DIV.bottom,
#body .main2 DIV.payment DIV.box DIV.bottom { background: url(images/box500_bgbottom.png) no-repeat; }

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

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

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

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

.comp-account-params DIV.box DIV.content { }
.comp-account-params DIV.info { float: left; display: block; padding: 0; padding-right: 15px; width: 200px; border-right: solid 1px #6aadd8; }
.comp-account-params DIV.action { float: left; padding: 0; padding-left: 15px; }

/* ------------------------------------------------------------
 * COMPONENT: Product home images
 * ------------------------------------------------------------ */

#main .comp-product-images DIV,
#main DIV.comp-product-images DIV.content { margin: 0; padding: 0; }
#main .comp-product-images DIV.image-thumbs { margin-top: 10px; }
#main .comp-product-images DIV.item { margin: 1px; }

/* ------------------------------------------------------------
 * PAGE: Large product image
 * ------------------------------------------------------------ */

#overlay { background: #000; }

#popup-image { overflow: auto; margin: auto; background: white; }
#popup-image DIV { padding: 5px 10px; }
#popup-image .top { text-align: right; background: #dc006b; }
#popup-image .top A { color: white; }
#popup-image .image { text-align: center; padding: 10px; background: url(images/bgprodtabbottom.png) repeat-x white; }
#popup-image .name { text-align: center; font-weight: normal; color: #666; border-top: solid 1px #ccc; background: #eee; }

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

#footer { color: #999; text-align: center; width: 1000px; margin: auto; padding: 0; }
#footer H3 { display: none; }
#footer UL { padding: 3px 0; margin: 0; }
#footer LI { display: inline; padding-left: 10px; margin: 0; margin-left: 5px; }
#footer A { color: #999; }
#footer A:hover,
#footer A:active { color: black; }
#footer P { margin: 0; padding: 3px 0; }

#poweredby { color: #fc9d23; }