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

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

/* ------------------------------------------------------------
 * General styles
 * ------------------------------------------------------------ */

H1 { font-size: 160%; font-weight: bold; border-bottom: solid 1px #ccc; margin: 0; padding: 0; margin-bottom: 0.5em; color: #b19f6a; }
H3 { font-size: 100%; }

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

P { margin: 0; }

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

.lowlight { color: #999; font-size: 90%; }

.price { }
.oldprice { display: block; }
.newprice { color: red; }

.buyer { color: #f90; }

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 #aaa; 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: 5px 10px; vertical-align: top; }
TABLE.default TH { padding: 5px 10px; vertical-align: top; }

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

TABLE.listing { margin: 0; border-bottom: solid 1px #e0e0e0; background: #fff; }
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; }
TABLE.listing P { padding: 1px 0; }

TABLE.listing { border-collapse: collapse; }
TABLE.listing TR.even TD { background: #f7f7f7; }
TABLE.listing TR.even TD.image { 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: #333; }
.data .value { color: #348c27; }

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

DIV.navigation { margin: 0; padding: 15px 7px; text-align: left; border: none; text-align: left; color: #348c27; }
DIV.navigation SPAN.title { }
DIV.navigation SPAN { margin: 0 2px; }
DIV.navigation SPAN SPAN { margin: 0; }
DIV.navigation A { color: #348c27; text-decoration: none; }
DIV.navigation SPAN.current SPAN.page { font-weight: bold; }

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

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

.products P { padding: 3px 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; font-size: 90%; }
.products P.stockinfo { float: left; white-space: nowrap; }
.products .price { font-weight: bold; }

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

.products-thumbnail TABLE { border-collapse: collapse; background: white; }
.products-thumbnail TD { border: dotted 1px #ccc; padding: 5px; }
.products-thumbnail TR.first TD { border-top: none; }
.products-thumbnail TR.last TD { border-bottom: none; }
.products-thumbnail TD.first { border-left: none; }
.products-thumbnail TD.last { border-right: none; }

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

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

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

BODY { background: #000; margin: 0; padding: 0; text-align: center; }
HTML > BODY { background-image: url(images/bg.png) center top black; } /* for non-IE browser */

#wrapper { background: url(images/bgbody.png) repeat-y center top; margin: 0 auto; width: 1000px; padding: 0; text-align: left; }
#wrapper.main2 { background-image: url(images/bgbody2col.png); }
HTML > BODY #wrapper { padding: 0 12px; } /* for non-IE browser */

#header { background: url(images/bgheader.png) no-repeat; height: 135px; overflow: hidden; width: 1000px; text-align: left; margin: 0; }

#header #logo { width: 300px; height: 100px; display: block; float: left; }
#header #ads { width: 468px; height: 60px; overflow: hidden; display: block; float: right; margin-right: 20px; margin-top: 10px; }
#header #topmenu { background: url(images/bgtopmenu.png) no-repeat; color: white; display: block; float: right; height: 24px; overflow: hidden; }
#header #shortcut { width: 170px; height: 80px; display: block; float: left; overflow: hidden; margin-left: 20px; margin-top: 10px; }
#header #mainmenu { clear: both; height: 27px; overflow: hidden; padding-top: 6px; }
#header #logo * { display: block; width: 300px; height: 100px; }

#pathway { background: url(images/bgpathway.png) repeat-x; height: 30px; line-height: 30px; overflow: hidden; padding: 0 10px; font-size: 90%; }
#pathway #breadcrumb { height: 30px; line-height: 30px; display: block; float: left; }
#pathway #search { height: 30px; line-height: 30px; display: block; float: right; }

#body { }
#body #body-left { width: 195px; display: block; float: left; overflow: hidden; font-size: 90%; margin-bottom: 1em; }
#body #body-right { width: 150px; display: block; float: right; overflow: hidden; padding: 10px 10px 0 0; font-size: 90%; margin-bottom: 1em; }
.main3 #body #main { width: 615px; display: block; float: left; overflow: hidden; padding: 10px 15px; margin-bottom: 1em; }
.main2 #body #main { width: 810px; display: block; float: left; overflow: hidden; padding: 10px 15px; margin-bottom: 1em; }
#body #main { color: #b19f6a; }

#footer { color: #999; clear: both; margin-top: 1em; border-top: solid 2px #b19f6a; padding: 10px 20px; text-align: center; }
#footer #poweredby { }

/* ------------------------------------------------------------
 * TOP MENU
 * ------------------------------------------------------------ */

#topmenu { padding: 0 10px; color: #fe8; font-size: 90%; height: 24px; line-height: 24px; }
#topmenu DIV { display: block; float: left; }
#topmenu DIV.top,
#topmenu DIV.bottom { display: none; }
#topmenu H3 { display: none; }
#topmenu UL { margin: 0; padding: 0; list-style: none; }
#topmenu LI { display: block; float: left; color: #fe8; white-space: nowrap; padding: 0 10px; }
#topmenu LI A { color: white; }

/* ------------------------------------------------------------
 * PATHWAY
 * ------------------------------------------------------------ */

#pathway { color: #e79707; }
#pathway A { color: #348c27; }

/* ------------------------------------------------------------
 * MAIN MENU / topcategories
 * ------------------------------------------------------------ */

#mainmenu { text-align: center; font-weight: normal; }
#mainmenu H3 { display: none; }

/* TOP MENU: TABBED PANEL */
#mainmenu UL { margin: 0; padding: 0; line-height: 27px; height: 27px; }
#mainmenu LI { white-space: nowrap; list-style: none; display: inline; margin: 0 1px; padding: 0; }
#mainmenu LI A,
#mainmenu LI SPAN { background: url(images/mainmenutabl.png) no-repeat left 0px; padding: 6px 0px 6px 10px; color: #fff; text-decoration: none; display: inline; }
#mainmenu LI A SPAN,
#mainmenu LI SPAN SPAN { background: url(images/mainmenutabr.png) no-repeat right 0px; padding: 6px 10px 6px 0px; display: inline; }
#mainmenu LI A:hover,
#mainmenu LI.selected A { color: black; background: url(images/mainmenutabl.png) no-repeat left -27px; }
#mainmenu LI A:hover SPAN,
#mainmenu LI.selected A SPAN { color: black; background: url(images/mainmenutabr.png) no-repeat right -27px; }
#mainmenu LI A:hover { color: black; }
#mainmenu LI.selected A SPAN { color: white; }

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

/* ------------------------------------------------------------
 * FOOTER
 * ------------------------------------------------------------ */

#footer H3 { display: none; }
#footer UL { padding: 0; margin: 0; }
#footer LI { display: inline; list-style: none; padding-right: 10px; }
#poweredby A { color: #666; }

/* ------------------------------------------------------------
 * LEFT SIDE (general)
 * ------------------------------------------------------------ */

#body-left H3 { background: url(images/bglefttitle.png) no-repeat; line-height: 24px; height: 24px; color: white; font-weight: bold; white-space: nowrap; overflow: hidden; padding: 0 7px; margin: 0; }
#body-left H3 A { color: white; }
#body-left DIV.content { background: white; padding: 5px 10px; }
#body-left DIV.top,
#body-left DIV.bottom { display: none; }

#body-left .price { font-size: 110%; }

/* ------------------------------------------------------------
 * RIGHT SIDE (general)
 * ------------------------------------------------------------ */

#body-right DIV.box { padding: 5px 0; color: #e9e2cd; }

#body-right H3 { background: url(images/bgrighttitle.png) no-repeat; line-height: 24px; height: 24px; color: white; font-weight: bold; white-space: nowrap; overflow: hidden; padding: 0 7px; margin: 0; }
#body-right H3 A { color: white; }
#body-right DIV.content { background: url(images/bgrightcontent.png) repeat-y; padding: 10px; padding-bottom: 0px; }
#body-right DIV.content * { margin: 0; }
#body-right DIV.top { display: none; }
#body-right DIV.bottom { background: url(images/bgrightbottom.png) no-repeat; display: block; height: 12px; }

#body-right .price { font-size: 110%; }

#body-right .lowlight { color: #e9e2cd; }

#body-right DIV.box UL { list-style: none; margin: 0; padding: 0; }

/* ------------------------------------------------------------
 * BOX (main)
 * ------------------------------------------------------------ */

#main DIV.box DIV.error { margin: 0; }

/* ------------------------------------------------------------
 * BOX (main2)
 * ------------------------------------------------------------ */

.main2 #main DIV.box { padding: 5px 0; }

.main2 #main DIV.box H3 { background: url(images/bgbox810title.png) no-repeat; margin: 0; padding: 0 10px; height: 24px; line-height: 24px; color: white; font-weight: bold; font-size: 110%; }
.main2 #main DIV.box H3 A { color: white; }
.main2 #main DIV.box DIV.top { display: none; }
.main2 #main DIV.box DIV.content { background: url(images/bgbox810content.png) repeat-y; padding: 10px; padding-bottom: 0px; }
.main2 #main DIV.box DIV.bottom { background: url(images/bgbox810bottom.png); height: 12px; }

/* ------------------------------------------------------------
 * BOX (main3)
 * ------------------------------------------------------------ */

.main3 #main DIV.box { padding: 5px 0; }

.main3 #main DIV.box H3 { background: url(images/bgbox615title.png) no-repeat; margin: 0; padding: 0 10px; height: 24px; line-height: 24px; color: white; font-weight: bold; font-size: 110%; }
.main3 #main DIV.box H3 A { color: white; }
.main3 #main DIV.box DIV.top { display: none; }
.main3 #main DIV.box DIV.content { background: url(images/bgbox615content.png) repeat-y; padding: 10px; padding-bottom: 0px; }
.main3 #main DIV.box DIV.bottom { background: url(images/bgbox615bottom.png); height: 12px; }

/* ============================================================
 * COMPONENT (layout)
 * ============================================================ */

/* ------------------------------------------------------------
 * 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; background: url(images/bulletpathway.png) no-repeat left 4px; }
#pathway .comp-breadcrumb LI.first { background: none; padding-left: 0; }

/* ------------------------------------------------------------
 * SEARCH (pathway)
 * ------------------------------------------------------------ */

#pathway .comp-boxsearch H3 { display: none; }
#pathway .comp-boxsearch SPAN { display: block; float: left; }
#pathway .comp-boxsearch SPAN.title { display: none; }
#pathway .comp-boxsearch SPAN.field INPUT { border: solid 1px #bbb; color: #444; width: 150px; font-size: 8pt; }
#pathway .comp-boxsearch SPAN.field { padding-top: 6px; *padding-top: 5px; }
#pathway .comp-boxsearch SPAN.submit { padding-top: 6px; }
#pathway .comp-boxsearch SPAN.more { padding-left: 5px; }
#pathway .comp-boxsearch SPAN.more A { color: #e79707; }

/* ------------------------------------------------------------
 * CART (other)
 * ------------------------------------------------------------ */

.comp-boxcart TABLE { margin: 2px 0; }
.comp-boxcart TD { line-height: 1.2; }
.comp-boxcart P.total { text-align: center; font-weight: bold; font-size: 110%; background: #988859; color: white; }
.comp-boxcart P.checkout { text-align: center; font-weight: bold; }

/* ------------------------------------------------------------
 * ACCOUNT (shortcut)
 * ------------------------------------------------------------ */

#shortcut .comp-boxaccount { height: 33px; width: 120px; padding-left: 45px; padding-top: 7px; padding-right: 5px; }
#shortcut .comp-boxaccount H3 { font-size: 100%; font-weight: normal; display: block; }
#shortcut .comp-boxaccount DIV.content P,
#shortcut .comp-boxaccount H3 { margin: 0; padding: 0; line-height: 1.1; }
#shortcut .comp-boxaccount A { color: black; }
#shortcut .comp-boxaccount P A { color: #666; }
#shortcut .comp-boxaccount.disconnected { background: url(images/bgshortcut.png) no-repeat left 0px; }
#shortcut .comp-boxaccount.connected { background: url(images/bgshortcut.png) no-repeat left -80px; }

/* ------------------------------------------------------------
 * CART (shortcut)
 * ------------------------------------------------------------ */

#shortcut .comp-boxcart { height: 33px; width: 120px; padding-left: 45px; padding-right: 5px; padding-top: 7px; }
#shortcut .comp-boxcart H3 { display: none; }
#shortcut .comp-boxcart .top,
#shortcut .comp-boxcart .bottom { display: none; }
#shortcut .comp-boxcart P { margin: 0; padding: 0; line-height: 1; }
#shortcut .comp-boxcart.cart-empty { background: url(images/bgshortcut.png) no-repeat left -40px; }
#shortcut .comp-boxcart.cart-empty P { display: none; color: #000; }
#shortcut .comp-boxcart.cart-empty P.title { height: 25px; line-height: 25px; display: block; }
#shortcut .comp-boxcart.cart-fill { background: url(images/bgshortcut.png) no-repeat left -120px; }
#shortcut .comp-boxcart.cart-fill A { color: #8c5a00; }
#shortcut .comp-boxcart.cart-fill P { padding: 1px 0; display: block; float: left; }
#shortcut .comp-boxcart.cart-fill P.title { padding-right: 10px; }
#shortcut .comp-boxcart.cart-fill P.total { font-weight: bold; margin: 0; border: none; font-size: 100%; background: transparent; }
#shortcut .comp-boxcart.cart-fill P.checkout { font-weight: bold; clear: both; }

/* ------------------------------------------------------------
 * CATEGORY LIST (body-right)
 * ------------------------------------------------------------ */

.comp-boxcategories DIV.content { padding: 0 !important; margin: 0; }
.comp-boxcategories A { color: #348c27; }
.comp-boxcategories A:hover,
.comp-boxcategories A:active { color: #c3b58f; text-decoration: none; }
.comp-boxcategories UL { margin: 0; padding: 0; list-style: none; }
.comp-boxcategories LI { margin: 0; padding: 3px 5px; list-style: none; background: url(images/bgleftlist1.png) no-repeat #f7f7f7; font-size: 110%; line-height: 19px; padding-left: 20px; }
.comp-boxcategories LI UL { padding: 2px 0; }
.comp-boxcategories LI LI { padding: 0; background: none; border: none; font-size: 90%; height: auto; line-height: auto; }
.comp-boxcategories LI UL UL { padding: 2px 5px; }
.comp-boxcategories .selected { font-weight: bold; color: #c3b58f; }
.comp-boxcategories A.selected:hover,
.comp-boxcategories A.selected:active { text-decoration: underline; }

/* ------------------------------------------------------------
 * BEST SELLER (body-left/body-right)
 * ------------------------------------------------------------ */

.comp-boxbestsellers OL { margin: 0; padding: 0; padding-left: 15px; list-style: decimal outside; font-weight: normal; }
.comp-boxbestsellers A { font-weight: bold; color: #333; }
.comp-boxbestsellers LI { padding: 1px 0; line-height: 1.1; color: #333; }

/* ============================================================
 * COMPONENTS
 * ============================================================ */

/* ------------------------------------------------------------
 * CATEGORY LISTING (thumbnail)
 * ------------------------------------------------------------ */

.comp-catlist-thumbnail A { color: black; }
.comp-catlist-thumbnail TD { padding: 5px; }

/* ------------------------------------------------------------
 * 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: 395px; display: block; float: left; overflow: hidden; padding: 0; margin: 0 5px; padding-bottom: 5px; }
#main .comp-catlistadv DIV.category H2 { height: 24px; line-height: 24px; overflow: hidden; color: white; background: url(images/bgbox395title.png); font-size: 110%; padding: 0 10px; margin: 0; }
#main .comp-catlistadv DIV.category H2 A { color: white; }
#main .comp-catlistadv DIV.category DIV.top { display: none; }
#main .comp-catlistadv DIV.category DIV.content { background: url(images/bgbox395content.png) repeat-y; height: 195px; overflow: hidden; }
#main .comp-catlistadv DIV.category DIV.bottom { background: url(images/bgbox395bottom.png) no-repeat; height: 12px; display: block; }

#main .comp-catlistadv DIV.category DIV.childs { display: block; float: left; width: 185px; height: 195px; padding: 0 0 0 10px; }
#main .comp-catlistadv DIV.category DIV.product-thumb { display: block; float: right; width: 190px; height: 185px; overflow: hidden; padding: 5px 5px 5px 0; }
#main .comp-catlistadv DIV.category DIV.product-thumb .stock { 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; list-style: none; padding-top: 7px; }
#main .comp-catlistadv DIV.category DIV.childs LI { padding: 0; margin: 0; list-style: none; font-size: 90%; }
#main .comp-catlistadv DIV.category DIV.childs LI A { display: block; padding: 2px 5px; border-bottom: solid 1px #ccc; text-decoration: none; }
#main .comp-catlistadv DIV.category DIV.childs LI.more A { border: none; text-align: right; color: #e79707; padding-right: 0; }
#main .comp-catlistadv DIV.category DIV.childs LI A:hover,
#main .comp-catlistadv DIV.category DIV.childs LI A:active { background: #eee; color: black; }
#main .comp-catlistadv DIV.category DIV.childs LI.more A:hover,
#main .comp-catlistadv DIV.category DIV.childs LI.more A:active { text-decoration: underline; background: none; color: #e79707; }

/* ------------------------------------------------------------
 * PRODUCT LISTING (thumbnail)
 * ------------------------------------------------------------ */

.products-thumbnail TD { padding: 15px 10px; }

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

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

#main .comp-productheader { margin: 1em 0; }
#main .comp-productheader DIV.box { padding: 0; }
#main .comp-productheader DIV.box H3 { display: none; }
#main .comp-productheader DIV.box DIV.top { background: url(images/bgprodtop.png) no-repeat; height: 12px; display: block; }
#main .comp-productheader DIV.box DIV.content { background: url(images/bgprodcontent.png); padding-top: 0; padding-bottom: 0; }
#main .comp-productheader DIV.box DIV.bottom { background: url(images/bgprodbottom.png) no-repeat; height: 12px; }

#main .comp-productheader TD.productimage { padding: 5px 7px; 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.productimage DIV.bottom { display: none; }
#main .comp-productheader TD.productinfo { padding: 5px 7px; vertical-align: top; padding-left: 1em; 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 .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 .datasheet A { color: #666; }
#main .comp-productheader .homepage { margin: 5px 0; height: 24px; background: url(images/bgprodhomepage.png) no-repeat top left; padding-top: 4px; padding-left: 30px; }
#main .comp-productheader .homepage A { color: #666; }

#main .comp-productheader .xinfo { text-align: left; }
#main .comp-productheader .add-to-cart SPAN { vertical-align: middle; }
#main .comp-productheader .add-to-cart DIV.select 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: white; 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 .add-to-cart DIV.attributes TD { padding-left: 0; padding-right: 1em; color: black; }
#main .comp-productheader .add-to-cart DIV.attributes .value { color: #348c27; }

#main .comp-productheader .add-to-cart DIV.select { background: #f3f3f3; border: solid 1px #ccc; -moz-border-radius: 5px; padding: 5px 10px; margin: 1em 0; }

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

#main DIV.comp-product-images DIV.top { display: none !important; }
#main DIV.comp-product-images DIV.content { background: none !important; padding: 0 !important; margin: 0 !important; }
#main DIV.comp-product-images DIV.bottom { display: none !important; }

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

.inline-menu { padding: 0.5em 0; }
.inline-menu A { color: #348c27; }
.inline-menu A:hover,
.inline-menu A:active { background: #348c27; color: white; text-decoration: none; }

/* ------------------------------------------------------------
 * LARGE IMAGE POPUP
 * ------------------------------------------------------------ */

#overlay { background: black; }

#popup-image { overflow: auto; margin: auto; }
#popup-image DIV { padding: 5px 10px; }
#popup-image .top { text-align: right; background: transparent; }
#popup-image .top A { color: #348c27; }
#popup-image .image { text-align: center; padding: 10px; background: white; }
#popup-image .name { text-align: center; font-weight: normal; color: #666; border-top: solid 1px #ccc; background: #eee; }

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

.main2 #main DIV.comp-login { display: block; float: left; width: 395px; }
.main2 #main DIV.comp-login DIV.box H3 { background: url(images/bgbox395title.png) no-repeat; }
.main2 #main DIV.comp-login DIV.box DIV.content { background: url(images/bgbox395content.png) repeat-y; min-height: 150px; }
.main2 #main DIV.comp-login DIV.box DIV.bottom { background: url(images/bgbox395bottom.png) no-repeat; }

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

.main2 #main DIV.comp-newaccount { display: block; float: right; width: 395px; }
.main2 #main DIV.comp-newaccount DIV.box H3 { background: url(images/bgbox395title.png) no-repeat; }
.main2 #main DIV.comp-newaccount DIV.box DIV.content { background: url(images/bgbox395content.png) repeat-y; min-height: 150px; }
.main2 #main DIV.comp-newaccount DIV.box DIV.bottom { background: url(images/bgbox395bottom.png) no-repeat; }

/* ------------------------------------------------------------
 * ACCOUNT INFO
 * ------------------------------------------------------------ */

.comp-account-params DIV.info { float: right; display: block; padding: 0; padding-left: 15px; width: 200px; border: none; border-left: solid 1px #ccc; color: #666; }
.comp-account-params DIV.action { float: left; padding: 0; padding-right: 15px; }
.comp-account-params DIV.action UL { padding: 0; margin: 0; list-style: none; }

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

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

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

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

/* Step 2 */
DIV.checkout-bar LI.login { background-position: -100px -120px; }
DIV.checkout-bar LI.login SPAN.done { background-position: -100px -60px; }
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 -120px; }
DIV.checkout-bar LI.shipping A { background-position: -200px -60px; }
DIV.checkout-bar LI.shipping A:hover,
DIV.checkout-bar LI.shipping A:active { background-position: -200px 0px; }
DIV#checkout-shipping LI.shipping { background-position: -200px 0px; }

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

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

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

.order-content TABLE.listing { border: solid 1px #ccc; }
.order-content TD.quantity { text-align: center; }
.order-content TBODY.order-total .strong TD { background: #eee; }
.order-content .price { font-size: 100%; }
.order-content TH.price { color: white; }
.order-content .quantity { text-align: center; width: 3em; }

/* ------------------------------------------------------------
 * ORDER SUMMARY
 * ------------------------------------------------------------ */

.order-summary TABLE.listing { border: none; }
.order-summary TABLE.listing TR TD { background: none; border: none; }

/* ------------------------------------------------------------
 * ORDER ADDRESSES
 * ------------------------------------------------------------ */

.order-address TABLE.listing TR TD { background: none; border: none; }

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

DIV.address P { margin: 0; padding: 0; }
#main DIV.address { float: left; width: 265px; color: black; }
#main DIV.address DIV.box H3 { background: url(images/bgbox265title.png) no-repeat; }
#main DIV.address DIV.box DIV.content { background: url(images/bgbox265content.png) repeat-y; }
#main DIV.address DIV.box DIV.bottom { background: url(images/bgbox265bottom.png) no-repeat; }
#main DIV.address A { color: #666; }

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

#main DIV.method TABLE.listing TD { background: none; }

/* ------------------------------------------------------------
 * CHECKOUT SHIPPING
 * ------------------------------------------------------------ */

#main DIV.shipping { float: right; width: 530px; padding: 0; margin: 0; }
#main DIV.shipping DIV.box H3 { background: url(images/bgbox530title.png) no-repeat; }
#main DIV.shipping DIV.box DIV.content { background: url(images/bgbox530content.png) repeat-y; }
#main DIV.shipping DIV.box DIV.bottom { background: url(images/bgbox530bottom.png) no-repeat; }

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

#main DIV.payment { float: right; width: 530px; padding: 0; margin: 0; }
#main DIV.payment DIV.box H3 { background: url(images/bgbox530title.png) no-repeat; }
#main DIV.payment DIV.box DIV.content { background: url(images/bgbox530content.png) repeat-y; }
#main DIV.payment DIV.box DIV.bottom { background: url(images/bgbox530bottom.png) no-repeat; }

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

#checkout-payment .comp-order-detail { display: none; }
#checkout-payment .comp-paymentconfirm DIV.box DIV.content { padding: 3em 0 2em 0; }

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

#page-product H1 { margin-bottom: -0.2em; padding-left: 5px; padding-bottom: 0; border: none; color: #b19f6a; font-style: italic; line-height: 1; }