@font-face {
font-family: 'WalkwayBoldRegular';
font-weight: normal;
font-style: normal;
src: url('/media/css/font/Walkway_Bold-webfont.eot');
src: local('☺'), url('/media/css/font/Walkway_Bold-webfont.woff') format('woff'), url('/media/css/font/Walkway_Bold-webfont.ttf') format('truetype');
}

@font-face {
font-family: 'WalkwayUltraBoldRegular';
font-weight: normal;
font-style: normal;
src: url('/media/css/font/Walkway_UltraBold-webfont.eot');
src: local('☺'), url('/media/css/font/Walkway_UltraBold-webfont.woff') format('woff'), url('/media/css/font/Walkway_UltraBold-webfont.ttf') format('truetype');
}

BODY
{
margin: 0;
background-color: #693283;

background-image: url(/media/gfx/background.png);
background-position: left top;
background-repeat: repeat-x;
}

FORM
{
display: inline;
}

P, UL, OL, TD, TH, DIV
{
font-family: Arial;
font-size: 11px;
}

P, UL
{
margin: 7px 0;
}

A IMG
{
border: 0;
}

A
{
color: #693283;
text-decoration: none;
}

H1, H2
{
color: #333333;
}

H1
{
font-family: 'WalkwayBoldRegular', Arial;
font-size: 29px;
font-weight: 400;
margin-top: 0.5em;
margin-bottom: 0.4em;
}

H2
{
font-size: 16.5px;
}

H3
{
font-size: 12.8px;
}

#logo
{
position: relative;
margin-left: -9px;
}

/* Frontpage H3's */
.frontpage H1
{
font-size: 25px;
font-family: 'WalkwayUltraBoldRegular',Arial;
color: #693283;
}

.frontpage-column-1, .frontpage-column-2
{
float: left;
width: 306px;
}

.frontpage-column-1
{
padding-right: 15px;
margin-right: 16px;
width: 281px;
}

.frontpage #slider
{
float: left;
width: 308px;
height: 280px;
margin-right: 15px;
}

.frontpage .slider-text
{
float: left;
width: 305px;
font-family: Georgia, Arial;
font-size: 16px;
color: #673283;
}

.frontpage .slider-text P
{
font-family: Georgia, Arial;
font-size: 14px;
line-height: 1.3em;
}

.frontpage-tekst P
{
font-family: Georgia, Arial;
font-size: 14px;
color: #666666;
line-height: 1.3em;
}

