/* 
Februari 2006
Door : Koen Haarbosch  |  Bit Squad

Kleuren:
rood: #9E1627;
blauw: #012063;
LightGrey: #F3F3F3;

*/

/* --------------------------------------------- // -------- ALGEMENE SITE */

* 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #012063;
}

img, a
{
	border: 0;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }

a:link { color: #003C8D; text-decoration: underline; } /*  niefrowt bezochte link */
a:hover  { color: #003C8D; text-decoration: none; } /*  roll over  */

body 
{
	margin: 0;
	padding: 0;
	/*text-align: center;*/
	font-size: 100%; /* font-size wordt op 100% van de browser instellingen van de gebruiker gezet, deze grootte wordt dus overgenomen */
	background: #F3F3F3 url(../images/bgSite.gif) repeat-y center top;
}

.clear 
{
	clear:both;
	height: 1px;
	font-size:1px;
	border:none;
	margin:0; 
	padding:0;
	background:transparent;
}

#wrapper 
{
	width: 980px;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
}

/* --------------------------------------------- // -------- Instellen Fonts */
#footer2,
.prodDisclaimer
{
	font-size: 0.7em;
}
#colLeft, #colRight, #colMiddle, #footer
{
	font-size: 0.8em;
}

#header a
{
	font-size: 0.75em;
}

#content h1, #nieuwsarchief h1, #opsomming h1, .webshop h1, #kerstpaketten h1, #webshopOverzicht h1, #advancedSearch h1, #webshopIE h1, #webshopSearchResults h1, #webshopDetail h1
{
	font-size: 1.8em;
}

#content h2, .webshop h2, #advancedSearch h2
{
	font-size: 1.2em;
}

/* --------------------------------------------- // -------- Header */

/* 
Css voor de header staat in apart css bestand: header.css
Deze staat in de map Media/headers/wotp/css
Dit is gedaan om Wotp meer vormvrijheid te geven mbt headers
 */

/* --------------------------------------------- // -------- Menu */

#menu
{
	float: left;
	width: 962px; /* 980 - margin - padding */
	height: 28px;
	margin: 0 2px 0 2px;
	padding: 0 0 0 15px; /*95pt*/
	background: #9E1627;	
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu ul li a
{	
	float: left;
	height: 23px;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0.2em;
	/* line-height: 21px;
	height: 21px; */
	color: #FFFFFF;
	margin: 5px 15px 5px 15px;
}

#menu ul li a:hover
{	
	/* border-bottom: dotted 1px #FFF;		 */
	text-decoration: underline;
}

/* Submenu */
#nav li li a {
	display: block;
	float: left;
	width: 175px;
	text-decoration: none;
	font-size: 0.75em;
	font-weight: normal;
	color: #012063;
	background: #E4E0E0;
	letter-spacing: 0.1em;
	/* line-height: 21px;*/
	height: 18px; 
	margin: 0;
	padding: 2px 15px 0px 15px;
	border: 0;
	border-left: solid 3px #FFFFFF;
	border-right: solid 3px #FFFFFF;
}

#nav li li.footer a, #nav li li.footer a:hover
{
	height: 0;
	cursor: text;
	border-bottom: solid 3px #FFFFFF;
}

#nav li li a:hover {
	text-decoration: underline;
	border: 0;
	border-left: solid 3px #FFFFFF;
	border-right: solid 3px #FFFFFF;
}

#nav li {
	float: left;
	position: relative;
	cursor: default;
}

#nav li ul {
	display: none;
	position: absolute;
	z-index:99;
	top: 27px;
	left: 0;
}

#nav li li {
	display: block;
	/*float: none;
	clear: left;*/
	padding: 0;
	margin: 0;
	border: 0;
}

#nav li:hover ul, 
#nav li.over ul {
	display: block;
}

/* --------------------------------------------- // -------- ColumnContainer */

#columnContainer
{
	float: left;
	width: 976px; /* 980 - padding */
	margin: 0 2px 0 2px;
	background: #F3F3F3;
}

/* --------------------------------------------- // -------- Column Left */

#colLeft
{
	float: left;
	width: 720px; /* 740 - margin #columnContainer - padding */
	padding: 18px 13px 0 5px;
}

/* --------------------------------------------- // -------- Breadcrumb */

#breadcrumb {
	float:left;
	width: 547px;
	margin: 15px 0 20px 15px;
}

#breadcrumb a {
	padding: 0px 12px 0px 12px;
	text-transform: lowercase;
	background: url(../images/arrowTextLink.gif) no-repeat 0px 4px;
}

