﻿* { margin: 0; padding: 0; }

html, body { font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; color: #848451; background: #ffffff; }

#wrapper {}

a, img { outline: 0; }
textarea { resize: none; }

h1 { font-size: 22px; color: #aaaaaa; padding: 0 0 16px 0; }
h2 { font-size: 18px; font-weight: normal; }
h3 { font-size: 14px; padding: 0 0 4px 0; line-height: 20px; }
h4 { font-size: 16px; color: #99980c; padding: 20px 0 15px 0; font-weight: normal; }

.clearbox { clear: both; height: 1px; }
.clearleft { clear: left; height: 1px; }
.clearright { clear: right; height: 1px; }

/* General layout =========================================== */

.topbar { background: #d38680; }
.topbar p { padding: 15px 0 15px 0; text-align: center; color: #ffffff; font-weight: bold; }

.headerarea, .pagearea { background: #ffffff; }
.headercnt { width: 980px; height: 170px; margin: 0 auto; }
.menuarea { background: #ffffff; }
.menucnt { width: 980px; height: 52px; margin: 0 auto; }
.pagecnt { width: 980px; margin: 0 auto; }

.newsletterarea { border-top: dashed 1px #e4e4c5; height: 65px; text-align: center; }
.newsletterbox { padding-top: 20px; }

.footerup { background: #FBFBF7; border-top: solid 1px #e4e4c5; }
.footerb { width: 600px; height: 38px; margin: 0 auto; background: url('images/bottom-logos.png'); }
.footerareafixed { border-top: solid 1px #e4e4c5; background: #ffffff; position: fixed; bottom: 0; width: 100%; z-index: 1006; height: 50px; }
.footer { width: 980px; margin: 0 auto; font-weight: bold; }

.layoutgap1 { height: 20px; }
.layoutgap2 { height: 10px; }
.layoutgap3 { height: 50px; }
.layoutgap4 { height: 18px; }

.fakeline { height: 1px; background: #eeeeee; }
.fakelineFat { height: 5px; background: #f4f4f4; }

.impMark { color: #d38680; font-weight: bold; }

.infoArea { border: solid 1px #e0e0e0; background: #fafafa; border-radius: 3px;  }
.infoArea p { padding: 12px 12px 12px 12px; }

.breadcrumbStyle { padding: 4px 0 20px 0; font-size: 12px; }
.breadcrumbFinalNode { font-weight: normal; }

.textBoxes, .listBoxes, .ddBoxes, .ddBoxesSizes, .btnStyle, .btnStyleBig, .btnStyleThin { font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; border-radius: 3px; }
.textBoxes, .listBoxes, .ddBoxes, .ddBoxesSizes { color: #848451; background: #ffffff; padding: 5px 5px 5px 5px; border: 1px solid #e0e0e0; }
.ddBoxesSizes { padding: 2px 3px 2px 3px; }
.listBoxes option { padding: 1px 0 1px 0; }

.btnStyle, .btnStyleBig, .btnStyleThin { color: #ffffff; background: #99980c; border: 1px solid #99980c; text-decoration: none; display: inline-block; }
.btnStyle { padding: 10px 14px 10px 14px; }
.btnStyleBig { padding: 14px 18px 14px 18px; font-weight: bold; }
.btnStyleThin { padding: 7px 12px 7px 12px; }
.btnStyle:hover, .btnStyleBig:hover, .btnStyleThin:hover { background: #848451; border: 1px solid #848451; cursor: pointer; }

/* Header layout ============================================ */

.headerleft { float: left; }
.headerright { float: right; padding-top: 10px; text-align: right; }
.headersearch { float: right; }

.logo { float: left; width: 217px; height: 75px; padding: 45px 0 0 0; }
.logo-slogan { float: left; color: #BEBD00; font-size: 20px; line-height: 1.4; padding: 68px 0 0 20px; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Segoe UI', Arial, sans-serif; }

/* Main content layout ====================================== */

.actualcontent { width: 680px; margin: 0 auto; }
.actualcontent h1 { font-size: 20px; color: #808080; padding: 20px 0 20px 0; }
/*.actualcontent h2 { font-size: 13px; font-weight: bold; }*/
.actualcontent p { line-height: 18px; }
.actualcontentfix { height: 16px; clear: both; }

.gap01 { height: 20px; }
.gap02 { height: 16px; }
.gap03 { height: 26px; }
.gap04 { height: 20px; }
.gap05 { height: 3px; }

.redValidator { color: #ff0000; }
.noDataFound { padding: 30px 0 30px 0; text-align: center; background: #fcfcfc; border: solid 1px #f0f0f0; border-radius: 3px; }

/* Main content layout ====================================== */

.contentcommerce { background: #ffffff; } /* IS THIS NEEDED ??? ==================================================== */
.contentcommercewrapper { width: 810px; float: right; }
.contentcommercecnt { width: 810px; }
.contentcommercecntbig { width: 980px; margin: 0 auto; }

.contentcommercecntbig p { line-height: 18px; }
.contentcommercecntbig ol { line-height: 18px; list-style-type: disc; padding: 2px 0 0 16px; }
.contenttextblock { line-height: 18px; }

.sidebarcommerce { width: 150px; float: left; }

.contentmain { float: right; width: 810px; }
.contentmain p { line-height: 18px; }
.sidebararea { float: left; width: 150px; }
.clearcontent { clear: both; height: 24px; }

.layoutbottom { height: 22px; }

/* Sidebar layout =========================================== */

.sidebarLinks ul { list-style: none; }
.sidebarLinksStl1 { display: block; color: #99980c; text-decoration: none; line-height: 30px; text-decoration: none; }
.sidebarLinksStl1:hover { color: #848451; background: url("images/side_dots.png") no-repeat right center; text-decoration: none; }

/* Footer layout ============================================ */

.socialicons { width: 185px; height: 33px; float: right; margin-top: 9px; }
.icon1, .icon2, .icon3, .icon4, .icon5 { float: left; width: 32px; height: 32px; display: block; background: url("images/social-new.png"); margin-left: 5px; }
.icon1 { background-position: 0px 0px; }
.icon2 { background-position: -32px 0px; }
.icon3 { background-position: -64px 0px; }
.icon4 { background-position: -96px 0px; }
.icon5 { background-position: -128px 0px; }
.icon1:hover { background-position: 0px 32px; }
.icon2:hover { background-position: -32px 32px; }
.icon3:hover { background-position: -64px 32px; }
.icon4:hover { background-position: -96px 32px; }
.icon5:hover { background-position: -128px 32px; }

.footerHlnks { float: left; padding-top: 18px; }
.footerclear { clear: both; height: 1px; }

.footerHlnks span { font-weight: normal; color: #848451; }

/* Links ==================================================== */

.generalLnk:link, .generalLnk:visited, .generalLnk:active { color: #99980c; text-decoration: none; }
.generalLnk:hover { color: #99980c; text-decoration: underline; }

.generalBLnk:link, .generalBLnk:visited, .generalBLnk:active { color: #99980c; text-decoration: none; font-weight: bold; }
.generalBLnk:hover { color: #99980c; text-decoration: underline; }

.greyLnk:link, .greyLnk:visited, .greyLnk:active { color: #aaaaaa; text-decoration: none; }
.greyLnk:hover { color: #99980c; text-decoration: underline; }

.footerLnk:link, .footerLnk:visited, .footerLnk:active { color: #ffffff; font-weight: bold; text-decoration: none; }
.footerLnk:hover { color: #ffffff; font-weight: bold; text-decoration: underline; }

.cartLnk:link, .cartLnk:visited, .cartLnk:active { color: #996600; text-decoration: none; font-weight: bold; }
.cartLnk:hover { color: #996600; text-decoration: underline; }

.cartLnkAlt:link, .cartLnkAlt:visited, .cartLnkAlt:active { color: #848451; text-decoration: none; }
.cartLnkAlt:hover { color: #848451; text-decoration: underline; }

.crumbLnk:link, .crumbLnk:visited, .crumbLnk:active { color: #99980c; text-decoration: none; }
.crumbLnk:hover { color: #848451; text-decoration: underline; }

.srtLnk:link, .srtLnk:visited, .srtLnk:active { color: #848451; text-decoration: none; }
.srtLnk:hover { color: #848451; text-decoration: underline; }

.rmvLnk:link, .rmvLnk:visited, .rmvLnk:active { color: #D03B35; text-decoration: none; display: inline-block; }
.rmvLnk:hover { color: #D03B35; text-decoration: underline; }

.rmvFltLnk:link, .rmvFltLnk:visited, .rmvFltLnk:active { color: #D03B35; font-weight: bold; text-decoration: none; display: inline-block; }
.rmvFltLnk:hover { color: #D03B35; text-decoration: underline; }

/* Homepage & posts ========================================= */

.rttrcnt { width: 980px; height: 400px; background: #ffffff; }

.hpBlockContainer, .hpBlockContainerAlt { float: left; width: 483px; }
.hpBlockContainerB, .hpBlockContainerAltB { float: left; width: 398px; }
.hpBlockContainerAlt, .hpBlockContainerAltB { margin-left: 14px; }

.hpBlock, .hpBlockB { border: solid 1px #e4e4c5; background: #f9f9f9 url("images/dots.png") no-repeat right bottom; }
.hpBlock { width: 481px; }
.hpBlockB { width: 396px; }

.hpBlockImg { float: left; width: 300px; }
.hpBlockText { float: left; width: 181px; }

.hpBlockImgB { float: left; width: 170px; height: 128px; }
.hpBlockTextB { float: left; width: 216px; }

.hpBlockText p, .hpBlockTextB p { line-height: 18px; padding: 15px 13px 0 13px; }
.hpBlockText .btn, .hpBlockTextB .btn { margin: 15px 0 0 13px; }
.hpBlockTextClear { clear: left; height: 0px; }

.hpBlockTextB p.bld { font-weight: bold; }
.hpBlockTextB p.info { line-height: 14px; padding: 8px 13px 0 13px; font-size: 11px; }

.hpBlockClear { clear: left; height: 20px; }
.hpBlockClearB { clear: left; height: 14px; }

/* Products List ============================================ */

.productsListSortingArea { padding: 15px 0px 15px 0px; background: #fbfbf7; }
.productsListSortingL { float: left; padding-left: 10px; }
.productsListSortingR { float: right; padding-right: 10px; }

.productsListContainerP, .productsListContainerPc, .productsListContainerRa, .productsListContainerRb { float: left; position: relative; width: 188px; border: solid 1px #e4e4c5; }
.productsListContainerP, .productsListContainerRa, .productsListContainerRb { min-height: 360px; }
.productsListContainerPc { min-height: 378px; }
.productsListContainerP, .productsListContainerPc { margin: 0 6px 0 6px; }
.productsListContainerRb { margin: 0 7px 0 7px; }

.productsListImg { margin: 10px auto 0; width: 154px; }
.productsListImg img { width: 154px; }
.productsListText { line-height: 18px; text-align: center; }
.productsListText p.pName { line-height: 18px; padding: 6px 10px 0 10px; }
.productsListText .boxPrice { position: absolute; left: 45px; bottom: 55px; width: 100px; }
.productsListText p.pPrice { line-height: 18px; font-size: 15px; }

.productsListFakePrice { text-decoration: line-through; color: #c0c0c0; font-size: 12px; line-height: 24px; }
.productsListFakePrice2 { font-weight: bold; font-size: 12px; line-height: 24px; }

.productsListPaging { text-align: right; padding: 6px 4px 0 0; }

.productsListFix { height: 4px; }
.productsListClear { clear: left; height: 16px; }
.productsListClearP { clear: left; height: 14px; }
.productsListClearR { clear: left; height: 8px; }

.productPicOverlayNew { position: absolute; top: -1px; left: -1px; z-index: 95; width: 55px; height: 55px; background: url("images/tag_new.png"); }
.productPicOverlayOffer { position: absolute; top: -1px; left: -1px; z-index: 96; width: 55px; height: 55px; background: url("images/tag_offer.png"); }
.productPicOverlayTop { position: absolute; top: -1px; left: -1px; z-index: 97; width: 55px; height: 55px; background: url("images/tag_top.png"); }

.strongLnk { font-size: 11px; color: #ffffff; padding: 7px 9px 7px 9px; background: #99980c; border-radius: 3px; text-decoration: none; display: inline-block; }
.strongLnk:hover { background: #848451; cursor: pointer; }

.addBasketLnk { font-size: 11px; color: #ffffff; padding: 7px 0 7px 0; background: #99980c; border-radius: 3px; text-decoration: none; display: inline-block; bottom: 18px; left: 44px; position: absolute; width: 100px; }
.addBasketLnk:hover { background: #848451; cursor: pointer; }

.inactiveLnk { font-size: 11px; color: #ffffff; padding: 7px 0 7px 0; background: #a0a0a0; border-radius: 3px; text-decoration: none; display: inline-block; bottom: 18px; left: 44px; position: absolute; width: 100px; }

/*.priceFilterCnt { background: #ffffff; }
.priceFilterLabel { padding: 10px 0 10px 10px; }
.priceFilterSlider { width: 130px; margin-left: 16px; }
.priceFilterButton { color: #ffffff; padding: 7px 10px 7px 10px; background: #99980c; font-size: 12px; font-weight: bold; border-radius: 3px; margin: 12px 0 12px 10px; text-decoration: none; display: inline-block; }
.priceFilterButton:hover { background: #007332; cursor: pointer; }

.filtersArea table { width: 100%; border-top: solid 1px #ffffff; }
.filtersAreaTitles, .filtersAreaValues { background: #fbfbf7; line-height: 18px; vertical-align: top; padding: 10px 10px 10px 10px; border-bottom: solid 1px #ffffff; }
.filtersAreaTitles { width: 120px; border-right: solid 1px #ffffff; }
.filtersAreaValues  { color: #aaaaaa; }
.filtersAreaSelectedLbl { font-weight: bold; color: #303030; }*/

/* Products Details ========================================= */

.productBigDisplayerImgArea { float: left; width: 278px; }
.productBigDisplayerInfo { float: right; width: 682px; }

.productBigDisplayerInfoL { float: left; width: 480px; }
.productBigDisplayerInfoR { float: right; width: 160px; text-align: right; }

.productBigDisplayerImg { border: solid 1px #eeeeee; position: relative; }
.productBigDisplayerImg:hover { border: solid 1px #e4e4c5; }
.productBigDisplayerImgCategory { font-size: 11px; line-height: 13px; }

.productBigGap1 { height: 8px; }
.productBigGap2 { height: 10px; }
.productBigGap3 { height: 26px; }
.productBigGap4 { height: 16px; }

.productBigPrice { font-size: 22px; font-weight: bold; letter-spacing: 1px; }
.productBigDisplayerInfo p { text-align: justify; }
.productBigDisplayerInfoL p { text-align: left; }

.productFakePrice { text-decoration: line-through; color: #a9a9a9; font-size: 13px; }
.productFakePrice2 { font-weight: bold; color: #996600; font-size: 13px; }

.productMore { float: left; margin: 5px 4px 0 0; border: solid 1px #eeeeee; }
.productMore:hover { border: solid 1px #e4e4c5; }
.productMore img { width: 86px; }
.productMoreClear { clear: left; height: 15px; }

.wholeSale { width: 113px; margin: 30px 0 0 0; }

.productsRelatedHeader { font-weight: bold; color: #909090; margin: 24px 0 24px 0; }
.productsRelatedContainer { float: left; margin-left: 11px; width: 152px; background: #f5f5f5; font-size: 12px; position: relative; }

.certBox { height: 30px; float: left; padding-right: 10px; }
.certBox img { height: 30px; }

/* Articles details view ==================================== */

.articleDetailsInfo { font-size: 11px; }
.articleDetailsGap { height: 20px; }
.articleDetailsThumb { float: left; width: 170px; height: 128px; margin: 14px 14px 0 0; }
.articleDetailsThumbsClear { clear: left; height: 20px; }

/* Header layout ============================================ */

.topBtnFix { clear: right; height: 16px; }

.btnHeader { font-size: 13px; color: #ffffff; padding: 12px 16px 12px 16px; background: #99980c; border-radius: 3px; text-decoration: none; display: inline-block; font-weight: bold; }
.btnHeader:hover { background: #848451; cursor: pointer; }

.basketarea { float: right; margin-top: 12px; }
.basketTdA { width: 400px; text-align: right; position: relative; }
.basketTdA .hoverCartDiv { margin-right: 4px; height: 34px;  line-height: 18px; display: inline-block; }
.basketTdB { width: 38px; }

/* The hover cart layout ==================================== */

.basketTdA .hoverCartDiv .hoverCart { display: none; position: absolute; }
.basketTdA .hoverCartDiv:hover .hoverCart { display: block; z-index: 1005; width: 280px; position: absolute; top: 34px; right: -35px; }

.hoverCartDataTop { height: 10px; }

.hoverCartData { width: 280px; background: #FBFBF7; border: solid 1px #e4e4c5; font-size: 12px; border-radius: 5px 5px 5px 5px; }
.hoverCartData p { padding: 12px 0 12px 0; text-align: center; font-weight: bold; }
.hoverCartData table { border: 0; width: 280px; }
.hoverCartData table tr { border-top: solid 1px #e4e4c5; border-bottom: solid 1px #e4e4c5; }
.hoverCartData table .tr1 { background: #F7F7E6; }
.hoverCartData table tr .td1 { padding: 10px 5px 10px 5px; text-align: left; }
.hoverCartData table tr .td2 { padding: 10px 5px 10px 5px; text-align: right; }

.hoverCartBtn { color: #ffffff; background: #99980c; border: 1px solid #99980c; padding: 4px 6px 4px 6px; text-decoration: none; display: inline-block; font-weight: bold; border-radius: 3px 3px 3px 3px; }
.hoverCartBtn:hover { background: #848451; border: 1px solid #848451; cursor: pointer; }

/* Menu layout ============================================== */

.menucnt a:link, .menucnt a:visited, .menucnt a:active { color: #ffffff; text-decoration: none; }
.menucnt a:hover { color: #ffffff; text-decoration: underline; }

.searchboxTbl { margin-top: 6px; }
.searchboxTdA { width: 170px; text-align: left; }
.searchboxTdB { width: 20px; }
.searchTextBox { font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; color: #000000; border: 1px solid #e0e0e0; padding: 4px 5px 4px 5px; background: #ffffff; border-radius: 3px; }

/* All tables ============================== */

.allTablesStyle { width: 810px; border: 0; }
.allTablesStyleBig { width: 980px; border: 0; }

.allTablesHeadersLinesL { background: #99980c; height: 30px; text-align: center; color: #ffffff; border-top: solid 1px #99980c; border-bottom: solid 1px #99980c; border-left: solid 1px #99980c; border-right: none; }
.allTablesHeadersLinesR { background: #99980c; height: 30px; text-align: center; color: #ffffff; border: solid 1px #99980c; }

.allTablesRowsLines { background: #ffffff; }
.allTablesRowsLines:hover { background: #f0f0f0; }

.allTablesCellLinesL { text-align: center; padding: 8px 5px 8px 5px; border-top: none; border-bottom: solid 1px #e0e0e0; border-left: solid 1px #e0e0e0; border-right: none; }
.allTablesCellLinesR { text-align: center; padding: 8px 5px 8px 5px; border-top: none; border-bottom: solid 1px #e0e0e0; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; }
.allTablesCellLinesL2 { text-align: center; padding: 8px 0px 8px 0px; border-top: none; border-bottom: solid 1px #e0e0e0; border-left: solid 1px #e0e0e0; border-right: none; }
.allTablesCellLinesR2 { text-align: right; padding: 8px 0px 8px 0px; border-top: none; border-bottom: solid 1px #e0e0e0; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; }

/* Shopping cart table ===================== */

.cartTablesHeaders { background: #99980c; height: 30px; text-align: center; color: #ffffff; }
.cartTablesRows { background: #ffffff; }
.cartTablesCellM { border-bottom: dotted 1px #e0e0e0; text-align: center; padding: 5px 10px 5px 10px; }
.cartTablesCellP { border-bottom: dotted 1px #e0e0e0; width: 80px; height: 90px; }
.cartGapFix { height: 5px; }

.cartTablesTotal1 { background: #ffffff; width: 759px; font-size: 11px; height: 36px; }
.cartTablesTotal2 { background: #FCFCE3; width: 100px; text-align: center; color: #996600; border-right: 1px solid #ffffff; }
.cartTablesTotal3 { background: #FCFCE3; width: 100px; text-align: center; color: #996600; font-weight: bold; }

.cartEmptyArea { background: #FCFCE3; text-align: center; border-radius: 3px;  }
.cartEmptyArea p { padding: 30px 0 30px 0; }

/* Login area ============================== */

.labelGap { height: 12px; }
.loginGap { height: 16px; }

/* User Info Table ========================== */

.usrInfoTbl { width: 754px; border: 0; }
.usrInfoTblBig { width: 940px; border: 0; }

.usrInfoCell1, .usrInfoCell3, .usrInfoCell3 { height: 34px; }
.usrInfoCell1 { width: 200px; }
.usrInfoCell2 { width: 3px; }

.userInfoMarker { font-weight: bold; color: #99980c; }
.usrInfoSpecialSpan { font-size: 11px; color: #808080; }

/* Complete order ========================== */

.cmplTotal { background: #f5f5f5; border-bottom: 1px solid #ffffff; }
.cmplL { float: left; padding: 10px 8px 10px 8px; }
.cmplR { float: right; padding: 10px 0px 10px 8px; }
.cmplGapFix { height: 10px; }
.cmplPaymentNote { line-height: 22px; }
.cmplSpecialSpan { font-weight: bold; color: #949DA2; }

/* Order details =========================== */

.ordDtlsL { width: 470px; float: left; }
.ordDtlsR { width: 469px; float: right; }

/* Favorite products======================== */

.favL { float: left; padding-top: 25px; }
.favR { float: right; padding-top: 20px; }

/* Popup window ============================ */

.mainbanneroverlay { background: url("images/dotb.png"); top: 0; left:0; position: fixed; z-index: 99999; width: 100%; height: 100%; visibility: hidden; }
.mainbanneroverlay .popbanner { margin: 45px auto; width: 600px; background: #ffffff; }
.mainbanneroverlay .popbanner .hidebox { background: #f0f0f0; text-align: right; }
.mainbanneroverlay .popbanner .hidebox a { display: inline-block; padding: 10px 10px 10px 10px; }