/*
Name: Feature boxes
Description: Used to style feature boxes with rounded corners (in standards compliant browsers)
Version: 1.0
Examples: http://www.kirklees.gov.uk/transport/winter.asp
*/

body#template-demo {
	margin:20px 20px 0;
	}
	
.container {
	width:500px;
	}

.feature-box {
	background-color:#f6fffb;
	margin-bottom:20px;
	width:100%;
	zoom:1;
	} 
	.feature-box .feature-box-inner {
		border:1px solid #86c9af; 
		-moz-border-radius:10px; 
		-webkit-border-radius:10px; 
        padding:20px 0 8px; 
		zoom:1; /* ie 6 - stops ie from duplicating background image when scrolling */
	    }
	.feature-box.large .feature-box-inner {
		background:url(/MMX/img/feature-box/feature-box-gradient-large.jpg) repeat-x #ffffff; 
		}
	.feature-box.medium .feature-box-inner {
		background:url(/MMX/img/feature-box/feature-box-gradient-medium.jpg) repeat-x #ffffff; 
		}
	.feature-box.small .feature-box-inner {
		background:url(/MMX/img/feature-box/feature-box-gradient-small.jpg) repeat-x #ffffff; 
		}
        .feature-box-inner h2.title {
			color:#333333;
			font-size:120%; 
			margin:0 15px 12px; 
			}
        .feature-box-inner h3.subtitle { 
			background-color:#b8ebd7;
			-moz-border-radius:10px; 
			-webkit-border-radius:10px;
			color:#333333;
			font-weight:bold; 
			margin:0 10px 15px; 
			padding:10px 15px; 
			}
		.feature-box-inner h3.subtitle.first { 
			background-color:#ffffff;
			}
	    .feature-box-inner .content { 
			margin:0 15px; 
			}
	        .feature-box-inner .content h4.heading {
				color:#333333;
				margin:0 0 12px; 
				}
	        .feature-box-inner .content p { 
				color:#333333;
				line-height:1.4; 
				margin:0 0 12px; 
				}
	        .feature-box-inner .content ul { 
				color:#333333;
				line-height:1.6; 
				list-style-type:disc; 
				margin:0 15px 12px; 
				padding:0; 
				}
	            .feature-box-inner .content ul li { 
					margin-bottom:5px; 
					}
			.feature-box-inner .content .form {
				}
			.feature-box-inner .content .form.narrow-label {
				}
			.feature-box-inner .content .form.wide-label {
				}
				.feature-box-inner .content .form.narrow-label .label {
					float:left;
					width:35%;
					}
				.feature-box-inner .content .form.narrow-label .field {
					padding-left:40%;
					}
				.feature-box-inner .content .form.wide-label .label {
					float:left;
					width:60%;
					}
				.feature-box-inner .content .form.wide-label .field {
					padding-left:65%;
					}