@charset "utf-8";

/*	PROJECTNAAM STYLES
	Author:	Name, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	=RESETS
 	----------------------------------------------------*/

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; font-family: Arial, Helvetica, sans-serif; color: #5a5a5a; }
	img { border: 0; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr, #content-box, #content-innerbox, #home-col-a, #home-col-b, #home-col-a div.dual-banner { overflow: hidden; height: 100%; }

/*	=BOX MODEL
	----------------------------------------------------*/
	body { position: relative; background: #202020; text-align: center; }
	
	#page-box { position: relative; width: 960px; margin: 0 auto; text-align: left; }
	#header { position: relative; height: 100px; background: url(../img/header_bg.gif) no-repeat left top; }
	#logo { position: absolute; top: 11px; left: 37px; }
	#content-box { background: #fff; padding: 10px 0 10px 0; }
	#content-innerbox { background: #ffffff url(../img/content-innerbox_bg.gif); }
	#home-col-a { float: left; display: inline; padding: 0; width: 651px; margin-left: 10px; } 
	#home-col-b { float: right; width: 288px; padding: 16px 0 0 0; }
	#col-a { float: left; width: 288px; } 
	#col-b { float: left; display: inline;  width: 640px; margin-left: 14px; }
	#col-c { background: #fff; padding: 0 43px;  }
	
/*	=TYPOGRAPHY
	----------------------------------------------------*/
	h1, h1 { font-size: 20px; color: #e39717; font-weight: normal; margin: 0 0 10px 0; overflow: hidden; height: 100%; }
	h1 span { font-size: 20px; color: #e39717; font-weight: normal; float: left; }
	h1.item-detail { margin-bottom: 5px; }
	h1 a { float: right; color: #959595; font-size: 11px; line-height: 28px; }
	#logo a { float: left !important; }
	h2.subnav_hdr { font-family: Gotham; font-weight: bold; font-size: 20px; color: #fff; padding: 22px 0 22px 40px; border-bottom: 2px solid #fff; background: #ea5b0e; }
	h2.item-detail { font-size: 12px; font-weight: normal !important; color: #7c7c7c; font-weight: bold; margin: 0; }
	
/*	=INSPIRATION
	----------------------------------------------------*/
	#inspiration { position: relative; overflow: visible; height: 100%; padding-bottom: 4px; background: #646464; }
	#flash-inspiration { display: block; height: 472px; width: 960px; overflow: hidden; }
	#flash-inspiration.closed { height: 0px; }
	#inspiration-btn { position: absolute; bottom: -24px; right: 30px; }
	#inspiration-btn { background: url(../img/inspiration_btn_down.gif) no-repeat left top; }
	#inspiration-btn.up { background: url(../img/inspiration_btn_up.gif) no-repeat left top; }
	#flashbladertoolbtn { position: absolute; left: -1000000px; }
	#flashvideoplayerbtn { position: absolute; left: -1000000px; }
	
	#bladertool_container { width: 800px; height: 501px; padding: 5px; background: url(../img/nvspopup_bgpixel.png) repeat left top; }
	
	#popup-sluitknop { height: 17px; }
	#popup-sluitknop img { float: right;cursor: pointer; margin-right: 9px; }
	
	#inspiration .carrousel { position: relative; overflow: hidden; height: 439px; }
	#inspiration.collapsed .carrousel { height: 0; }
	#inspiration.collapsed .nav { display: none; }
	#inspiration .nav { position: absolute; bottom: 0; left: 20px; z-index: 999; list-style: none; }
	#inspiration .nav li { float: left; background: #646464; font-size: 12px;  }
	#inspiration .nav li a { float: left; display: block; height: 100%; padding: 5px 8px; color: #fff; text-decoration: none; border: 1px solid #646464; border-bottom: 0; }
	#inspiration .nav li.active a { border: 1px solid #fff; border-bottom: 0; font-weight: bold; }
	
	#inspiration #splash .outer { z-index: 100; position: absolute; top: 0; left: 0; height: 472px; width: 100%; background: #000; cursor: pointer; }
	#inspiration #splash .inner { z-index: 101; position: absolute; top: 50%; left: 50%; width: 500px; height: 200px; margin: -100px 0 0 -250px; font-size: 16px; color: #fff; }
	#inspiration #splash .inner .hdr { margin: 0 0 10px 0; font-size: 26px; color: #ea5a0c; }
	#inspiration #splash .inner .ps { font-size: 12px; color: #fff; }
	#inspiration #splash .close { z-index: 101; position: absolute; top: 120px; right: 200px; font-size: 30px; color: #fff; text-decoration: none; text-align: center; }
	#inspiration #splash .close span { font-size: 12px; color: #fff; }
	
/*	=NAV-MAIN
	----------------------------------------------------*/
	#nav-main { position: absolute; top: 47px; left: 247px; }
	#nav-main li { float: left; list-style: none; padding: 0 12px; }
	#nav-main li a { display: block; border-bottom: 0; color: #fff; font-family: Gotham; font-size: 11px; font-weight: bold; text-decoration: none;  }
	#nav-main li a:hover { border-bottom: 1px solid #898989; }
	#nav-main li a.selected { border-bottom: 1px solid #898989; }
	
	#nav-sub { overflow: hidden; height: 100%; background: #e2e2e2; }
	#nav-sub li a { display: block; font-family: Arial; font-size: 14px; color: #5a5a5a; text-decoration: none; width: 228px; border-bottom: 1px solid #c4c4c4; padding: 10px 20px 10px 40px; }
	#nav-sub li.last { border-bottom: 0; padding: 10px 20px 36px 40px; }
	#nav-sub li ul { padding: 7px 0 20px 0; border-bottom: 1px solid #c4c4c4; }
	#nav-sub li ul li { padding: 0 20px 0 40px; margin: 0; }
	#nav-sub li ul li a { padding: 0 0 0 10px; display: block; background: url(../img/nav-sub_listicon.gif) no-repeat left 7px; border: 0; font-size: 14px; line-height: 19px; }
	#nav-sub ul ul { padding: 0; border-bottom: 0; }
	#nav-sub ul ul li { padding-left: 10px; list-style: none; font-size: 14px; }
	#nav-sub ul ul li a { background: url(../img/nav-subsub_listicon.gif) no-repeat left 7px; }
	
	#nav-sub li #nav-meta { padding: 0; border: 0; }
	#nav-sub li #nav-meta li { list-style: none!important; border-bottom: 0; padding: 2px 0!important; }
	#nav-sub li #nav-meta li a { font-size: 12px; width: auto; line-height: 18px; border-bottom: 0; }
	#nav-sub li #nav-meta #print, #nav-sub li #nav-meta #staf { display: none; }
	#nav-sub li #nav-meta #print a { background: url(../img/ico_print.gif) no-repeat left center; padding: 0 0 0 22px; }
	#nav-sub li #nav-meta #staf a { background: url(../img/ico_staf.gif) no-repeat left center; padding: 0 0 0 22px; }
	
	#nav-sub a.selected  { font-weight: bold; }
	#nav-sub a:hover { text-decoration: underline; }
	
	#nav-categorie { text-align: center; font-size: 14px; line-height: 14px; margin: 20px 0 0 0; }
	#nav-categorie li { display: inline; border-left: 1px solid #5a5a5a; padding: 0 10px; }
	#nav-categorie li.first { border-left: 0; }
	#nav-categorie li a { font-family: Arial; font-size: 14px; color: #5a5a5a; text-decoration: none; }
	#nav-categorie li a:hover { text-decoration: underline; }
	
	
/*	=HOME BANNERS
	----------------------------------------------------*/
	#home-col-a div.dual-banner { background: url(../img/home_dual-banner_bg.gif) repeat-y; }
	#home-col-a div.dual-banner .banner { float: left; width: 325px; height: 191px; overflow: hidden; }
	#home-col-a div.dual-banner .home-user-content { margin: 5px 10px; height: 181px; cursor: pointer; }
	#home-col-a div.dual-banner .banner.first { margin-right: 1px; }
	#home-col-a div.dual-banner.border { border-bottom: 1px solid #c4c4c4; }
	#home-col-a div.single-banner.border { border-bottom: 1px solid #c4c4c4;}

/*	=CRUMBPATH
	----------------------------------------------------*/
	#crumbpath { margin: 0 95px 15px 0; overflow: hidden; height: 100%; }
	#crumbpath li { float: left; list-style: none; font-size: 11px; display: inline; color: #959595; padding-left: 6px; }
	#crumbpath li.first { padding-left: 0px; }
	#crumbpath li a { color: #959595; background:url(../img/crumbpath_bg.gif) no-repeat right center; padding-right: 10px; }
	#crumbpath li a:hover { text-decoration: none; }

/*	=GLASSES ITEM OVERVIEW
	----------------------------------------------------*/
	#frm_item-filter { height: 100%; overflow: hidden; font-size: 13px; color: #565656; padding: 0 0 18px 0; }
	#frm_item-filter fieldset { border: 0; float: left; }
	#frm_item-filter input { vertical-align: middle; margin: 0 5px; }
	#frm_item-filter .showall { float: right; font-size: 11px; line-height: 18px; color: #9c9c9c; }
	
	#item-overview { height: 100%; overflow: hidden; }
	#item-overview .item { width: 155px; padding: 42px 2px 15px 2px; border-left: 1px solid #ccc; float: left; } 
	#item-overview .item.first { border-left: 0; }
	#item-overview .item h2 { font-size: 12px; color: #5a5a5a; font-weight: normal; margin: 28px 8px 0 8px; }
	#item-overview .item h2 a { color: #5a5a5a; text-decoration: none; }
	#item-overview hr { clear: both; color: #ccc; background: #ccc; height: 1px; border: 0; margin: 0 40px; }

	#item { position: relative; height: 100%; overflow: hidden; margin: 0 0 15px 0;}
	#item img.vsl { display: block; float: left; }
	#item .details { float: right; padding: 50px 0 0 0;}
	#item .details .price { margin: 12px 0 0 0; font-size: 14px; color: #000; }
	#item .details .price strong { font-size: 30px; letter-spacing: -2px; margin-right: 2px; vertical-align: middle; font-weight: normal; color: #000; }
	#item .details .price-glass { font-size: 12px; color: #565656; }
	#item .extra { font-size: 11px; color: #5a5a5a; width: 635px; position: absolute; bottom: 0px; left: 5px;  z-index: 999; }
	#item #zoomtool { float: left;  }
	
	#item-buy { border-top: 1px solid #ccc; padding: 10px; line-height: 19px; background: url(../img/item-buy_bg.gif) repeat-x bottom left; }
	#item-buy a.buywhere { vertical-align: text-bottom; }
	#item-buy a.callus { margin-left: 10px; padding-right: 15px; vertical-align: text-bottom; font-size: 11px; font-family: Gotham; font-weight: bold; text-decoration: none; background: url(../img/ico_triangle.gif) no-repeat right center;}
	
	#item-cta { overflow: hidden; height: 100%; border-top: 1px solid #ccc; background: url(../img/item-cta_bg.gif) repeat-y; }
	#item-cta * { cursor: pointer; }
	#item-cta .col-a, #item-cta .col-b { float: left; position: relative; width: 319px; margin-right: 1px; }
	#item-cta a { position: relative; display: block; height: 157px; padding: 15px 0 0 0;  text-decoration: none; }
	#item-cta .col-b a { left: 10px; }
	#item-cta .hdr { float: left; font-family: Verdana; font-size: 24px; font-weight: normal; color: #ea5a0c; }
	#item-cta .txt { position: absolute; bottom: 10px; left: 0px; font-size: 11px; text-decoration: none; background: url(../img/ico_triangle.gif) no-repeat right center; padding: 0 15px 0 0; }
	#item-cta .bril { float: right; margin: 10px 0 0 0; }
	#item-cta .oogmeting { background: url(../img/gd/cta_oogmeeting.jpg) no-repeat right top; }
	
	#other { border-top: 1px solid #ccc; padding: 24px 0 0 0; }
	#other h3 { overflow: hidden; height: 100%; font-size: 13px; color: #565656; margin: 0 0 15px 0; }
	#other h3 strong { float: left; }
	#other h3 a { font-size: 11px; color: #959595; font-weight: normal; text-decoration: underline; float: right; }
	#other h3 a:hover { text-decoration: none; }
	
	#other #carousel .carousel { width: 639px!important; overflow: hidden; height: 123px; padding: 0; }
	#other #carousel .carousel li { width: 149px; height: 105px; border-right: 1px solid #ccc; padding: 15px 5px 3px 5px;  }
	#other #carousel .carousel li h3 { font-size: 12px; color: #5a5a5a; font-weight: normal; margin: 28px 8px 0 8px; }
	#other #carousel .carousel li h3 a { float: none; color: #5a5a5a; text-decoration: none; }
	#other #carousel { position: relative; width: 639px!important; }
	#other #carousel .next, #other #carousel .prev { position: absolute; width: 48px; top: 0px; z-index: 1000; height: 100%;  }
	#other #carousel .next:hover span.cbg, #other #carousel .prev:hover span.cbg { background:url(../img/carousel_btn_bg.png); }
	#other #carousel .next { right: 0; }
	#other #carousel .prev { left: 0; }
	#other #carousel .next span.bg { background: url(../img/carousel_btn_next.gif) no-repeat center center; }
	#other #carousel .prev span.bg  { background: url(../img/carousel_btn_prev.gif) no-repeat center center; }
	#other #carousel .next span, #other .prev span { display: block; width: 24px; height: 123px;  }
	#other #carousel .next span.cbg { float: right; }
	

	

/*	=NEWS OVERVIEW
	----------------------------------------------------*/
	#news-overview { }
	#news-overview .item { overflow: hidden; height: 100%; padding: 17px 0; border-top: 1px solid #ccc;  }
	#news-overview .item.first { padding-top: 0; border-top: 0; }
	#news-overview .item img { float: left; margin-right: 10px; }
	#news-overview .item h2 { margin-bottom: 10px; }
	#news-overview .item h2, #news-overview .item h2 a { font-size: 16px; color: #e39717; text-decoration: none; }
	#news-overview .item div.user-content { margin-bottom: 1em; }
	#news-overview .item a.readmore { color: #5a5a5a; font-size: 12px; }

/*	= LOCATION
	----------------------------------------------------*/
	#location { background:url(../img/location_bg.gif); overflow: hidden; height: 100%; border-top: 1px solid #C4C4C4; padding-top: 15px }
	#location img.vsl { float: left; margin: 0 25px 15px 0; }
	#location h2 { font-size: 14px; } 
	#location .open { float: left; width: 195px; margin: 0 35px 15px 0; font-size: 12px; line-height: 24px; }
	#location .open table { border: 0; border-spacing: 0; border-collapse: collapse; padding-right: 10px; }
	#location .open table tr td {  }
	#location .contact { float: left; width: 170px; margin: 0 0 15px 0; font-size: 12px; line-height: 24px; }
	
	#location-route { padding-top: 20px;  overflow: hidden; height: 100%; }
	#location-route h2 { margin-bottom: 4px; }
	#location-route input.text { border: 1px solid #c4c4c4; width: 160px; font-size: 12px; padding: 4px 4px 3px 4px; margin-bottom: 8px; }
	#location-route input.submit { }
	
	#location-info { border-top: 1px solid #c4c4c4; padding: 15px 0 0 0;  }
	#location-info h2 { font-size: 16px; color: #e99523; margin-bottom: 10px; }
	
	#frm-locations { overflow: hidden; height: 100%; padding-bottom: 15px; }
	#frm-locations input.text { font-size: 12px; color: #606060; vertical-align: bottom; float: left; margin: 0 6px 0 0 ; padding: 1px 5px; width: 550px; border: 1px solid #c4c4c4; }
	#frm-locations input.submit { vertical-align: bottom; float: left; }
	#googlemap { width: 640px; height: 435px; }
	
	#location-description {  padding-bottom: 10px; }
	#location-description p { font-size: 12px; line-height: 18px; }


/*	=SEARCH RESULTS
	----------------------------------------------------*/
	#frm-search-results {  }
	#frm-search-results input.text { font-size: 12px; color: #606060; vertical-align: bottom; padding: 1px 5px; width: 275px; border: 1px solid #c4c4c4; }
	#frm-search-results input.submit { vertical-align: middle; margin: 0  0 0 6px; }
	
	#search-results { overflow: hidden; height: 100%; margin-bottom: 15px; }
	#search-results .result h2 { margin: 10px 0;}
	#search-results .result h2, #search-results .result h2 a { font-size: 16px; font-weight: normal; color: #e39717; text-decoration: none;  } 
	#search-results .result .user-content { margin: 0 0 10px 0;  }
	#search-results .result a.lnk { font-size: 12px; color: #5a5a5a; } 
	#search-results .result hr { margin: 15px 4px 0 4px; color: #ccc; background: #ccc; border: 0; height: 1px; }
	
/*	=PAGING
	----------------------------------------------------*/
	.paging { padding: 7px 0; border: 1px solid #d1d1d1; text-align: center; margin-top: 15px; }
	.paging { font-size: 0; line-height: 0; }
	.paging * { font-size: 12px; font-weight: bold; line-height: 18px; }
	.paging li { padding: 0 5px; display: inline; list-style: none; }
	.paging li a { padding: 0 5px; text-decoration: none; color: #3c3c3c; }
	.paging li.next a, .paging li.prev a { font-size: 16px; line-height: 17px; }
	.paging li.selected a { color: #ea5a0c; }
	.paging li a:hover { text-decoration: underline; }
	.paging li.next a:hover, .paging li.prev a:hover { text-decoration: none; }
	
/*	=CALL TO ACTION
	----------------------------------------------------*/
	.cta-newsletter { width: 240px; height: 160px; margin-bottom: 10px; background: #ea5a0c; padding: 11px 25px 0 23px; }
	.cta-newsletter form { overflow: hidden; }
	.cta-newsletter h2 { font-family: Gotham; font-size: 18px; font-weight: bold; color: #fff; }
	.cta-newsletter h3 { font-family: 'Bembo Book MT Std'; font-size: 14px; font-weight: normal; color: #fff; margin-bottom: 15px; }
	.cta-newsletter input.text { padding: 2px; font-size: 12px; color: #606060; width: 236px; margin-bottom: 8px; border: 1px solid #c4c4c4; } 
	.cta-newsletter input.submit { float: right; height: 19px; width: 86px; background: none; border: 0; text-indent: -100000px; background: url(../img/frm_newsletter_submit.gif) no-repeat left top;  }
	
	.cta-location { background: #e99523; padding: 19px 0 19px 40px; }
	.cta-location h3 { color: #fff; font-family: Gotham; font-size: 14px; margin: 0 0 10px 0; }
	.cta-location input.text { width: 198px; border: 1px solid #c4c4c4; color: #606060; padding: 2px 5px; }
	.cta-location input.submit { margin: 13px 0 0 0; }
	
	.cta-location-home { height: 154px; background: #e99523; padding: 22px 10px 0 18px; }
	.cta-location-home h3 { color: #fff; font-family: Gotham; font-size: 14px; margin: 0 0 10px 0; }
	.cta-location-home h4 { color: #fff; font-family: "Bembo Book MT Std"; font-size: 16px; font-weight: normal; margin: 0 0 10px 0; }
	.cta-location-home input.text { width: 245px; border: 1px solid #c4c4c4; color: #606060; padding: 2px 5px; }
	.cta-location-home input.submit { margin: 13px 0 0 0; }
	
	.cta-banner { background: #fff; padding-top: 10px; }
	.cta-banner.first { background: #fff; padding-top: 5px; }
	
/*	=SEARCH FORM
	----------------------------------------------------*/	
	#frm-search { position: absolute; top: 44px; right: 33px; }
	#frm-search input { height: 19px; border: 0; }
	#frm-search input.text { vertical-align: top; height: 17px; color: #fff; padding: 1px 2px; background:url(../img/search_input_bg.gif) no-repeat left top; width: 130px; }
	#frm-search input.submit { vertical-align: top; width: 50px; background: none; text-indent: -100000px; background: url(../img/search_submit.gif) no-repeat left top;} 
	
	#frm-contact { border-top: 1px solid #c4c4c4; padding: 15px 0 0 0; }
	
	#staf-popup { width: 460px; padding: 20px; background: #fff; text-align: left; }
	#staf-popup form { margin: 0; padding: 0; font-size: 13px; line-height: 24px; color: #5a5a5a; }
	#staf-popup form h2 { font-family: Verdana; font-size: 20px; font-weight: normal; color: #e39717; margin: 0 0 5px 0; visibility: visible; }
	#staf-popup form p.error { color: #ff0000; }
	#staf-popup form fieldset { border: 0; padding: 15px 0 0 0; }
	#staf-popup form li { list-style: none; padding: 0 0 12px 0; height: 100%; overflow: hidden; }
	#staf-popup form li label { display: block; float: left; width: 170px; font-weight: bold; }
	#staf-popup form li div { float: left; width: 250px;}
	#staf-popup form li div label { display: inline; float: none;vertical-align: middle; }
	#staf-popup form li div span.error { display: block; margin: 3px 0 0 0; padding: 0 0 0 16px;  font-weight: bold; color: #990000; background: url(../img/frm_error_ico.gif) no-repeat left center; }
	#staf-popup form li input { margin: 0; padding: 0; }
	#staf-popup form li input.text { width: 270px; border: 1px solid #c4c4c4; padding: 4px 5px;  }
	#staf-popup form li.error input.text { border: 1px solid #ff0000; }
	#staf-popup form li.error textarea { border: 1px solid #ff0000; }
	
/*	=FOOTER
	----------------------------------------------------*/
	#footer { height: 162px; padding: 18px 0 0 0; background: #252525 url(../img/footer_bg.jpg) repeat-x left top; }
	#footer ul li { padding: 0 0 0 30px; list-style: none; float: left; height: 162px; width: 162px; background:url(../img/footer_divider.gif) no-repeat left top; }
	#footer ul li.first { background: 0; }
	#footer ul li li { padding: 0; background: 0; height: auto; }
	#footer a { color: #e0e0e0; text-decoration: none; }
	#footer ul li a { font-size: 12px; font-family: Gotham; font-weight: bold; line-height: 21px; }
	#footer ul li li a { font-family: Arial, Helvetica; font-weight: normal; font-size: 11px; line-height: 18px; color: #e0e0e0; text-decoration: none; }
	#footer ul li li a:hover { text-decoration: underline; }
	
	
/*	=VACANCIES
	----------------------------------------------------*/
	#working_at .job { margin: 12px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #cccccc; }
	#working_at .job h2 { margin: 0 0 8px 0; font-size: 16px; color: #e99523; }
	#working_at .job h2 span { font-size: 14px; color: #5a5a5a; font-weight: normal; }
	#working_at .job p { font-size: 12px; }
	#working_at .job .more { display: block; margin: 5px 0 0 0; }
	
	#vacancy-detail { margin: 10px 0 0 0; }
	#vacancy-detail p { padding: 0 0 10px 0; font-size: 12px; color: #5a5a5a; }
	#vacancy-detail p.error { color: #ff0000; }
	#vacancy-detail li.error input { border: 1px solid #ff0000!important; }
	#vacancy-detail fieldset { margin: 10px 0 0 0; border: 0; }
	#vacancy-detail fieldset h3 { margin: 0 0 10px 0; font-size: 16px; font-weight: normal; color: #e39717; }
	#vacancy-detail fieldset h3 span { font-size: 12px; color: #5a5a5a; }
	#vacancy-detail ol { margin: 10px 0 0 0; list-style: none; }
	#vacancy-detail ol li { margin: 0 0 10px 0; }
	#vacancy-detail ol li p { float: left; width: 150px; font-size: 12px; color: #5a5a5a; font-weight: bold; }
	#vacancy-detail ol li .inpt { width: 472px; padding: 4px; border: 1px solid #c4c4c4; font-size: 12px; }
	#vacancy-detail ol li .file { padding: 4px; border: 1px solid #c4c4c4; font-size: 12px; }
	#vacancy-detail ol li textarea { overflow: auto; width: 472px; padding: 4px; border: 1px solid #c4c4c4; font-size: 12px; }