/* ===== TAGS ===== */
HTML { height: 100%; margin-bottom: 1px; }
BODY { background: #fff; margin: 0; padding: 0;}
BODY, TH, TD, INPUT, SELECT, TEXTAREA { color: #464646; font-size: 12px; font-family: Arial, sans-serif; }
INPUT.inputbox { padding-left: 3px; padding-right: 3px; border: 1px solid #888; }
SELECT { border: 1px solid #888; }
TEXTAREA { width: 98%; border: 1px solid #888; overflow: auto; }
FORM { margin: 0; padding: 0; }
IMG { border: none; }
P { margin: 10px 0; }
BR { clear: both; }
OL, UL { margin-top: 10px; margin-bottom: 10px; }
A { color: #066198; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }
/* ===== TITLE ===== */
H1, H2 { margin: 0 0 8px; padding: 0; color: #066198; font-size: 14px; font-family: Georgia, "Times New Roman", serif; font-weight: bold; line-height: normal; }
H3 { margin: 0 0 10px; padding: 0; color: #455d77; font-size: 12px; font-family: Georgia, "Times New Roman", serif; font-weight: bold; line-height: normal; }
TD.subHeading { background: #fafafa url(images/layout/dottedline_top.gif) repeat-x left top; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; padding-top: 1px; }
TD.subHeading DIV { padding: 6px 13px; }
TD.subHeading H3 { margin: 0; padding: 0; color: #066198; }
/* ===== LAYOUT ===== */
#page { width: 934px; margin: 0 auto; padding: 0 0 30px; text-align: left;}
#container { width: 925px; padding-left: 4px; }
#columnLeft { width: 205px; padding-right: 20px; vertical-align: top; }
#columnLeft TD { color: #066198; font-size: 11px; }
#content { width: 700px; vertical-align: top; line-height: 16px; }
/* ===== HEADER ===== */
#header { height: 183px; background: url(images/layout/header.jpg) no-repeat left top; }
#header H2.logo { float: left; width: 345px; background: none; margin: 0; padding: 0 0 0 26px; text-indent: -5000px; }
#header H2.logo A { display: block; height: 58px; }
#header .lang { float: right; padding: 18px 32px 0 0; }
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: 15px; background: url(images/layout/footer.jpg) no-repeat left top; padding: 22px 5px 0; }
#footer P { margin: 4px 0 0; color: #4e5f68; font-size: 11px; font-style: italic; }
/* ===== MENU ===== */
#navBar { background: url(images/icons/star.gif) no-repeat 16px 11px; height: 28px; padding: 8px 5px 0 32px; color: #373737; }
#navBar .breadcrumb { float: left; }
#navBar .breadcrumb A { color: #373737; }
#navBar #menuMain { float: right; }
/* ===== BOX ===== */
TABLE.infoBoxHeading { background: url(images/infobox/boxHeading_bg.gif) repeat-x left top; margin-bottom: 1px; }
TABLE.infoBoxHeading H3 { margin: 0 0 0 8px; padding: 0; color: #fff; font-size: 11px; font-family: Tahoma, sans-serif; font-weight: bold; }
TABLE.infoBox { background: url(images/layout/dottedline_top.gif) repeat-x left top; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; }
TABLE.infoBox TABLE.infoBoxContents { width: 180px; margin: 6px auto; }
TABLE.infoBoxFooter { background: url(images/layout/dottedline_top.gif) repeat-x left top; }
TABLE.infoBoxFooter TD { height: 8px; font-size: 0 !important; }
TABLE.contentBoxHeading { margin-top: 10px; }
TABLE.contentBoxHeading H3 { margin: 0; padding: 0; }
TABLE.contentBox { background: url(images/layout/dottedline_top.gif) repeat-x left top; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; }
TABLE.contentBox TABLE.contentBoxContents { width: 677px; margin: 10px auto; }
TABLE.contentBoxFooter { height: 1px; background: url(images/layout/dottedline_bot.gif) repeat-x left top; font-size: 0; line-height: 1; }
TR.bgfirst TD { background-color: #f8f8f8; }
TR.bgsecond TD { background-color: #f0f0f0; }
/* shopping cart */
TD.cartHeading { background-color: #52A9DF; padding: 2px 10px 2px 8px; color: #fff; font-weight: bold; border-bottom: 1px solid #fff; }
TD.cartData, TD.cartImg { padding: 8px; vertical-align: top; border-bottom: 1px solid #fff; }
TD.cartImg IMG { border: 1px solid #004e7f; }
TD.subTotal { background-color: #52A9DF; padding: 2px 10px; color: #fff; text-align: right; }
SPAN.newItemInCart { }
/* product list */
TD.prodList { width: 325px; vertical-align: top; }
TD.prodList TD { font-size: 11px; line-height: normal; }
TD.prodList .productImg { width: 0px; padding-left: 10px; }
TD.prodList .productImg DIV { text-align: center; }
TD.sepHor { background: url(images/layout/sephor.gif) no-repeat left top; }
TD.sepVer { background: url(images/layout/sepver.gif) repeat-y center top; }
/* product new */
TD.prodNew { width: 33%; text-align: center; vertical-align: top; }
TD.prodNew .productImg { margin-bottom: 8px; }
/* product info */
TD.prodInfoImg { text-align: center; }
TD.prodInfoImg TD.productAddImg { width: 33%; padding: 4px 4px 0 4px; }
TD.prodInfoImg TD.productAddImg DIV { width: 60px; height: 60px; border: 1px solid #DFDFDF; text-align: center; }
TD.prodInfoDsc { width: 100%; font-size: 11px; }
/* ===== BLOCK ===== */
DIV.cartBlk .cart { background: url(images/icons/cart.gif) no-repeat left center; padding-left: 17px; }
DIV.cartBlk .total { background: url(images/layout/dottedline_bot.gif) repeat-x left top; margin-top: 10px; padding-top: 5px; }
DIV.cartBlk .total TD { font-size: 12px !important; font-weight: bold; }
TD.buttonBar {}
TD.buttonBar DIV.buttonBlk {}
TD.buttonBar TD { font-size: 11px; line-height: normal; }
.cntBrd { padding-left: 1px; }
.cntBrdT { display: none; }
.cntBrdT SPAN {}
.cntBrdB { display: none; }
.cntBrdB SPAN {}
.contentBlk { border-left: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; }
.contentBlk DIV.contentBlkT { background: url(images/layout/dottedline_top.gif) repeat-x left top; padding-top: 1px; }
.contentBlk DIV.contentBlkB { background: url(images/layout/dottedline_top.gif) repeat-x left bottom; padding: 10px 13px 11px; }
.contentBlk DIV.contentBlkBQ { background: url(images/layout/dottedline_top.gif) repeat-x left bottom; padding: 0px 13px 0px;;}
.contentBlk DIV.contentBlkB.bg { background-color: #fafafa !important; }
TD.loginContent { background: url(images/layout/dottedline_top.gif) repeat-x left top; padding: 10px; }
TD.loginBtn { background: url(images/layout/dottedline_top.gif) repeat-x left bottom; padding: 10px; border-left: 1px solid #BCBCBC; border-right: 1px solid #BCBCBC; }
.infoBlkFloat { float: right; width: 40%; background-color: #f8f8f9; margin: 0 0 10px 10px; padding: 10px; border: 1px solid #b6b7cb; }
TD.noteBlkT { font-size: 11px; }
TD.noteBlkB { font-size: 11px; }
.imagesBoxContents { font-size: 11px; }
.lnkList { line-height: 18px; padding-left: 30px; }
/* ===== FAQ ===== */
.ansBlk { background: url(images/layout/dottedlinetwo.gif) repeat-x left bottom; margin-bottom: 8px; padding-bottom: 8px; }
.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; background: url(images/layout/dottedlinetwo.gif) repeat-x left bottom; padding: 2px 0 3px; }
SPAN.affiliateMenu A { background: url(images/icons/star.gif) no-repeat 1px 2px; padding: 0 10px 0 17px; font-size: 12px; text-decoration: none; }
SPAN.affiliateMenu A:hover { color: #63BBF8; }
DIV.affiliateSubmenu { background: url(images/layout/dottedlinetwo.gif) repeat-x left bottom; padding: 5px 10px 5px 16px; }
DIV.affiliateSubmenu A { font-size: 12px; text-decoration: none; }
DIV.affiliateSubmenu A:hover { color: #63BBF8; }
/* ===== Links Manager ===== */
TD.linksHeading { background-color: #52A9DF; padding: 2px 8px; color: #fff; font-weight: bold; border-bottom: 1px solid #fff; }
TD.linksHeading A { color: #fff; }
TD.linksData, links.cartImg { padding: 3px 8px; vertical-align: top; border-bottom: 1px solid #fff; }
.sort { font-size: 13px; }
.mainCategory { font-weight: bold; }
.subCategory { margin-left: 12px; }
/* ===== TABLE ===== */
TABLE.tblForm TH { padding: 3px 15px 3px 0; font-weight: normal; 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: #52A9DF; padding: 3px 6px; color: #fff; font-weight: bold; text-align: left; vertical-align: top; border-bottom: 1px solid #fff; }
TABLE.tblHor TH A { color: #B4DEFB; text-decoration: none; }
TABLE.tblHor TH A:hover { color: #fff; }
TABLE.tblHor TD { padding: 3px 6px; vertical-align: top; border-bottom: 1px solid #fff; }
TABLE.tblDotted { border-collapse: collapse; }
TABLE.tblDotted TD { padding: 2px 6px; font-size: 11px; border: 1px dashed #ccc; }
TABLE.pageNum TD {}
TABLE.pageNum A.pageResults { font-weight: bold; }
TABLE.pageNum A.pageResults:hover {}
/* ===== MESSAGE ===== */
.errorBox, .messageStackError, .messageStackWarning { background-color: #EA2247; padding: 5px 10px; color: #fff; font-size: 11px; line-height: normal; }
.stockWarning { font-size: 11px; color: #EA2247; line-height: normal; }
.productsNotifications, .messageStackSuccess { background-color: #37bc20; padding: 5px 10px; color: #fff; font-size: 11px; line-height: normal; }
/* ===== TEXT ===== */
.price { color: #0164a8; font-size: 12px; font-family: Tahoma, sans-serif; }
.smallText { font-size: 11px; }
TD.inputRequirement, SPAN.inputRequirement { color: #ff0000; }
TD.inputRequirement { padding: 0 15px; }
SPAN.greetUser { color: #f0a480; font-weight: bold; }
SPAN.markProductOutOfStock { color: #c76170; font-weight: bold; }
SPAN.productSpecialPrice { color: #ff0000; }
SPAN.errorText { font-size: 11px; color: #ff0000; }
.txtRed { color: #ff0000 !important; }
.read { color: #52A9DF !important; }
.checkoutBarFrom, .checkoutBarTo { font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 11px; color: #000000; }
/* ===== LINK ===== */
SPAN.lnkDotted { display: block; background: url(images/layout/dottedlinetwo.gif) repeat-x left bottom; padding: 2px 0 3px; }
SPAN.lnkDotted A { background: url(images/icons/star.gif) no-repeat 1px 2px; padding: 0 10px 0 17px; font-size: 12px; text-decoration: none; }
SPAN.lnkDottedstar { display: block; background: url(images/layout/dottedlinetwo.gif) repeat-x left bottom; padding: 2px 0 3px; }
SPAN.lnkDottedstar A { background: url(images/icons/star.jpg) no-repeat 1px 2px; padding: 0 10px 0 17px; font-size: 12px; text-decoration: none; }
SPAN.lnkDotted A:hover { color: #63BBF8; }
A.orderEdit { font-size: 11px; }
/* ===== POPUP ===== */
BODY.popup { width: 580px; background: none !important; padding: 10px; }
BODY.popup .closeBtn { margin-top: 10px; text-align: right; }
BODY.popup TD.subHeading { background: url(images/infobox/boxHeading_bg.gif) repeat-x left top; padding: 0; border: none; border-bottom: 1px solid #fff; }
BODY.popup TD.subHeading DIV { background: url(images/infobox/cornerTR.gif) no-repeat right top; padding: 0; }
BODY.popup TD.subHeading H3 { height: 20px; background: url(images/infobox/cornerTL.gif) no-repeat left top; margin: 0; padding: 0 0 0 13px; color: #fff; font-size: 11px; font-family: Tahoma, sans-serif; font-weight: bold; line-height: 20px; }
/* ===== OTHER ===== */
DIV.lineSeparator, TD.lineSeparator DIV { height: 27px; background: url(images/layout/dottedlinetwo.gif) repeat-x left center; line-height: 0; font-size: 0; }
TD.lineSeparator { padding: 0 !important; }
TD.lineSeparator DIV { height: 11px; }
.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; }
.nopadr { padding-right: 0 !important; }
.padtrbl{ padding: 10px; }
.imgBrd IMG { border: 1px solid #004e7f; }
.moduleRow {}
.moduleRowOver { background-color: #C2E5FB; cursor: pointer; }
.moduleRowSelected { background-color: #87C6F1; }
.suggest_link { padding: 2px 6px 2px 6px; }
.suggest_link_over { background-color: #52A9DF; padding: 2px 6px 2px 6px; color: #fff; cursor: pointer; }
#search_suggest { position: absolute; background-color: #AFDEFC; color: #000; text-align: left; }
.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }
.rand {
/* This adds the border */
padding:5px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:white;
}
.tekstrood {
color: red;
}
a.image_options
{
float : left;
border : 1px solid #cccccc;
margin-right : 9px;
text-align : center;
text-decoration : none;
color : #000;
width : 122px;
}
a.image_options span.price
{
color : #3f8bc1
}
a.image_options:hover, a.image_options_active
{
border : 2px solid #000;
}
div.img_blocks
{
border : 0px solid #cccccc;
padding : 0px;
}
div.img_blocks a
{
float : left;
margin-right : 6px;
text-decoration : none;
font-weight : bold;
text-align : center;
}
div.img_blocks a span.name
{
text-decoration : underline;
}
A.pagina_verdeling_vorige {
BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #e2ebf0; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; TEXT-DECORATION: none; PADDING-TOP: 1px
}
A.pagina_verdeling_volgende {
BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #e2ebf0; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; TEXT-DECORATION: none; PADDING-TOP: 1px
}
A.pagina_verdeling_laatste {
BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #e2ebf0; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; TEXT-DECORATION: none; PADDING-TOP: 1px
}
A.pagina_verdeling_eerste {
BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #e2ebf0; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; TEXT-DECORATION: none; PADDING-TOP: 1px
}
A.pageResults, b.pageResults {
BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #e2ebf0; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; TEXT-DECORATION: none; PADDING-TOP: 1px
}
b.pageResults {
BACKGROUND-COLOR: #ffffff
}
A.pageResults:hover {
BACKGROUND-COLOR: #ffffff
}
SPAN.pagina_verdeling_actief {
BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #e2ebf0; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #999999; BORDER-TOP: 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: 1px solid; TEXT-DECORATION: none; PADDING-TOP: 1px
}