﻿/* LAYOUT
*******************************************************************************/

.wrapper { min-height:400px; position:relative; left:50%; width:952px; margin:0px 0px 0px -478px; }

/* HEADER & FOOTER
*******************************************************************************/

.logo               { float:left; position:relative; top: 15px;left:10px; }
.header-top         { border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; width: 940px; padding:0 5px 5px 5px; }
.main-img           { position:relative; background: url(images/large_img6.jpg) no-repeat; height: 182px; width:auto !important; }
.search             { float:right; padding:4px 20px 4px 20px; position:relative; right:20px; background-color: #eee; border-left:solid 1px grey; border-bottom:solid 1px grey; border-right:solid 1px grey; }
.input-text         { border-width:1px; border-style:solid; border-color:#aaa #c8c8c8 #c8c8c8 #aaa; background:#fff; font:12px arial, helvetica, sans-serif; }
.input-text         { padding:2px;width:200px; }
.search .input-text         { background-image: url(images/search-icon.gif); background-repeat:no-repeat; background-position:left; padding-left:18px; }
.qty { width:2.5em; }
.middle             { float:left; width:100%; min-height:350px; height:auto !important; padding:20px 0 0 0; background: url(images/menu_shade.gif) no-repeat;  }    
.columns            { width:auto; }
.side-col        { float:left; width:190px; margin-right:-190px; padding-bottom:25px; margin-left:3px; }
.main-col        { margin-left:185px; width:575px; min-height:400px; padding:0 0 25px 10px; }
.fill-to-right   { width:760px; }
.main-col-inner  { float:left; /* Fixes some inner clears in the liquid main-col */ width:100%; }
.content-header     { margin-bottom:18px; padding-bottom:.25em; margin-top:18px; }
.content { padding:5px 12px 12px 15px; }
.content ul         { list-style: url(images/icon_orange.gif); margin-top: 1.2em; margin-bottom: 1.2em; margin-left: 1.6em; line-height:1.8em }
.right-col       { float:right; width:170px; padding-top:15px;}

/********************** Headings */
.head h1,.head h2, .head h3, .head h4, .head h5 { margin:0;  }


/********************** Sidebars */
.right-col .box { margin-bottom:1.3em; }
.right-col .content { padding:5px 10px; }
.right-col .head { text-align:left; }
.right-col h2, .side-col h3, .side-col h4, .side-col h5 { float:none; }
.right-col h3 { font-size:1.05em; text-transform:uppercase; }
.right-col h4 { color:#e65505; text-transform:uppercase; }
.right-col .actions {
    padding:4px 0;
    font-size:.95em;
    text-align:right;
    }

.products .content-header   { margin:10px 0 10px 0; padding:0;}
.products .content          { width:100%;}

.product-item               { width:135px; height:260px; border:1px solid #aaa; margin:2px; text-align:center; }
.product-item:hover         { border: 1px solid #000; }
.product-item .item-header  { background-color:#aaa; margin-bottom: 10px; }





.divider { margin:10px 0; height:1px; background:url(images/dotted_divider_dark.gif) repeat-x; font-size:1px; line-height:1em; overflow:hidden; }

.product-shop { float:right; }
.product-shop .product-name { overflow:hidden; }
.product-shop .short-description { width:100%; overflow:hidden; margin-bottom:10px; }

/* Regular price */
.regular-price { color:#ea7601; }
.regular-price .price { font-weight:bold; font-size:13px; color:#ea7601; }

/* Old price */
.old-price { margin:0; }
.old-price .price-label { white-space:nowrap; color:#999; }
.old-price .price { font-weight:bold; color:#ea7601; text-decoration:line-through; }

/********************** Product Detail */
/* Product Images */
.product-img-box { float:left; width:267px; }
.product-img-box .product-image-zoom { position:relative;  width:265px; z-index:9; }
.product-img-box .product-image-zoom img {  }
.product-img-box .more-views h4 { border-bottom:1px solid #ccc; margin-bottom:.8em; font-size:.95em; text-transform:uppercase; }
.product-img-box .more-views ul { margin-left:-9px; }
.product-img-box .more-views li { float:left; margin:0 0 9px 9px; list-style:none; }
.product-img-box .more-views li a { float:left; width:56px; height:56px; border:2px solid #ddd; overflow:hidden; }
.product-img-box .more-views li a.active { border:2px solid #ea7601; }

.product-info-box { margin-top:10px; margin-top:0; }
.product-info-box .product-name { margin-bottom:.3em; color:#0a263c; font-size:1.2em; }
.product-info-box .price-box { padding-top:12px; margin:10px 10; }
.product-info-box .data-table .price-box { margin:0; padding:0; }
.product-info-box .availability { margin:10px 0; padding:0; font-size:0.92em; }
.product-info-box .add-to-cart-box { padding-top:15px; padding-bottom:12px; }

.product-essential, .product-collateral { padding-top:15px;  width:550px; }
.product-essential .product-shop { width:270px; }



/* Product Collateral */
.product-collateral { clear:both; float:left; }
.product-collateral .head { margin-bottom:1em; border-bottom:1px solid #e5dcc3; padding-bottom:1px; font-size:1.15em; }
.product-collateral .collateral-box { margin-bottom:2em;  }
.product-collateral .collateral-box h4{ color:#e26703; }


/* Shopping Cart */
.widget-btn { float:right; font-size:11px; margin:0 3px 1px 5px; }

/* Base Mini */
.base-mini { border:1px solid #c4c1bc; background:#fff; line-height:1.3em;  font-size:.95em;  }
.base-mini .head { margin:0 1px; border-bottom:1px solid #ddd; background:url(images/base_mini_head_bg.gif) repeat-x #fff; padding:2px 8px; }
.base-mini .head h4 { min-height:16px; color:#e26703; background-repeat:no-repeat; background-position:0 0; padding:1px 0 1px 21px; text-transform:uppercase; }
.base-mini .head h4 .count { text-transform:none; color:#2f2f2f; white-space:nowrap; font-weight:normal; font-size:.95em; }
.base-mini h5 { font-size:1em; }
.base-mini .content, .base-mini ol { background:#f8f7f5; }
.base-mini ol li { padding:7px 4px 7px 8px; }
.base-mini ol li.odd { background:#f4f3f3; }
.base-mini ol li.even { background:#fafafa; }
.base-mini .actions { background:url(images/base_mini_actions_bg.gif) repeat-x #dee5e8; padding:6px; }
.base-mini .product-images { float:left; width:52px; height:52px; }
.base-mini .product-images a img { border:1px solid #a9a9a9; vertical-align:top; }
.base-mini .product-checkbox { float:left; width:10px; }
.base-mini .product-names { margin-left:18px; }
.base-mini .product-details { margin:0 0 0 60px; height:50px; }
.base-mini .product-details[class] { height:auto; min-height:50px; }
.base-mini .regular-price { font-size:11px; }
.base-mini .regular-price .price { color:#2f2f2f; }
.base-mini .special-price { font-size:11px; }
.base-mini .minimal-price { font-size:11px; }
.base-mini .price-box { margin:1px 0; }

.mini-cart .head h4 { background-image:url(images/icon_basket.gif); }
.mini-cart .subtotal { background:#fbebd9; margin-top:5px; padding:2px 0; text-align:center; }
.mini-cart h5 { margin:0; background:#F4F3F3; padding:6px 8px 2px 8px; }
.mini-cart .actions { border-bottom:1px solid #c2c2c2; padding-top:3px; padding-bottom:1px; }
.mini-cart .actions .form-button { margin-top:3px; margin-bottom:5px; }

.truncated .truncated_full_value dl { position:absolute; top:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ccc; border-bottom-color:#bbb; border-right-color:#bbb; background-color:#f6f6f6; }


/********************* Tables */
td.label        { font-weight:bold; }

/* Data Table */
.data-table { border:1px solid #bebcb7; width:100%; }
.data-table tr { background:#fff; }
.data-table .odd  { background:#fff }
.data-table .even { background:#f8f7f5 !important; }
.data-table td.last, .data-table th.last { border-right:0; }
.data-table tr.last th,
.data-table tr.last td { border-bottom:0 !important; }
.data-table th { border-right:1px solid #c2d3e0; padding:2px 8px; color:#0a263c; white-space:nowrap; }
.data-table th.wrap { white-space:normal; }
.data-table th a,
.data-table th a:hover { color:#fff; }
.data-table td { padding:3px 8px; }
.data-table thead tr th { background:url(../images/data_table_th_bg.gif) repeat-x 0 100% #d9e5ee; }
.data-table tfoot { border-bottom:1px solid #d9dde3; }
.data-table tfoot tr.first { background:url(../images/base_mini_actions_bg.gif) 0 0 repeat-x; }
.data-table tfoot tr { background-color:#DEE5E8 !important; }
.data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d9dde3; }
.data-table tbody td { border-bottom:1px solid #d9dde3; border-right:1px solid #d9dde3; }
/* Bundle Products */
.data-table tbody.odd tr { background:#f8f7f5 !important; }
.data-table tbody.even tr { background:#f6f6f6 !important; }
.data-table tbody.odd tr td,
.data-table tbody.even tr td { border-bottom:0; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; }

.data-table tbody td h5.title { margin:0; padding:0; font-size:1em; font-weight:bold; color:#2f2f2f; }
.data-table tbody td .option-label { font-weight:bold; font-style:italic; }
.data-table tbody td .option-value { padding-left:10px; }

.box-table td { padding:5px; }
.box-table tfoot td { padding-top:5px; padding-bottom:5px; }
.box-table select { width:100%; }

/* Shopping Cart */
.shopping-cart  { margin-bottom:0; }
.shopping-cart th, .shopping-cart td { padding-left:5px; padding-right:5px; }
.shopping-cart th .tax-flag {font-size:0.9em; font-weight:normal; display:block; }
.shopping-cart tr.error { background:#FDE6E0 !important; }
.shopping-cart .continue-shopping { float:left; }
.shopping-cart-item-message {margin-bottom:5px;font-size:95%;margin-top:6px; }

.shopping-cart-totals {
    width:248px;
    float:right;
    margin-top:25px;
    border:1px solid #BEBCB7;
    background:#DEE5E8;
    text-align:right;
    }
.shopping-cart-totals table { width:100%; margin:7px 0; }
.shopping-cart-totals td { padding:0 15px; }
.shopping-cart-totals tr.last td {}
.shopping-cart-totals tfoot td {
    padding-top:10px;
    font-size:1.2em;
    border:none!important;
    }
.shopping-cart-totals .checkout-types { padding:8px 15px 15px; list-style:none; }
.shopping-cart-totals .checkout-types li { clear:both;  margin:10px 0; }

/* Navigation */
.nav-bar            { float:left; width:100%;height:36px;background: url(images/menu-bg.gif); }
.nav-bar ul         { margin:0 auto; padding: 7px 5px 0; display:table; }
.nav-bar li         { display: table-cell; float:left; margin: 0 20px 0 20px; padding: 0;}
.nav-bar a          { text-decoration:none; font-weight:bold; font-size:13px; font-family: arial, helvetica, sans-serif; }

.nav-bar > ul a     {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.nav-bar a          {float:none;}
/* End IE5-Mac hack */

.nav-bar a.active   { color:White;}
.nav-bar a:hover    { color:White;}

#cat                { margin:0 auto; }
#cat li             { border-bottom: 1px solid #aaa; padding:7px 0px;}
#cat a              {text-decoration:none; color:#000; }
#cat a:hover        {color:#fe9100; }
#cat .subcat li     {list-style-type:disc; list-style-position:inside; }
#cat .subcat a      {}


/* Form List */ /* Table for default form data */
.form-list                      { width:auto; border:0 !important; }
.form-list td                   { border:0 !important; padding-top:5px !important; padding-bottom:5px !important; background:0 !important;  }
.form-list td.hidden            { border:0 !important; padding:0 !important; background:0 !important; }
.form-list td.label             { width:150px; }
.form-list td.label label       { display:block; width:150px; padding-right:15px; }
.form-list td.value input.input-text,
.form-list td.value textarea    { width:244px; }
.form-list td.value textarea    { height:12em; }
.form-list td.value select      { width:250px; }
.form-list td.use-default       { padding-left:15px; }
.form-list td.note              { background:url(images/note_cell_bg.gif) no-repeat 6px 10px !important; padding-left:18px; }
.form-list td.scope-label       { padding-left:5px; color:#6f8992; font-size:.9em; }


/* Form Button */
.form-button, .form-button-alt {
    overflow:visible;
    width:auto;
    border:0;
    padding:1px 8px;
    background:#f18200;
    color:#fff;
    border:1px solid #de5400;
    font:bold 12px arial, sans-serif !important;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
    }
.form-button span, .form-button-alt span {
    white-space:nowrap;
    }
.form-button-alt {
    border:1px solid #406a83;
    background-color:#618499;
    }
a.form-button-alt { padding:2px 9px; text-decoration:none; }
.form-button-alt:hover { color:#fff; text-decoration:none; }


/* MESSAGES */
.error,
a.error span,
.required,
.validation-advice { color:#D40707 !important; font-weight:bold !important; }
.notice { color:#ea7601}
.messages ul { border:0 !important; }
.messages li { min-height:3px !important; margin-bottom:11px !important; padding:0px 8px 2px 32px !important; font-size:.95em !important; font-weight:bold !important; }
.messages ul li { margin:0 0 3px 0 !important; border:0 !important; padding:0 !important; }
.error-msg { border:1px solid #f16048 !important; color:#df280a !important; background:#faebe7 url(images/error_msg_icon.gif) no-repeat 10px 10px !important; }
.success-msg { border:1px solid #95a486 !important; color:#3d6611 !important; background:#eff5ea url(images/success_msg_icon.gif) no-repeat 10px 10px !important; }
.notice-msg { border:1px solid #ffd967 !important; background:#fffbf0 url(images/note_msg_icon.gif) no-repeat 10px 10px !important; color:#3d6611 !important; }
.warning-msg { border:1px solid #666e73 !important; background:#e6e6e6 url(images/warning_msg_icon.gif) no-repeat 10px 10px !important; color:#000000 !important; }
.validation-advice { clear:both; min-height:15px; margin:3px 0 0 9px; background:url(images/validation_advice_bg.gif) no-repeat 2px 1px; padding-left:16px; font-size:.95em; font-weight:bold; line-height:1.25em; }
input.validation-failed, textarea.validation-failed { background:#fef0ed; border:1px dashed #d6340e; }


/* LOGIN
*******************************************************************************/
#page-login                             { background:#f8f8f8; text-align:center; }
.login-container                        { width:581px; margin:170px auto; padding-left:32px; background:url(images/login_logo.gif) no-repeat; }
.login-form                             { padding:27px 57px 35px 57px; background:url(images/login_box_bg.jpg) no-repeat; text-align:left; }
.login-form .input-left                 { float:left; }
.login-form .input-right                { float:right; }
.login-form .input-box input.input-text { width:224px; }
.login-form h2                          { font-size:1.7em; color:#f8f8f8; font-weight:normal; }
.login-form label                       { font-weight:bold; color:#f8f8f8; }
.login-form .form-buttons               { margin:60px 0 0 0; clear:both; text-align:right; }
.login-box .bottom                      { width:581px; height:5px; background:url(images/login_box_bottom.jpg) no-repeat; overflow:hidden; }
.login-container .legal                 { margin:0; background:url(images/login_box_legal_bg.gif) no-repeat; padding:8px 8px 5px 8px; font-size:.95em; }
.login-form .validation-advice          { margin:3px 0 0 0; }
.login-form .forgot-link                { margin:0 17px 0 0; color:#f8f8f8; text-align:right; }


/* Directional and spacial */
.f-left, .left      { float:left; }
.f-right, .right    { float:right; }
.v-top              { vertical-align:top; }
.v-middle           { vertical-align:middle !important; }
.v-bottom           { vertical-align:bottom; }
.a-left             { text-align:left !important; }
.a-center           { text-align:center !important; }
.a-right            { text-align:right !important; }
.nm                 { margin:0 !important; }
.np                 { padding:0 !important; }
.no-display         { display:none; }
.no-show            { display:none; }
.nowrap, .nobr      { white-space:nowrap; }
.wrap               { white-space:normal !important; }
.no-float           { float:none !important; }
.pointer            { cursor:pointer; }

.footer             { float:left; width:100%; height:65px; background: url(images/footer-bg.gif) no-repeat; margin-top: 40px; color:#fff; padding: 1.4em 1.6em 1.4em 1.6em; }


/* fotoseries en fotos */

#fotoseries div.fotoserie{
	display: block;
	clear: both;
	margin: 0 0 0px 0;
	padding: 7px 7px 10px 10px;
}

#fotoseries div.odd { background: #fff; }

#fotoseries div.fotoserie img{
	margin: 5px 10px 0px 0;
	border: 1px solid #E3DFC1;
	float: left;
}

#fotoseries div.fotoserie p{
	margin: 5px 0 0 0;
}

#fotoseries div.fotoserie div.textcontent{
	
	float: left;
	width: 336px;	
	padding: 0 0 0 15px;
}

#fotoseries div.fotoserie div.textcontent h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: none;
}

#fotoseries div.fotoserie div.textcontent h2 a{
	text-decoration: none;
}


#fotoseries div.fotoserie span.clear{
	background: red; display: block; clear: both; font-size: 1px; line-height: 1px;
}



/* alle fotos binnen een serie */

#fotoserie { 
	background-color: #fff;
	padding: 25px 10px 20px 30px;
	float: left;
	width: 570px;
	overflow: hidden;
}

#fotoserie div.foto{
	display: block;
	float: left;
	width: 120px;
	height: 120px;
	background-color: #fff;
	margin: 0 22px 20px 0;
	padding: 10px 0 0 0;
	/* border: 1px solid #E4ECEE; */
	text-align: center;
	font-size: 80%;
	overflow: hidden;
	border: 1px solid #eeeeee;	
}

#fotoserie div.foto img{
	border: 1px solid #D3CEAA;
	margin: auto;
	margin: 0 0 5px 0;
}