#breadcrumb a.homepage {
	background: none;
	padding: 0px 12px 0px 0;
}

.toolTip {
    margin: 0 0 0 5px;
    background:#F3F3F3;
    }
    
#facetNav ul, 
#facetNav li {
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#facetNav li a {
    display:inline;
    height:18px;
    }
    
ul#facetNav { margin: 0; padding:0; }

#facetNav li li a,
#facetNav li li a:link,
#facetNav li li a:visited {
	display: block;
	float: left;
	width: 100px;
	text-decoration: none;
	font-size: 0.75em;
	font-weight: normal;
	color: #012063;
	background: white;
	letter-spacing: 0.1em;
	height: 18px; 
	margin: 0;
	padding: 2px 15px 0px 15px;
	border: 0;
	border-left: solid 1px #012063;
	border-right: solid 1px #012063;
}

#facetNav li li a:hover {
	text-decoration: underline;
}

#facetNav li li a.delete,
#facetNav li li a.delete:hover { border-bottom: solid 1px #012063;}

#facetNav li {
	float: left;
	/*position: relative;*/
	cursor: default;
}

#facetNav li ul {
	display: none;
	position: absolute;
	background:white;
	z-index:90;
	border-bottom: solid 1px #012063;
	/*top: 17px;*/
	left: 0;
}

#facetNav li li {
	display: block;
	float: none;
	clear: left;
	padding: 0;
	margin: 0;
	border: 0;
}

#facetNav li.wake:hover ul, 
#facetNav li.wake a:hover ul,
#facetNav li.over ul {
	display: block;
}

/* --------------------------------------------- // -------- Tabs */

#tabs {
	float: left;
	width: 707px;
	height: 133px;
	background: #F9F9F9;
	margin: 0 0 15px 0;
}

#buttons {
	float: left;
	width: 301px;
}

#buttons img {
	float: left;
	width: 301px;
}

#tab01, #tab02, #tab03
{
	float: left;
	width: 241px; /* 406 - padding */
	height: 87px; /* 107 - padding */
	background: #F9F9F9 url(../images/tabs/bgTab01.jpg) no-repeat;
	padding: 10px 140px 10px 25px;
}

#tab01 p, #tab02 p, #tab03 p
{
	margin: 0 0 7px 0;
	padding: 0;
}

#tab01 a, #tab02 a, #tab03 a
{
	padding: 0px 12px 0px 12px;
	background: url(../images/arrowTextLink.gif) no-repeat 0px 4px;
	letter-spacing: normal;
}

#tab01 a:first-child { display: block; color: #FF0000; padding: 10px 0 0 0; font-weight: bold; }

#tab01 { display: block; background: #F9F9F9 url(../images/tabs/bgTab01.jpg) no-repeat; }
#tab02 { display: none; background: #F9F9F9 url(../images/tabs/bgTab02.jpg) no-repeat; }
#tab03 { display: none; background: #F9F9F9 url(../images/tabs/bgTab03.jpg) no-repeat; }


/* --------------------------------------------- // -------- Content */

#content, #nieuwsarchief, #opsomming, .webshop, #advancedSearch, #webshopSearchResults
{
	float: left;
	width: 527px; /* 481 - padding */
	padding: 0 20px 0 10px;
	margin: 0 0 0 20px;
}

#contentHome
{
	float: right;
	width: 527px; /* 481 - padding */
	padding: 0 20px 0 10px;
	margin: 0 0 0 10px;
}

#content h1, #nieuwsarchief h1, #opsomming h1, .webshop h1, #kerstpaketten h1, #webshopOverzicht h1, #webshopIE h1, #webshopSearchResults h1, #webshopDetail h1
{
	margin: 0 0 20px 0;
}

#content h2
{
	margin: 20px 0 0 0;
}


table td /* uitlijnen tekst in Idios tabellen */
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

#contentHomeSpec {margin: 0 0 15px 0;}

/* --------------------------------------------- // -------- Banners 

#banners
{
	float: left;
	width: 153px;
}

#bannersHome
{
	float: left;
	width: 153px;
}

#banners ul
{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}
*/
/* --------------------------------------------- // -------- News */

#news
{
	float: left;
	width: 711px;
	margin: 25px 0 0 0;
}

#news img
{
	margin: 0 15px 0 0;
}

#block01
{
	margin: 10px 0 0 0;
	min-height: 260px;
}

#block02 { margin: 10px 16px 0 16px; }

#block01 img, #block02 img { border-top: solid 1px #C2C2C2; margin: 0; }