.frontpage-tekst IMG
{
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

H3 SPAN
{
display: none;
}

H3.box-title
{
margin: 0;
height: 14px;
margin: 7px 0;
background-repeat: no-repeat;
background-image: url(/media/gfx/box_title_sprite.gif);
}

H3.box-title-account		{ background-position: 0 0; }
H3.box-title-zoeken			{ background-position: 0 -14px; }
H3.box-title-tas			{ background-position: 0 -28px; }
H3.box-title-nieuwsbrief	{ background-position: 0 -42px; }
H3.box-title-help			{ background-position: 0 -56px; }
H3.box-title-betalen		{ background-position: 0 -84px; }
H3.box-title-verzending		{ background-position: 0 -70px; }
H3.box-title-merken			{ background-position: 0 -98px; }

INPUT, SELECT, TEXTAREA
{
font-size: 11px;
}

ADDRESS
{
text-style: normal;
}

.paragraph-large P
{
font-size: 12px;
}

.main
{
width: 954px;
margin: 0 auto;
margin-bottom: 25px;
padding: 20px;
background-color: #FFFFFF;
box-shadow: 0 0 12px #222222;
}

.column-1
{
width: 148px;
float: left;
}

.column-2
{
width: 628px;
float: left;
margin: 0 15px;
}

.column-3
{
width: 148px;
float: left;
}

.clear-both
{
clear: both;
}

.right
{
float: right;
}

.align-center
{
text-align: center;
}

.slogan-bar
{
margin-top: 52px;
height: 40px;
margin-bottom: 13px;
}

.waarborg
{
position: absolute;
margin-left: -10px;
margin-top: -25px;
}

.waarborg-stamp
{
position: absolute;
margin-left: -60px;
}

.body .categories H2
{
color: #333333;
font-family: Georgia;
font-weight: normal;
}

.body .categories UL
{
margin: 0;
margin-bottom: 15px;
padding: 0;
list-style-type: none;
}

.body .categories UL LI
{
color: #656565;
padding: 0;
margin: 7px 0;
}

.body .categories LI.title
{
border-bottom: 1px solid #D5D0D2;
padding-bottom: 4px;
}

.body .categories LI.active
{
font-weight: bold;
}

.simple-box
{
margin-bottom: 15px;
}

.info-box
{
border: 1px solid #C7C7C7;
background-color: #F3F3F3;
color: #565656;
margin-bottom: 15px;

cursor: pointer;
cursor: hand;
}

.info-box .title
{
text-align: center;
background-color: #C7C7C7; 
color: white;
text-transform: uppercase;
padding: 5px;
font-size: 1.1em;
letter-spacing: -0.1px;
}

.info-box UL
{
padding-left: 20px;
padding-right: 3px;
margin: 5px 0;
}

.info-box UL LI
{
margin: 0;
padding: 0;
}

.box
{
border: 1px solid #ADADAD;
background-color: #F7F7F7;

padding: 0 5px;
margin-bottom: 15px;
}

.box H3
{
color: #696969;
/* margin: 5px 0; */
padding: 0;
font-size: 14px;
font-family: Arial;
font-weight: normal;
}

.box P
{
margin: 5px 0;
}

.tas-box IMG.tas
{
margin-top: 8px;
}

.merken-box TABLE.menu
{
margin: 7px 0;
}

#submenu-merken
{
position: absolute;
background-color: #EEECED;
z-index: 200;
}


P.buttons
{
padding: 10px 15px;
}

/* Buttons */
.purple
{
background-image: url(/media/gfx/purple_background.gif) !important; 
background-color: #683083 !important; 
border: 1px solid #5F2D77 !important; 

color: white !important;
font-weight: bold;

}

INPUT.large
{
padding: 3px 7px !important;
}

INPUT.button::-moz-focus-inner {
padding: 0;
border: 0;
margin: 0;
}


INPUT.button
{
display: inline-block;
font-size: 11px;
font-family: Arial;
overflow: visible;
}

.button
{
display: inline-block;
background-image: url(/media/gfx/button_background.gif); 
background-position: top left; 
background-repeat: repeat-x; 
background-color: #E6E6E6; 
border: 1px solid #AEAEAE; 
padding: 2px 5px;

font-size: 11px;
margin: 0;

cursor: pointer;
cursor: hand;
color: black;
}

.button-disabled
{
color: gray !important;
cursor: default;
}

BUTTON.dropdown-button
{
background-image: url(/media/gfx/dropdown_background.gif);
background-color: #E6E6E6;
background-position: right top;
background-repeat: no-repeat;
border: 1px solid #AEAEAE;
padding: 2px 26px 2px 5px;
padding-top: 3px;
font-size: 11px;
}

/** Forms **/

FIELDSET.form
{
border: 1px solid #683083;
border-width: 1px 0 1px 0;
background-color: #F0E6FF;

padding: 5px 10px;
margin: 7px 0;
}

FIELDSET LABEL.label
{
font-weight: bold;
color: #333333;
float: left;
width: 160px;
}

FIELDSET HR
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

FIELDSET LABEL.label-required
{
background-image: url(/media/gfx/bullet_required.gif);
background-position: 0 3px;
background-repeat: no-repeat;
margin-left: -14px;
padding-left: 14px;
}


FIELDSET DIV.value
{
float: left;
}

FIELDSET UL
{
list-style-type: none;
margin: 10px 0;
padding: 0 0 0 14px;
}

FIELDSET UL LI
{
padding: 0;	
margin: 7px 0;
clear: both;
}

FIELDSET UL LI.check-radio
{
margin: 0;
padding: 7px 0;
}

FIELDSET.form .selected
{
background-color: #E1CEFF;
}

fieldset.form input.radio
{
float: left;
margin-right: 15px;
margin-top: 0;
}

FIELDSET.form .button-right
{
float: right;
width: 80px;
padding-right: 150px;
}	

.error
{
color: #CC0000;
}

.message-error, .message-success
{
padding: 0.8em;
margin-top: 14px;
margin-bottom: 14px;
border: 1px solid #DDDDDD;
}

.message-error
{
background: #FBE3E4 none repeat scroll 0 0;
border-color: #FBC2C4;
color:#8A1F11;
}

.message-success {
background:#E6EFC2 none repeat scroll 0 0;
border-color:#C6D880;
color:#264409;
}

/** Menu **/
#menu-bottom
{
    margin-top: 14px;
}

.header TABLE.menu
{
margin-bottom: 15px;
}

TABLE.menu
{
margin-top: 7px;
width: 100%;
}

.menu
{
margin: 0;
}

.menu TD.first
{
border-left: 0;
}

.menu TD
{
background-color: #693283;
text-align: center;
border-left: 1px solid #FFFFFF;
padding: 4px 0;

cursor: pointer; cursor: hand;
}

.menu TD.over
{
background-color: #8D63A1;
}

.menu TD.active
{
background-color: #EEECED;
}

.menu TD.active A
{
color: #686868;
}

.menu TD A
{
color: #FFFFFF;
font-size: 11px;
text-transform: uppercase;
}

.submenu
{
position: absolute;
background-color: #EEECED;
z-index: 100;
}

.submenu UL
{
list-style-type: none;
padding: 0;
margin: 7px 0;
}

.submenu UL LI.title
{
border-bottom: 1px solid #D5D0D2;
padding-bottom: 4px;
}

.submenu UL LI A
{
color: #686868;
}

.submenu UL LI A:hover
{
color: #000000;
}

.submenu UL LI
{
padding: 0;
padding-left: 15px;
margin: 7px 15px;

background-image: url(/media/gfx/menu_bullet.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}

/** Dialogs **/
.ip-dialog-widget 
{
position: absolute;
z-index: 800;
background-color: white;
padding: 7px 14px;
border: 5px solid gray;
}

.ip-dialog-widget-overlay
{
position: absolute;
z-index: 700;
background: #000000;

-moz-opacity:0.6;
filter: alpha(opacity=60); 
opacity:0.6; 
}

/** Cart **/
.cart THEAD TH, .cart TBODY TD
{
border-bottom: 1px solid #A6A4A5;
}

.cart .col-image
{
vertical-align: middle;
text-align: center;
width: 85px;
}
.cart .col-artikel
{
vertical-align: bottom;
}

.cart .col-product
{
width: 238px;
}

.cart .col-total, .col-price, .col-weight
{
text-align: right;
padding-right: 10px;
width: 70px;
vertical-align: middle;
}

.cart .col-amount
{
width: 75px;
text-align: center;
}

.cart .col-gift
{
width: 40px;
text-align: center;
}

.cart .col-remove
{
width: 16px;
}

.cart TD.total
{
text-align: right;
vertical-align: top;
padding-right: 10px;
padding-left: 0px;
}

.cart TD.total DIV
{
padding-top: 5px;
padding-bottom: 5px;
margin-left: auto;
margin-right: 0px;
clear: both;
}

.cart TD.total LABEL
{
float: left;
text-align: right;
width: 90px;
padding-bottom: 5px;
}

.cart TD.total DIV.border
{
border-top: 2px solid #A6A4A5;
}

.cart TD.total DIV.small-border
{
border-top: 1px solid #A6A4A5;
}

.cart TR.wrapping-enabled TD
{
border-bottom: 0;
}

.cart TR.wrapping TD.col-wrapping
{
background-color: #F0E6FF;
padding: 8px;
}


#wrapping-dialog TEXTAREA
{
width: 300px;
height: 100px;
font-family: Arial;
font-size: 12px;
}


#wrapping-dialog .sect-title
{
font-weight: bold;
}

.wrapping-example
{
position: absolute;
border: 1px solid #666666;	
}

.flash-message
{
padding: 14px;
background-color: #693283;
width: 469px;
text-align: center;
font-size: 24px;
font-weight: bold;
position: absolute;
border-radius: 10px;
color: #FFFFFF;
box-shadow: 0 0 10px #888;
}

/** Listing **/
.listing-header
{
background-color: #EEEEEE;
padding: 7px 18px;
border-bottom: 1px solid #DDD;
}

.listing-footer
{
background-color: #EEEEEE;
padding: 5px 18px;
border-bottom: 1px solid #DDD;
border-top: 1px solid #DDD;
}


.pager
{
float: right;
font-size: 12px;
color: #666666;
text-align: right;
}

.pager .links a
{
font-weight: bold;
}

.listing-header .title
{
float: right;
color: #333333;
text-align: right;
font-family: Arial;
font-size: 11px;
margin: 0;
}

.listing-header .title BIG
{
display: block;
font-size: 16.5px;
font-family: Georgia;
font-weight: normal;
}

.listing-facet
{
background-color: #F5F5F5;
padding: 5px 18px;
margin-bottom: 15px;
border-bottom: 1px solid #DDD;
border-top: 1px solid #DDD;
}

.facet-label
{
float: left;
margin-right: 7px;
padding-top: 3px;
}

.facet-listing
{
margin: 7px 0;
}

.facet-entry
{
position: relative;
float: left;
margin-right: 7px;
}

.facet-entry button
{
position: relative;
margin: 0px;
margin-bottom: 5px;
}

.facet-entry .button.remove span
{
display: inline-block;
background-image: url(/media/gfx/facet_remove.png);
width: 7px;
height: 7px;
margin-left: 7px;
}

.facet-entry button.dropdown span,
.pager-dropdown-button span.icon
{
display: inline-block;
margin-bottom: 2px;
background-image: url(/media/gfx/facet_dropdown.png);
width: 6px;
height: 4px;
margin-left: 7px;
margin: 2px;
}

.facet-dropdown
{
position: absolute;
z-index: 10;
margin: 0;
margin-top: -1px;
background-color: #FFF;
border: 1px solid #AEAEAE;
padding: 0;
list-style-type: none;
white-space:nowrap;
text-align: left;
font-weight: normal;
}

.facet-dropdown li {
padding: 5px 10px;
cursor: pointer;
}

.facet-dropdown li:hover
{
background-color: #f4e7f7;
}

TABLE.listing-table
{
width: 628px;
}

.listing-table .col-meta
{
width: 130px;
text-align: center;
vertical-align: middle;
}

.listing-table .col-afbeelding
{
width: 120px;
}

.listing-table TBODY TD
{
border-top: 1px solid #C7C5C6;
padding: 7px 5px;
}

.listing-table TBODY TR:first-child td
{
border-top: 0;
}

.listing-table TD P
{
font-size: 12px;
margin: 5px 0;
}

.listing-table h2
{
font-family: 'WalkwayUltraBoldRegular', Arial;
font-size: 20px;
margin: 5px 0;
font-weight: 400;
}

.listing-table H2 A
{
text-decoration: none;
}

.listing-table .stock
{
font-size: 11px;
margin-bottom: 7px;
}

.listing-table .old-price
{
font-size: 12px;
}

.listing-table .price
{
font-size: 13px;
color: #666666;
font-size: 19px;
}

.listing-table .col-beschr
{
width: 328px;
}

.listing-table DIV.image
{
position: relative;
}

SPAN.new-label
{
display: block;
position: absolute;
width: 60px;
height: 60px;
background-image: url(/media/gfx/label_new.png);
background-repeat: no-repeat;
right: 0px;
}

SPAN.new-label-small
{
display: block;
position: absolute;
width: 38px;
height: 38px;
background-image: url(/media/gfx/label_new_small.png);
background-repeat: no-repeat;
right: 0px;
}

.offer
{
color: #CC0000;
}

.voorpagina-table td
{
border: 1px solid #9F9F9F;
padding: 5px;
text-align: center;
}

.thema-table
{
width: 628px;
}

.thema-table TD
{
border-right: 1px solid #9F9F9F;
border-bottom: 1px solid #9F9F9F;

padding: 5px;

text-align: center;
}

.thema-table TD.first
{
border-left: 1px solid #9F9F9F;
}

.thema-table TR.first TD
{
border-top: 1px solid #9F9F9F;
}

.quicklinks
{
}

.quicklinks UL
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: right;
}

.quicklinks UL LI
{
background-image: url(/media/gfx/menu_bullet.gif);
background-repeat: no-repeat;
background-position: 0 3px;

text-transform: uppercase;

margin: 0;
padding: 0;
padding-left: 10px;
margin-left: 7px;
display: inline;
}

.quicklinks UL LI.last
{
margin-right: 0;
}

.copyright
{
text-align: center;
color: #ADADAD;
margin-top: 7px;
}

.copyright SMALL
{
font-size: 11px;
}

/**
* Social media
*/
.socialmedia-box
{
text-align: center;
}

.socialmedia-box .twitter, .socialmedia-box .facebook
{
margin: 7px;
}

.socialmedia-box .twitter
{
width: 57px;
float: left;
}

.socialmedia-box .twitter a
{
color: #009ADF;
}

.socialmedia-box .facebook a
{
color: #243A79;
}

/**
* Stock colors
*/
.instock { color: green; }
.outstock { color: gray; }

/**
* Product listings
*/
.product-listing-description
{
margin-top: 14px;
border-top: 1px solid #DDD;
background-color: #f4e7f7;
padding: 1px 18px;
}

.product-listing-description P, .product-listing-description ul
{
font-size: 12px;
}

/**
* Product detail
*/
.product-detail .price-and-rating
{
margin: 7px 0;
}

.product-detail .price
{
font-size: 19px;
}

.product-detail .offer
{
color: #CC0000;
}

.product-detail .old-price
{
font-size: 13px;
}

.product-detail .rating
{
float: left;
}

.product-detail .rating P
{
margin: 7px 0;
}

.product-detail .kenmerken
{
margin: 7px 0;
}

.product-detail .kenmerken TD
{
padding: 3px 0;
}

.product-detail .kenmerken TD.label
{
width: 100px;
font-weight: bold;
}

.product-detail .product-image
{
position: relative;
}

.product-detail .addthis_toolbox
{
margin-top: 24px;
}

.product-detail .product-image-container
{
float: right;
margin-left: 15px;
width: 200px;
}

.product-detail .section
{
margin: 14px 0;
}

.product-detail .section .title
{
color: #999999;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 7px;
padding-bottom: 5px;
font-size: 12px;
font-weight: bold;
}

.product-detail .meer-fotos IMG
{
margin: 5px 7px;
}

.product-detail .beschrijving P
{
margin: 7px 0;
}

.product-detail .beschrijving *
{
font-size: 12px;
}

.product-detail .related-products .product-entry
{
width: 144px;
float: left;
text-align: center;
}


.product-detail .dropdown BUTTON.dropdown-button
{
width: 160px;
text-align: left;
}

.product-detail .dropdown .color
{
background-color: #CCDDFF;
width: 13px;
height: 12px;
float: left;
border: 1px solid gray;
margin-right: 5px;
margin-top: -1px;
}

.product-detail UL.dropdown-menu
{
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
position: absolute;

background-color: #FFFFFF;
border-color: #CCCCCC #999999 #999999 #CCCCCC;
border-style: solid;
border-width: 1px;
}

.product-detail UL.dropdown-menu LI
{
margin: 0;
padding: 8px;
cursor: default;
}


.product-detail UL.dropdown-menu LI.hover
{
background-color: #9DCEFF;
}

.product-detail .dropdown BUTTON .label
{
width: 99px;
}

.product-detail .dropdown .label
{
float: left;
margin-left: 2px;
width: 162px;
}

.product-detail INPUT.add-to-cart
{
padding: 3px 7px;
width: 160px;
font-weight: bold;
}

.sfeer-beeld
{
line-height: 0;
}

/* Tooltips */
.ui-tooltip-themacompany .ui-tooltip-titlebar,
.ui-tooltip-themacompany .ui-tooltip-content{
    border-color: #693283;
    border-width: 2px;
    border-radius: 4px;
    color: #000;
    line-height: 140%;
}

.ui-tooltip-themacompany .ui-tooltip-content{
    background-color: #FFFFFF;
}

.ui-tooltip-themacompany .ui-tooltip-titlebar{

}

.ui-tooltip-themacompany .ui-state-default .ui-tooltip-icon{
    background-position: -102px 0;
}

.ui-tooltip-themacompany .ui-tooltip-icon{
    /* border-color: #D95252; */
}

.ui-tooltip-themacompany .ui-tooltip-titlebar .ui-state-hover{

}
