body {
	font: normal small Arial, Helvetica, sans-serif;
	color: #999999;
}
img { border:0;}
*:focus { outline: none}



div#track1, div#track2, div#track3, div#track4, div#track5 {
	width:307px;
	height:15px;
	margin:6px 0 25px 20px;
	background:url(http://www.vergelijk-hypotheken.nl/wp-content/themes/oriental/images/bg-slide.gif) repeat-x;
	border-bottom:1px solid #dbdbdb;
	padding-bottom:25px;
	}

div#track1 p, div#track2 p, div#track3 p, div#track4 p, div#track5 p {
	margin:0!important;
	padding:5px 0 0 0!important;
	color:#000;
}

div#handle1, div#handle2, div#handle3, div#handle4, div#handle5 { 
	width:17px;
	height:15px; 
	cursor:move;
	background:url(http://www.vergelijk-hypotheken.nl/wp-content/themes/oriental/images/bg-handle.gif) no-repeat;
}



/* Calculator 
====================================================================== */
div#wrap-percentage { width:100px; float:left; }
div#wrap-bedrag { width:250px; float:left; height:90px; }
div#wrap-bedrag2 { width:250px; float:left; height:80px; }
div#exclusief { width:250px; float:left; height:20px; display:block; clear:both;}
div#exclusief i { border:0; font-weight:normal; font-size:12px; width:25px; padding:0 0 20px 19px; }
div#offerte  {  
  	margin:0!important;
	padding:5px 5px 5px 5px!important;
	float:left; }
div#offerte2 {  
  	margin:0!important;
	padding:5px 5px 5px 5px!important;
	width:150px; 
	float:left; 
	clear: both;  }
 

#percentage { border:0; font-weight:bold; font-size:14px; padding-left:19px; width:35px; }
#bedrag { background:#6ed2f1; border:1px solid #0b6783; color:#62383a; font-size:24px; font-weight:bold; padding:10px 10px 10px 0; margin:5px 0 0 77px; width:138px; text-align:right; }
#bedrag2 { background:#e6c0bf; border:1px solid #b10043; color:#62383a; font-size:24px; font-weight:bold; padding:10px 10px 10px 0; margin:5px 0 0 77px; width:138px; text-align:right; }
#bedrag3 { background:#e6c0bf; border:1px solid #b10043; color:#62383a; font-size:24px; font-weight:bold; padding:10px 10px 10px 0; margin:5px 0 0 77px; width:138px; text-align:right; }
#bedrag4 { background:#e6c0bf; border:1px solid #b10043; color:#62383a; font-size:24px; font-weight:bold; padding:10px 10px 10px 0; margin:5px 0 0 77px; width:138px; text-align:right; }

ul#calculator-afsrpaak {
		margin:0 0 0 178px;
		padding:0;
		clear:both;
	}
	
	ul#calculator-afsrpaak li { list-style:none;}
	
	ul#calculator-afsrpaak li a {
		background:url(http://www.vergelijk-hypotheken.nl/wp-content/themes/oriental/images/knop-hypo.gif) no-repeat;
		display:block;
		width:154px;
		height:36px;
		color:#fff!important;
		text-decoration:none!important;
		text-align:center;
		padding-top:10px;
	}
	
	ul#calculator-afsrpaak li a:hover {
		background:url(http://www.vergelijk-hypotheken.nl/wp-content/themes/oriental/images/knop-hypo-hover.gif) no-repeat;
	}





/* *** from here the form styles *** */

#myform {
	
}

* html #myform {
	margin-right: 0;
}

#myform  .legend {
 	font-family: arial, verdana, sans-serif;
	text-align: right;
}

#myform input {
	width: 250px;
	padding-left: 3px;
	border: 1px solid #11a6d4; 
}

#myform #select-cell {
	position: relative;
	width: 250px;
}

#myform select {
	position: relative;
	width: 250px;
	margin-left: -1px;
	background: url(images/select-button.gif) ; 
	background-color: inherit; /* attention: bg-color here deletes img! bg-color is in the image: #F5FCFF  */
	color: #11a6d4;
}

* html #myform select {
	width: 250px;
	margin-left: 1px;
}

#myform option {
	font-weight: bold;
	border-bottom: 1px solid #11a6d4;
	color: #000080;
	background: #EDFAFF;
	cursor: pointer;
	
}

#myform .first {
	position: relative;
	margin-top: -1.1em;
}

#myform #border-top {
	position: absolute;
	width: 250px;
	height: 2px;
	border: 0;
	margin-left: -320px;
}

* html #myform #border-top {
	position: relative;
	float: right;
	width: 250px;
	height: 2px;
	border: 0;
	margin: -24px 0 0 -4px;
	line-height: 1px;
	font-size: 1px;
}