div.rolloverblock
{
	float: left;
	width: 224px; /* 226 - border */
	background: #F3F3F3;
	border: solid 1px #C2C2C2;
}
#newsHomeActive 
{
	float: left;
	width: 221px;
	min-height: 240px;
	background: #F3F3F3;
	margin: 10px 7px 0 7px;
	padding: 10px;
	border: solid 1px #C2C2C2;
}
#newsHomeActive a 
{
	display: block; 
	padding: 0px 12px 0 12px;
	margin: 0 0 10px 0;
	background: url(../images/arrowTextLink.gif) no-repeat 0px 4px;
}
#newsHomeActive a#meerNieuws 
{
	display: block;
	font-weight: bold;
	padding: 0px 12px 0 20px;
	margin: 20px 0 10px 0;
	background: url(../images/arrowTextLinkDouble.gif) no-repeat 0px 4px;
		
}
#newsHomeActive h3 
{
	margin: 0 0 10px 0;
}


div.rolloverblock span
{
	display: block;
	padding: 15px;
}

div.rolloverblock h3
{
	color: #D80408;
}

#block01 a.arrowLink 
{
	display: block;
	margin: 20px 0 15px 0;
}
/* --------------------------------------------- // -------- Column Right */

#colRight
{
	float: left;
	width: 205px; /* 240 - margin #columnContainer  */
	background: #DAE0E9;
	border: solid 1px #FFFFFF;
	padding: 9px;
	margin: 20px 0 0 0;
}

/* --------------------------------------------- // -------- Search */

#search
{
	float: left;
}

#search div
{
	float: left;
}
#search #searchButton { width: 165px; text-align: right; padding: 0 0 0 15px;}

.txtBox { width: 169px; margin: 0 0 5px 0; padding: 0 0 0 5px; } 

.searchDropDown { width: 180px; margin: 0 0 5px 0; }

#search input { width:140px; font-size: 85%; }

#search #searchButton a,
#search a
{ 
	font-weight: bold; 
	color: #000000;
}

#search .block2 a.button
{
	text-decoration: none;
}

.tbxSearchTerm
{
	width: 115px;
	padding: 0 5px 0 5px;
	margin: 0 5px 0 0;
}

div.block
{
	float: left;
	width: 183px;    /* 204 - border - padding - padding span.block2 */
	background: #FFFFFF;
	border: solid 1px #C2C2C2;
	padding: 10px;
	margin: 0 0 9px 0;
}

div.block img
{
	display: block;
	margin: 0 0 8px 0;
}



/* --------------------------------------------- // -------- Links */

#links
{
}

#links ul
{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#links li
{
	display: block;
	margin: 5px 0 0 0;
}

#links a
{
	display: block;
	padding: 0px 12px 0px 12px;
	background: url(../images/arrowTextLink.gif) no-repeat 0px 4px;
}

/* --------------------------------------------- // -------- Specialist Sites */

#specialistSites
{
}

.dropdownSpecialist
{

	width: 100%;
}

/* --------------------------------------------- // -------- Contact */

#contact
{
	line-height: 1.7em;
}

/* --------------------------------------------- // -------- Footer */

#footer
{
	float: left;
	width: 959px; /* 980 - padding - padding columnContainer */
	text-align: right;
	height: 16px;
	padding: 4px 17px 4px 0;
	margin: 0 0 20px 0;
}

#footer a { color: #FFFFFF; margin: 0 0 0 20px;}

#footer2
{
	float: left;
	color: #C0BEBF;
	width: 940px; /* 980 - padding - padding columnContainer */
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0 20px 0 20px;
}
#footer2 a:link { color: #C0BEBF; text-decoration: none; }
#footer2 a:visited { color: #C0BEBF; text-decoration: none; }
#footer2 a:hover { color: #003C8D; text-decoration: underline; }

/* --------------------------------------------- // -------- Sitemap */

ul#sitemap ul, ul#sitemap li	{
	list-style-type : none;
	margin : 2px 0 3px 20px;
	padding : 0;
}

ul#sitemap a
{
	padding: 0px 12px 0px 12px;
	background: url(../images/arrowTextLink.gif) no-repeat 0px 4px;	
}

ul#sitemap a.home
{
	margin: 0 0 0 -30px;
}


/* --------------------------------------------- // -------- Nieuwsarchief */

#nieuwsarchief dl
{
	padding: 0;
}

#nieuwsarchief dt
{
	font-size: 0.85em;
	padding: 0 0 2px 0;
}

#nieuwsarchief dd, #opsomming dd
{
	padding: 0;
	margin: 0;
}
	
