﻿.clear { clear: both; border: solid 1px #ff6666; }

/* ----------form-------------- */
.form {
    width: 422px; 
}

.input {
    border: solid 1px #d8d8d8; 
    width: 164px;
    padding: 4px;
    margin-bottom: 5px;
	background-image: url('../img/common/bg-input.gif');
}

.textarea {     
	font-family: Arial, Verdana, 'SunSans-Regular', Sans-Serif;
	color:#564b47;
    padding: 4px;
    border: solid 1px #d8d8d8; 
    width: 410px;
    height: 142px;
	background-image: url('../img/common/bg-textarea.gif');
}

form img.captcha {
	background-image: url('../img/common/human_check.gif');
	background-repeat: no-repeat;
	width: 80px;
	height: 28px;
}

form input.captcha {
    display: inline;
    width: 40px;
	margin: 0 0 4px 5px;
    padding: 4px 5px 6px 5px;
}

.button { float: right; }

/* ----------general-------------- */
.right { text-align: right; }
.center { text-align: center; }
.little { font-size: 11px; }

.headerbox { padding: 10px; border-bottom: solid 1px #e6e6e6; }

.grey { color: #8c8c8c; }

/* ----------reasons-------------- */
#reason { min-height: 120px; }

    #reason IMG { float: right; margin: 10px; }

/* ----------maps-------------- */
.map { padding: 0px; border: solid 1px #e3e3e3; text-align: center; }

/* ----------listings-------------- */
.listing { 
    width: 660px;
    height: 190px; 
    font-size: 0.85em;
    padding: 0 20px;
}

    div.level1 { 
        background-image: url('../img/common/bg-listing.gif');
        background-position: left top;
        background-repeat: no-repeat;
        padding: 20px;
        height: 185px; 
    }
    
        div.level1 h2 { margin-top: 0; }

    div.level3 { 
        height: 110px; 
    }
    
    div.specialdeal {
        background-image: url('../img/common/bg-listing-special-deal.gif');
        background-position: left top;
        background-repeat: no-repeat;
        height: 220px;
    }
    
    div.info {
        height: auto; 
    }
        
    .icon { 
        font-size: 11px;
        padding: 5px 10px 5px 21px;
        background-position: left 1px;
        background-repeat: no-repeat;
    }
	
	.iconlarge { 
        font-size: 11px;
        padding: 15px 0px 5px 0px;
        background-position: left 1px;
        background-repeat: no-repeat;
    }
	
	.iconlargelist { 
        font-size: 11px;
        padding: 15px 20px 15px 0px;
        background-position: left 1px;
        background-repeat: no-repeat;
    }

    .listContact { width: 100px; display: inline; float: left; padding: 3px 0; }
    .listEmail { padding: 0px 0 7px 20px; display: block; margin: 1px 0 0 8px; background-image: url('../img/icons/icon-email.gif'); background-repeat: no-repeat; background-position: left 2px; }
    .listWebsite { padding: 3px 0 0px 20px; display: block; margin: 0 0 0 8px; background-image: url('../img/icons/icon-website.gif'); background-repeat: no-repeat; }
    .listMore { float: right; }
    
    /* pngs are replaced by gifs in screen-ie6.css */    
    .time { background-image: url('../img/icons/icon-time.png'); }
    .cost { background-image: url('../img/icons/icon-cost.png'); }    
    
    .weatherfine { background-image: url('../img/icons/icon-weather-fine.png'); }
    .weatherall { background-image: url('../img/icons/icon-weather-all.png'); padding-left: 28px; }
    
    .addren1 { background-image: url('../img/icons/icon-addren-1.png'); padding-left: 30px; }
    .addren2 { background-image: url('../img/icons/icon-addren-2.png'); padding-left: 30px; }
    .addren3 { background-image: url('../img/icons/icon-addren-3.png'); padding-left: 30px; }
    
	.qualmark{ background-image: url('../img/icons/icon-qualmark.png'); padding-left: 30px; }
    .qualmark1 { background-image: url('../img/icons/icon-qualmark-1.png'); padding-left: 35px; }
    .qualmark2 { background-image: url('../img/icons/icon-qualmark-2.png'); padding-left: 48px; }
    .qualmark3 { background-image: url('../img/icons/icon-qualmark-3.png'); padding-left: 62px; }
    .qualmark4 { background-image: url('../img/icons/icon-qualmark-4.png'); padding-left: 74px; }
    .qualmark4plus { background-image: url('../img/icons/icon-qualmark-4+.png'); padding-left: 84px; }
    .qualmark5 { background-image: url('../img/icons/icon-qualmark-5.png'); padding-left: 87px; }
    .qualmarkendorsed { background-image: url('../img/icons/icon-qualmark.png'); padding-left: 18px; }
    
    .skytv { background-image: url('../img/icons/icon-sky.png'); padding-left: 40px; }
    .restaurant { background-image: url('../img/icons/icon-restaurant.png'); }
    .family { background-image: url('../img/icons/icon-family.png'); }
    
    .on { color: #000; 
        font-weight: bold; 
    }
         
    .listingImage {
        background-position: center center;
        background-repeat: no-repeat;   
    }
    
    .mainImage {
        margin: 0 0 10px 10px; 
        float: right; 
    }
    
    .dvbdy1 {padding:0px; }

/* ----------specials-------------- */
div.specialdeals { 
    width: 671px;
    background: url('../img/common/bg-special-deals.gif') 0 0 no-repeat;
    padding: 10px;
    color: #fff;
}

    div.specialdeals h1 {
        width: 587px;
        height: 45px;
        background: url('../img/common/header-special-deals.gif') 0 0 no-repeat;
        padding: 0;
        margin: 0 0 0 10px;
    }
    
    div.specialdeals h1 span { 
        position: absolute;
        margin-left: -1000px;
    }

hr.special { color: #a2a2a2; background-color: #a2a2a2; }

#special { 
    min-height: 120px; 
    background: url('../img/common/bg-special-deals-star.gif') 0 0 no-repeat;
}

    #special h4 { padding-left: 30px; }

    #special span.date { font-size: 0.8em; }
    
    #special IMG { float: right; margin: 10px; }

    #special .contactList { font-size: 0.8em; width: 270px; display: inline; float: left; }
    
    #special .listContactW { width: 270px; display: inline; float: left; padding: 3px 0; }
    #special .listContact { width: 100px; display: inline; float: left; padding: 3px 0; }
    #special .listEmail { padding: 0px 0 7px 20px; display: block; margin: 1px 0 0 8px; background-image: url('../img/icons/icon-email.gif'); background-repeat: no-repeat; background-position: left 2px; }
    #special .listWebsite { padding: 3px 0 0px 20px; display: block; margin: 0 0 0 8px; background-image: url('../img/icons/icon-website.gif'); background-repeat: no-repeat; }
    #special a.listMore { float: none; }
    #special div.listMore { float: right; margin-top: 35px; line-height: 22px; }

div.listingspecialdeal {
	margin-top:5px;
    padding: 9px 5px 3px 145px;
    width: 318px;
    height: 19px;
    background: url('../img/common/bg-special-deal.gif') 0 0 no-repeat;
    color: #fff;
    font-size: 1.1em;
}

    div.listingspecialdeal a { color: #fff !important; }
    
/* --- validatie ---*/
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #99cc33 !important;
}

input.validation-passed, textarea.validation-passed {
}

.validation-advice {
	background-image: url('../img/icons/error.png');
	background-repeat: no-repeat;
	font-size: 9pt;
	padding: 2px 2px 2px 20px;
	margin-bottom: 5px;
	color: #999;
}

.custom-advice {
	color: #99cc33;
}