@import url("../../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: #000; text-decoration: none; }
A:hover, A:active { color: #c00; text-decoration: underline; }

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

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

/* Price */
.price { font-size: 120%; color: #c00; 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 { 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: #800; 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: #f3f3f3; border: solid 1px #dadada; }
.filter .input { width: auto; }

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

DIV.navigation { margin: 0; padding: 7px 0; text-align: left; background: url(images/bgstrip.png); 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: #800; padding: 2px 4px; text-decoration: none; border: solid 1px #800; background: #eee; }
DIV.navigation A:hover,
DIV.navigation A:active { color: white; background: #800; 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: #800; }

/* ------------------------------------------------------------
 * 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: #ccc; margin: 0; padding: 0; }

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

#header { background: url(images/bgheadertile.png) repeat-x; height: 135px; overflow: hidden; }
#header .wrapper { background: url(images/bgheader.png) no-repeat; width: 980px; }

#body { background: #eee; }
#body .wrapper { background: url(images/bgbodytile.png) repeat-y center center; padding: 5px 1px; width: 980px; }
HTML > BODY #body .wrapper { padding: 5px 10px; }

#footer { background: url(images/bgfootertile.png) repeat-x #ddd; }
#footer .wrapper { background: url(images/bgfooter.png) repeat-x #444; width: 960px; padding: 30px 10px 10px; }

#body.body2coll #sidebar { width: 180px; padding: 0 10px; overflow: hidden; display: block; float: left; font-size: 90%; }
#body.body2coll #main { width: 770px; padding: 0; padding-right: 10px; overflow: hidden; display: block; float: left; }

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

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

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

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

#masterhead { text-align: right; padding: 0.3em 0; height: 15px; line-height: 14px; display: block; float: right; overflow: hidden; }
#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; font-size: 90%; }
#masterhead A { color: #666; }

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

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

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

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

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

#ads { display: none; }

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

#mainmenu { padding-top: 7px; display: block; clear: left; height: 28px; line-height: 27px; overflow: hidden; }
#mainmenu H3 { display: none; }
#mainmenu UL { padding: 0; margin: 0; list-style: none; }
#mainmenu LI { display: block; float: left; text-transform: uppercase; margin-right: 1px; }
#mainmenu A, #mainmenu SPAN { display: block; float: left; height: 28px; line-height: 27px; background: url(images/bgtoptabl.png) no-repeat; padding-left: 10px; }
#mainmenu A { cursor: pointer; }
#mainmenu A SPAN, #mainmenu SPAN SPAN { background: url(images/bgtoptabr.png) right top; padding-left: 0; padding-right: 10px; }
#mainmenu LI.selected A, #mainmenu LI.selected SPAN, #mainmenu A:hover, #mainmenu A:active { background-position: left -30px; text-decoration: none; color: white; }
#mainmenu LI.selected A SPAN, #mainmenu LI.selected SPAN SPAN, #mainmenu A:hover SPAN, #mainmenu A:active SPAN { background-position: right -30px; }

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

#pathway { height: 25px; line-height: 25px; color: #e88; overflow: hidden; }
#pathway H3 { display: none; }
#pathway UL { margin: 0; padding: 0; list-style: none; }
#pathway LI { display: block; float: left; height: 25px; line-height: 24px; }
#pathway A { color: #fff; }

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

#sidebar .component { margin: 5px 0; }
#sidebar .box H3 { display: block; width: 160px; height: 13px; text-transform: uppercase; color: white; line-height: 13px; background: url(images/bgboxtitle.png) no-repeat; overflow: hidden; padding: 5px 10px; margin: 0; font-weight: normal; font-size: 100%; }
#sidebar .box H3 A { color: white; }
#sidebar .box .content { padding: 10px; background: #ebebeb; }
#sidebar .box UL, #sidebar .box OL { padding: 0; margin: 0; list-style: none; }
#sidebar .box LI { padding: 3px 0; }
#sidebar .box P { margin: 0; padding: 0; }

#sidebar .box DIV.image { text-align: center; background: white; padding: 5px; border: solid 1px #ccc; width: 148px; display: block; height: auto; }
#sidebar .box DIV.image A { display: block; margin: auto; }

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

#main H1 { margin: 5px 0; padding-bottom: 10px; }

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

#footer H3 { display: none; }
#footer { color: #aaa; }
#footer A { color: #bbb; }
#footer A:hover, #footer A:active { color: #fff; text-decoration: none; }
#footer P { margin: 0; padding: 0; }

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

#main .component { margin: 5px 0; }
#main .box H3 { font-size: 120%; color: #fff; height: 24px; line-height: 24px; background: url(images/bgboxtitletile.png) repeat-x; overflow: hidden; font-weight: normal; padding: 0 1em; }
#main .box H3.empty { display: none; }
#main .box .bottom { background: url(images/bgboxbottomtile.png) repeat-x left top; height: 5px; }

/* ------------------------------------------------------------
 * 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.connected { background-position: left -40px; }
#shortcut .comp-boxaccount H3, #shortcut .comp-boxaccount P { font-size: 90%; padding: 0; margin: 0; font-weight: normal; height: 17px; line-height: 14px; }
#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.cart-fill { background-position: left -40px; }
#shortcut .comp-boxcart H3 { display: none; }
#shortcut .comp-boxcart P { font-size: 90%; 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: #f88; }
#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
 * ------------------------------------------------------------ */

#search .comp-boxsearch H3 { display: none; }
#search .comp-boxsearch SPAN.title { display: none; }
#search .comp-boxsearch SPAN.field { display: block; float: left; width: 170px; padding: 3px 4px 3px 26px; height: 16px; background: url(images/bgsearch.png) no-repeat; }
#search .comp-boxsearch SPAN.field INPUT { font-size: 90%; color: #666; height: 16px; line-height: 16px; width: 170px; border: none; background: transparent; padding: 0; margin: 0; }
#search .comp-boxsearch SPAN.submit { display: block; float: left; width: 18px; height: 18px; padding: 2px 0 2px 4px; }
#search .comp-boxsearch SPAN.submit INPUT { display: block; float: left; margin: 0; padding: 0; }
#search .comp-boxsearch SPAN.more { display: block; width: 222px; text-align: right; clear: both; font-size: 90%; padding: 0; padding-top: 6px; height: 25px; line-height: 25px; }
#search .comp-boxsearch SPAN.more A { color: #e88; text-decoration: none; }
#search .comp-boxsearch SPAN.more A:hover, #search .comp-boxsearch SPAN.more A:active { color: white; }

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

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

#pathway .comp-breadcrumb LI { padding: 0 5px 0 10px; background: url(images/pathwaybullet.png) no-repeat; }
#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; background: url(images/bgsidebarbullet.png) no-repeat 7px 8px; }
#sidebar .comp-boxcategories LI A { display: block; line-height: 1.2; margin: 0; padding: 6px 10px 6px 17px; border-bottom: solid 1px #ccc; }
#sidebar .comp-boxcategories LI A:hover, #sidebar .comp-boxcategories LI A:hover { text-decoration: none; }
#sidebar .comp-boxcategories LI LI { background-image: url(images/bgsidebarbullet2.png); }
#sidebar .comp-boxcategories LI LI A { border: none; padding-top: 4px; padding-bottom: 4px; }
#sidebar .comp-boxcategories LI A.selected { font-weight: bold; }

/* ============================================================
 * 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%; }
.product-thumb DIV.image A { display: table-cell; vertical-align: middle; }
.product-thumb SPAN.oldprice { display: block; margin: 0; line-height: 0.9; }
.product-thumb P.title { height: 4em; line-height: 15px; overflow: hidden; font-size: 100%; background: #f3f3f3; font-weight: bold; }
.product-thumb P.price { height: 3em; line-height: 1; display: block; vertical-align: middle; }
.product-thumb P.stock { display: block; float: left; clear: none; line-height: 1em; }
.product-thumb P.stock .label { font-size: 90%; color: #666; }
.product-thumb P.buynow { display: block; float: right; clear: none; line-height: 1em; }
.product-thumb IMG { vertical-align: middle; }

#sidebar .product-thumb DIV.image { height: auto; }
#sidebar .product-thumb P.title { height: auto; background: transparent; }
#sidebar .product-thumb P.stock .label { font-size: 100%; }

/* ------------------------------------------------------------
   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; font-size: 90%; }

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

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

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

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

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: #800 !important; }
DIV.checkout-bar LI SPAN.selected SPAN { color: #800; 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
 * ------------------------------------------------------------ */

.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; }
.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; float: right; }

.comp-productheader DIV.add-to-cart { margin: 1em 0; padding: 1em; background: url(images/bgstrip.png); 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: inline menu
 * ------------------------------------------------------------ */

.inline-menu { padding: 1em 0; color: #999; }
.inline-menu A { color: #c00; }

/* ------------------------------------------------------------
 * 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; }
#popup-image .name { text-align: center; color: white; background: #800; }