#nieuwsarchief dd.header, #opsomming dd.header
{
	font-weight: bold;
}

#nieuwsarchief dd.leesverder, #opsomming dd.leesverder
{
	padding: 0 0 20px 0;
}

#nieuwsarchief dd.leesverder a, #opsomming dd.leesverder a
{
	display: block;
	padding: 0px 12px 0px 12px;
	background: url(../images/arrowTextLink.gif) no-repeat 0px 4px;	
}

#nieuwsarchief img { border: solid 1px #CCCCCC; margin: 5px 0;}

/* paginering opsomming */

/*#paginering a { color: #000000; }*/
#paginering { margin: 15px 0 0 0; text-align: center;}
#paginering a.vorige { margin: 0 36px 0 0; }
#paginering a.volgende { margin: 0 0 0 36px; }
/*#paginering a.active { text-decoration: none; color:#003C8D; font-weight: bold;}*/


/* --------------------------------------------- // -------- Opsomming */
/* Deels ook bij Nieuwsarchief gedeclareerd */

div.opsommingItem
{
	float: left;	
	width: 451px;
	margin: 20px 0 0 0;
}

#opsomming dl
{
	float: left;
	width: 285px;
	padding: 0;
	margin: 10px 0 0 0;
}

#opsomming img
{
	float: left;
	width: 150px;
	clear: left;
	margin: 5px 10px 0 0;
}

/* --------------------------------------------- // -------- Shopping Cart */

#shoppingCart ul
{
	padding: 0;
	margin: 0 0 0 15px; 
	/* list-style-image: url(../images/webshopListDot.gif); */
	list-style-type: disc;
}

/* --------------------------------------------- // -------- Webshop */
/* Breadcrum float is ook aangepast */


.webshop
{
	float: left;
	width: 600px;
	margin-left: 25px;
}

#webshopOverzicht
{
/*	float: left;   */
	width: 730px; /*  Origineel was deze 700 */
}

/* -----------------NEW STYLES -------------------*/
/* -----------------Facet menu -------------------*/
#webshopFacetMenuContainer {
	float: left;
	display: inline;
	width: 223px;
	height:100%;
	margin: 0;
	padding: 0;
	background: #DAE0E9;
	border: solid 1px #FFFFFF;
}

#webshopFacetMenu {
	float: left;
	display: inline;
	width: 205px;
	background: #FFFFFF;
	margin: 6px 9px 6px 9px;
	padding: 10px 0 10px 0;
	font-size: 11px;
	border: solid 1px #9E1627;
	border-bottom: solid 3px #9E1627;
}

#webshopFacetMenu h3 { margin: 0 0 0 10px; }
#webshopFacetMenu ul, #webshopFacetMenu ul li { padding: 0; margin: 0; list-style:none; }
#webshopFacetMenu ul li { margin: 4px 0 0 0; }
#webshopFacetMenu ul li a {
	padding: 2px 0 2px 10px;
	margin: 0 0 3px 10px;
	background: url(../images/arrowTextLink.gif) no-repeat 0 5px;
}

#webshopFacetMenu ul li.facetTitle {
	height: 25px;
	padding: 2px 0 0 10px;
	margin: 8px 0 5px 0;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.2em;
	background: url(../images/webshop_new/bg_facet_title.gif) repeat-x 0 0;
}
/* -----------------Bekijk ook -------------------*/
#seeAlso {
	float: left;
	display: inline;
	width: 183px;
	padding: 10px;
	margin: 0 10px 20px 10px;
}

#seeAlso ul, #seeAlso li { list-style: none; padding: 0; margin: 0; }
#seeAlso ul li { margin: 2px 0 0 0; }
#seeAlso ul li a {
	padding: 2px 0 2px 10px;
	margin: 0 0 3px 2px;
	background: url(../images/arrowTextLink.gif) no-repeat 0 5px;
}

/* -----------------overview -------------------*/
#webshopOverview {
	float: left;
	display: inline;
	width: 485px;
	padding: 0 0 0 10px;
	margin: 0;
}

#webshopOverview dl {}
#webshopOverview a dl,
#webshopOverview a:link dl {}

#webshopOverview a.TeaserListLink,
#webshopOverview a.TeaserListLink:link,
#webshopOverview a.TeaserListLink:visited {
	float: left;
	width: 156px;
	height:220px;
	border: solid 1px #CCCCCC;
	background: #FFFFFF;
	margin: 0 3px 10px 0;
	padding: 0;
    text-decoration: none;
    cursor:hand; 
    display:block;
    }

