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

HTML { height: 100%; margin-bottom: 1px; }
body { background: #fff; 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: 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: #000000; text-decoration: none; outline: none; }/* was #63A800 */
a:hover { color: #000; }


/* ===== HEADING ===== */
H2 { margin: 0; padding: 2px 5px; background-color: #000; 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; }
.pageHeading { margin-bottom: 10px; }
.pageHeading div { width: 100%; overflow: hidden; }
.pageHeading H1 { float: left; width: 70%; margin: 0; padding: 0; color: #9a9a9a; font-size: 18px; font-family: Arial, sans-serif; font-weight: bold; line-height: normal; }
.pageHeading .price { float: right; width: 25%; font-size: 10px; font-weight: bold; text-align: right; line-height: normal; }
.pageHeading .pricewithouttax { float: right; width: 25%; font-size: 13px; font-weight: bold; text-align: right; line-height: normal; }
.produclistingpricewithtax {width: 25%; font-size: 9px; font-weight: bold; text-align: right; line-height: normal; }
.boxpricewithtax {width: 25%; font-size: 9px; line-height: normal; }
.xsellpricewithtax {width: 25%; font-size: 9px; line-height: normal; }
.subHeading { background-color: #000;  padding: 2px 6px; }
.subHeading H3 { margin: 0; padding: 0; color: #fff; font-size: 12px; font-weight: bold; line-height: normal; }
.subHeading H3 a { margin-left: 15px; color: #fff; font-size: 11px; font-weight: normal; }
 .logotext{display:none}.hide{visibility:hidden};

/* ===== LAYOUT ===== */
#page { width: 950px; margin: 0 auto; padding: 10px 0 30px; }
#columnLeft, #columnRight { width: 184px; vertical-align: top; }
#content { width: 552px; padding: 0 15px; vertical-align: top; line-height: 14px; }


/* ===== HEADER ===== */
#header { margin-bottom: 10px; }
#header a.logo_old { display: block; width: 200px; height: 41px; background: url(/images/Total_Commerce_v3.png) no-repeat left top; 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 { margin-top: 30px; font-size: 10px; text-align: center; }
#footer .tblDate td { background-color: #000; padding: 3px 10px; color: #fff; font-size: 10px; font-weight: bold; }


/* ===== MENU / NAVIGATION ===== */
#navBar { background-color: #000; height: 20px; margin-bottom: 10px; padding: 0 10px; color: #fff; line-height: 20px; }
#navBar #menuMain { float: right; }
#navBar #menuMain a { color: #fff; font-weight: bold; }

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


/* ===== INFOBOX ===== */
div.infoBox { background: #f8f8f9 url(/images/infobox/gradient.gif) repeat-x bottom left; border: 1px solid #000; margin-bottom: 10px; }
div.infoBox H3 { background-color: #000; margin: 0; padding: 3px 10px; color: #fff; font-size: 11px; font-weight: bold; }
div.infoBox H3.arrow a { display: block; background: url(/images/infobox/arrow_right.gif) no-repeat right center; color: #fff; text-decoration: none; }
div.infoBox .contentPad { height: 1%; padding: 10px 10px 20px; overflow: hidden; }
div.infoBox .specialPrice { color: #ff0000; margin-left: 10px; }

/* ===== PLAINBOX ===== */
div.plainBox { background: #f8f8f9 url(/images/infobox/gradient.gif) repeat-x bottom left; border: 1px solid #000; margin-bottom: 10px; }
div.plainBox H3 { background-color: #000; margin: 0; padding: 3px 10px; color: #fff; font-size: 11px; font-weight: bold; }
div.plainBox H3.arrow a { display: block; background: url(/images/infobox/arrow_right.gif) no-repeat right center; color: #fff; text-decoration: none; }
div.plainBox .contentPad { height: 1%; padding: 10px 10px 20px; overflow: hidden; }
div.plainBox .specialPrice { color: #ff0000; margin-left: 10px; }

/* Categories */
.categoryBlk ul { margin: 0; padding: 0 0 0 15px; }
.categoryBlk li { margin-bottom: 3px; }
.categoryBlk li span { color: #000; font-weight: normal; }
.categoryBlk li.active { font-weight: bold; }
.categoryBlk li.subcat { margin-left: 15px; }

/* What's New? */
.newBlk .contentPad { text-align: center; }
.newBlk .prodName { margin: 7px 0; }

/* Quick Find */
.searchBlk { position: relative; }
.searchBlk input.inputbox { width: 154px; margin-bottom: 7px; }
.searchBlk .txt { clear: both; padding: 7px 0; }
.searchBlk .lnkAdvSearch { text-align: center; }
.searchBlk .lnkAdvSearch a { font-weight: bold; }
#search_suggest { position: absolute; top: 49px; left: 10px; width: 162px; background-color: #fffcdf; }
#search_suggest.noactive { visibility: hidden; text-indent: -5000px; }
#search_suggest.active { visibility: visible; }
#search_suggest a { display: block; padding: 2px 6px 2px 6px; font-size: 11px; }
#search_suggest a:hover { background-color: #63a800; color: #fff; }

/* Information */
.infBlk ul { margin: 0; padding: 0 0 0 15px; }
.infBlk li { margin-bottom: 2px; }
.infBlk li.active { font-weight: bold; }
.infBlk li.subcat { margin-left: 15px; }

/* Pay Pal */
.paypalBlk .contentPad { padding: 0 0 12px !important; }

/* Shopping Cart */
.cartBlk td { padding: 2px 0; vertical-align: top; }
.cartBlk td.num { padding-right: 5px; }
.cartBlk td.prod { width: 100%; }
.cartBlk tr.newItem td, tr.newItem td a { color: #ff0000; }
.cartBlk .total { border-top: 1px solid #000; margin-top: 10px; padding-top: 3px; font-weight: bold; text-align: right; }
.cartBlk .empty { font-weight: bold; }

/* Newsletter */
.newsletterBlk input.inputbox { width: 154px; margin: 7px 0; }

/* Bestsellers */
.bestsellersBlk td.num { padding: 2px 6px 2px 0; font-weight: normal; text-align: left; vertical-align: top; }
.bestsellersBlk td.prod { width: 100%; padding: 2px 0; vertical-align: top; }

/* Tell A Friend */
.tellafriendBlk input.inputbox { width: 154px; margin-bottom: 7px; }
.tellafriendBlk .txt { clear: both; padding-top: 7px; }

/* Specials */
.specialsBlk .contentPad { text-align: center; }
.specialsBlk .prodName { margin: 7px 0; }

/* Reviews */
.reviewsBlk .contentPad { text-align: center; }
.reviewsBlk .txt { padding: 7px 0; text-align: left; }
.reviewsBlk .empty { font-weight: bold; }

/* Languages */
.langBlk .contentPad { text-align: center; }

/* Currencies */
.currenciesBlk select { width: 98%; }

/* Random product */
.randomprodBlk { margin-bottom: 10px; }

/* Notifications */
.notificationsBlk {}

/* Order history */
.orderhistoryBlk td { vertical-align: top; }

/* Manufacturers */
.manufacturersBlk select { width: 98%; }

/* Manufacturer info */
.manufacturerinfoBlk select { width: 98%; }
.manufacturerinfoBlk ul { margin: 0; padding: 0 0 0 15px; }
.manufacturerinfoBlk li { margin-bottom: 2px; }

/* Links */
.linksBlk {}

/* Header tags */
.tagsBlk {}



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

TR.bgfirst td { background-color: #f8f8f8; }
TR.bgsecond td { background-color: #f0f0f0; }

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

/* product list */
td.prodList { width: 168px; background-color: #f8f8f9; padding: 10px; line-height: normal; vertical-align: top; border: 1px solid #000; }
td.prodList div.productImg { height: 80px; padding: 5px 0; text-align: center; margin-bottom: 8px; }
td.prodList div.productDsc { height: 65px; }

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

/* product info */
td.prodInfoImg { padding: 15px; background-color: #f8f8f9; border: 1px solid #000; text-align: center; }
td.prodInfoImg td.productAddImg { width: 33%; padding: 8px 4px 0 4px; }
td.prodInfoImg td.productAddImg div { width: 60px; height: 60px; border: 1px solid #000; text-align: center; }
td.prodInfoDsc { width: 100%; padding: 15px; border: 1px solid #000; border-left: none; }


/* ===== BLOCK ===== */
.buttonBar { background-color: #f8f8f9; padding: 5px; border: 1px solid #000; }
.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 { background-color: #f8f8f9; border: 1px solid #000; }
.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 { background-color: #f8f8f9; padding: 10px; border: 1px solid #000; border-top: none; }

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

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: #000; 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 { border-collapse: collapse; }

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: #000; 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: #6ea71d; color: #fff; font-size: 11px; font-family: arial, sans-serif; font-weight: bold; }
input.btn { padding: 2px 5px; border: none; cursor: pointer; }
* HTML input.btn { padding: 2px 0; }
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 { font-size: 12px; color: #f0a480; font-weight: bold; }
.markProductOutOfStock { margin-left: 8px; font-size: 12px; color: #c76170; font-weight: bold; }
.attentionText { color: #ff0000 !important; }

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


/* ===== LINK ===== */
a.orderEdit { font-size: 10px; color: #63a800; text-decoration: underline; }

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