/* reset dingen van main.css */
header nav.main .inner .top {border-bottom:none !important}
.inner_content{width:auto !important; min-width: 685px; display: table}

/************************************
 Main
/********************************************************************************************/

a#to-links {position: absolute; left: -9999px;}
p#ie6-text a {color: red;}
span.error {color: red;}
p.success {font-weight: bold;}
.clear{clear: both}


.searchzip{width:745px; margin:0 0 20px 0; float: left; background: #FFD20A}
#results {clear:left; width:745px; margin:0px; float: left; background: #FFD20A}
#direction {float: right; width:365px; margin-left:20px;  display: none; /* fadeIn() */; background: #FFD20A; color:#333}

.searchzip h2, #direction h2, #results h2 {background:#000 !important; color: #FFF !important; font-size: 13px; font-weight: normal; margin: 0px !important; padding: 7px 15px; text-transform: uppercase;}

#direction div.directions {padding:0px 15px; min-height: 695px;}
#results h2 span {color: #FFD20A;}
#results p{padding:0 15px}


/************************************
 Components
/********************************************************************************************/

/** SEARCH FORM **/

form#search-address { margin: 4px 0px 0px 0px; padding: 10px 20px}
form#search-address input[type="text"]{
	width: 200px;
	padding: 3px; 
	margin-top: 20px; 
	-webkit-box-shadow: inset 0 0 10px #999; 
	-moz-box-shadow: inset 0 0 10px #999; 
	box-shadow: inset 0 0 5px #999; 
	color: #333;
	
	filter: none;
	outline: none;
	
	border-radius: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

form#search-address input[type="submit"] {
-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../img/vergrootglas_submit.png") no-repeat scroll center center #fff;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #ccc;
    border-image: none;
    border-radius: 0 5px 5px 0;
    border-style: none none none dotted;
    border-width: medium medium medium 1px;
    cursor: pointer;
    margin-left: -10px;
    padding: 4px 10px;
    position: relative;
   }
.roundedfive {border-radius: 5px;}
form#search-address .perks.emg {display: none;}
form#search-address .perks {background: url('../img/label-powertools.png') no-repeat left top; float: right;  min-height: 95px; max-width: 280px; padding-left: 175px;}
form#search-address .perks label span { margin: 0 5px; font-size: 14px}
form#search-address .perks input[type="checkbox"] {	margin: 22px 0 5px 0;	position: relative;	bottom: 2px;}

    
/** RESULTS TABLE **/
table.results {width: 100%; margin-bottom: 20px; padding:20px}
table.results .th span {padding: 5px 0 5px 10px; height:27px; text-align:left; border-right: 1px dotted #FFF; text-transform: uppercase; display: block; float: left; font-weight: bold}
table.results .th span.perk {width:40px; border-right: none; padding-left: 0px;}
table.results .th span.stockist {width:240px;}
table.results .th span.town {width: 200px;}
table.results .th span.postcode {width: 100px;}
table.results .th span.distance {width: 80px; border-right: none; padding-right: 0px;}

table.results ul {margin: 0;padding: 0;list-style: none;}
table.results ul li.resultline {float: left; margin:0px}
table.results ul li.selected {background: #FFF8CA !important}

table.results ul li.resultline a {text-decoration: none;cursor: pointer;display: block;	position: relative; width: 100%; background-color: #FFF8CA;}
table.results ul li.resultline a:hover{background: #FFF8CA;}
table.results ul li.resultline a span {display: block;float: left;  padding: 10px 0 10px 10px; border-right: 1px dotted #FFF; text-align:left; vertical-align: middle; cursor: pointer; }

table.results ul li.resultline.dubbeldekker a span {/* height: 26px;*/ }
table.results ul li.resultline a.open {}
table.results ul li.resultline a.open span {margin: 0; font-weight:bold; background: #FFF8CA }

table.results ul li.resultline a span.perk {width:40px; padding:5px 0px 5px 0px; border-right: none; text-align: center;}
table.results ul li.resultline a span.stockist {width:240px;}
table.results ul li.resultline a span.town {width: 200px;}
table.results ul li.resultline a span.postcode{width:100px; } 
table.results ul li.resultline a span.distance {width:80px; padding-right:0px; border-right: none}

table.results ul li.resultline a img.routepijltje {	position: absolute;	top: 5px; right: -22px; border: none; display: none; /* fadeIn() */}
table.results ul li ul.details {clear:left;padding:10px 10px 10px 50px; line-height: 2em; background-color: #FFF8CA; min-height: 75px;}
table.results ul li ul.details li {position: relative;}
table.results ul li ul.details li a {display: inline;}
table.results ul li ul.details li a:hover {text-decoration: underline;}
table.results ul li ul.details li span.lbl {font-weight: bold}
table.results ul li ul.details li span.links {position: absolute;right: 0;text-align: right;margin-right: 25px;}
table.results ul li ul.details li ul.openingsuren {line-height: 14px;}
table.openingsuren th, table.openingsuren td {
	height: auto;
	line-height: 13px;
	padding: 0 10px 0 0;
	border: none;
}

/** GOOGLE MAP **/
div#google-map {width:705px; height: 400px;color: #000; margin: 20px; }
div#google-map h3 { /* marker content */
	margin: 5px 0;
}
div#google-map p.distance {
	color: #666;
}

/** DIRECTIONS **/
#direction form#from{ margin: 4px 0px 0 0; padding:10px 0px;}

#direction form#from input[type="text"]{
	width: 200px;
	padding: 3px; 
	margin-top: 20px; 
	-webkit-box-shadow: inset 0 0 10px #999; 
	-moz-box-shadow: inset 0 0 10px #999; 
	box-shadow: inset 0 0 5px #999; 
	color: #333;
}

#direction form#from input[type="submit"] {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../img/vergrootglas_submit.png") no-repeat scroll center center #fff;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #ccc;
    border-image: none;
    border-radius: 0 5px 5px 0;
    border-style: none none none dotted;
    border-width: medium medium medium 1px;
    cursor: pointer;
    margin-left: -10px;
    padding: 3px 10px;
    position: relative;
  }



div#routebeschrijving p.summary {border-top: 1px dotted #FFF; padding: 10px 0px 0px 15px; margin: 0px; font-size: 15px; color:#333; font-weight: bold}
div#routebeschrijving p.start {min-height:40px; padding: 15px 0 7px 45px; text-transform: capitalize; background: #FFE65B url('../img/icon-start.png') no-repeat 8px 8px; color: #333;}

div#routebeschrijving p.start span, div#routebeschrijving p.end span { font-weight: bold; text-transform: uppercase;}
div#routebeschrijving div.step { margin: 10px 0;cursor: pointer;}
div#routebeschrijving div.step span.distance {float: right;	margin: 0 0 2px 4px;}
div#routebeschrijving p.end {min-height: 40px; padding: 15px 0 7px 45px;text-transform: capitalize; background: #FFE65B url('../img/icon-end.png') no-repeat 8px 8px; color: #333;}

/** footer **/
.push{height:20px}