/*#webshopOverview dl.active, */

#webshopOverview a.TeaserListLink:hover,
#webshopOverview a.TeaserListLink:active,
#webshopOverview a.TeaserListLink:focus { border: solid 1px #686868; }

#webshopOverview dt, 
#webshopOverview dd { float: left; margin: 0; padding: 0; color: #012063; }
#webshopOverview dd.price {  }

#webshopOverview dd.image { width: 152px; height: 152px; text-align: center; }

#webshopOverview dd img { 
	border: solid 1px #CCCCCC; 
	margin: 2px;
	padding: 0;
}

#webshopOverview dt {
	font-weight: bold;
	padding: 5px;
}

#webshopOverview dd.price {
	padding: 0 5px 5px 5px;
	font-size: 0.8em;
	clear:both;
	white-space:nowrap;
}

/* -----------------search results -------------------*/

.tabContainer 
{
    border-bottom: solid 1px #9E1627;
    height:31px;
    clear:both;
    margin: 0 0 15px 0;
}

.tabContainer a,
.tabContainer a:link,
.tabContainer a:visited 
{
    border: solid 1px #9E1627;
	float: left;
	width: 125px; 
	height: 10px;
	background: #F3F3F3;
	padding: 10px;
	margin: 0 4px -1px 0;
	cursor:hand;
}

.tabContainer a.selectedItm,
.tabContainer a.selectedItm:link,
.tabContainer a.selectedItm:visited
{
    border: solid 1px;
    border-color: #9E1627 #9E1627 #F3F3F3 #9E1627;
	float: left;
	width: 125px; 
	height: 10px; 
	background: #F3F3F3;
	padding: 10px;
	margin: 0 4px -1px 0;
	text-decoration: none;
	cursor:hand;
}

* html .tabContainer a.selectedItm,
* html .tabContainer a.selectedItm:link,
* html .tabContainer a.selectedItm:visited {position:relative;}

.webshopPagingContainer {
	float: left;
	display: inline;
	width: 485px;
	height: 25px;
	margin: 0 0 5px 0;	
}
.webshopPagingContainer .ammount {
	float: left;
	width: 240px;
	height: 25px;
	font-weight: bold;
}
.webshopPaging
{
	float: left;
	width: 245px;
	height: 25px;
}
.webshopPaging ul {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
}
.webshopPaging li {
	float: left;
}
.webshopPaging li a {
	display: block;
	padding: 2px 7px 2px 7px;
	margin: 0 5px 0 5px;
	background: #FFFFFF;
	text-decoration: none;
	border: solid 1px #9E1627;
	color: #9E1627;
	font-weight: bold;
}
.webshopPaging li a.forward { margin-left: 15px; }
.webshopPaging li a:hover, .webshopPaging li a.active { background: #9E1627; color: #FFFFFF;}

/*#sorting {
	float: left;
	font-size: 0.85em;
	margin: 0 0 20px 0;
}
#sorting a { margin: 0 5px 0 5px; }

#sorting a.sortedByAsc,
#sorting a.sortedByDesc {
	text-decoration: none;
	padding: 0 12px 0 0;
	background: url(../images/webshop_new/arrow_sortingAZ.gif) no-repeat right 5px;
}

#sorting a.sortedByDesc { background: url(../images/webshop_new/arrow_sortingZA.gif) no-repeat right 5px; }*/

#webshopSearchResults {
	float: left;
	display: inline;
	width: 485px;
	padding: 0 0 0 10px;
	margin: 0;
}
    #webshopSearchResults .searchSummary {
        margin: 0 0 15px 0;
    }
    
    #webshopSearchResults .searchTitle {
        font-weight:bold;
        margin: 0 0 5px 0;
        }
    
    #webshopSearchResults dl,
    #nieuwsarchief dl {
	    float: left;
	    width: 485px;
	    border-bottom: solid 2px #FFFFFF;
	    margin: 0 5px 20px 0;
	    padding: 0 0 10px 0;
    }
    #nieuwsarchief dl {width: 540px;}
    
    #webshopSearchResults dt, 
    #webshopSearchResults dd,
    #nieuwsarchief dd { float: left; margin: 0; padding: 0; color: #012063; }
    
    #webshopSearchResults dd.image {
	    width: 170px;
	    min-height:125px;
    }
        #webshopSearchDocumentsResults dd.image,
        #nieuwsarchief dd.image
         {
	        width: 230px;
        }
    #webshopSearchResults dd img,
    #nieuwsarchief dd img { 
	    margin: 3px;
	    padding: 0;
    }
    #webshopSearchResults dd.info .title,
    #nieuwsarchief dd.info .title {
	    width: 300px;
	    font-weight: bold;
	    padding: 5px;
    }
    
    .sortingFunction {
	    float: left;
	    font-size: 0.85em;
	    margin: 0 0 20px 0;
	    display:block;
    }
    .sortingFunction a { margin: 0 5px 0 5px; }

    .sortingFunction a.sortedByAsc,
    .sortingFunction a.sortedByDesc {
	    text-decoration: none;
	    padding: 0 12px 0 0;
	    background: url(../images/webshop_new/arrow_sortingAZ.gif) no-repeat right 5px;
    }

    .sortingFunction a.sortedByDesc { background: url(../images/webshop_new/arrow_sortingZA.gif) no-repeat right 5px; }

    #webshopSearchResults dd.info .price {
	    width: 300px;
	    padding: 10px 5px 15px 5px;
    }

    #webshopSearchResults dd.info .summary,
    #nieuwsarchief dd.info .summary  {
	    width: 300px;
	    padding: 0 5px 5px 5px;
    }
        #webshopSearchDocumentsResults dd.info .title,
        #webshopSearchResults dd.info .price,
        #webshopSearchResults dd.info .summary  {
	        width: 240px;
        }

    #webshopSearchResults dd.info .link,
    #nieuwsarchief dd.info .link {
	    padding: 0 5px 5px 5px;
    }
    #webshopSearchResults dd.info .link a,
    #nieuwsarchief dd.info .link a {
	    padding: 0 0 0 12px;
	    background: url(../images/arrowTextLink.gif) no-repeat 2px 4px;
    }
    dd.meer .link  { background: url(../images/arrowTextLink.gif) no-repeat 5px 7px; padding: 4px 4px 4px 15px; }
    
