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

@import url(sizeschemes.css);

html { height: 100%; margin-bottom: 1px; }
body { background: #000 url(/images/layout/body_bg.gif) repeat-x left top; margin: 0; padding: 0; }
body, th, td, input, select, textarea { color: #000; font-size: 11px; font-family: Arial, sans-serif; }
input.inputbox { padding-left: 3px; padding-right: 3px; border: 1px solid #acacac; }
select { border: 1px solid #acacac; }
textarea { width: 99%; border: 1px solid #acacac; overflow: auto; }
form { margin: 0; padding: 0; }
img { border: none; vertical-align: -3px; }
br { clear: both; }
p { margin: 10px 0; }
ol, ul { margin-top: 10px; margin-bottom: 10px; }
a { color: #e6010a; text-decoration: none; outline: none; }
a:hover { color: #000; }


/* ===== HEADING ===== */
h1 { margin: 0; padding: 0; color: #707070; font-size: 22px; font-weight: bold; line-height: normal; }
h2 { margin: 0; padding: 0; color: #707070; font-size: 18px; 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 { padding: 30px 15px 0; }
.pageHeading.long { width: 700px; }
.contentboxHeading { padding: 0 0 10px; }
.subHeading { background-color: #666; padding: 4px 10px; }
.subHeading h3 { margin: 0; padding: 0; color: #fff; font-size: 12px; font-weight: bold; line-height: normal; text-transform: uppercase; }
.subHeading a { margin-left: 15px; color: #fff; font-size: 11px; font-weight: normal; text-transform: capitalize; }
.subHeading a:hover { text-decoration: underline; }


/* ===== LAYOUT ===== */
#page { width: 948px; margin: 0 auto; padding-bottom: 35px; }
#columnLeft { background-color: #fff; border-right: 1px solid #000; vertical-align: top; }
#columnLeft.information { padding: 20px 0 40px; font-size: 12px; }
#columnLeft.information a { color: #000; }
#columnLeft.information a:hover { color: #e6010a; }
#content { width: 100%; background-color: #fff; vertical-align: top; line-height: 15px; }
.columnPad { padding: 15px; }


/* ===== HEADER ===== */
#topinfoBox { width: 928px; padding: 3px 10px; color: #fff; font-size: 12px; font-weight: bold; overflow: hidden; }
#topinfoBox h3 { margin: 0 0 3px; color: #fff; font-size: 12px; }
#topinfoBox a { color: #fff; text-decoration: none; }
#topinfoBox a:hover { text-decoration: underline; }
#topinfoBox a.arrow { display: block; background: url(/images/layout/arrow_white.gif) no-repeat right center; padding-right: 15px; font-size: 12px; font-weight: bold; }
#topinfoBox input { float: left; }
#topinfoBox input.inputbox { height: 15px; background-color: #666; border-color: #fff; color: #fff; }
#topinfoBox .normal { font-size: 11px; line-height: 11px; }

#header { position: relative; height: 141px; background: url(/images/layout/header.jpg) no-repeat left top; }
#header a.logo { position: absolute; left: 9px; top: 28px; width: 203px; height: 119px; font-size: 0; text-indent: -5000px; }

#filterBar { background-color: #e6010a; padding: 8px 10px 3px; }
#filterBar .xs4all { float: left; width: 275px; margin-top: 2px; }
#filterBar select { float: left; width: 86px; border-color: #fff; }
#filterBar .arrow { float: left; width: 15px; height: 20px; background: url(/images/layout/arrow_white.gif) no-repeat center center; }

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 { width: 100%; background: #fff url(/images/pixel_silver.gif) repeat-x left 64px; border-top: 1px solid #000; overflow: hidden; }
#footer table { height: 128px; }
#footer td { width: 118px; height: 56px; padding: 4px 0; text-align: center; vertical-align: middle; }
#footer a { display: block; width: 100%; opacity: 0.4; filter: alpha(opacity=40); }
#footer a:hover { opacity: 1; filter: alpha(opacity=100); }
#footer a img { max-width: 116px; max-height: 56px; }


/* ===== MENU / NAVIGATION ===== */
ul#menu { width: 100%; height: 34px; background: #100f0f url(/images/layout/menu_bg.gif) repeat-x left top; margin: 0; padding: 0; list-style: none; }
ul#menu li { float: left; background: url(/images/layout/menu_sep.gif) no-repeat right top; padding-right: 1px; }
ul#menu li a { float: left; display: block; height: 34px; background-image: url(/images/layout/menu_active.gif); background-repeat: repeat-x; background-position: 0 -100px; padding: 0 13px; color: #fff; font-size: 13px; font-weight: bold; line-height: 34px; }
ul#menu li.active a, ul#menu li a:hover { background-position: 0 0; color: #fff; }

.breadcrumb { background-color: #000; padding: 4px 18px; color: #fff; text-align: right; }
.breadcrumb a { color: #fff; }
.breadcrumb a:hover { color: #fff; text-decoration: underline; }


/* ===== INFOBOX ===== */
div.infoBox { border-top: 1px solid #000; color: #333; }
div.infoBox .contentPad { padding: 10px 16px; text-align: justify; }

/* Info TJF */
.infoTJF { min-height: 387px; border: none !important; padding-top: 12px; line-height: 15px; }
* html .infoTJF { height: 386px; padding-top: 0; }
html* .infoTJF { min-height: 386px; padding-top: 0; }

/* Search */
.searchBlk { float: left; position: relative; }
.searchBlk input.inputbox { float: left; width: 114px; height: 14px; border-color: #fff; margin-left: 10px; }
.searchBlk .btn { position: relative; float: left; left: -4px; top: -4px; }
#search_suggest { position: absolute; top: 27px; left: 10px; z-index: 100; width: 163px; background-color: #e6010a; }
#search_suggest.noactive { visibility: hidden; text-indent: -5000px; }
#search_suggest.active { visibility: visible; }
#search_suggest a { display: block; padding: 2px 6px 2px 6px; color: #fff; font-size: 11px; }
#search_suggest a:hover { background-color: #fff; color: #e6010a; }

/* Shopping Cart */
.cartBlk { float: left; width: 170px; height: 40px; background: url(/images/layout/ico_cart.gif) no-repeat left 2px; padding: 3px 0 3px 26px; text-align: right; }
.cartBlk p { margin: 8px 0 0; }

/* Newsletter */
.newsletterBlk { float: left; width: 140px; height: 40px; border-right: 1px solid #fff; margin-right: 15px; padding: 3px 15px 3px 0; overflow: hidden; }
.newsletterBlk input.inputbox { width: 80px; margin-right: 5px; }

/* Login */
.loginBlk { float: left; width: 260px; height: 40px; border-right: 1px solid #fff; margin-right: 15px; padding: 3px 15px 3px 0; }
.loginBlk label { float: left; margin: 2px 5px 0 0; }
.loginBlk input.inputbox { width: 70px; margin: 0 5px 5px 0; }
.loginBlk a { font-size: 11px; font-weight: normal; }
.loginBlk a.arrow { width: 105px; }
.loginBlk ul { margin: 0; padding: 0; list-style: none; }
.loginBlk li { margin-bottom: 5px; }

/* Information */
.infBlk { float: left; width: 100px; height: 40px; border-right: 1px solid #fff; margin-right: 15px; padding: 3px 15px 3px 0; overflow: hidden; }
.infBlk a.arrow { width: 85px; }
.infBlk ul { margin: 0; padding: 0; list-style: none; }
.infBlk li { margin-bottom: 9px; }


/* ===== CONTENTBOX ===== */
table.contentBoxHeading { background-color: #444; }
table.contentBoxHeading H3 { margin: 0; padding: 0; color: #fff; font-size: 12px; font-weight: bold; }
table.contentBox { }
table.contentBox table.contentBoxContents { }
table.contentBoxFooter { display: none; }

TR.bgfirst td { }
TR.bgsecond td { }

/* shopping cart */
td.cartHeading { background-color: #666; border-bottom: 4px solid #fff; padding: 5px 30px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; }
td.cartData, td.cartImg, td.cartPrice { background-color: #e5e5e5; padding: 5px; border-bottom: 4px solid #fff; }
td.cartImg, td.cartPrice, td.cartTotalPrice { border-left: 4px solid #fff; }
td.cartImg div { width: 44px; background-color: #fff; border: 1px solid #000; text-align: center; }
td.cartData a { color: #000; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; }
td.cartData a:hover { color: #e6010a; }
td.cartPrice { background-color: #f1efef; padding: 10px 30px; font-family: Verdana, sans-serif; font-size: 13px; font-weight: bold; text-align: right; }
td.subTotal { padding: 2px 10px; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align: right; }
td.cartTotalPrice { background-color: #f1efef; padding: 10px 30px; font-family: Verdana, sans-serif; font-size: 13px; font-weight: bold; text-align: right; }

/* product list */
.prodList { width: 162px; line-height: normal; vertical-align: top; }
.prodList .productImg { height: 221px; vertical-align: bottom; text-align: center; }
.prodList .productImgMan { height: 120px; vertical-align: middle; text-align: center; }
.prodList .productDsc { min-height: 30px; }
* html .prodList .productDsc { height: 30px; }
.prodList .normalPrice { color: #999; }
.prodList .specialPrice { color: #e6010a; font-size: 12px; font-weight: bold; }

/* product list - front page */
.frontpageprodList { width: 120px; height: 164px; border-right: 1px solid #000; vertical-align: bottom; }
.frontpageprodList img { max-height: 186px; }
.frontpageprodSep { border-top: 1px solid #000; text-indent: -5000px; font-size: 0; }

/* product block - front page */
.prodBlkList { width: 100%; border-bottom: 1px solid #000; overflow: hidden; }
.prodBlk { position: relative; float: left; height: 190px; background-position: right top; background-repeat: no-repeat; cursor: pointer; }
.prodBlk.first { width: 362px; border-right: 1px solid #000; }
.prodBlk.last { width: 365px; }
.prodBlk p { position: absolute; left: 12px; bottom: 4px; width: 86px; height: 112px; margin: 0; line-height: 12px; }

/* product info */
.prodInfoImg { vertical-align: top; }
.prodInfoImg #productImgFlash { width: 347px; height: 476px; }
/*.prodInfoImg a.productAddImg { padding: 4px 9px 0 0; }*/
.prodInfoImg a.imageLink { float: left; width: 79px; height: 104px; margin: 8px 8px 0 0; border: 1px solid #ccc; cursor: pointer; overflow: hidden; }
.prodInfoDsc { vertical-align: top; padding: 15px; font-size: 12px; line-height: 18px; }
.prodInfoDsc .price { margin: 30px 0 20px; text-align: right; font-size: 15px; font-weight: bold; }
.prodInfoDsc .price img { margin: 0 5px 0 10px; vertical-align: middle; }
.prodInfoDsc .normalPrice { color: #666; }
.prodInfoDsc .specialPrice { color: #e6010a; font-size: 26px; }
.prodInfoBtn { padding: 0 15px; vertical-align: bottom; }
.optionsBlk { clear: both; margin:0;  min-height: 192px; background-color: #e5e5e5; padding: 12px; }
* html .optionsBlk { height: 192px; }
.optionsBlk .options { width: 233px; padding: 20px 0 20px 20px; vertical-align: top; }
.optionsBlk .options th { padding: 3px 15px 3px 0; font-weight: normal; text-align: left; white-space: nowrap; }
.optionsBlk .options td { padding: 3px 0; color: #e6010a; }
.optionsBlk .options select { width: 100px; }
ul.tabs { width: 100%; margin: 0; padding: 0; list-style: none; }
ul.tabs li { float: left; border-right: 1px solid #fff; cursor: pointer;}
ul.tabs a { display: block; width: 100px; background-color: #666; padding: 5px 10px; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; }
ul.tabs a:hover { background-color: #999; }
ul.tabs li.active a, ul.tabs li.active a:hover { background-color: #e5e5e5; color: #666; }

/* products XSell */
.prodXSell { width: 98px; vertical-align: top; }
.prodXSell .productImg { height: 134px; margin-bottom: 3px; text-align: center; }
.prodXSell a { color: #000; }
.prodXSell a:hover { color: #e6010a; }

/* products Recently Viewed */
.prodBox { width: 98px; padding: 0 10px 10px 0; vertical-align: top; }
.prodBox .productImg { height: 134px; margin-bottom: 3px; text-align: center; }
.prodBox a { color: #000; }
.prodBox a:hover { color: #e6010a; }


/* ===== BLOCK ===== */
.buttonBar { background-color: #e5e5e5; padding: 12px; }
.buttonBar .buttonBlk { width: 100%; overflow: hidden; }
.buttonBar td { line-height: normal; }

.cntBrd { padding: 15px; }
.cntBrdT { display: none; }
.cntBrdT span {}
.cntBrdB { display: none; }
.cntBrdB span {}

.contentBlk { background-color: #e5e5e5; }
.contentBlk .contentBlkT { }
.contentBlk .contentBlkB { padding: 12px;}

.brandDsc { border-right: 1px solid #000; padding: 15px; }
.brandProd { width: 100%; }
.cellPad { padding: 15px; }

td.loginContent { padding: 10px; }
td.loginContent td { padding-right: 0 !important; }
td.loginContent input { width: 130px !important; }
td.loginBtn { background-color: #e5e5e5; padding: 10px; }

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

.noteBlkT { }
.noteBlkB { padding-top: 60px; color: #e6010a; font-size: 11px; font-family: Verdana, sans-serif; text-align: center; }


/* ===== FAQ ===== */
.faqgroupList { margin: 0; padding: 0; margin-top:35px; list-style: none; width:49%; float:left;}
.faqgroupList li { margin-bottom: 3px; margin-left:10px; list-style:none; font-weight:bold; font-size:12px; font-family: Verdana, sans-serif;}
.faqgroupList  li.subgroup { font-weight:normal;list-style-type:disc; margin-left:23px; font-size:11px;  font-family: Verdana, sans-serif;}
.faqgroupList  li.subgroup a { font-weight:normal; font-size:11px;  font-family: Verdana, sans-serif; color:#000;}
.ansBlk { margin: 3px 0 8px; padding-bottom: 8px; border-bottom: 1px solid #999; }
.ansBlk P { margin: 0; }


/* ===== 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: 200px; }
table.tblForm select { width: 206px; }

table.tblHor th { background-color: #e6010a; padding: 5px 10px; color: #fff; font-size: 11px; font-weight: bold; text-align: left; }
table.tblHor td { background-color: #e5e5e5; padding: 5px 10px; border-top: 4px solid #fff; vertical-align: top; }


/* ===== BUTTON ===== */
input.btn, a.btn { background-color: #e6010a; 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: #e6010a; padding: 5px 10px; color: #fff; line-height: normal; }
.errorBox .attentionText, .messageStackError .attentionText, .messageStackWarning .attentionText { color: #fff; }
.stockWarning { color: #e6010a; line-height: normal; }
.productsNotifications, .messageStackSuccess { background-color: #37bc20; padding: 5px 10px; color: #fff; line-height: normal; }


/* ===== TEXT ===== */
.bigText { font-size: 12px; }
.smallText { }
.normal { font-weight: normal !important; }
.taxTxt { background-color: #e5e5e5; margin: 10px 0; padding: 10px 13px; font-size: 14px; font-weight: bold; }
td.inputRequirement { padding: 0 15px; }
.inputRequirement { color: #e6010a; font-size: 16px; font-weight: bold; }
.markProductOutOfStock { margin-left: 8px; font-size: 12px; color: #c76170; font-weight: bold; }
.attentionText { color: #e6010a; }


/* ===== LINK ===== */
a.orderEdit { background-color: #666; margin-left: 10px; padding: 0 5px; color: #fff; font-size: 8px; text-transform: uppercase; }
a.orderEdit:hover { color: #fff; }
.subHeading a.orderEdit { margin-top: 3px; }
.subHeading a.orderEdit:hover { text-decoration: none; }

ul.lnkList { margin: 0; padding: 0 0 0 20px; color: #333; }
ul.lnkList li { margin-bottom: 2px; }

ul.infopageList { margin: 20px 0 0; padding: 0; list-style: none; }
ul.infopageList li { margin-bottom: 5px; }
ul.infopageList a { font-weight: bold; }

div.pageNum { padding: 4px 15px; font-size: 12px; text-align: right; }
div.pageNum.top { border-bottom: 1px solid #000; }
div.pageNum.bottom { border-top: 1px solid #000; }
div.pageNum a { color: #000; }
div.pageNum a:hover { color: #e6010a; }
div.pageNum a.arrowleft { background: url(/images/layout/pageArrow_left.gif) no-repeat right 2px; padding-right: 17px; }
div.pageNum a.arrowright { background: url(/images/layout/pageArrow_right.gif) no-repeat left 2px; margin-left: 8px; padding-left: 17px; }


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


/* ===== OTHER ===== */
.lineSeparator { height: 1px; 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; }

.nobrd { border: none !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 { }
tr.moduleRowOver td { background-color: #cfcfcf; cursor: pointer; }
tr.moduleRowSelected td { background-color: #666; color: #fff; }

.fleft { float: left !important; }
.fright { float: right !important; }
.noflfr { float: none !important; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }

#dhtmltooltip{
position: absolute;
border:0;
width: auto;
padding: 2px;
background-color: black;
font-size:12px;
visibility: hidden;
z-index: 100;
color:white;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=115);
}