/**
* ----------------------------------------------------------------------------------------------------------------------------
* @purpose: Stylesheet
*
* @editors   MK/IK/JB/RG/AS/VH
* @version    1.0
* @since      Available since release 1.0
* @license    http://www.totalcommerce.nl/license.php
* @support    support@totalcommerce.nl
* @copyright  2008 Total Commerce
* @link       http://www.totalcommerce.nl
* ----------------------------------------------------------------------------------------------------------------------------
*/

/* ===== TAGS ===== */
HTML { height: 100%; margin-bottom: 1px; }
BODY { min-height: 100%; background: #37321c url(images/layout/body_background.gif) repeat-x left top; margin: 0; padding: 0; }
BODY, TH, TD, INPUT, SELECT, TEXTAREA { color: #000; font-size: 11px; font-family: Verdana, Arial, sans-serif; }
INPUT.inputbox { padding-left: 3px; padding-right: 3px; border: 1px solid #000; }
SELECT { border: 1px solid #000; }
TEXTAREA { width: 98%; border: 1px solid #000; overflow: auto; }
FORM { margin: 0; padding: 0; }
IMG { border: none; }
P { margin: 10px 0; }
OL, UL { margin-top: 10px; margin-bottom: 10px; }
A { color: #605D4D; text-decoration: none; outline: none; }
A:hover { color: #000; text-decoration: none; }


/* ===== TITLE ===== */
TD.pageHeading H1 { color: #3F391D; font-size: 26px; font-weight: normal; margin: 10px 0; padding-left: 10px; line-height: normal; }
TD.pageHeading .price { display: block; padding-right: 10px; color: #000000; font-size: 20px; font-weight: bold; text-align: right; line-height: normal; }
H2 { margin: 0; padding: 2px 5px; background-color: #BBC3D3; color: #fff; font-size: 12px; font-weight: bold; line-height: normal; }
H3 { margin: 0 0 10px; padding: 0; color: #000; font-size: 12px; font-weight: bold; line-height: normal; }
TD.subHeading { padding: 2px 6px; }
TD.subHeading H3 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; line-height: normal; }
TD.subHeading H3 A { margin-left: 15px; font-size: 11px; font-weight: normal; }


td.cellProdH div.blkProd a.btn, td.cellProdH div.blkProd span.price { width: 60px; }
input.btn, a.btn { background-color: #F56916; }
input.btn, input.btnG, input.btnB { background-color: #F56916; border: medium none; color: #FFFFFF; cursor: pointer; font-family: Arial,sans-serif; font-size: 11px; font-weight: bold; padding: 2px 5px; width: auto; }
a.btn, a.btnB, a.btnG { background-color: #F56916; color: #FFFFFF !important; float: left; font-family: Arial,sans-serif; font-size: 11px; font-weight: bold; padding: 2px 8px; text-align: center; text-decoration: none; white-space: nowrap; }


/* ===== LAYOUT ===== */
#page { position: relative; width: 993px; margin: 0 auto; }
.container { width: 993px; margin: 0 auto; }
#columnLeft { width: 210px; background: #fff url(images/layout/left_background.gif) no-repeat; vertical-align: top; }
#columnRight { width: 210px; background: #fff url(images/layout/main_background.gif) repeat-x; padding-bottom: 160px; vertical-align: top; }
#columnRight TD { vertical-align: top; }
#columnHomeRight { padding-bottom: 160px; }
#content { width: 573px; background: #fff url(images/layout/main_background.gif) repeat-x; vertical-align: top; }
#homecontent { width: 983px; background: #fff url(images/layout/main_background.gif) repeat-x; vertical-align: top; }


/* ===== HEADER ===== */
#header { background: url(images/layout/header_bg.gif) repeat-x left top; }
#header .container { position: relative; width: 993px; height: 229px; background: url(images/layout/header_background.jpg) no-repeat left top; margin: 0 auto; padding: 0; }
#header .logo_link A { position: absolute; z-index: 100; top: 80px; left: 142px; width: 329px; height: 60px;  text-indent: -5000px; }
#header .breadcrumb { padding: 5px; color: #888888; }
#header .breadcrumb A{ color: #888888; text-decoration: none; }
#header .breadcrumb A:hover{ color: #000; }
#header .thuiswinkelLnk { position: absolute; z-index: 100; top: 170px; left: 141px; width: 88px; height: 28px; text-indent: -5000px; }

DIV.headerError, DIV.headerInfo { margin: 10px 0; padding: 5px 10px; font-weight: bold; text-align: center; }
DIV.headerError { background-color: #EA2247; color: #fff; }
DIV.headerInfo { background: #ffe78d; color: #000; }


/* ===== FOOTER ===== */
#footer { color: #fff; padding: 10px 10px 30px; }


/* ===== MENU ===== */
#top { width: 100%; background: #455914 url(images/layout/topbar_bg.gif) repeat-x left top; padding: 13px 0 3px; color: #fff; overflow: hidden; }
#top #zoeken { float: left; width: 220px; height: 24px; padding: 4px; background: url(images/layout/zoken_background.gif) no-repeat; }
#top #zoeken INPUT.inputbox { padding-left: 3px; padding-right: 3px; border: 1px solid #fff; width: 140px; color: #6B6C65; }
#top #menuMain { float: right; color: #fff; font-size: 10px; padding: 4px; width: 755px; text-align: right; }
#top #menuMain A { text-decoration: none; color: #fff; }

TD.top5 { width: 195px; background-color: #F1E190; padding: 5px; }
TD.top5 TD.productImg { width: 70px; height: 85px; background-color: #fff; text-align: center; }
TD.top5 TD.desc { padding: 3px 5px; vertical-align: top; }
TD.top5 TD.price { padding: 0 5px; font-size: 12pt; font-weight: bold; vertical-align: bottom !important; }


/* ===== BOX ===== */
TABLE.infoBoxHeading { }
TABLE.infoBoxHeading H3 { font-family: Arial,sans-serif; color: #D9D7D2; font-size: 20px; }
TABLE.infoBox { }
TABLE.infoBox TABLE.infoBoxContents { width: 148px; margin: 8px auto; }
TABLE.infoBoxFooter TD { height: 5px; font-size: 0 !important; }
.infoBoxTitle { padding: 10px 0 5px 12px; }

TABLE.contentBoxHeading { background-color: #bbc3d3; }
TABLE.contentBoxHeading H3 { margin: 0; padding: 0; color: #fff; font-size: 12px; font-weight: bold; }
TABLE.contentBox { background-color: #f8f8f9; border: 1px solid #b6b7cb; }
TABLE.contentBox TABLE.contentBoxContents { }
TABLE.contentBoxFooter { display: none; }

TR.bgfirst TD { background-color: #ffff; }
TR.bgsecond TD { background-color: #ffff; }

/* shopping cart */
TD.cartHeading { padding: 2px 10px 2px 5px; color: #000; font-size: 10px; font-weight: bold; border-bottom: 1px solid #ccc; }
TD.cartData { padding: 8px; vertical-align: top; border-bottom: 1px solid #ccc; }
TD.cartData A{ color: #7F7D74; text-decoration: none; }
TD.cartImg { width: 107px; border-bottom: 1px solid #ccc; text-align: center; }
TD.cartImg DIV { width: 107px; background: url(images/layout/cart_background.gif) no-repeat; margin: 5px; padding: 4px; height: 80px; text-align: center; }
TD.subTotal { padding: 2px 10px; font-weight: bold; text-align: right; }

SPAN.newItemInCart { font-size: 10px; color: #ff0000; }

/* product list */
TD.prodList { width: 33%; line-height: normal; vertical-align: top; background-color: #fff; padding: 5px 0px 5px 8px; }
TD.prodList DIV.productImg { width: 168px; height: 120px; background: url(images/layout/product_background.gif) no-repeat; padding: 8px 0 0 3px; text-align: center; }
TD.prodList DIV.productDsc { height: 65px; }
TD.prodList DIV.productPrice { height: 18px; padding: 0 8px; color: #000; font-weight: bold; }
TD.prodList DIV.productTitle { padding: 5px 8px; color: #000; height: 26px; }
TD.prodList DIV.productDesc { padding: 5px; margin-right: 2px; color: #908E87; height: 34px; }
TD.prodList SPAN.SpecialPrice { color: red; font-size: 14px; }
TD.prodList S { margin-left: 5px; }

TD.newprodList{ line-height: normal; vertical-align: top; padding: 5px 0px 5px 8px; }
TD.newprodList DIV.productImg { height: 122px; background: url(images/layout/product_background.gif) no-repeat; padding: 8px 25px 0 0; text-align: center; }
TD.newprodList DIV.productTitle { padding: 5px 8px 0; color: #908E87; height: 28px; }
TD.newprodList DIV.productPrice { padding: 0 8px; color: #000; font-weight: bold; }
TD.newprodList SPAN.productSpecialPrice { color: red; font-size: 14px; }

/* category list */
TD.categoryList { width: 33%; line-height: normal; vertical-align: top; background-color: #fff; padding: 5px 0px 5px 8px; }
TD.categoryList DIV.categoryImg { height: 122px; background: url(images/layout/product_background.gif) no-repeat; padding: 8px 6px 0px 0px; ; text-align: center; }
TD.categoryList DIV.categoryTitle { padding: 8px; color: #000; font-weight: bold; }
TD.categoryList DIV.categoryDesc { padding: 8px; color: #7F7D74; }

#category { font-size: 11pt; padding-left: 1px; width: 209px; overflow: hidden; }
#category .current { background-color: #F5E592; margin: 5px 6px 0 0; }
#category .subcurrent { padding: 2px 2px 2px 15px; font-size: 10pt; background: url(images/layout/ticket.gif) no-repeat; }
#category .subnotcurrent { padding: 2px 2px 2px 15px; font-size: 10pt; }
#category .current .link { padding: 5px 5px 0px 15px; }
#category .notcurrent { padding: 5px 5px 0px 15px; }
#category A{ color: #605D4D; text-decoration: none; }
#category A:hover{ color: #000; }
#category .current .link A{ color: #000; }
#category .subcurrent A{ color: #000; }

/* product new */
TD.prodNew { width: 33%; text-align: center; vertical-align: top; }
TD.prodNew .productImg { margin-bottom: 8px; }

/* product info */
TD.prodInfoImg { padding: 15px; text-align: center; }
TD.prodInfoImg .productImg { padding: 5px; border: 3px solid #4F4D4D; }
TD.prodInfoImg TD.productAddImg { width: 33%; padding: 8px 4px 0 4px; }
TD.prodInfoImg TD.productAddImg DIV { width: 60px; height: 60px; border: 1px solid #4F4D4D; text-align: center; }
TD.prodInfoDsc { width: 100%; color: #3D3D3D; line-height: 150%; }


/* ===== BLOCK ===== */
DIV.cartBlk { padding: 5px; }
DIV.cartBlk .total { }

TD.buttonBar { padding: 5px; }
TD.buttonBar DIV.buttonBlk { }
TD.buttonBar TD { font-size: 10px; line-height: normal; }

.cntBrd { padding: 5px 1px; border: 1px solid #D1D1D1; margin: 1px; }
.cntBrdT { display: none; }
.cntBrdT SPAN { }
.cntBrdB { display: none; }
.cntBrdB SPAN { }
.cntBrdP{ padding: 5px 1px; }
.cntBrdP h1 { color: #3F391D; font-size: 20pt; font-weight: normal; padding-left: 10px; line-height: 0px; }

.contentBlk { }
.contentBlk DIV.contentBlkT { }
.contentBlk DIV.contentBlkB { padding: 10px; }
.contentBlk DIV.contentBlkB.bg { background-color: #fafafa !important; }

TD.loginContent { padding: 10px; }
TD.loginBtn { padding: 10px; }

.infoBlkFloat { float: right; width: 40%; background-color: #f8f8f9; margin: 0 0 10px 10px; padding: 10px; border: 1px solid #b6b7cb; }

TD.noteBlkT { font-size: 10px; }
TD.noteBlkB { font-size: 10px; }

.imagesBoxContents { font-size: 10px; }
.lnkList { line-height: 18px; }

.reviewRating { height: 13px; margin-left: 13px; }
.reviewRating a { color: #6f9d1e; }
.reviewRating a:hover { color: #3d3d3d; }


/* ===== FAQ ===== */
.ansBlk { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #000; }
.ansBlk .ans { float: left; width: 490px; margin-bottom: 5px; font-weight: bold; }
.ansBlk .backTop { float: right; margin-bottom: 5px; font-size: 11px; }
.qws { padding: 3px 0; }
.qws SPAN { margin-left: 16px; line-height: 20px; }


/* ===== AFFLIATE ===== */
SPAN.affiliateMenu { display: block; padding: 2px 0 3px; border-bottom: 1px solid #ccc; }
SPAN.affiliateMenu A { padding: 0 10px; }
DIV.affiliateSubmenu { border-bottom: 1px solid #ccc; padding: 5px 10px; }
DIV.affiliateSubmenu A { }

/* ===== Links Manager ===== */
TD.linksHeading { background-color: #BBC3D3; padding: 2px 8px; color: #fff; font-weight: bold; }
TD.linksHeading A { color: #fff; }
TD.linksData, links.cartImg { padding: 3px 8px; vertical-align: top; border-bottom: 1px solid #ccc; }

.sort { font-size: 13px; }
.mainCategory { font-weight: bold; }
.subCategory { margin-left: 12px; }


/* ===== TABLE ===== */
TABLE.tblForm TH { padding: 3px 15px 3px 0; font-weight: bold; text-align: left; vertical-align: top; }
TABLE.tblForm TD { padding: 3px 15px 3px 0; vertical-align: top; }
TABLE.tblForm INPUT.inputbox { width: 160px; }
TABLE.tblForm SELECT { width: 166px; }

TABLE.tblHor TH { background-color: #BBC3D3; padding: 2px 5px; color: #fff; font-size: 10px; font-weight: bold; text-align: left; vertical-align: top; border-bottom: 1px solid #ccc; }
TABLE.tblHor TD { background-color: #f8f8f9; padding: 3px 5px; vertical-align: top; border-bottom: 1px solid #ccc; }

TABLE.pageNum TD { font-size: 11px; }
TABLE.pageNum A.pageResults { color: #75746E; text-decoration: none; font-size: 1.2em; }
TABLE.pageNum A.pageResults:hover { color: #0000FF; background: #FFFF33; }


/* ===== MESSAGE ===== */
.errorBox, .messageStackError, .messageStackWarning { background-color: #EA2247; padding: 5px 10px; color: #fff; font-size: 10px; line-height: normal; }
.stockWarning { font-size: 10px; color: #EA2247; line-height: normal; }
.productsNotifications, .messageStackSuccess { background-color: #37bc20; padding: 5px 10px; color: #fff; font-size: 10px; line-height: normal; }


/* ===== TEXT ===== */
.smallText { font-size: 10px; }
TD.inputRequirement, SPAN.inputRequirement { font-size: 10px; color: #ff0000; }
TD.inputRequirement { padding: 0 15px; }
SPAN.greetUser { font-size: 12px; color: #f0a480; font-weight: bold; }
SPAN.markProductOutOfStock { font-size: 12px; color: #c76170; font-weight: bold; }
SPAN.productSpecialPrice { color: #ff0000; }
SPAN.errorText { font-size: 10px; color: #ff0000; }
.txtRed { color: #ff0000 !important; }
.read { color: #52A9DF !important; }
.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }


/* ===== LINK ===== */
A.orderEdit { font-size: 10px; color: #70d250; text-decoration: underline; }
A.homeLnk { position: absolute; right: 5px; bottom: 80px; width: 97px; height: 67px; }


/* ===== POPUP ===== */
BODY.popup { background: none !important; padding: 15px; }
BODY.popup .closeBtn { text-align: right; }


/* ===== OTHER ===== */
.stoplicht { margin-left: 10px; font-weight: bold; }
.stoplicht img { vertical-align: middle; margin-right: 10px; }
.stoplicht.rood  { color: #cf1d1d; }
.stoplicht.blauw { color: #2879c4; }
.stoplicht.groen { color: #6f9d1e; }

.lineSeparator { height: 1px; margin-top: 10px; padding-top: 10px; border-top: 1px solid #000; line-height: 0; font-size: 0; }

.aLeft { text-align: left !important; }
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }

.notbrd { border-top: none !important; }
.nobbrd { border-bottom: none !important; }
.nopad { padding: 0 !important; }

.padtrbl{ padding: 10px; }
.imgBrd IMG { border: 1px solid #000; }

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.suggest_link { padding: 2px 6px 2px 6px; }
.suggest_link_over { background-color: #BBC3D3; padding: 2px 6px 2px 6px; color: #fff; cursor: pointer; }

#search_suggest { position: absolute; background-color: #8F8F8F; text-align: left;  z-index:2;}

.fleft { float: left; }
.fright { float: right !important; }

.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }

.gray_line{ height: 1px; border-bottom: 1px solid #E5E5E5; width: 100%; font-size: 0; text-indent: -5000px; }
.gray_frame { border: 1px solid #D1D1D1; margin: 1px; }

.show { display: block; }
.hide { display: none; }

* HTML .mypng img { azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/pixel_trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true); }