/* -----------------Detail pagina -------------------*/

#webshopDetail {
	float: left;
	display: inline;
	width: 485px;
	padding: 0 0 0 10px;
	margin: 0;
}

#webshopDetail h1{
	float: left;
	width: 300px;
}
span#webshopLinks { float: right; }
span#webshopLinks a { padding: 0 10px 0 0; font-size: 0.9em; }

#webshopDetail dl {
	float: left;
	margin: 0;
	padding: 0;
}
#webshopDetail dt, #webshopDetail dd { float: left; margin: 0; padding: 0; color: #012063; }
#webshopDetail dd.image {
	width: 250px;
}
#webshopDetail dd img { 
	border: solid 1px #CCCCCC; 
	margin: 0;
	padding: 0;
}
#webshopDetail dd.info {
	width: 210px;
	padding: 0 10px 10px 10px;
	
}
#webshopDetail dd.info p { display: block; margin: 0 0 25px 0;}
#webshopDetail dd.info p.color { display: block; }
#webshopDetail dd.info p.color strong { display: block; }
#webshopDetail dd.info p.color span { font-size: 0.8em;}
span#colors a {
	float: left;
	width: 15px; 
	height: 15px;
	margin: 2px;
	border: solid 1px #ccc;
}
#webshopDetail dd.info p.size { display: block; margin: 20px 0 0 0;}
#webshopDetail dd.info p.size strong { display: block; clear: both; }


table#priceTable {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
	background: #E7E7E7;
	border: solid 1px #CCCCCC; 
}
table#priceTable th, table#priceTable td { 
	border-bottom: solid 1px #FFFFFF; 
	padding: 5px;
}
#amount_order {
	float: left;
	display:inline;
	width: 475px;
	margin: 30px 0 0 0;
	padding: 10px 0 0 10px;
	border-top: solid 2px #FFFFFF;
}

.amountField {padding: 5px 0 0 0; float:left; display:inline;}

#amount_order strong {
	float: left; 
	display:inline;
}
#amount_order .txtBox {
	float: left; 
	display:inline;
	width: 50px;
	margin: 0 0 0 10px;
}
#amount_order a.voeg_toe {
	float: right; 
	display:inline;
	width: 213px;
	height: 26px;
	background: url(../images/webshop_new/btn_voeg_toe_trans.gif) no-repeat 0 0;
}

.prodDisclaimer {
    margin: 10px 0 0 0;
	padding: 10px 0 0 10px;
	border-top: solid 2px #FFFFFF;
	}
	
/* -----------------search - column right -------------------*/
.txtBox { float: left; width: 135px; margin: 0 0 5px 0; padding: 0 0 0 5px; } 
#searchSite a 
{ 
	float: left;
	font-weight: bold; 
	color: #000000;
	margin: 0 0 0 5px;
}

