/* site structure */
html { min-height: 100%; margin: 0px 0px 1px 0px; }
body {
font: 12px Arial, Helvetica, Verdana, Sans-Serif;
color: #343434;
margin: 0px;
}
img {
border: 0px;
}
#pagewrapper {
min-width: 1000px;
}
#top {
background: #fff url('/images/top.gif') repeat-x;
height: 34px;
line-height: 34px;
border-bottom: 1px solid #fff;
color: #fff;
}
#top_left {
float: left;
width: 200px;
}
#top_right {
float: right;
width: auto;
margin-right: 10px;
}
#top_right a img {
vertical-align: middle;
}
#header {
background: #fff;
height: 80px;
padding-top: 5px;
}
#header_left {
float: left;
width: auto;
margin-left: 10px;
}
#header_right {
float: right;
width: auto;
margin-right: 10px;
}
#header img {
border: 0px;
margin: 0 0 0 10px;
}
#menu {
background: #fff url('/images/menu.gif') repeat-x;
height: 24px;
line-height: 24px;
border-bottom: 5px solid #008eff;
}
#menu_left {
float: left;
width: auto;
margin-left: 10px;
}
#menu_right {
float: right;
width: auto;
margin-right: 10px;
}
#left {
position:absolute;
width:180px;
top:144px;
left:0px;
border-right:1px solid #c0c0c0;
background-color:#f1f1f1;
padding:10px;
z-index:2;
voice-family: "\"}\"";
voice-family:inherit;
width:158px;
}
body>#left {width:158px;}
.center, .center_extra {
position:relative;
width:auto;
min-width:120px;
margin:0px 210px 20px 200px;
background-color:#fff;
padding:10px;
z-index:3;
}
.center_extra {
clear: both;
background-color:#f7f7f7;
min-height: 18px;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.center_center {
text-align: center;
}
.center_right {
text-align: right;
font-size: 10px;
}
#right {
position:absolute;
width:190px;
top:144px;
right:0px;
padding:10px;
z-index:1;
voice-family: "\"}\"";
voice-family:inherit;
width:168px;
}
body>#right {width:168px;}
#footer {
clear: both;
margin: 10px;
background: #000;
}
#footer_left { }
#top_left { }
#copyright { }
/* pages */
#left .box .infobox_kop,
p.infobox_kop_b {
font-weight: bold;
color: #000;
}
#right .box {
border: 1px solid #dedede;
margin-bottom: 10px;
}
#left .box {
margin-bottom: 10px;
}
#right .box div.infobox_kop, #left .box div.infobox_kop, #right .box div.infobox_kop_winkel {
/*background: url('/images/infobox_kop.gif') repeat-x;*/
background: url('/images/menu.gif') repeat-x;
/*border-bottom: 2px solid #7a7a7a;*/
border-bottom: 2px solid #008eff;
line-height: 19px;
text-indent: 5px;
color: #fff;
font-weight: bold;
height: 19px;
}
#right .box div.infobox_kop_winkel {
background: url('/images/infobox_kop_winkelwagen.gif') repeat-x;
}
#left .box div.infobox_kop {
background: transparent;
border: 0px;
color: #000;
text-indent: 0px;
}
#right .box .infobox_kop a {
color: #000;
}
#right .box p.infobox_content, #left .box p.infobox_content, #right .box ul.infobox_content {
margin: 0px 0px 0px 0px;
padding: 5px 5px 2px 5px;
clear: both;
}
#left .box p.infobox_content {
border: 0px;
padding: 0px;
}
#right .box div.infobox_kop_text_l, #left .box div.infobox_kop_text_l {
float: left;
width: 80%;
background: transparent;
}
#right .box div.infobox_kop_text_r, #left .box div.infobox_kop_text_r {
float: right;
width: 20%;
background: transparent;
text-align: right;
line-height: 19px;
}
#right .box div.infobox_kop_text_r a img {
margin: 2px 5px 0px 0px;
}
.smallText {
border-top: 1px solid #ddd;
width: 100%;
clear: both;
color: #666;
font-size: 90%;
}
.smallText_left, .smallText_right {
width: 50%;
float: left;
}
.smallText_right{
text-align: right;
}
/* links */
a {
/* color:#07a; */
color: #1b5c9d;
text-decoration:none;
}
a:hover {
/* color:#09c; */
color: #4794e0;
text-decoration: underline;
}
#menu a, #top a, #menu, #top {
color: #fff;
text-decoration: none;
font-weight: normal;
}
#menu {
font-weight: bold;
color: #ffa200;
}
#top a {
font-weight: bold;
}
#menu a:hover, #top a:hover {
text-decoration: underline;
}
.boxlisting_header a {
color: #1b5c9d;
font-size: 14px;
line-height: 14px;
text-decoration: none;
}
.boxlisting_header a:hover {
color: #ff8431;
text-decoration: none;
}
span.productSpecialPrice {
font-size: 14px;
}
span.winkelwagen_bold, span.winkelwagen_bold_2 {
color: #000;
margin: 0px 0px 5px 0px;
line-height: 18px;
display: block;
}
span.winkelwagen_bold_2 {
margin-right: 15px;
}
span.winkelwagen_item {
margin-bottom: 5px;
display: block;
}
b.prijs {
text-align: right;
color: #000;
font-size: 14px;
}
h3 {
font-size: 14px;
margin: 0px;
line-height: 14px;
padding: 0px;
}
h4 {
font-size: 12px;
margin: 0px;
line-height: 14px;
padding: 0px;
display: block;
border-bottom: 1px solid #ddd;
}
/* product listing boxes */
.boxlisting_wrapper {
background: #red;
float: left;
width: 50%;
margin-bottom: 20px;
}
.boxlisting_header {
clear: both;
width: 100%;
}
.boxlisting_content {
padding: 10px 1% 10px 0%;
width: 99%;
clear: both;
}
.boxlisting_content_left {
width: 30%;
float: left;
background: #f7f7f7;
border: 1px solid #ddd;
padding: 5px;
min-width: 112px;
}
.boxlisting_content_left a img {
background: #fff;
padding: 5%;
border: 1px solid #666;
}
.boxlisting_content_right {
width: 64%;
margin-left: 3%;
float: right;
line-height: 150%;
}
.boxlisting_content_right a img {
margin-top: 10px;
}
/* productbox */
div.product_box {
background: #red;
float: left;
width: 49%;
min-width: 260px;
margin-bottom: 20px;
}
div.product_box h3 {
font-size: 15px;
}
div.product_box h3 a {
border-bottom: 1px solid #ccc;
text-decoration: none;
margin: 0px;
padding: 0px;
font-size: 15px;
}
div.product_box h3 a:hover {
border-bottom: 1px solid #1b5c9d;
color: #1b5c9d;
}
div.product_box p.assortiment {
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #ddd;
font-size: 10px;
color: #999;
font-weight: bold;
}
span.status1 {
color: red;
}
span.status2 {
color: green;
}
/* Image */
div.product_box div.image {
width: 110px;
padding-bottom: 10px;
float: left;
/*position: relative; /* Required for the absolute positioning of the promotional icon */
border: 1px solid #ececec;
color: #666;
background: #ececec;
}
div.product_box div.image a {
padding: 4px;
display: block;
border: 1px solid #fff;
background: #fff;
}
div.product_box div.image a:hover {
border: 1px solid #ffa200;
}
div.product_box div.image img.promotionalicon {
position: absolute;
left: -10px;
top: 85px;
border: none;
}
div.product_box div.image p {
margin: 0;
padding: 0 5px;
font-size: 11px;
text-align: right;
}
div.product_box div.image strong {
margin: 5px 0;
display: block;
color: #000;
font-size: 15px;
}
/* Description */
div.product_box div.description {
margin-left: 120px;
}
div.product_box div.description p {
min-height: 90px;
margin: 0px;
padding: 0px;
}
/* product info page */
#product {
width: 100%;
margin-bottom: 10px;
overflow: hidden;
}
#product h3 {
color: #000;
font-size: 12px;
}
#product_informatie {
margin: 0 325px 10px 0;
float: left;
}
#product_order {
width: 300px;
margin-left: -300px;
/*padding-top: 8px;*/
position: relative;
float: right;
}
.product_views {
margin: 0px;
padding: 0px 0px 5px 0px;
font-size: 11px;
color: #555;
border-bottom: 1px solid #ddd;
background: #fff;
}
#product_options {
margin: 5px 0px 3px 0px;
padding: 5px 0px 10px 0px;
font-size: 11px;
color: #555;
border-top: 1px solid #ddd;
}
/*
* Product images
* Show the various product images: main image, thumbnails for the gallery and product variants
*/
#product_images {
height: 1%; /* IE fix: needed to render bottom border */
margin-bottom: 5px;
padding-bottom: 5px;
position: relative;
}
#product_image {
margin-bottom: 10px;
background: url('/images/default/loading.gif') no-repeat 50% 50%;
}
/* Product collection */
#product_collection {
padding-left: 4px;
border-left: 4px solid #eeeeee;
font-size: 11px;
}
/* Product order */
.order {
text-align: right;
}
/* reviews */
.reviews {
background-color:#f7f7f7;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
line-height: 30px;
min-height: 30px;
}
/*
* Order information
*/
#product_order_information {
font-size: 11px;
clear: both;
border-top: 1px solid #ddd;
padding-top: 5px;
}
#product_order_information h3 {
overflow: hidden;
line-height: 24px;
}
#product_order_information h3 span.name {
width: 240px;
float: left;
}
#product_order_information h3 span.price {
width: 60px;
float: right;
text-align: right;
}
#product_order_information p.assortiment {
margin: 5px 0px 5px 0px;
color: #000;
}
/*
* Aanbiedingen homepage
*/
#aanbieding_frontpage {
height: 176px;
background: url('/images/gd_aanbieding.jpg') repeat-x;
}
#aanbieding_box {
margin: 0 auto;
width: 360px;
height: 176px;
}
#aanbieding_box_l {
float: left;
width: 100px;
margin-right: 10px;
padding-top: 5px;
}
#aanbieding_box_r {
float: right;
width: 250px;
}
#aanbieding_prijs, #aanbieding_meer {
float: left;
width: 50%;
color: #fff;
font-weight: bold;
font-size: 14px;
}
/* Overig */
.clear {
clear: both;
}
/* opsommingen */
ul {
list-style: none;
}
ul.right {
padding: 0px 5px 5px 5px;
margin: 0px 0px 0px 0px;
}
div.product_box ul.right {
margin: 10px 5px 5px 5px;
}
ul.right li {
padding-left: 12px;
/*background: url(images/li_bg.png) no-repeat 2px 4px;*/
background: url('/images/bullet_arrow_right.png') no-repeat 0px 0px;
}
ul.right li ul {
padding: 0px;
margin: 0px;
}
ul.right li ul li {
padding-left: 12px;
background: url('/images/li_bg.png') no-repeat 2px 4px;
}
ul.nav {
height: 1%;
width: 100%;
margin: 0px 0px 5px 0px;
padding: 10px 0px 0px 0px;
overflow: hidden;
border-width: 1px 0;
border-style: solid;
border-color: #ddd;
color: #555;
background: #f7f7f7;
font-size: 11px;
}
ul.nav li {
width: 200px;
margin: 0 10px 10px 10px;
padding-left: 12px;
float: left;
display: inline;
background: url('/images/li_bg.png') no-repeat 2px 4px;
line-height: 14px;
}
ul.home_nav, ul.product_nav {
height: 1%;
margin: 0px 0px 20px 0px;
padding: 10px 0 0 2%;
overflow: hidden;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
color: #555;
background: #f7f7f7;
font-size: 11px;
}
ul.home_nav li, ul.product_nav li {
width: 100px;
margin: 0 2% 10px 0;
float: left;
display: inline;
background: #fff;
border: 1px solid #ccc;
line-height: 14px;
text-align: center;
}
ul.product_nav li {
width: 22.5%;
height: 225px;
}
ul.home_nav li:hover, ul.product_nav li:hover {
color: /*#1b5c9d*/ #000;
border: 1px solid #1b5c9d;
}
ul.home_nav li img[width~="100"], ul.product_nav li img[width~="100"] {
opacity:1.0;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
margin-top: 5px;
background: #fff;
border: 1px solid #fff:
}
ul.home_nav li:hover img, ul.product_nav li:hover img {
opacity:0.50;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
border: 1px solid #ccc:
background: #fff;
}
ul.home_nav li:hover a, ul.home_nav li:hover a {
text-decoration: none;
}
ul.aanbieding_groot {
margin: 0 auto;
padding: 10px 0;
color: #fff;
font-size: 14px;
}
ul.aanbieding_groot li {
margin: 0 10px;
padding-left: 12px;
background: url('/images/li_bg.png') no-repeat 2px 4px;
line-height: 18px;
}
ul.aanbieding_groot li a {
color: #fff;
}
ul.aanbieding_groot li.aanbieding_groot_titel {
padding-left: 0px;
font-size: 24px;
font-weight: bold;
line-height: 30px;
background: transparent;
}
ul.right_empty {
margin: 0px;
padding: 0px;
color: #fff;
font-size: 11px;
}
ul.right_empty li {
margin:0px;
padding: 0px 0px 0px 5px;
line-height: 20px;
}
/* Quick search box */
#quick_find {
width: 122px;
}
#quick_find input {
border: none;
vertical-align: top;
}
#quick_find input.text {
width: 86px;
margin: 0px;
font: 11px Arial, Helvetica, Verdana, Sans-Serif;
cursor: text; /* IE 5.x fix: cursor remains default */
border: 1px solid #ddd;
padding: 2px;
background: #fff;
}
#quick_find input.image,
#advanced_search input.image {
margin: 2px;
padding: 0px 0px 0px 0px;
}
.login_1, .login_2 {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #f7f7f7;
margin-right: 5px;
padding: 10px;
}
label, input, select, textarea {
display: block;
float: left;
margin-bottom: 5px;
}
label {
text-align: left;
width: 150px;
padding-right: 5px;
}
.radio {
text-align: left;
width: 50px;
padding-right: 6px;
}
fieldset {
border: 1px solid #ddd;
padding: 5px;
background-color: #f7f7f7;
}
fieldset.white {
border: 1px solid #fff;
padding: 5px;
background-color: #fff;
}
fieldset legend {
color: #1b5c9d;
background: #fff;
padding: 5px 10px;
margin: 10px 0;
border: 1px solid #ddd;
font-weight: bold;
}
fieldset br {
clear: left;
}
#quick_find fieldset {
border: none;
padding: 0px;
background-color: transparent;
}
/* reviews */
dl.ratings, dl.ratings_2, dl.other, dl.ratings_k, dl.ratings_c, dl.ratings_3 {
width: 100%;
padding: 5px 0;
overflow: hidden;
border-top: 1px solid #ddd;
background-color: #f7f7f7;
font-size: 11px;
font-weight: bold;
line-height: 14px;
}
dl.other {
clear: both;
}
dl.ratings_k {
background-color: #fff;
border-top: 1px solid #ddd;
}
dl.ratings_c {
background-color: #fff;
border-top: 1px solid #ddd;
}
dt {
margin: 0px 5px 0px 0px;
padding: 0px;
}
dd {
margin:0px 10px 0px 0px;
padding: 0px;
}
dd.r_1 {
color: #ff5839;
}
dd.r_2, dd.r_3 {
color: #e69403;
}
dd.r_4, dd.r_5 {
color: #329403;
}
dl.ratings dt,
dl.ratings dd,
dl.ratings_k dt,
dl.ratings_k dt,
dl.ratings_c dt,
dl.ratings_c dt {
float: left;
display: inline; /* IE fix: prevents double margin bug */
}
dl.ratings_2 dt,
dl.ratings_2 dd,
dl.ratings_3 dt,
dl.ratings_3 dd {
width: 400px;
margin: 0 10px;
float: left;
display: inline;
line-height: 14px;
}
dl.ratings_2 dt, dl.ratings_3 dt {
clear: both;
}
dl.ratings_3 dt, dl.ratings_3 dd {
width: 200px;
font-weight: normal;
}
dl.ratings dt.check_1, dl.ratings_k dt.check_1 {
width: 60px;
}
dl.ratings dt.check_2, dl.ratings_k dt.check_2 {
width: 60px;
}
dl.ratings dt.check_3, dl.ratings_k dt.check_3 {
width: 50px;
}
dl.ratings_c dd {
width: 60px;
float: right;
font-weight: normal;
}
dl.other dt,
dl.other dd {
width: 100px;
margin: 0px;
float: left;
display: inline;
line-height: 14px;
}
dl.other dt {
clear: both;
line-height: 22px;
}
p.timestamp {
color: #555;
font-size: 11px;
padding: 0px 0px 0px 0px;
margin: 0px;
}
h3.reviews_kop {
line-height: 24px;
color: #ffa200;
}
p.comment_kop {
line-height: 20px;
padding: 0 0 0 5px;
margin: 0;
}
p.comment_kop a img {
padding-top: 3px;
}
p.comment {
padding: 5px 0px 0px 10px;
}
#product_options img[src="images/color_swatch.png"] {
width: 16px;
height: 16px;
float:left;
}
b.mini_icon {
line-height: 16px;
height: 16px;
float:left;
}
/* product images */
#product_image_zoom {
margin-bottom: 3px;
color: #555;
font-size: 11px;
text-align: right;
}
#product_image_gallery {
display: inline;
}
#product_image_gallery li {
height: 68px;
width: 68px;
float: left;
background: #f7f7f7;
border: 1px solid #ddd;
margin: 0px 5px 10px 0px;
padding: 0px;
}
#product_image_gallery li:hover {
border: 1px solid #ccc;
background: #ddd;
}
#product_image_gallery img {
vertical-align: top;
border: none;
padding: 1px;
}
#product_image_gallery a.current img {
border-color: #1b5c9d;
}
.address {
margin: 5px;
padding: 5px;
font-size: 11px;
color: #555;
border-bottom: 1px solid #ddd;
background: #fff;
}
.clearfix {
clear: both;
}
ul.sitemap {
color: #ff0000;
}
p.social_network a img {
margin: 5px 10px 0px 0px;
border: 1px solid #ddd;
padding: 5px;
}
p.social_network a img:hover {
border: 3px solid #4794e0;
padding: 3px;
}
.opvallend {
font-size: 150%;
}
ul.groottt {
font-size: 14px;
list-style-type: disc;
color: #003C91;
line-height: 30px;
margin: 0;
}