/* BRILLEN */

#brillen {
	width: 962px;
}

#brillen h3 {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #009182;
}

#brillen a, #brillen a:hover, #brillen a:active {
	outline:none;
}

#brillentop {
	width: 962px;
	height: 306px;
	background-image: url(../image/brillenlenzen/brillen_background.jpg);
	background-repeat: no-repeat;
	border: 0;
	border-bottom: solid 1px #e3e3e3;
	margin: 0 0 15px 0;
}

#brillen #monturen {
	background-image: url(../image/brillenlenzen/monturen_form_background.jpg);
	background-repeat: no-repeat;
	height: auto;
	border-bottom: 0;
	margin: 0 0 15px 0;
	width: 962px;
}

#monturen p {
	clear: both;
}

#monturen p strong, #monturen p b {
	color: #009182;
}

#monturen .montuur {
	float: left;
	width: 160px;
	height: 110px;
	color: #103933;
	font-weight: bold;
	text-align: center;
	margin: 0 18px 24px 0;
}

#monturen .montuur .price {
	color: #009182;
	font-weight: normal;
}

#monturen .left_block {
	float: left;
	width: 561px;
	padding: 0px 25px 0 24px;
	border-right: 1px solid #ccc;
}

#brillentop .left_block {
	float: left;
	width: 561px;
	margin: 0px;
}

#brillen h1 {
	position: absolute;
	color: #fff;
	z-index: -1;
	top: 10px;
}

#brillentop h1 {
	margin: 0 0 7px 10px;
	padding: 0;
}

#monturen h1.monturen {
	z-index: 1;
	position: relative;
	top: 0;
	margin: 24px 0;
}

#monturen p, #brillentop p {
	margin: 0 0 13px 10px;
	padding: 0;
}

#monturen .right_block {
	background: #fff;
	width: 326px;
	padding: 29px 0 0 5px;
	float: left;
	clear: right;
}

#brillentop .right_block {
	width: 357px;
	padding: 29px 0 0 0px;
	float: left;
	clear: right;
}

#brillenbottom .right_logos {
	width: 357px;
	padding: 0 0 0 0px;
	float: left;
	clear: right;
}

#brillen .placeholder {
	width: 357px;
	height: 46px;
	display: block;
}

#brillen .dropdown, .button {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .01em;
	margin: 0 0 2px 5px;
	cursor: pointer;
	position: static;
}

#brillen .dropdown .dropdown_top {
	background-image: url(../image/brillenlenzen/dropdown_top.gif);
	width: 333px;
	height: 10px;
	display: block;
	background-repeat: no-repeat;
	font-size: 0px;
}


#brillen .dropdown .dropdown_middle {
	background-image: url(../image/brillenlenzen/dropdown_middle.png);
	width: 333px;
	height: 20px;
	display: block;
	padding: 4px 0 0 0;
	background-repeat: repeat-y;
}

#brillen .dropdown .selections {
	display: none;
}
#brillen_result_title {
	clear: both;
	padding: 22px 11px 34px;
	border-bottom: 1px solid #e1e1e1;
}
#brillen_result_title {
	margin: inherit !important;
	margin: 20px 0 0;w
}

#brillen_result_title .button {
	float: right;
}

#brillen_result_title h2 {
	float: left;
	width: auto;
	display: block;
	margin: 0 15px 0 0;
}

#brillen_result_title h3 {
	float: left;
	margin: 8px 0 0 !important;
	margin: 11px 0 0;
	width: 260px;
}

#brillenselector {
	border-bottom:1px solid #E1E1E1;
	padding:22px 0px;
}


#brillen .dropdown .extended {
	background-image: url(../image/brillenlenzen/dropdown_middle_exte.png);
	padding: 4px 0 0 0;
	background-repeat: repeat-y;
	height: auto;
}

#brillen .dropdown .extended .selections {
	display: block;
	width: 302px;
	margin: 7px auto 0 auto;
	padding: 11px 0 11px 15px;
	background-image: url(../image/brillenlenzen/dropdown_middle_sele.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #cde9e6;
}

#brillen .extended .selections a {
	position: relative;
	z-index: 5;
	font-weight: bold;
	display: block;
	clear: both;
	margin: 0 0 3px 0;
	color: #009182;
}

#brillen .extended .selections a:hover {
	color: #395b56;
}

#brillen .dropdown .dropdown_bottom {
	background-image: url(../image/brillenlenzen/dropdown_bottom.png);
	width: 333px;
	height: 10px;
	display: block;
	background-repeat: no-repeat;
	font-size: 0px;
}

