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

/* ===== TAG ===== */
HTML { height: 100%; margin-bottom: 1px; }
BODY { background: #fff url(images/header/body_bg.jpg) repeat-x; margin: 0; padding: 0; }
BODY, TH, TD, INPUT, SELECT, TEXTAREA { color: #000; font-size: 12px; font-family: Tahoma, Arial; }
INPUT.inputbox { padding-left: 3px; padding-right: 3px; border: 1px solid #000; }
SELECT { border: 1px solid #000; }
TEXTAREA { width: 99%; border: 1px solid #000; overflow: auto; }
FORM { margin: 0; padding: 0; }
IMG { border: none; }
BR { clear: both; }
P { margin: 10px 0; }
OL, UL { margin-top: 10px; margin-bottom: 10px; }
A { color: #029ADD; text-decoration: none; outline: none; }
A:hover { color: #000; }
h1, h2	{ font-size: 34px; font-weight: normal; line-height: normal; margin: 8px 0; color: #2e3039; }
h2	{ font-size: 24px; }
h3	{ font-size: 16px; font-weight: normal; margin: 0 0 8px 0; color: #2e3039; line-height: normal; }
h4	{ font-size: 16px; font-weight: normal; line-height: normal; margin: 8px 0; }


/* ===== TITLE ===== */
.pageHeading { margin-bottom: 10px; }
.pageHeading DIV { width: 100%; overflow: hidden; }
.pageHeading DIV h3	{ font-weight: bold; margin: 0; }
.pageHeading .price { float: right; width: 25%; font-size: 13px; font-weight: bold; text-align: right; line-height: normal; }
.subHeading { padding: 2px 6px; }
.subHeading H3 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; line-height: normal; }
.subHeading H3 A { margin-left: 15px; font-size: 11px; font-weight: normal; }


/* ===== LAYOUT ===== */
#page { width: 960px; margin: 0 auto; }
#columnLeft, #columnRight { width: 167px; vertical-align: top; background: #f1f1f1 url(images/content/column_back.gif) repeat-x; padding: 22px 0 0 0; }
#columnLeft	{ width: 215px; }
#columnLeft	.subcategories	{ width: 200px; margin: 0 auto 12px; }
#columnLeft	.subcategories ul	{ padding: 0; margin: 0; list-style: none; font-size: 12px; }
#columnLeft	.subcategories ul li	{ padding: 4px 15px 4px 0; background: url(images/content/categories_item.gif) no-repeat 100% 6px;}
#columnLeft	.subcategories ul li.active	{ background: url(images/content/categories_actitem.gif) no-repeat 100% 3px; }
#columnLeft	.subcategories ul li.subcategory	{ background: url(images/content/categories_subitem.gif) no-repeat 100% 3px; }
#columnLeft	.subcategories ul li.none	{ background: 3px; }
#columnLeft	.subcategories ul li a	{ color: #292a38; }
#columnLeft	.subcategories ul li a:hover	{ color: #029ADD }
#content { width: 590px; padding: 22px 20px 0; vertical-align: top; line-height: 14px; }


/* ===== HEADER ===== */
#header { background: url(images/header/header.jpg) no-repeat; height: 163px; position: relative; padding: 0 14px 0 0; }
#header A.logo { display: block; position: absolute; left: 234px; top: 90px; width: 455px; height: 90px; text-indent: -5000px; }
#header A.home { position: absolute; left: 58px; top: 48px; color: #cccccc; }
#header A.home:hover { color: #0D0D0F; }
#header .daysTitle	{ width: 121px; padding: 13px 0 0 0; text-align: center; color: #81828a; float: left; }
#header .daysField	{ width: 178px; height: 21px; padding: 8px 0 0 5px; float: left; }
#header .daysField div	{ float: left;  }
#header .daysField a, #header .daysField a.last{ display: block; width: 21px; height: 17px; padding: 4px 0 0 0; color: #fff; font-size: 10px; text-align: center; margin-right: 8px; margin-bottom: 5px; background-image: url(images/header/days.gif); background-repeat: no-repeat; background-position: 0 0; }
#header .daysField div.last a	{ margin-right: 0; background: url(images/header/days_rest.gif) no-repeat 0 0; }
#header .daysField a:hover, #header .daysField div.active a	{ background-position: 0 -21px; }
#header .daysField a:hover span, #header .daysField div.active a span	{ display: block; }
#header .daysField a span	{ display: none; color: #000; padding: 12px 0 0 0; }
#header .daysField div.last span	{ color: #3d55c0; }
#header #menuMain { position: absolute; right: 0; font: 11px Arial, sans-serif; padding: 10px 0 0 12px; }
#header #menuMain span	{ padding: 0 7px; }
#header #menuMain A { color: #444; font-weight: bold; }
#header #menuMain A:hover{ color: #00B4FF; }
#header ul.categories	{ padding: 0; margin: 0; list-style: none; position: absolute; bottom: 0; left: 0; border-bottom: 10px solid #004890; background: #475560;/* background: url(images/header/categories.gif) repeat-x left bottom; */ width: 960px; height: 28px; font: 13px Arial, sans-serif; }
#header ul.categories li	{ float: left; position: relative; padding: 0 24px 0 0; }
#header ul.categories li a	{ color: #fff; font-size: 14px; display: block; float: left; height: 28px; padding: 8px 8px 0 0; margin-left: 42px; cursor: pointer; }
#header ul.categories li a:hover	{ color: #00B4FF;}
#header ul.categories li a span	{ display: none; height: 52px; width: 28px; }
#header ul.categories li span.blink	{ display: none; }
#header ul.categories li.active a	{ color: #00B4FF; }
#header .shadow	{ width: 100%; background: url(images/header/shadow.png) repeat-x; height: 9px; position: absolute; bottom: -9px; left: 0; }
#header ul.rightMenu	{ position: absolute; right: 42px; top: 75px; padding: 0; margin: 0; list-style: none; font: 13px Arial, sans-serif; text-align: right; }
#header ul.rightMenu li	{ padding: 0 12px 8px 0; }
#header ul.rightMenu li.active	{ background: url(images/header/liactive.gif) no-repeat 100% 6px; }
#header ul.rightMenu a	{ color: #2c2d36; }
#header ul.rightMenu a:hover, #header ul.rightMenu li.active a	{ color: #0080b6 }


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 { padding: 10px 0; text-align: center; background: #2C2E3D; color: #fff; }
#footer a:hover	{ text-decoration: underline; color: #029ADD; }
#footer .tblDate TD { background-color: #444; padding: 3px 10px; color: #fff; font-size: 10px; font-weight: bold; }


.breadcrumb { float: left; }
.breadcrumb A { color: #fff; }


/* ===== BOX ===== */
TABLE.infoBoxHeading, TABLE.infoBox, TABLE.infoBoxFooter	{ width: 153px; margin: 0 auto; }
#columnLeft TABLE.infoBoxHeading, #columnLeft TABLE.infoBox, #columnLeft TABLE.infoBoxFooter	{ width: 200px; margin: 0 auto; }
TABLE.infoBoxHeading { background: url(images/content/title_back.gif) no-repeat; padding: 3px 0; }
#columnLeft TABLE.infoBoxHeading { background: url(images/content/title_back_big.gif) no-repeat; padding: 3px 0; }
TABLE.infoBoxHeading H3 { margin: 0; padding: 0; color: #292a38; font-size: 17px; }
TABLE.infoBox { padding: 0 5px 12px 10px; background: url(images/content/box_back.gif) repeat-y; }
#columnLeft TABLE.infoBox { padding: 0 5px 12px 10px; background: url(images/content/box_back_big.gif) repeat-y; }
TABLE.infoBox TABLE.infoBoxContents { margin: 8px auto; }
TABLE.infoBox TABLE.infoBoxContents a b	{ font-size: 12px; }
TABLE.infoBoxFooter	{ background: url(images/content/footer_box_back.gif) no-repeat; }
#columnLeft TABLE.infoBoxFooter	{ background: url(images/content/footer_box_back_big.gif) no-repeat; }
TABLE.infoBoxFooter TD { height: 15px; font-size: 0 !important;  }

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

TR.bgfirst TD {  }
TR.bgsecond TD {  }

/* shopping cart */
TD.cartHeading { background-color: #C0C0C5; padding: 4px 10px 4px 5px; color: #292A38; font-weight: bold; }
TD.cartData, TD.cartImg, TD.cartPrice { padding: 8px; vertical-align: top; border-bottom: 1px solid #ccc; }
TD.subTotal { background-color: #C0C0C5; padding: 4px 10px; color: #292A38; font-weight: bold; text-align: right; }
TD.cartTotalPrice { background-color: #C0C0C5; padding: 4px 10px; color: #292A38; font-size: 12px; font-weight: bold; text-align: right; }

/* product list */
TD.prodList { width: 168px; padding: 10px; line-height: normal; vertical-align: top; }
TD.prodList DIV.productImg { height: 150px; padding: 5px 0; text-align: center; margin-bottom: 8px; }
TD.prodList DIV.productDsc { }
a.catList	{ width: 122px; height: 74px; padding: 20px 0 10px 0; margin: 0 0 20px 0; display: block; background-image: url(images/content/subcategories_back.gif); background-repeat: no-repeat; background-position: 0 0; font: 13px Arial, sans-serif; color: #fff; text-transform: uppercase; vertical-align: middle; overflow: hidden; }
a.catList:hover	{ background-position: 0 -104px; color: #fff; }
span.catListBot	{ display: block; background: url(images/content/categories_list_bot.gif) no-repeat left bottom; padding: 0 0 44px 0; }
span.catListCen	{ display: block; background: url(images/content/categories_list_back.gif) repeat-y 0 0; padding: 0 10px; }
span.catListCen {   }

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

/* product info */
TD.prodInfoImg { padding: 10px; text-align: center; }
TD.prodInfoImg TD.productAddImg { width: 33%; padding: 8px 4px 0 4px; }
TD.prodInfoImg TD.productAddImg DIV { width: 60px; height: 60px; text-align: center; }
TD.prodInfoDsc { width: 50%; padding: 10px; line-height: 18px; }


/* ===== BLOCK ===== */
/* category block */
.categoryBlk UL { margin: 0; padding: 0 0 0 15px; }
.categoryBlk LI { margin-bottom: 3px; color: #63a800; }
.categoryBlk LI SPAN { color: #000; }

/* cart block */
.cartBlk {}
.cartBlk .total { border-top: 1px solid #000; margin-top: 10px; padding-top: 3px; }
.newItemInCart { color: #ff0000; }

/* search block */
.searchBlk { text-align: center; float: right; padding: 8px 0 0 0; }
.searchBlk input	{ float: left;  }
.searchBlk .btn		{ margin: 0 0 0 7px; border: none; padding: 0; background-color: #fff;}
.searchBlk INPUT.inputbox { width: 164px; padding: 3px; height: 12px !important;}
.searchBlk .txt { margin: 7px 0; text-align: left; }
.suggest_link { padding: 2px 6px 2px 6px; }
.suggest_link_over { background-color: #029ADD; padding: 2px 6px 2px 6px; color: #fff; cursor: pointer; }
#search_suggest { display: none; position: absolute; top: 36px; z-index: 100; background-color: #f1f1f1; border: 1px solid #444; }

/* tell a friend block */
.tellafriendBlk INPUT.inputbox { width: 94%; margin-bottom: 7px; }
.tellafriendBlk .txt { margin: 7px 0 0; }


.buttonBar { padding: 5px; }
.buttonBar .buttonBlk { width: 100%; overflow: hidden; }
.buttonBar TD { font-size: 10px; line-height: normal; }

.cntBrd {  }
.cntBrdT { display: none; }
.cntBrdT SPAN {}
.cntBrdB { display: none; }
.cntBrdB SPAN {}

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

TD.loginContent { padding: 10px; }
TD.loginContent TD { padding-right: 0 !important; }
TD.loginContent INPUT { width: 120px !important; }
TD.loginBtn { padding: 10px; }

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

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

.imagesBoxContents { font-size: 10px; }


/* ===== FAQ ===== */
.ansBlk { margin: 3px 0 8px; padding-bottom: 8px; border-bottom: 1px solid #ccc; }
.ansBlk P { margin: 0; }
/*.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; }
.affiliateSubmenu { border-bottom: 1px solid #ccc; padding: 5px 10px; }
.affiliateSubmenu A {}


/* ===== LINKS MANAGER ===== */
TD.linksHeading { background-color: #444; 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: #444; 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; }


/* ===== BUTTON ===== */
INPUT.btn, A.btn { background-color: #029ADD; color: #fff; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold;  }
INPUT.btn { padding: 2px 5px; border: none; cursor: pointer; }
A.btn { float: left; display: block; padding: 2px 8px; text-decoration: none; white-space: nowrap; }
A:hover.btn { color: #fff; }


/* ===== 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 { padding: 0 15px; }
.inputRequirement { font-size: 10px; color: #ff0000; }
.greetUser { color: #3D55C0; font-weight: bold; }
.markProductOutOfStock { margin-left: 8px; font-size: 12px; color: #c76170; font-weight: bold; }
.productSpecialPrice { color: #029ADD; }
.attentionText { color: #ff0000 !important; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }


/* ===== LINK ===== */
A.orderEdit { font-size: 10px; }

UL.lnkList { margin: 0; padding: 0; list-style: none; }
UL.lnkList LI { background: url(images/arrow_green.gif) no-repeat left 3px; margin-bottom: 2px; padding-left: 15px; }

TABLE.pageNum TD { font-size: 10px; }
TABLE.pageNum A { color: #0000ff; }
TABLE.pageNum A:hover { background-color: #ffff33; color: #0000ff; }


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


/* ===== OTHER ===== */
.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; }
.marb { margin-bottom: 10px; }

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

.moduleRow { }
.moduleRowOver { background-color: #d7e9f7; cursor: pointer; }
.moduleRowSelected { background-color: #e9f4fc; }

.fleft { float: left !important; }
.fright { float: right !important; }
.noflfr { float: none !important; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }
.hLine	{ height: 1px; background: url(images/content/hline.gif) repeat-x; font-size: 0; margin: 10px 0; }
a.goThere, a.goThere2	{ display: block; background: url(images/content/button_in_cart.gif) no-repeat 97% 25px; padding: 25px 30px 5px 0; color: #2c2e3d; text-align: right; font-size: 16px; }
a.goThere2	{ background: url(images/content/button_in_cart.gif) no-repeat 100% 3px; padding: 3px 30px 3px 0; }
a.goThere:hover, a.goThere2:hover	{ color: #029ADD; }
.price	{ color: #029ADD; }