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

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

INPUT,
RADIO,
SELECT,
TEXTAREA { line-height: 1; }

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

A { color: #7a0404; text-decoration: none; }

A:hover,
A:active { text-decoration: underline; }

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

.price { font-weight: bold; line-height: 1; }
.oldprice { display: block; }
.newprice { color: red; }
.buyer { color: #000; }

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 #ccc; color: black; background: #eee; padding: 1px 0; width: 100%; }

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

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

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

H1 { font-size: 180%; padding-top: 10px; font-weight: bold; }
H2 { font-size: 150%; }
H3 { font-size: 130%; font-weight: bold; }
H4 { font-size: 110%; }

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

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

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

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

/* ------------------------------------------------------------
 * 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 TABLE.listing TD { padding: 10px; }

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

/* ------------------------------------------------------------
 * 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: #7a0404 !important; padding: 4px 8px; text-decoration: none; }
DIV.navigation A:hover,
DIV.navigation A:active { color: white !important; padding: 3px 7px; border: solid 1px #7a0404; background: #7a0404; }
DIV.navigation SPAN.current SPAN.page { font-weight: bold; color: white; padding: 4px 8px; background: #7a0404; }

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

DIV.method .title { font-weight: bold; font-size: 120%; }
DIV.method .subtitle { font-weight: normal; }
DIV.method .abstract { color: #666; }
DIV.method TABLE.listing TD,
.method TABLE.listing TH { border: none; padding: 5px 7px; }

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

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

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

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

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

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

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

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

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

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

* { margin: 0; padding: 0; }

BODY { background: url(images/bgbody.png) #a58768; margin: 0; padding: 0; }

#wrapper2 { text-align: center; margin: 0; }

#wrapper { width: 1000px; margin: auto; padding: 0; text-align: left; background: url(images/bgbodytile.png) repeat-y; }

#header { background: url(images/bgheader.png) no-repeat left top #7a0404; height: 205px; }

#header .logo,
#header .logo A { display: block; float: left; width: 800px; height: 205px; }

#masterhead { display: block; float: right; width: 200px; height: 205px; }

#mainmenu { height: 30px; line-height: 30px; clear: both; }

#layout { background: url(images/bgmainplayer.png) 640px bottom no-repeat; }

#body-top { padding: 0; }

#pathway { color: #a38566; padding: 0; margin: 0; clear: both; margin: 10px; padding: 3px 7px; background: #7a0404; }

#main { float: left; width: 630px; margin: 0; overflow: hidden; padding: 0; }

#body-left { float: left; width: 180px; margin: 0; padding: 40px 5px 10px; overflow: hidden; clear: both; }
#body-right { float: right; width: 160px; margin: 0; padding: 5px 10px 10px; overflow: hidden; color: #666; }
#body { padding: 0 10px 10px; }

#bottom { clear: both; }

#footer-wrapper { text-align: center; margin: 0; padding: 0; font-size: 90%; padding-bottom: 10px; }

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

#mainmenu H3 { display: none; }

/* ============================================================
 * BREADCRUMB
 * ============================================================ */

#pathway A { color: white; }
#pathway A:hover,
#pathway A:active { color: white; font-style: normal; }

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

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

#body DIV.component { }
#body .box H3 { color: #7a0404; text-transform: uppercase; border-bottom: solid 2px #7a0404; font-weight: bold; font-size: 125%; }
#body .box H3 A { color: #7a0404; text-decoration: none; }
#body .box DIV.content { padding-top: 10px; }
#body .box DIV.bottom { height: 10px; }

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

#footer { color: #999; text-align: left; width: 1000px; margin: auto; padding: 5px 0; text-align: center; background: #383838; }
#footer H3 { display: none; }
#footer UL { padding: 0.3em 0; margin: 0; }
#footer LI { display: inline; padding-right: 1em; margin: 0; }
#footer A { color: white; }
#footer A:hover,
#footer A:active { color: white; }
#footer P { margin: 0; padding: 0.3em 0; }

#poweredby { color: #ccc; }

/* ============================================================
 * MASTERHEAD
 * ============================================================ */

#masterhead H3 { font-size: 100%; padding: 0; margin: 0; font-weight: bold; }
#masterhead { line-height: 1; padding: 0 5px; padding-top: 20px; height: 185px; width: 190px; }

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

#body-left UL,
#body-right UL { list-style: none; margin: 0; padding: 2px 0; }
#body-left LI,
#body-right LI { list-style: none; margin: 0; padding: 0; }
#body-left LI UL,
#body-right LI UL { padding-left: 10px; }
#body-left LI A.selected,
#body-right LI A.selected { font-weight: bold; }

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

#body-left DIV.component { }
#body-left .box H3 { background: url(images/boxlbgtitle.png) no-repeat; color: white; text-decoration: none; font-size: 120%; font-weight: bold; padding: 0 5px; height: 24px; line-height: 24px; overflow: hidden; }
#body-left .box H3 A { color: white; }
#body-left .box DIV.content { background: url(images/boxltilecontent.png) repeat-y; padding: 10px 10px 0; }
#body-left .box DIV.bottom { background: url(images/boxlbottom.png) no-repeat; height: 18px; display: block; }
#body-left A { }

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

#body-right DIV.component { }
#body-right .box H3 { color: black; text-decoration: none; font-size: 120%; font-weight: bold; padding: 0; text-transform: uppercase; border-bottom: solid 1px #666; line-height: 1; padding: 5px 0; }
#body-right .box H3 A { text-decoration: none; color: black; }
#body-right .box DIV.content { padding: 5px 0; }
#body-right .box DIV.bottom { }
#body-right A { color: #666; }

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

/* ------------------------------------------------------------
 * BOX TOP CATEGORIES/MENU
 * ------------------------------------------------------------ */

.comp-topcategories { padding: 0 5px 0 30px; background: url(images/bgtopmenu.png) no-repeat; }
.comp-topcategories UL { list-style: none; margin: 0; height: 30px; }
.comp-topcategories LI { display: block; float: left; list-style: none; margin: 0; padding: 0; line-height: 30px; height: 30px; margin: 0 1px; }
.comp-topcategories A { display: block; background: url(images/topmenul.png) no-repeat; padding-left: 10px; color: white; font-weight: bold; }
.comp-topcategories A SPAN { display: block; background: url(images/topmenur.png) no-repeat right top; padding-right: 10px; }
.comp-topcategories .selected A,
.comp-topcategories A:hover,
.comp-topcategories A:active { color: white; font-style: normal; background-position: left -30px; text-decoration: none; }
.comp-topcategories .selected A SPAN,
.comp-topcategories A:hover SPAN,
.comp-topcategories A:active SPAN { background-position: right -30px; }

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

.comp-boxsearch { padding: 0; position: absolute; top: 142px; margin: 0; }
.comp-boxsearch H3 { display: none; }
.comp-boxsearch DIV.content SPAN { display: block; vertical-align: middle; color: white; padding: 3px 0; }
.comp-boxsearch DIV.content SPAN.field { width: 150px; height: 19px; background: url(images/bgsearch.png) no-repeat; padding: 5px 5px 1px 25px; }
.comp-boxsearch DIV.content SPAN.field INPUT { background: white; border: none; padding: 0 2px; height: 19px; line-height: 19px; width: 150px; color: #7a0404; }
.comp-boxsearch DIV.content SPAN.submit { display: none; }
.comp-boxsearch DIV.content SPAN.more { text-align: right; font-size: 90%; padding-top: 4px; }
.comp-boxsearch DIV.content SPAN.more A { color: #a38566; }

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

/* ------------------------------------------------------------
 * BOX LANGUAGE
 * ------------------------------------------------------------ */

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

#masterhead .comp-boxcart { display: block; background: url(images/bgcart.png) no-repeat; width: 110px; height: 46px; padding: 2px 10px 2px 60px; margin: 0; overflow: hidden; margin-bottom: 1.5em; }
#masterhead .comp-boxcart H3 { display: none; }
#masterhead .comp-boxcart P { padding: 0; margin: 0; line-height: 1.4; }
#masterhead .comp-boxcart A { color: black; }

/* ------------------------------------------------------------
 * BOX ACCOUNT
 * ------------------------------------------------------------ */

#masterhead .comp-boxaccount { display: block; background: url(images/bgaccount.png) no-repeat; width: 110px; height: 34px; padding: 4px 10px 2px 60px; margin: 2px 0; overflow: hidden; margin-bottom: 1.5em; }

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

#body-right .comp-boxbestsellers OL LI { list-style: decimal; margin: 0; margin-left: 25px; }
#body-right .comp-boxbestsellers OL LI.position-1 { font-weight: normal; }
#body-right .comp-boxbestsellers OL LI.position-1 A { color: #333; }
#body-right .comp-boxbestsellers DIV.content { font-size: 80%; }

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

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

.comp-catlist TD { vertical-align: top; padding-bottom: 5px; }
.comp-catlist A { font-weight: bold; font-size: 110%; }
.comp-catlist P { padding: 0; margin: 0; }
.comp-catlist P A { font-weight: normal; font-size: 100%; }

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

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

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

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

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

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

/* ------------------------------------------------------------
 * LOGIN (MAIN)
 * ------------------------------------------------------------ */

#body .comp-login { display: block; float: left; width: 290px; }

/* ------------------------------------------------------------
 * CREATE ACCOUNT (MAIN)
 * ------------------------------------------------------------ */

#body .comp-newaccount { display: block; float: right; width: 290px; }

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

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

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

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

/* ============================================================
 * ORDER CONTENT
 * ============================================================ */

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

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

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

#body DIV.address { float: left; width: 180px; color: #666; padding-top: 20px; }
#body DIV.address DIV.box H3 { background: none; color: black; border-bottom: solid 1px #ccc; padding-left: 0; height: auto; }
#body DIV.address DIV.box DIV.content { background: none; padding-left: 0; padding-top: 5px; }
#body DIV.address DIV.box DIV.bottom { background: none; }

#body DIV.shipping,
#body DIV.payment { float: right; width: 400px; padding: 0; margin: 0; padding-top: 20px; }

/* ------------------------------------------------------------
   * 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 #ccc; }
.comp-account-params DIV.action { float: left; padding: 0; padding-left: 25px; }

/* ============================================================
 * PRODUCT
 * ============================================================ */

/* ------------------------------------------------------------
 * COMPONENT: Header
 * ------------------------------------------------------------ */

#body .comp-productheader DIV.box H3 { display: none; }
#body .comp-productheader DIV.box DIV.content { background: none; }
#body .comp-productheader DIV.box DIV.bottom { display: none; }
#body .comp-productheader TD.productimage { padding: 5px 7px; width: 150px; min-width: 150px; text-align: center; white-space: nowrap; vertical-align: top; }
#body .comp-productheader TD.productimage DIV.tell-a-friend { margin: 1em 0 0; }
#body .comp-productheader TD.productinfo { padding: 5px 7px; vertical-align: top; padding-left: 3em; width: 100%; }

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

#body .comp-productheader DIV.delivery-delay { display: block; width: 180px; height: 40px; margin: 1em auto 0; background: url(images/shipdelay48.png) no-repeat; }
#body .comp-productheader DIV.delivery-delay SPAN { display: none; }

#body .comp-productheader DIV.price .price { font-size: 200%; margin: 0; padding: 0; font-weight: bold; }

#body .comp-productheader DIV.add-to-cart { margin: 1em 0; padding: 0.7em 1em; background: #e1cd94; border: solid 1px #a38566; }
#body .comp-productheader DIV.add-to-cart SPAN { padding-right: 0.7em; vertical-align: middle; }
#body .comp-productheader DIV.add-to-cart .stock,
#body .comp-productheader DIV.add-to-cart .select,
#body .comp-productheader DIV.add-to-cart .attributes { padding: 0.3em 0; padding-bottom: 1em; }
#body .comp-productheader DIV.add-to-cart .select { padding-bottom: 0.3em; }
#body .comp-productheader DIV.add-to-cart .attributes TD { padding-right: 7px; color: #7a0404; }
#body .comp-productheader DIV.add-to-cart .attributes SELECT { padding: 0; width: auto; border: solid 1px #7a0404; background: white; color: #7a0404; }
#body .comp-productheader DIV.add-to-cart .select LABEL { color: #7a0404; }
#body .comp-productheader DIV.add-to-cart .quantity INPUT { width: 30px; text-align: center; border: solid 1px #7a0404; background: white; padding: 3px; font-weight: bold; color: #7a0404; }
#body .comp-productheader DIV.add-to-cart .add INPUT { vertical-align: middle; margin-top: -2px; }

/* ------------------------------------------------------------
 * COMPONENT: Menu
 * ------------------------------------------------------------ */

#body DIV.inline-menu { padding: 1em 0; height: 29px;  }
#body DIV.inline-menu UL { height: 29px; line-height: 29px; border-bottom: solid 1px #7a0404; }
#body DIV.inline-menu LI { display: block; float: left; margin: 0; margin-right: 2px; white-space: nowrap; list-style: none; color: #666; }
#body DIV.inline-menu LI SPAN,
#body DIV.inline-menu LI A { display: block; float: left; background: url(images/bgprodmenul.png) no-repeat; height: 29px; line-height: 29px; padding: 0; padding-left: 10px; }
#body DIV.inline-menu LI * SPAN { display: block; float: left; background: url(images/bgprodmenur.png) no-repeat right top; height: 29px; line-height: 29px; padding: 0; padding-right: 10px; }
#body DIV.inline-menu LI A { color: #7a0404; background-position: left -30px; cursor: pointer; }
#body DIV.inline-menu LI A SPAN { background-position: right -30px; }
#body DIV.inline-menu LI A:hover,
#body DIV.inline-menu LI A:active { color: white; background-position: left -60px; text-decoration: none; }
#body DIV.inline-menu LI A:hover SPAN,
#body DIV.inline-menu LI A:active SPAN { background-position: right -60px; }

/* ------------------------------------------------------------
 * COMPONENT: Product thumbnail
 * ------------------------------------------------------------ */