#brillen .button {
	background-image: url(../image/brillenlenzen/dropdown_button.png);
	width: 309px;
	height: 31px;
	display: block;
	padding: 14px 0 0 24px;
	background-repeat: no-repeat;
	color: fff;
}

#brillen .dropdown a {
	color: #000;
	margin-left: 24px;
}

#brillen .button a {
	color: #fff;
}

#brillen .dropdown .up {
	float: right;
	margin: 2px 20px 0 0;
	width: 14px;
	height: 13px;
	background-image: url(../image/brillenlenzen/arrow_up.gif);
}

#brillen .dropdown .down {
	float: right;
	margin: 2px 20px 0 0;
	width: 14px;
	height: 13px;
	background-image: url(../image/brillenlenzen/arrow_down.gif);
}

#brillenbottom {
	width: 962px;
	padding: 15px 0;
}

#brillen_result .top {
	padding: 30px; 22px;
	border-bottom: 1px solid #e1e1e1;
}

#brillen .top .title {
	margin: 0 10px 0 0;
}

#brillen .voorkeuren {
	float: right;
	position: relative;
	top: -8px;
}

#brillen #results {
	height: 261px;
	background-image: url(../image/brillenlenzen/lenzen_result_background2.jpg);
	background-repeat: no-repeat;	
}

.container {
	border-bottom: 1px solid #e1e1e1;
}

#brillen .container .left_block {
	float: left;
	width: 469px;
}

#brillen .container .right_block {
	width: 473px;
	float: left;
	clear: right;
}

#brillen #tabcontainer {
	background-image: url(../image/brillenlenzen/brillen_result_background.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: 962px;
}

#brillen #tabcontainer table, #tabcontainer tr, #tabcontainer td {
	margin: 0;
	padding: 0;
}

#brillen #tabcontainer .tabs {
	width: 540px;
	margin: 7px 0 0 200px;
	height: 37px;
}

#brillen #tabcontainer .tab {
	text-align: center;
	font-weight: bold;
	color: #4f6b67;
}

#brillen #tabcontainer .tab img {
	vertical-align: bottom;
}

#brillenbottom .left_block {
	float: left;
	width: 507px;
	padding: 15px 52px 5px 12px;
}

#brillenbottom h3 {
	margin: 0 0 10px 0;
}

#brillenbottom .right_block {
	/*
	width: 348px;
	float: left;
	clear: right;
	padding: 15px 0px 5px 20px;
	*/
	width: 439px;
	float: left;
	clear: right;
	margin: 0 0 0 10px;
	padding: 10px 10px;
	background: #fef5eb;
	border: 1px solid #ffa878;
}

#brillenbottom .right_block p {
	padding: 0;
}

#brillen_result #brillenbottom .left_block {
	width: 427px;
}

#brillen_result #brillenprinter {
	height: 261px;
	border-bottom: 1px solid #e1e1e1;
	background-image: url(../image/brillenlenzen/printmailbackground.gif);
	background-repeat: no-repeat;	
}

#brillenprinter .left_block {
	float: left;
	width: 419px;
}
#brillenprinter .left_block img {
	margin-left: 50px;
}
#brillenprinter .right_block {
	width: 473px;
	padding: 15px 0 0;
	float: left;
	clear: right;
}

#results #brillenprinter {
	padding-top: 15px;
}

#brillenprinter .message {
	float: right;
	width: 200px;
	margin-right: 45px;
	clear: right;
	font-size: 10px;
}
#brillenprinter table {
	margin-top: 15px;
	clear: both;
}
#brillenprinter td {
	padding: 3px 0;
}
#brillenprinter #voorletters {
	width: 41px;
}
#brillenprinter #achternaam {
	width: 196px;
}
#brillenprinter #email {
	width: 321px;
}
#brillenprinter #straat {
	width: 321px;
}
#brillenprinter #postcode_cijfers {
	width: 41px;
}
#brillenprinter #postcode_letters {
	width: 17px;
}
#brillenprinter #coupon_huisnummer {
	width: 33px;
}
#brillenprinter #woonplaats {
	width: 113px;
}
#brillenprinter #dateField {
	width: 79px;
}
#brillenprinter td.small {
	font-size: 10px;
}
#brillenprinter #verstuur {
	margin-top: 10px;
	float: right;
}


#contactlenzen {
	width: 962px;
}

#contactlenzen h3 {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #009182;
}

#contactlenzen a, #contactlenzen a:hover, #contactlenzen a:active {
	outline:none;
}

#contactlenzentop {
	width: 962px;
	height: 307px;
	background-image: url(../image/brillenlenzen/lenzen_background.jpg);
	background-repeat: no-repeat;
	border: 0;
	border-bottom: solid 1px #e3e3e3;
	margin: 0 0 15px 0;
}

