/*  ###########################################################################
    company:    http://42.nl/
    client:     CPE
    date:       October 2009
    author:     Egor Kloos
    author:     ---
    ########################################################################### */


/*  Layout -------------------------------------------------------------------- */


    #site-container {
        position: relative;
        margin: 0 auto;
        padding: 0 20px;
        width: 930px;
        }
        
    header {
        display: block;
        height: 120px;
        background: transparent url(../../images/identity/logo.gif) no-repeat 0 15px;
        }
        
    #sub-navigation {
        float: left;
        width: 200px;
        }
    
    #content{
        float: left;
        padding: 0 20px;
        width: 490px;
        }
    section p img {
        float: left;
        margin: 0 12px 1em 0;
        }
    #sidebar {
        float: left;
        width: 200px;
        }
    
    footer {
        position: relative;
        clear: both;
        display: block;
        margin: 2em -19px 0;
        height: 150px;
        width: 970px;
        background: transparent url(../../images/backgrounds/bgfooter.jpg) no-repeat left 42%;
        overflow: hidden;
        }


    #sidebar ul {
        margin: 0;
        padding: 0 0 1em 0;
        list-style: none;
        }
    #sidebar ul p {
        padding: 0 0 1em 22px;
        }
    #sidebar .ui-icon {
        float: left;
        margin-right: 5px;
        }
    #sidebar ul li h4 a{
        white-space: nowrap;
        color: #000000;
				font-size: 11px;
        }


/*  iFRAME -------------------------------------------------------------------- */
    #content #gae {
        margin: 2em 0;
        border: 0 none transparent;
        width: 480px;
        height: 500px;
        }
    #frame {
        }
	
	#content .applyaccordion #gae  {
		margin: 1px 0 0 0;
	}

/*  LISTS -------------------------------------------------------------------- */

    ul.linklist {
        margin: 0;
        padding: 0 0 1em 0;
        list-style: none;
        }
    ul.linklist p {
        padding: 0 0 1em 22px;
        }
    ul.linklist .ui-icon {
        float: left;
        margin-right: 5px;
        }
    ul.linklist li h4 a{
        white-space: nowrap;
        }

    table {
        margin-bottom: 2em;
        border-collapse: collapse;
        width: 100%;
        }
    thead th {
        padding: 0.1em 5px;
        font-weight: bold;
        color: #fff;
        background-color: #0E5F3E;
        }
    tbody td {
        padding: 0.3em 5px;
        color: #0E5F3E;
        }
    tbody td a {
        display: block;
        height: 100%;
        white-space: nowrap;
        text-decoration: none;
        color: inherit;
        }

    tbody td a:hover {
        text-decoration: none;
        color: #007C3D;
        }
    tbody tr.odd td {
        background: #f6f4f0;
        }
    tbody tr:hover td {
        background: #d5d3c6;
        }
    tbody tr td:hover {
        color: #007C3D;
        background: #AFCA01;
        cursor: pointer;
        }


/*  UI Overrides  -------------------------------------------------------------- */

    .ui-state-highlight.ui-corner-all,
    .ui-state-error.ui-corner-all { margin: 0 0 1em 0; padding: 0.5em 10px; }
    .ui-state-highlight.ui-corner-all p,
    .ui-state-error.ui-corner-all p { padding: 0; }
    .ui-state-highlight.ui-corner-all p .ui-icon,
    .ui-state-error.ui-corner-all p .ui-icon { float: left; margin-right: .3em; }
	
	
		.ui-widget-content a {
			color: #000;
		}
	
/*  GoogleMaps --------------------------------------------------------------------- */

	.googlemaps {
		border: 1px solid #b4dbe2;
		/*margin: 20px auto;*/
	}
	.gmap-where {
		width: 480px;
		height: 470px;
	}
	.gmap-where-locdetail {
		width: 480px;
		height: 350px;
	}
	.gmap-where-details {
		width: 443px;
		height: 454px;
	}
	.gmap-around {
		width: 443px;
		height: 454px;
	}	
	
	.mapTooltipInfo h2 {
		color: #007C3D;
	}
		
	.mapTooltipInfo h2 a {
		color: #007C3D;
	}	
		
	
	.mapTooltipInfo tbody tr td {
		background-color: #FFF;
		cursor: default;
	}
	.mapTooltipInfo tbody tr td:hover {
		background-color: #FFF;
		cursor: default;
	}
	.mapTooltipInfo {
		width: 160px;
	}
		
/*  Route / Distance tool --------------------------------------------------------------------- */

	.mapPostcodeForm {
		background-image:url(../../images/backgrounds/bg_postcode_overlay.gif);
		background-repeat:no-repeat;
		height:157px;
		left:525px;
		margin-bottom:10px;
		margin-left:4px;
		padding:14px;
		position:absolute;
		top:340px;
		width:190px;
	}	
	.mapPostcodeForm h2 {
		background-image:url(../../images/interactive/search.gif);
		background-repeat:no-repeat;
		border-bottom:1px solid #FFFFFF;
		margin:0 0 8px;
		padding:0 0 8px 20px;
		font-size: 140%;
		width:140px;
	}	
	.mapPostcodeForm .submitbutton {
		background-image:url(../../images/interactive/button_submit_enlarged.gif);
		background-repeat:no-repeat;
		cursor:pointer;
		float:right;
		height:25px;
		padding-left:25px;
		padding-top:2px;
		width:80px;
	}	
	.mapPostcodeForm .mapButtonText {
		color:#007C3D;
		font-family:Arial,Helvetica,sans-serif;
		font-size:10px;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
	}	
	.mapPostcodeForm .input {
		background-color:#FFFFFF;
		border:1px solid #919191;
		color:#1F1F1F;
		font-family:Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight:normal;
		padding-left:2px;
		width:50px;
	}
	.mapPostcodeForm table tbody tr td {
		vertical-align:top;
		padding: 0;
		background-color: transparent;
	}	
	.mapPostcodeForm table tbody tr td:hover {
		background-color: transparent;
	}	
	.mapPostcodeForm .mapDistanceCalculated {
		font-weight: bold;
		font-size:	110%;
	}	
	.mapPostcodeForm table {
		padding-bottom: 0;
		margin-bottom: 0;
	}	
	.mapBodyText {
		font-size:11px;
		line-height:15px;
		padding-bottom: 11px;
	}

/*  Button fix --------------------------------------------------------------------- */

	.submitButtonFix {
		padding:	2px	10px;
	}
	

/* MjN tmp fixes ----------------------------------------------------------------*/

	.applyaccordion h2 a {
			font-size: 12px;
	}	
		
	#nav ul li a {
			font-size: 11px;
	}
	
	/* some pre-setting for IE */
	
		
	#sub-navigation {
			/*border: 1px solid red;*/
			height:200px;
	}