/*********************************
		BOOTSTRAP OVERWRITES
*********************************/
body {
	color: #214657;
	font-size: 12px;
}

h1, h2, h3, h4, h5 {
	color: #5e8b9e;
}

h1 {
  font-size: 24.5px;
}

h2 {
  font-size: 17.5px;
}

h3 {
  font-size: 14px;
}

input[type="radio"],
input[type="checkbox"] {
	margin: -3px 0 0;
	margin-top: 1px \9;
	line-height: normal;
}
input#calculate {
	width: 300px;
	height: 44px;
}
.btn-success {
	color: #ffffff;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid #a6bf36 1px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#bcd83d), to(#80ad41));
	background: -moz-linear-gradient(top, #bcd83d, #80ad41);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#bcd83d, endColorStr=#80ad41);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#bcd83d, endColorStr=#80ad41);
	display:inline-block; /* IE is so silly */
}
	.btn-success:hover {
		background: #a4ce39;
	}
.btn-info {
	color: #ffffff;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid #002535 1px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0388a9), to(#214556));
	background: -moz-linear-gradient(top, #0388a9, #214556);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#0388a9, endColorStr=#214556);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#0388a9, endColorStr=#214556);
	display:inline-block; /* IE is so silly */	
}
	.btn-info:hover {
		background: #015a73;
	}

.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	background: #abcf37;
	color: #024354;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/*********************************
			HEADER
*********************************/

header {
	background: url(../img/header-repeat.gif) repeat-x;
	border-bottom: 2px solid #a3c84a;
	height: 133px;
}
	h1.logo {
		background: url(../img/lv-logo.png) no-repeat;
		width: 165px;
		height: 67px;
		text-indent: -9999px;
		margin-top: 30px;
	}
		h1.logo a {
			display: block;
			width: 165px;
			height: 67px;			
		}
	header .page-title {
		background: url(../img/page-title.png) no-repeat;
		width: 445px;
		height: 58px;
		margin-top: 42px;
	}
	header .hearts {
		background: url(../img/header-hearts.png) no-repeat;
		height: 81px;
		margin-top: 20px;
	}
	header .container {
		position: relative;		
	}
	header .cookie-consent {
		position: absolute;
		top: 0;
		right: 0;
		color: #ffffff;
		font-weight: bold;
		font-size: 11px;
	}

/*********************************
			INTRODUCTION
*********************************/	

#introduction {
	background: url(../img/background-car.png) repeat-x #ebe9e5;
	color: #274556;
	font-weight: bold;
	padding: 20px 0;
}
	#introduction h2 {
		color: #214556;
	}
	#introduction p {
		font-weight: normal;
	}
	#introduction .animated-gif {
		background: #ffffff;
		padding: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		border: 1px solid #bfc8cd;
		margin-left: 40px;		
	}
	a:hover.more-information {
		cursor: pointer;
		text-decoration: none;
	}

/*********************************
		CLIENT INFORMATION
*********************************/		

#client_content .section {
	position: relative;
    background: #efefef;
    padding: 15px;
    margin: 10px 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
}

#client_content .section .toggle {
    display: none !important;
}

#client_content .show_property {
    background: #e5e2e2;
    width: 300px;
    padding: 5px 15px;
    margin: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

#client_content .section p {
    padding-bottom: 20px;
}

#client_content .section label {
    clear: both;
    display: block;
}

#client_content .section .radios label {
    clear: none;
    display: inline;
    padding: 0 10px 0 0;
}

#client_content .section select, .section input {
    padding: 5px;
    border: 1px solid #ccc;
    max-width: 850px;
}

#client_content .section .radio {
    display: inline;
    margin: 5px;
    cursor: pointer;
    padding: 0 !important;
    border: none;
}

#client_content .section select {

}

#client_content .section input {

}

#client_content .section .button {
    background: #8caa2d url(../img/cog.gif) 125px center no-repeat;
    padding: 15px 45px 15px 20px;
    color: #fff;
    border: none;
    margin: 0 auto;
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    font-size: 16px;
    text-transform: uppercase;
}

#client_content .section h3 {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 15px;
}
#client_content .section .input {
    margin-bottom: 10px;
}

#client_content .section .more_info {
	position: absolute;
	right: 0;
	z-index: 1;
    background: url(../img/icon-info.png) no-repeat right;
    width: 21px;
    height: 21px;
    margin: 0 15px 0 0;
    cursor: pointer;
    opacity: 100;
    border: none;
    padding: 0px;
}
#client_content .section .modal {
	width: 750px;
	margin-left: -375px;
}
	#client_content .section .modal .modal-body {
		max-height: 600px;
	}
	#client_content .section .modal h3 {
		border: none;
		margin: 0;
		padding: 0;
	}


/*********************************
			RESULTS
*********************************/

#comparison_charts {
	margin-top: 30px;
}

.graphs {
	position: relative;
	min-height: 414px;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 55px;
	padding-bottom: 25px;
}
	img.graph {
	    position: absolute;
	    top: 0;
	    left: 0;
	}
    #results .right .toHide {
        padding: 10px 19px;
        font-weight: normal;
    }
    #results label {
        font-weight: bold;
    }
    	#results label #option-1, #results label #option-2, #results label #option-3, #results label #option-4, #results label #option-5 {
    		font-weight: normal;
    	}
    #results .checkbox.light-grey, #results .checkbox.blue, #results .checkbox.green, #results .checkbox.orange, #results .checkbox.dark-grey {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 10px;
        font-weight: normal;
    }
    #results .checkbox.light-grey {
        background: #edf0f1;
    }
        #results .checkbox.light-grey label {
            color: #214657;
        }
    #results .checkbox.blue {
        background: #edf5f9;
    }
        #results .checkbox.blue label {
            color: #5d8fa2;
        }
    #results .checkbox.green {
        background: #f1f5d6;
        color: #5d8fa2;
    }
        #results .checkbox.green label {
            color: #5d8fa2;
        }
    #results .checkbox.orange {
        background: #f4dac6;
    }
        #results .checkbox.orange label {
            color: #d16b1c;
        }
    #results .checkbox.dark-grey {
        background: #d3d3d3;
    }
        #results .checkbox.dark-grey label {
            color: #434342;
        }


/*********************************
			FOOTER
*********************************/	

footer {
	padding: 25px 0;
	border-top: 1px solid #e3e3e3;
	margin-top: 50px;
}	
	footer p {
		font-size: 10px;
	}	
	footer ul {
		margin: 0;
	}

	li.facebook a,
	li.twitter a,
	li.youtube a,
	li.google a {
		display: block;
		width: 43px;
		height: 35px;		
	}
	li.facebook {
		text-indent: -9999px;
		background: url(../img/facebook.gif) no-repeat center;
		width: 43px;
		height: 35px;
	}
	li.twitter {
		text-indent: -9999px;
		background: url(../img/twitter.gif) no-repeat center;
		width: 43px;
		height: 35px;
	}
	li.youtube {
		text-indent: -9999px;
		background: url(../img/youtube.gif) no-repeat center;
		width: 43px;
		height: 35px;
	}
	li.google {
		text-indent: -9999px;
		background: url(../img/google.gif) no-repeat center;
		width: 43px;
		height: 35px;
	}