#contactlenzentop .left_block {
	float: left;
	width: 559px;
	padding: 29px 0 0 26px;
	overflow: hidden;
}

#contactlenzentop h1 {
	margin: 0 0 7px 10px;
	padding: 0;
}

#contactlenzentop p {
	margin: 0 0 13px 10px;
	padding: 0;
}

#contactlenzentop .right_block {
	width: 357px;
	padding: 29px 0 0 0px;
	float: left;
	clear: right;
}

#contactlenzen .placeholder {
	width: 357px;
	height: 46px;
	display: block;
}

#contactlenzen .dropdown, .button {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .01em;
	margin: 0 0 2px 5px;
	cursor: pointer;
	position: static;
}

#contactlenzen .dropdown .dropdown_top {
	background-image: url(../image/brillenlenzen/dropdown_top.gif);
	width: 333px;
	height: 10px;
	display: block;
	background-repeat: no-repeat;
	font-size: 0px;
}


#contactlenzen .dropdown .dropdown_middle {
	background-image: url(../image/brillenlenzen/dropdown_middle.png);
	width: 333px;
	height: 20px;
	display: block;
	padding: 4px 0 0 0;
	background-repeat: repeat-y;
}

#contactlenzen .dropdown .selections {
	display: none;
}

#contactlenzen .dropdown .extended {
	background-image: url(../image/brillenlenzen/dropdown_middle_exte.png);
	padding: 4px 0 0 0;
	background-repeat: repeat-y;
	height: auto;
}

#contactlenzen .dropdown .extended .selections {
	display: block;
	width: 302px;
	margin: 7px auto 0 auto;
	padding: 11px 0 11px 15px;
	background-image: url(../image/brillenlenzen/dropdown_middle_sele.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #cde9e6;
}

#contactlenzen .extended .selections a {
	position: relative;
	z-index: 5;
	font-weight: bold;
	display: block;
	clear: both;
	margin: 0 0 3px 0;
	color: #009182;
}

#contactlenzen .extended .selections a:hover {
	color: #395b56;
}

#contactlenzen .dropdown .dropdown_bottom {
	background-image: url(../image/brillenlenzen/dropdown_bottom.png);
	width: 333px;
	height: 10px;
	display: block;
	background-repeat: no-repeat;
	font-size: 0px;
}

#contactlenzen .button {
	background-image: url(../image/brillenlenzen/dropdown_button.gif);
	width: 309px;
	height: 31px;
	display: block;
	padding: 14px 0 0 24px;
	background-repeat: no-repeat;
	color: fff;
}

#contactlenzen .dropdown a {
	color: #000;
	margin-left: 24px;
}

#contactlenzen .button a {
	color: #fff;
}

#contactlenzen .dropdown .up {
	background: url(../image/brillenlenzen/arrow_up.gif) no-repeat;
	float: right;
	margin: 2px 20px 0 0 !important;
	margin: 2px 12px 0 0;
	width: 14px;
	height: 13px;
}

#contactlenzen .dropdown .down {
	background: url(../image/brillenlenzen/arrow_down.gif) no-repeat;
	float: right;
	margin: 2px 20px 0 0 !important;
	margin: 2px 12px 0 0;
	width: 14px;
	height: 13px;
}

#contactlenzenbottom {
	margin: 25px 0 0 0;
	width: 942px;
}

#contactlenzenbottom .left_block {
	float: left;
	width: 531px;
	padding: 5px 52px 5px 12px;
}

#contactlenzenbottom .right_block {
	width: 347px;
	float: left;
	clear: right;
	padding: 5px 0;
	margin: 0 0 15px 0;
}

#contactlenzen_result .top {
	padding: 30px; 22px;
	border-bottom: 1px solid #e1e1e1;
}

#contactlenzen .top .title {
	margin: 0 10px 0 0;
}

#contactlenzen .top .voorkeuren {
	float: right;
	position: relative;
	top: -8px;
}

#contactlenzen #results {
	height: 261px;
	background-image: url(../image/brillenlenzen/lenzen_result_background2.jpg);
	background-repeat: no-repeat;	
}

#contactlenzen #graph {
	width: 443px;
	height: 197px;
	padding: 31px 0 37px 30px;
	color: #122e29;
	font-size: 13px;
}

#graph .vervangingstermijn {
	float: left;
	width: 210px;
	height: 22px;
}

#graph .draagduur {
	clear: right;
	height: 22px;
}

