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

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

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

H1 { margin: 0; padding: 0; font-size: 200%; font-weight: normal; border-bottom: solid 2px #ccc; line-height: 1; }
H2 { margin: 0; padding: 0; }
H3 { margin: 0; padding: 0; }

UL, OL { margin: 0; }

FORM { padding: 0; margin: 0; }

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

P { margin: 0; padding: 0.3em 0; }

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

/* Price */
.price { font-size: 100%; color: #454545; font-weight: bold; }
.oldprice { display: block; }
.oldprice .price { font-weight: normal; color: #666; font-size: 100%; }
.newprice .price { color: #c00; }
.ecotax { }

/* 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: #006ae2; color: white; }
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; }

TABLE.listing { border-collapse: collapse; }
TABLE.listing TR.even TD { background: #f7f7f7; }
TABLE.listing TR.even TD.image, TABLE.listing TR.even TD.stock { background: none; }
TABLE.listing TD.image { border-right: solid 5px #ddd; }
TABLE.listing TD { border-bottom: solid 1px #ddd; border-top: solid 1px #ddd; }

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

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

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

.filter { padding: 5px 10px; margin-bottom: 5px; background: #eff2f4; border: solid 1px #d7e6ea; }
.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 .title { font-weight: normal; }
DIV.navigation SPAN { margin: 0 2px 0 0; }
DIV.navigation SPAN SPAN { margin: 0; border: none; }
DIV.navigation A { color: #006ae2; padding: 2px 4px; text-decoration: none; border: solid 1px #006ae2; }
DIV.navigation A:hover,
DIV.navigation A:active { color: white; background: #006ae2; border: solid 1px white; color: white !important; }
DIV.navigation SPAN.current SPAN.page { font-weight: bold; color: white; padding: 2px 4px; background: #666; border: solid 1px white; background: #006ae2; }

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

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

#main .formfd { padding: 0.5em 0; }
#main .formfd { clear: both; }
#main .formfd-label { display: block; float: left; width: 20%; white-space: normal; }
#main .formfd-value { display: block; float: left; width: 79%; }
#main .form { padding: 1em; 0; }
#main .form-bottom { clear: both; }

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

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

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

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

BODY { background: url(images/bgbody.png) repeat-x #f4f4f4; margin: 0; padding: 0; }

.wrapper { width: 1000px; margin: 0 auto; }

#header { }
#header .wrapper { background: url(images/bgheader.png) no-repeat; width: 1000px; padding: 0; height: 150px; overflow: hidden; }

#body { }
#body .wrapper { background: #fff; width: 960px; padding: 0px 20px; }

#footer { }
#footer .wrapper { width: 960px; padding: 10px 20px; background: #f4f4f4; }

#body.body2coll #sidebar { width: 200px; padding: 0; padding-right: 20px; overflow: hidden; display: block; float: left; }
#body.body2coll #main { width: 740px; padding: 0; overflow: hidden; display: block; float: right; }

#body.body2colr #sidebar { width: 200px; padding: 0; padding-left: 20px; overflow: hidden; display: block; float: right; }
#body.body2colr #main { width: 740px; padding: 0; overflow: hidden; display: block; float: left; }

#body.body1col #sidebar { display: none; }
#body.body1col #main { width: 960px; overflow: hidden; display: block; float: left; }

#main { min-height: 800px; overflow: hidden; }

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

#logo, #logo A { display: block; float: left; width: 330px; height: 115px; }

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

#masterhead { text-align: right; padding: 0; height: 40px; display: block; float: right; }
#masterhead H3 { display: none; }
#masterhead DIV { display: block; float: left; }
#masterhead UL { margin: 0; padding: 0; }
#masterhead LI { display: inline; color: #999; padding-left: 1em; }
#masterhead A { color: #666; }

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

#shortcut { display: block; float: right; clear: right; height: 40px; overflow: hidden; padding-top: 15px; width: 320px; }
#shortcut A { color: #ccc; }

/* ------------------------------------------------------------
 * LAYOUT: search
 * ------------------------------------------------------------ */

#search { display: block; float: right; clear: right; height: 50px; overflow: hidden; padding-top: 15px; }

/* ------------------------------------------------------------
 * LAYOUT: mainmenu
 * ------------------------------------------------------------ */

#mainmenu { display: block; clear: both; padding: 0 10px; height: 34px; line-height: 34px; overflow: hidden; }
#mainmenu H3 { display: none; }
#mainmenu UL { padding: 0; margin: 0; list-style: none; }
#mainmenu LI { display: block; float: left; background: url(images/bgtopmenuseparator.png) no-repeat left center; }
#mainmenu LI.first { background-image: none; }
#mainmenu A, #mainmenu SPAN { display: block; float: left; height: 34px; line-height: 34px; padding-left: 8px; color: #1e4a55; }
#mainmenu A { cursor: pointer; }
#mainmenu A SPAN, #mainmenu SPAN SPAN { padding-left: 0; padding-right: 7px; }
#mainmenu LI.selected A, #mainmenu LI.selected SPAN, #mainmenu A:hover, #mainmenu A:active { text-decoration: underline; }
#mainmenu LI.selected A SPAN, #mainmenu LI.selected SPAN SPAN, #mainmenu A:hover SPAN, #mainmenu A:active SPAN { }

/* ------------------------------------------------------------
 * LAYOUT: body ()generic boxes)
 * ------------------------------------------------------------ */

#body .box H3 { height: 27px; line-height: 27px; background: url(images/bgboxtitlel.png) no-repeat left top; padding: 0; padding-left: 10px; margin: 0; font-weight: bold; font-size: 100%; overflow: hidden; }
#body .box H3 A, #body .box H3 SPAN { display: block; height: 27px; line-height: 27px; background: url(images/bgboxtitler.png) no-repeat right top; padding: 0; color: #414141; text-decoration: none; }
#body .box H3 A SPAN, #body .box H3 SPAN SPAN { padding-right: 10px; }

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

#pathway { height: 35px; line-height: 35px; color: #555; overflow: hidden; margin-bottom: 10px; display: block; border-bottom: solid 1px #d7e6ea; }
#pathway H3 { display: none; }
#pathway UL { margin: 0; padding: 0; list-style: none; }
#pathway LI { display: block; float: left; height: 35px; line-height: 34px; }
#pathway A { color: #555; }
#pathway A:hover, #pathway A:active { color: #f86a11; text-decoration: none; }

/* ------------------------------------------------------------
 * LAYOUT: sidebar
 * ------------------------------------------------------------ */

#sidebar .component { margin: 5px 0; }
#sidebar .box .content { padding: 10px; color: #768d94; }
#sidebar .box UL, #sidebar .box OL { padding: 0; margin: 0; list-style: none; }
#sidebar .box LI { padding: 3px 0; list-style: none;  }
#sidebar .box P { margin: 0; padding: 0; }

#sidebar .box A { color: #768d94; text-decoration: none; }
#sidebar .box A:hover, #sidebar .box A:active { text-decoration: underline; }

#sidebar .box DIV.image { text-align: center; padding: 5px; display: block; height: auto; }
#sidebar .box DIV.image A { display: block; margin: auto; }

/* ------------------------------------------------------------
 * LAYOUT: mainads
 * ------------------------------------------------------------ */

#mainads DIV.component { padding: 10px 0 5px; }

/* ------------------------------------------------------------
 * LAYOUT: main
 * ------------------------------------------------------------ */

#main { color: #768d94; }
#main H1 { margin: 5px 0; padding-bottom: 10px; }
#main A { color: #006ae2; }

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

#footer H3 { display: none; }
#footer { color: #9a9a9a; text-align: center; }
#footer A { color: #626262; }
#footer P { margin: 0; padding: 0; }

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

#main .component { margin: 5px 0; }
#main .box H3.empty { display: none; }
#main .box .content { padding: 5px 0; }

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

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

/* ------------------------------------------------------------
 * LAYOUT: shortcut/account
 * ------------------------------------------------------------ */

#shortcut .comp-boxaccount { display: block; float: right; padding: 3px 5px 3px 45px; width: 110px; height: 34px; background: url(images/bgtopaccount.png) no-repeat; }
#shortcut .comp-boxaccount H3, #shortcut .comp-boxaccount P { padding: 0; margin: 0; font-weight: normal; height: 17px; line-height: 14px; font-size: 100%; }
#shortcut .comp-boxaccount .content { padding: 0; margin: 0; }

/* ------------------------------------------------------------
 * LAYOUT: shortcut/cart
 * -----------------------x------------------------------------- */

#shortcut .comp-boxcart { display: block; float: right; padding: 3px 5px 3px 45px; width: 110px; height: 34px; background: url(images/bgtopcart.png) no-repeat; }
#shortcut .comp-boxcart H3 { display: none; }
#shortcut .comp-boxcart P { padding: 0; margin: 0; font-weight: normal; height: 17px; line-height: 14px; }
#shortcut .comp-boxcart .content { padding: 0; margin: 0; }
#shortcut .comp-boxcart P.title { display: block; float: right; color: #666; }
#shortcut .comp-boxcart P.title * { color: #999; }
#shortcut .comp-boxcart P.checkout { padding: 2px 0 0; height: 15px; }
#shortcut .comp-boxcart .price { color: #fff; }
#shortcut .comp-boxcart.cart-empty .price { display: none; }
#shortcut .comp-boxcart.cart-empty P.title { float: none; height: 34px; line-height: 31px; }

/* ------------------------------------------------------------
 * LAYOUT: search/search
 * ------------------------------------------------------------ */

#masterhead .comp-boxsearch H3 { display: none; }
#masterhead .comp-boxsearch .content { width: 230px; padding: 10px; height: 20px; background: url(images/bgsearch.png) no-repeat; overflow: hidden; }
#masterhead .comp-boxsearch SPAN.title { display: none; }
#masterhead .comp-boxsearch SPAN.field { width: 200px; display: block; float: left; }
#masterhead .comp-boxsearch SPAN.field INPUT { width: 200px; }
#masterhead .comp-boxsearch SPAN.submit { display: block; float: left; width: 20px; padding: 0 0 0 10px; }
#masterhead .comp-boxsearch SPAN.submit INPUT { display: block; float: left; margin: 0; padding: 0; }
#masterhead .comp-boxsearch SPAN.more { display: none; }

/* ------------------------------------------------------------
 * LAYOUT: mainmenu/topcategories
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * LAYOUT: pathway/breadcrumb
 * ------------------------------------------------------------ */

#pathway .comp-breadcrumb LI { padding: 0 7px 0 15px; background: url(images/pathwaybullet.png) no-repeat left 11px; }
#pathway .comp-breadcrumb LI.first { padding-left: 0; background: none; }

/* ------------------------------------------------------------
 * LAYOUT: sidebar/categories
 * ------------------------------------------------------------ */

#sidebar .comp-boxcategories .box .content { padding: 0; }
#sidebar .comp-boxcategories LI { display: block; padding: 0; margin: 0; }
#sidebar .comp-boxcategories LI A { display: block; line-height: 1.2; margin: 0; padding: 3px 10px 3px 3px; color: #006ae2 /* #006ae2 */; }
#sidebar .comp-boxcategories LI LI { padding-left: 10px; background: url(images/bullet1.png) left 8px no-repeat; }
#sidebar .comp-boxcategories LI LI A { border: none; padding-top: 4px; padding-bottom: 4px; color: #768d94; }
#sidebar .comp-boxcategories LI A.selected { font-weight: bold; color: black; }
#sidebar .comp-boxcategories LI UL { padding-left: 10px; }

/* ============================================================
 * 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: 120px; display: table; width: 100%; text-align: center; }
.product-thumb DIV.image A { display: table-cell; vertical-align: middle; }
.product-thumb P.title { height: 4em; line-height: 15px; overflow: hidden; font-size: 100%; font-weight: bold; }
.product-thumb .oldprice, .product-thumb .newprice { display: inline; float: none; padding-right: 0.5em; }
.product-thumb .ecotax { display: block; }
.product-thumb P.price { height: 2em; line-height: 1; display: block; vertical-align: middle; }
.product-thumb P.stock { display: block; clear: both; line-height: 1em; }
.product-thumb P.stock .label { color: #999; }
.product-thumb P.buynow { display: block; clear: both; line-height: 1em; padding: 5px 0; }
.product-thumb IMG { vertical-align: middle; }

#sidebar .product-thumb DIV.image { height: auto; }
#sidebar .product-thumb P.title { height: auto; padding-bottom: 7px; }
#sidebar .product-thumb P.price { height: auto; }
#sidebar .product-thumb .price { display: inline; }
#sidebar .product-thumb P.stock { padding-top: 7px; }
#sidebar .product-thumb P.stock .label { font-size: 100%; }
#sidebar .product-thumb P.buynow { padding: 5px 0; }

/* ------------------------------------------------------------
   COMPONENT: product listing
 * ------------------------------------------------------------ */

.products .title { font-weight: bold; }
.products TABLE.listing TD { border-bottom: dotted 1px #ccc; }
.products .abstract { color: #666; }

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

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

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

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

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

#main DIV.checkout-bar A { text-decoration: none; }

DIV.checkout-bar { margin-top: 1em; 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; padding: 0; height: 60px; float: left; width: 100px; text-align: center; }
DIV.checkout-bar LI A, DIV.checkout-bar LI SPAN { display: block; width: 100px; height: 60px; text-align: center; text-decoration: none; }
DIV.checkout-bar LI A SPAN, DIV.checkout-bar LI SPAN SPAN { background: url(images/checkoutbar.png) no-repeat top left; height: 28px; padding-top: 32px; line-height: 28px; border: 0; text-decoration: none; color: #999; }

DIV.checkout-bar LI A:hover SPAN, DIV.checkout-bar LI A:active SPAN { color: #006ae2 !important; }
DIV.checkout-bar LI SPAN.selected SPAN { color: #006ae2; font-weight: bold; }
DIV.checkout-bar LI A.done SPAN { color: #444; }

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

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

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

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

/* Step 5 */
DIV.checkout-bar LI.payment SPAN SPAN { background-position: -400px -120px; }
DIV.checkout-bar LI.payment A.done SPAN { background-position: -400px -60px; }
DIV.checkout-bar LI.payment A:hover SPAN, 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; color: #000; }

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

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

/* ------------------------------------------------------------
 * COMPONENT: checkout address selection
 * ------------------------------------------------------------ */

#main .comp-address-book { display: block; float: left; width: 475px; }
#main .comp-add-address { display: block; float: right; width: 475px; }

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

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

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

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

/* ------------------------------------------------------------
 * COMPONENT: login
 * ------------------------------------------------------------ */

.body1col #main DIV.comp-login { display: block; float: left; width: 470px; }
.body1col #main DIV.comp-login .content { height: 14em; }

/* ------------------------------------------------------------
 * COMPONENT: create new account
 * ------------------------------------------------------------ */

.body1col #main DIV.comp-newaccount { display: block; float: right; width: 470px; }
.body1col #main DIV.comp-newaccount .content { height: 14em; }

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

#main .comp-productheader A { text-decoration: none; }

.comp-productheader DIV.box H3 { display: none; }
.comp-productheader DIV.box DIV.content { padding: 1em 0; }
.comp-productheader DIV.box DIV.bottom { }

.comp-productheader TD.productimage { padding-right: 1em; }
.comp-productheader TD.productinfo { vertical-align: top; width: 100%; padding-left: 1em; }

.comp-productheader DIV.price { display: block; font-size: 240%; line-height: 1; font-weight: bold; padding: 0; float: left; margin-bottom: 0.5em; }
.comp-productheader DIV.price .oldprice { display: block; float: left; padding-right: 0.5em; }

.comp-productheader DIV.xinfo { padding: 0.2em 0; }
.comp-productheader DIV.tell-a-friend { padding: 0.2em 0; }

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

.comp-productheader DIV.add-to-cart { margin: 1em 0; padding: 0.5em 1em; background: #f6f6f6; border: solid 1px #ddd; 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: 0.5em; }
.comp-productheader DIV.add-to-cart .attributes SELECT { width: auto; }
.comp-productheader DIV.add-to-cart .quantity INPUT { width: 3em; 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; }

/* ------------------------------------------------------------
 * COMPONENT: product menu
 * ------------------------------------------------------------ */

.inline-menu { padding: 0.3em 0; color: #999; background: #f6f6f6; border: solid 1px #ddd; }
.inline-menu A { color: #c00; }

/* ------------------------------------------------------------
 * CATEGORY LISTING (advanced)
 * ------------------------------------------------------------ */

#main .comp-catlistadv DIV.box H3 { display: none; }
#main .comp-catlistadv DIV.box DIV.top { display: none; }
#main .comp-catlistadv DIV.box DIV.content { background: none; padding: 0; }
#main .comp-catlistadv DIV.box DIV.bottom { display: none; }

#main .comp-catlistadv DIV.category { width: 360px; display: block; float: left; overflow: hidden; padding: 0; margin: 0 5px; padding-bottom: 5px; }

#main .comp-catlistadv DIV.category H2 { height: 27px; line-height: 27px; background: url(images/bgboxtitlel.png) no-repeat left top; padding: 0; padding-left: 10px; margin: 0; font-weight: bold; font-size: 100%; overflow: hidden; }
#main .comp-catlistadv DIV.category H2 A { display: block; height: 27px; line-height: 27px; background: url(images/bgboxtitler.png) no-repeat right top; padding: 0; color: #414141; text-decoration: none; padding-right: 10px; }
#main .comp-catlistadv DIV.category DIV.top { display: none; }
#main .comp-catlistadv DIV.category DIV.content { height: 195px; overflow: hidden; border: solid 1px #e0e0e0; margin-top: 5px; padding: 0; }
#main .comp-catlistadv DIV.category DIV.bottom { height: 12px; display: block; }

#main .comp-catlistadv DIV.category DIV.childs { display: block; float: left; width: 135px; height: 195px; padding: 0; padding-left: 10px; margin: 0; }
#main .comp-catlistadv DIV.category DIV.product-thumb { display: block; float: right; width: 190px; height: 195px; overflow: hidden; padding: 0; padding-right: 10px; }
#main .comp-catlistadv DIV.category DIV.product-thumb .price { display: inline; float: none; }
#main .comp-catlistadv DIV.category DIV.product-thumb .stock { display: inline; padding-left: 10px; }
#main .comp-catlistadv DIV.category DIV.product-thumb .stock .label { display: none; }
#main .comp-catlistadv DIV.category DIV.product-thumb .buynow { display: none; }

#main .comp-catlistadv DIV.category DIV.childs UL { padding: 0; margin: 0; }
.comp-catlistadv DIV.category DIV.childs LI { padding: 0; margin: 0; font-size: 90%; list-style: none; padding-left: 10px; line-height: 1.2; border-bottom: solid 1px #e0e0e0; background: url(images/bullet1.png) left 4px no-repeat; }

#main .comp-catlistadv DIV.category DIV.childs .content { padding: 0; }
#main .comp-catlistadv DIV.category DIV.childs LI A { display: block; padding: 2px 5px; text-decoration: none; color: #768d94; }
#main .comp-catlistadv DIV.category DIV.childs LI.more { list-style: none; border-bottom: none; background: none; }
#main .comp-catlistadv DIV.category DIV.childs LI.more A { color: #ccc; padding-right: 0; }
#main .comp-catlistadv DIV.category DIV.childs LI A:hover,
#main .comp-catlistadv DIV.category DIV.childs LI A:active { text-decoration: underline; }

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

#overlay { background: black; }

#popup-image { overflow: auto; margin: auto; }
#popup-image DIV { padding: 5px 10px; }
#popup-image .top { text-align: right; }
#popup-image .top A { color: #ccc; font-style: italic; }
#popup-image .image { background: white; text-align: center; padding: 10px repeat-x white; }
#popup-image .name { text-align: center; color: white; color: #006ae2; }