@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: 140px; }
	#logo { position: relative; top: 30px; left: 0; }
	#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: 18px 0 0 0; width: 651px; margin-left: 10px; } 
	#home-col-b { float: right; width: 288px; padding: 39px 0 0 0; }
	#col-a { display: none; } 
	#col-b { margin-left: 14px; }
	#col-c { background: #fff; padding: 0 43px;  }
	
	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: 0px; }
	h1 a { float: right; color: #959595; font-size: 11px; line-height: 28px; }
	#logo a { float: none !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 { display: none; }

/*	=NAV-MAIN
	----------------------------------------------------*/
	#nav-main { display: none; }
	
	#nav-sub { display: none; }
	
	#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; }
	#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 { display: none; }
	
	#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: #040707; }
	#item .details .price strong { font-size: 30px; letter-spacing: -3px; margin-right: 2px; vertical-align: middle; }
	#item .details .price-glass { font-size: 12px; color: #565656; }
	#item .extra { font-size: 11px; color: #5a5a5a; width: 500px; position: absolute; bottom: 0px; left: 5px; }
	
	#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 h2 { font-family: Verdana; font-size: 24px; font-weight: normal; color: #ea5a0c; }
	#item-cta .col-a, #item-cta .col-b { float: left; position: relative; width: 319px; padding: 15px 0 0 0; height: 157px; margin-right: 1px; }
	#item-cta .col-a h2 { float: left; }
	#item-cta .col-b { padding: 15px 0 0 10px; width: 309px; } 
	#item-cta img.bril { float: right; margin: 10px 0 0 0; }
	#item-cta a { 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 .col-b a { left: 10px;}
	#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%; }
	#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: 20px 0; border-top: 1px solid #c4c4c4; overflow: hidden; height: 100%; }
	#location-route h2 { font-size: 16px; color: #e99523; margin-bottom: 10px; }
	#location-route input.text { float: left; border: 1px solid #c4c4c4; width: 530px; font-size: 12px; padding: 4px 4px 3px 4px; }
	#location-route input.submit { float: left; margin-left: 6px; }
	
	#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; }


/*	=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 { display: none; }
	
/*	=CALL TO ACTION
	----------------------------------------------------*/
	.cta-newsletter { display: none; }
	.cta-location { display: none; }
	.cta-banner { display: none; }
	
/*	=SEARCH FORM
	----------------------------------------------------*/	
	#frm-search { display: none; }

	#frm-contact { border-top: 1px solid #c4c4c4; padding: 15px 0 0 0; }
	
/*	=FOOTER
	----------------------------------------------------*/
	#footer { display: none; }
	
/*	=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 { display: none; }


/*	----------------------------------------------------*/
	.user-content { margin: 0 ; padding: 0; color: #5a5a5a; font-size: 12px; line-height:18px; font-family: Arial, Helvetica, sans-serif; }
	.user-content h2 { font-size: 14px; color: #7c7c7c; margin: 0 0 3px 0; letter-spacing: -1px; }
	.user-content h3 { font-size: 16px; font-weight: normal; color: #e39717; margin: 0 0 5px 0; }
	.user-content h4 { font-size: 14px; font-weight: normal; color: #e39717; margin: 0 0 5px 0; }

	.user-content p { margin: 0; padding: 0; }
	.user-content blockquote { padding-left: 30px; }

	.user-content ul { margin: 0 0 16px 15px; }
	.user-content ol { margin: 0 0 16px 18px; }
	.user-content ul li { padding: 2px 0 2px 0px; list-style: square; }
	.user-content ol li { padding: 2px 0 2px 0px; list-style-position: outside; }
	.user-content hr { height: 1px; border: 0; background: #ccc; color: #ccc; margin: 16px 2px; }
	.user-content a, .user-content a:active, .user-content a:visited { color: #000; }
	.user-content a { color: #5a5a5a; text-decoration: underline; } 
	.user-content a:hover { color: #5a5a5a; text-decoration: underline; }
	.user-content img.imgLeft { float: left; margin-right: 10px; }
	.user-content img.imgRight { float: right; margin-left: 10px; }

	.user-content table {  margin: 1em 0 1em 1px; border: none; border-collapse: collapse; border-spacing: 0;  }
	.user-content td { padding: 4px 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
	.user-content td:first-child { border-left: 0; }
	.user-content td.hdr { font-weight: bold; }
	.user-content tr:first-child td { border-top: 0; }
	
	.user-content table.no_table_border { border-left: 0; border-top: 0; }
	.user-content table.no_table_border td { border-bottom: 0; border-right: 0; }

/*	User form
	----------------------------------------------------*/
	.user-form { margin: 0; padding: 0; font-size: 13px; line-height: 24px; color: #5a5a5a; }
	.user-form h2 { font-size: 16px; font-weight: normal; color: #e39717; margin: 0 0 5px 0; }
	.user-form p.error { color: #ff0000; }
	.user-form fieldset { border: 0; padding: 15px 0 0 0; }
	.user-form li { list-style: none; padding: 0 0 12px 0; height: 100%; overflow: hidden; }
	.user-form li label { display: block; float: left; width: 150px; font-weight: bold; }
	.user-form li div { float: left; width: 250px;}
	.user-form li div label { display: inline; float: none;vertical-align: middle; }
	.user-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; }
	.user-form li input { margin: 0; padding: 0; }
	.user-form li input.text { width: 470px; border: 1px solid #c4c4c4; padding: 4px 5px;  }
	.user-form li input.radio { vertical-align: middle; }
	.user-form li input.checkbox { height: 1em; vertical-align: middle; }
	.user-form li label.checkbox { display: block; }
	.user-form li input.submit { }
	.user-form li select.select { width: 180px; height: 24px; border: 1px solid #c4c4c4; }
	.user-form li select.multiselect { width: 180px; height: auto; }
	.user-form li textarea { width: 480px; font-size: 13px; line-height: 1.3em; height: 7.9em; border: 1px solid #c4c4c4;  }
	.user-form li .required { margin-left: 5px; }
	.user-form li.error input.text { border: 1px solid #ff0000; }
	.user-form li.error textarea { border: 1px solid #ff0000; }

/* homepage actions */
	.home-user-content { margin: 0 ; padding: 0; color: #353535; font-size: 12px; line-height:18px; font-family: Arial, Helvetica, sans-serif; }
	.home-user-content h2, .home-user-content h2 a { font-size: 26px; line-height: 25px; font-family: Verdana; color: #ea5a0c; margin: 0 0 10px 0; }
	.home-user-content h3, .home-user-content h3 a  { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #353535; margin: 0 0 5px 0; }
	.home-user-content h4, .home-user-content h4 a  { font-size: 14px; font-weight: normal; color: #ea5a0c; margin: 0 0 5px 0; }
	.home-user-content h2 a, .home-user-content h3 a, .home-user-content h4 a { text-decoration: none; }

	.home-user-content p { margin: 0; padding: 0; }
	.home-user-content blockquote { padding-left: 30px; }

	.home-user-content ul { margin: 0 0 16px 15px; }
	.home-user-content ol { margin: 0 0 16px 18px; }
	.home-user-content ul li { padding: 2px 0 2px 0px; list-style: square; }
	.home-user-content ol li { padding: 2px 0 2px 0px; list-style-position: outside; }
	.home-user-content hr { height: 1px; border: 0; background: #ccc; color: #ccc; margin: 16px 2px; }
	.home-user-content a, .user-content a:active, .user-content a:visited { color: #000; }
	.home-user-content a { color: #353535; text-decoration: underline; } 
	.home-user-content a:hover { color: #353535; text-decoration: underline; }
	.home-user-content img.imgLeft { float: left; margin-right: 10px; }
	.home-user-content img.imgRight { float: right; margin-left: 10px; }

	.home-user-content table {  margin: 1em 0 1em 1px; border: none; border-collapse: collapse; border-spacing: 0;  }

	.home-user-content td { padding: 4px 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
	.home-user-content td:first-child { border-left: 0; }
	.home-user-content td.hdr { font-weight: bold; }
	.home-user-content tr:first-child td { border-top: 0; }
	
	.home-user-content table.no_table_border { border-left: 0; border-top: 0; }
	.home-user-content table.no_table_border td { border-bottom: 0; border-right: 0; }