#graph .small {
	background: url(../image/brillenlenzen/lenzen_graph_small.gif) no-repeat;
	display: inline;
	font-weight: bold;
	padding: 1px 4px 3px 4px;
	letter-spacing: 7px;
	font-size: 12px;
	vertical-align: text-bottom;
}

#graph .middle {
	height: 157px;
	padding: 19px 0 0 0;
}

#graph .graphlabel {
	width: 140px;
	height: 20px;
	float: left;
}

#graph .graph {
	background: url(../image/brillenlenzen/lenzen_graph.gif) no-repeat;
	width: 237px;
	height: 20px;
	float: left;
	clear: right;
}

.graph .segment {
	height: 14px;
	font-size: 0px;
}

.graph .start {
	width: 0px;
}

.graph .size1 {
	width: 58px;
}

.graph .size2 {
	width: 117px;
}

.graph .size3 {
	width: 176px;
}

.graph .size4 {
	width: 235px;
}

.graph .red {
	border: 1px solid #c30e1f;
	background: url(../image/brillenlenzen/lenzen_graph_red.gif) repeat-x;
}

.graph .yellow {
	border: 1px solid #eb6401;
	background: url(../image/brillenlenzen/lenzen_graph_yellow.gif) repeat-x;
}

.graph .green {
	border: 1px solid #009081;
	background: url(../image/brillenlenzen/lenzen_graph_green.gif) repeat-x;
}

#contactlenzen .container {
	border-bottom: 1px solid #e1e1e1;
}

#contactlenzen .container .left_block {
	float: left;
	width: 469px;
}

#contactlenzen .container .right_block {
	width: 473px;
	float: left;
	clear: right;
}

#contactlenzen #tabcontainer {
	background-image: url(../image/brillenlenzen/lenzen_result_tabbackground.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0px;
	height: 96px;
	width: 942px;
}

#contactlenzen #tabcontainer table, #tabcontainer tr, #tabcontainer td {
	margin: 0;
	padding: 0;
}

#contactlenzen #tabcontainer .tabs {
	height: 96px;
	margin: 0 auto;
	width: auto;
}

#contactlenzen .tabs .tabs_right {
	width: 1px;
	height: 96px;
	background: url(../image/brillenlenzen/lenzen_tabs_right.gif) no-repeat right;
	font-size: 0px;
}

#contactlenzen .tabs .maintab_top {
	width: 178px;
	height: 62px;
	text-align: center;
	background: url(../image/brillenlenzen/lenzen_maintab_top.gif) no-repeat;
}

#contactlenzen .tabs .holder {
	position: relative;
	top: 0px;
}

#pointer {
	position: absolute;
	top: 20px;
	left: 0px;
}

#contactlenzen .tabs .tabs_top {
	width: 179px;
	height: 62px;
	text-align: center;
	background: url(../image/brillenlenzen/lenzen_tabs_top.gif) repeat-x;
}

#contactlenzen .maintab_top .title, .tabs_top .title {
	margin-top: 41px;
}

#contactlenzen .tabs .tab {
	width: 179px;
	height: 34px;
	text-align: center;
	background: url(../image/brillenlenzen/lenzen_tab.gif) no-repeat;
}

#contactlenzen .tabs .maintab {
	width: 178px;
	height: 34px;
	text-align: center;
	background: url(../image/brillenlenzen/lenzen_maintab.gif) no-repeat;
}

#contactlenzenbottom.results .left_block {
	float: left;
	width: 405px;
	padding: 5px 52px 5px 12px;
}

#contactlenzenbottom.results .right_block {
	width: 434px;
	float: left;
	clear: right;
	margin: 0 0 0 10px;
	padding: 10px 10px;
	background: #fef5eb;
	border: 1px solid #ffa878;
}

#contactlenzenbottom.results .right_block h3 {
	color: #f88615;
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;
    z-index: 10000;
    position: absolute;
    top: 10px;
    left: 50%;
    
    margin-left: -425px;
    width: 735px;
    height: 785px;
    color: #333;
    padding: 12px;
}

#popupWindow.jqmWindow {
	  position: absolute;
    top: 120px;
    left: 50%;
    
    border: 0;
    margin-left: -160px;
    width: 327px;
    height: 285px !important;
    height: 280x;
    overflow: hidden;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     /* top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); */
}
.jqmClose{ color:#000; clear:right; float:right; padding:0 5px; cursor:pointer; }
#jqmContent{ width:99%; height:99%; display: block; clear:both; border: 0; }
#popupWindow #jqmContent { overflow: hidden;} 
#popupWindow iframe { border: 0; }

/* FORMS */

.error, .couponinvoer_error, .mv_coupon_error, .borderbox_coupon_error {
	border: 1px solid #f00;
}