/* -----------------meest bekeken / mijn bekeken -------------------*/
#populair dl {
	/*float: left;
	display:inline;
	width: 181px;
	padding: 0;*/
}

#populair a,
#populair a:link,
#populair a:visited 
{
    float:left;
    cursor:hand; 
    display:block;
    width: 181px;
    border: solid 1px #ffffff;
    margin: 0 0 7px 0;
    padding:0;
    text-decoration: none;
    }
    
/*#populair dl.active, */
#populair a:hover,
#populair a:active {
	border: solid 1px #9B9B9B;
	background: #EAEDF2;
	margin: 0 0 7px 0;
    padding:0;
} 

#populair dl { margin:0; padding:0; }

#populair dd { float: left; margin: 0; padding: 0; }

#populair dd.image {
	width: 70px;
	padding: 3px;
	margin: 0;
}
#populair dd.image img { border: solid 1px #CCCCCC; margin: 0; padding: 0;}

#populair dd.info { width:105px; }

#populair dd.info .title {
	float: right;
	display:inline;
	width: 100px;
	font-weight: bold;
	padding: 3px 5px 0 0;
}

#populair dd.info .link {
	float: left;
	display:inline;
	width: 83px;
	margin: 10px 0 0 0;
	padding: 0 0 0 12px;
	background: url(../images/arrowTextLink.gif) no-repeat 2px 4px;
}
#populair dd.info .link a {
	font-size: 0.9em;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/arrowTextLink.gif) no-repeat 2px 4px;
}
/* -----------------END NEW STYLES -------------------*/


/* -----------------deze weg? -------------------

#webshopSearchResults 
{
	margin-left: 25px;
	width: 425px; *//* 481 - padding 
}
#webshop div, #webshopSearchResults div
{
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}

#webshopOverzicht div
{
	float: left;
	width: 300px;
	height: 120px;
}

#webshop h2, #webshopSearchResults h2 { margin: 0 0 10px 0; }*/
/* #webshopOverzicht div.right { clear: right; }

#webshop p, #webshopOverzicht p
{
	float: left;
	width: 600px;
	margin: 0 0 30px 0;
	text-align: left;
}

#webshop p a, #webshopOverzicht p a, #webshopIE p a, #webshopSearchResults p a {
	padding: 0 0 0 20px;	
}

span#artNr 
{ 
	float: left;
	font-weight: bold; 
}

span#shopLinks
{
	float: right;
}

#webshop .itemImage, #webshopOverzicht img, #advancedSearch .itemImage, #webshopSearchResults .itemImage
{
	float: left;
	width: auto;
	clear: right;
}

.itemImage img, #webshopOverzicht img{ border: solid 1px #DAE0E9;}
#webshop img.groot { margin: 20px 0 20px 0; }

#webshop .textBlock, #advancedSearch .textBlock {
	display: block;
	float: right;
	width: 420px;
	margin: 0;
	padding: 0;
}
#webshopSearchResults .textBlock 
{
	width: 250px;
}
#webshopOverzicht dl, #webshopSearchResults dl
{
	display: block;
	float: right;
	width: 210px;
	margin: 0;
	padding: 0;
}
*/
/* #webshop #detail { float: left; } 

#webshop dt, #advancedSearch dt, #webshopSearchResults dt
{
	font-weight: bold;
	font-size: 1.2em;
}

#webshopOverzicht dt
{
	font-weight: bold;
	font-size: 1.0em;
}

#webshop dd, #webshopOverzicht dd, #advancedSearch dd, #webshopSearchResults dd
{
	margin: 10px 0 0 0;
	padding: 0;
}

#webshop dd a, #webshopOverzicht dd a, #advancedSearch dd a, #webshopSearchResults dd a
{
	display: block;
	margin: 10px 0 0 0;
	padding: 0px 12px 0px 12px;
	background: url(../images/arrowTextLink.gif) no-repeat 0px 4px;
}
*/
/* tot hier? */ 


/* offertemandje */ 

.webshop table
{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.webshop th, .webshop td
{
	height: 25px;
	vertical-align: middle;
	text-align: left;
	background: #E7E7E7;
}
.webshop #uwGegevens td { background: none; }
.webshop th.first
{
	padding: 0 0 0 15px;
}

.webshop td.first 
{
	background: #E7E7E7 url(../images/webshopListDot.gif) no-repeat 5px 11px;
	padding: 0 0 0 15px;
}




.webshop th, .webshop td
{
	border-bottom: solid 1px #F4F4F4;
}

.webshop td.links
{
	text-align: right;
}

.webshop td a
{
	margin: 0 10px 0 0;
}

#marktaanbod
{
	float: left;
	width: 600px;
}

#marktaanbodText
{
	float: left;
	width: 600px;
	padding: 0 0 0 60px;
}

/*iframe
{
	display: block;
	margin: 40px 0 0 0;
}*/

#advancedSearch .item
{ 
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
}

/* ------------------INSIDE EDITING----------------- */
#webshopIE, #advancedSearch
{
	float: left;
	width: 600px; /* 481 - padding */
	padding: 0 20px 0 55px;
}

#webshopIE .txtBox
{
	width: 200px;
	margin: 0 0 15px 0;
}


/* ------------------ Kerstpakketten overzicht ----------------- */
#kerstpaketten
{
	width: 600px;
	margin-left: 25px;
}
#kerstpaketten div
{
	float: left;
	width: 300px;
	height: 120px;
}

#kerstpaketten img
{
	float: left;
	width: auto;
	clear: right;
	border: 0;
}
#kerstpaketten img{ border: solid 1px #DAE0E9;}

#kerstpaketten dl
{
	display: block;
	float: right;
	width: 160px;
	margin: 0;
	padding: 0;
}
#kerstpaketten dt
{
	font-weight: bold;
	font-size: 1.0em;
}
#kerstpaketten dd
{
	margin: 10px 0 0 0;
	padding: 0;
}
#kerstpaketten dd a
{
	display: block;
	margin: 10px 0 0 0;
	padding: 0px 12px 0px 12px;
	background: url(../images/arrowTextLink.gif) no-repeat 0px 4px;
}


/* ------------------------------------------------------------------------------ Popin */

.InlineWin_ModalBlock
{
	display:block;
	position: absolute;
	z-index:1000;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color: #000;   
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.5;
}

div.subHeader
{
	height:40px;
	color: #012063;
	background-color:#d8d8d8;
}
.title h3, 
span.title {
    border:none; 
	color: #012063;
	font-size:100%; 
	line-height:1.1em;  
	}
	
.alignLeft {float:left;}
.alignRight {float:right;}

div.subHeader .title,
div.subHeader .closeButton {

	padding:12px 15px 0 15px;
	display:inline;
	color:black;
}

div.formTable
{
	background-color:#d8d8d8;
	text-align: left;
	height:100%;
	width:100%;
	margin:0;
}

div.formContent
{
	border-top: solid 0 #ff8800;
	border-bottom: solid 0 #ff8800;
	background-color: white;
	text-align: left;
	/*height:500px;*/
	width:100%;
	margin:0;
}

div.tableBox
{
	background-color: #d8d8d8;
	text-align: left;
}

div.formFooter
{
	width:auto;
	padding:5px 5px 5px 0;
	height: 20px;
	background-color: white;
}

span.formFooterText
{
	float:left;
	font-size:0.8em;
	width:660px;
	margin-left:10px;
	display:none;
}

div.contPageIndex
{
	float:right;
}

div.contPageIndexOffer
{
	text-align:right;
	font-size:0.90em;
	margin-top:5px;
	display:block;
}
	
button.btnDefault
{
	width: 18px;
	height: 18px;
	clip: rect(0, 0, 0, 0);
	overflow:hidden;
	border: none;
	margin:0;
	cursor:hand;
}

button.close {	background: transparent url('../images/btnClose.png') no-repeat 0 0; }
button.btnDefault span { display: none; }

/* ------------------ Catalogus overzicht overrulen voor weergave met 3 items naat elkaar ----------------- 
#webshopOverzicht
{
	width: 650px;
	margin-left: 25px;
}
#webshopOverzicht div
{
	float: left;
	width: 210px;
	height: 120px;
}

#webshopOverzicht img
{
	float: left;
	width: auto;
	clear: right;
	border: 0;
}
#webshopOverzicht img{ border: solid 1px #DAE0E9;}

#webshopOverzicht dl
{
	display: block;
	float: right;
	width: 120px;
	margin: 0;
	padding: 0;
}
#webshopOverzicht dt
{
	font-weight: bold;
	font-size: 1.0em;
}
#webshopOverzicht dd
{
	margin: 10px 0 0 0;
	padding: 0;
}
#webshopOverzicht dd a
{
	display: block;
	margin: 10px 0 0 0;
	padding: 0px 12px 0px 12px;
	background: url(../images/arrowTextLink.gif) no-repeat 0px 4px;
}
*/