/* ACTION RADIUS */
section#actionradius {
   position: relative;
}

#actionradius_tool_result {
    position: absolute;
    top: 0px;
    left: 182px;
    background: #FFF;
    display: none;
    padding-left: 10px;
    height: 600px;
}

#actionradius_charts {
    margin:					40px 0;
}

#actionradius_charts li {
    position:				relative;
}

#actionradius_charts li h4 {
    position:				relative;
    font-weight:			300;
}

#actionradius_charts li h4 span {
    text-transform:			none;
    font-weight:			400;
}

#actionradius_charts li ul {
    position:				relative;
    width:					654px;
    height:					76px;
    margin:					15px 0 40px 100px;
    padding:				30px 0 0;
    background:				url('../images/spritesheet.png') no-repeat 0 -1050px;
}

#actionradius_charts li ul li {
    position:				relative;
    margin:					 0 0 35px -100px;
}

#actionradius_charts li ul li h4 {
    position:				absolute;
}

#actionradius_charts li ul li > div {
    position:				absolute;
    width:					634px;
    height:					6px;
    margin:					5px 0 0 100px;
    border:					1px solid #ccc;
    background:				#fff;
}

#actionradius_charts li ul li > div:before {
    position:				absolute;
    width:					632px;
    height:					4px;
    content: 				'';
    border:					1px solid #fff;
}


#actionradius_charts li ul li div div.value {
    position:				absolute;
    width:					40%;
    height:					4px;
    left:					1px;
    margin:					1px 0 0 0;
    background:				#1B9C1B url('../images/spritesheet.png') no-repeat right -1190px;
}

#actionradius_tool {
    position:				relative;
    /*width:					758px;*/
    height:					600px;
    margin-top:				20px;
    overflow:				hidden;
}

#actionradius_tool #settings {
    position:				absolute;
    width:					167px;
    height:					100%;
    padding:				15px 0 0 15px;
    float:					left;
    background:				#788078;
    color:					#333;
    overflow:				hidden;
    z-index:				102;
}

#actionradius_tool #settings_shadow {
    position:				absolute;
    width:					167px;
    height:					100%;
    padding:				15px 0 0 15px;
    overflow:				hidden;
    -webkit-box-shadow: 	4px 0px 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 		4px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 			4px 0px 5px 2px rgba(0, 0, 0, 0.2);
    z-index:				100;
}



#actionradius_tool #settings > ul > li {
    width:					167px;
    height:					50px;
    margin-bottom:			10px;
    border-top:				1px solid #636963;
}

#actionradius_tool #settings > ul  {
    margin:					5px 0 0;
}

#actionradius_tool #settings h5  {
    position:				absolute;
    color:					#fff;
    font-family:            'GillSansLight-Regular', sans-serif;
    font-weight:            normal;
    font-size:              1.2em;
}

#actionradius_tool #settings > ul.last {
    border-bottom:			0;
}

#actionradius_tool #settings > ul > li > ul  {
    width:					101px;
    height:					50px;
    margin:					5px 0 0 66px;
}

#actionradius_tool #settings > ul > li > ul > li {
    width:					50px;
    height:					50px;
    float:					left;
}

#actionradius_tool #settings > ul li.first {
    border-right:			1px solid #636963;
}

#actionradius_tool #settings > ul .jqTransformRadioWrapper {
    margin:					0px;
}

#actionradius_tool #settings > ul .jqTransformRadio {
    width:					50px;
    height:					50px;
}

/* style labels */
#actionradius_tool #settings ul label { width: 50px; height: 50px; }
#actionradius_tool #settings ul label input { position: absolute; visibility: hidden; }
/* */


#actionradius_tool #settings ul#model .model318 {
    background:				url('../images/spritesheet_nl.png') no-repeat 0 -500px;
}

#actionradius_tool #settings ul#model .model318.jqTransformChecked,
#actionradius_tool #settings ul#model .model318:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -100px -500px;
}

#actionradius_tool #settings ul#model .model518 {
    background:				url('../images/spritesheet_nl.png') no-repeat -50px -500px;
}

#actionradius_tool #settings ul#model .model518.jqTransformChecked,
#actionradius_tool #settings ul#model .model518:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -150px -500px;
}



#actionradius_tool #settings ul#traffic_type .urban {
    background:				url('../images/spritesheet_nl.png') no-repeat 0 -200px;
}

#actionradius_tool #settings ul#traffic_type .urban.jqTransformChecked,
#actionradius_tool #settings ul#traffic_type .urban:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -100px -200px;
}

#actionradius_tool #settings ul#traffic_type .cruising {
    background:				url('../images/spritesheet_nl.png') no-repeat -50px -200px;
}

#actionradius_tool #settings ul#traffic_type .cruising.jqTransformChecked,
#actionradius_tool #settings ul#traffic_type .cruising:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -150px -200px;
}

#actionradius_tool #settings ul#speed .km25 {
    background:				url('../images/spritesheet_nl.png') no-repeat 0 -250px;
}

#actionradius_tool #settings ul#speed .km25.jqTransformChecked,
#actionradius_tool #settings ul#speed .km25:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -100px -250px;
}

#actionradius_tool #settings ul#speed .km45 {
    background:				url('../images/spritesheet_nl.png') no-repeat -50px -250px;
}

#actionradius_tool #settings ul#speed .km45.jqTransformChecked,
#actionradius_tool #settings ul#speed .km45:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -150px -250px;
}

#actionradius_tool #settings ul#landscape .hills {
    background:				url('../images/spritesheet_nl.png') no-repeat 0 -350px;
}

#actionradius_tool #settings ul#landscape .hills.jqTransformChecked,
#actionradius_tool #settings ul#landscape .hills:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -100px -350px;
}

#actionradius_tool #settings ul#landscape .flat {
    background:				url('../images/spritesheet_nl.png') no-repeat -50px -350px;
}

#actionradius_tool #settings ul#landscape .flat.jqTransformChecked,
#actionradius_tool #settings ul#landscape .flat:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -150px -350px;
}

#actionradius_tool #settings ul#time_of_the_year .summer {
    background:				url('../images/spritesheet_nl.png') no-repeat 0 -300px;
}

#actionradius_tool #settings ul#time_of_the_year .summer.jqTransformChecked,
#actionradius_tool #settings ul#time_of_the_year .summer:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -100px -300px;
}

#actionradius_tool #settings ul#time_of_the_year .wintersummer {
    background:				url('../images/spritesheet_nl.png') no-repeat -50px -300px;
}

#actionradius_tool #settings ul#time_of_the_year .wintersummer.jqTransformChecked,
#actionradius_tool #settings ul#time_of_the_year .wintersummer:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -150px -300px;
}

#actionradius_tool #settings ul#charging .charging_yes {
    background:				url('../images/spritesheet_nl.png') no-repeat 0 -400px;
}

#actionradius_tool #settings ul#charging .charging_yes.jqTransformChecked,
#actionradius_tool #settings ul#charging .charging_yes:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -100px -400px;
}

#actionradius_tool #settings ul#charging .charging_no {
    background:				url('../images/spritesheet_nl.png') no-repeat -50px -400px;
}

#actionradius_tool #settings ul#charging .charging_no.jqTransformChecked,
#actionradius_tool #settings ul#charging .charging_no:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -150px -400px;
}

#actionradius_tool #settings ul#load .light_load {
    background:				url('../images/spritesheet_nl.png') no-repeat 0px -450px;
}

#actionradius_tool #settings ul#load .light_load.jqTransformChecked,
#actionradius_tool #settings ul#load .light_load:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -100px -450px;
}

#actionradius_tool #settings ul#load .medium_load {
    background:				url('../images/spritesheet_nl.png') no-repeat -50px -450px;
}

#actionradius_tool #settings ul#load .medium_load.jqTransformChecked,
#actionradius_tool #settings ul#load .medium_load:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -150px -450px;
}

#actionradius_tool #settings ul#model .model318 {
    background:				url('../images/spritesheet_nl.png') no-repeat 0px -500px;
}

#actionradius_tool #settings ul#model .model318.jqTransformChecked,
#actionradius_tool #settings ul#model .model318:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -100px -500px;
}

#actionradius_tool #settings ul#model .model518 {
    background:				url('../images/spritesheet_nl.png') no-repeat -50px -500px;
}

#actionradius_tool #settings ul#model .model518.jqTransformChecked,
#actionradius_tool #settings ul#model .model518:hover {
    background:				url('../images/spritesheet_nl.png') no-repeat -150px -500px;
}

#explanations {
    position:				absolute;
    margin:					95px 0 0 ;
    z-index:				101;
    white-space:			normal;
}

#explanations li {
    width:					300px;
    height:					56px;
    margin:					0 0 1px -155px;
    padding:				4px 15px 0 15px;
    background:				#efefef url('../images/spritesheet.png') no-repeat -630px -470px;
    -webkit-box-shadow: 	2px 0px 3px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 		2px 0px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 			2px 0px 3px 1px rgba(0, 0, 0, 0.2);
    font-size:				12px;
}

#actionradius_tool .mapholder {
/*#actionradius_tool #map {*/
    position:				relative;

    /*width:					548px;*/
    height:					100%;
    padding-left:			182px;
    /*margin-left:			-182px;*/
}
#actionradius_tool #map {
    position:               relative;
    height:                 600px;
}

#actionradius_tool form input {
    width:					122px;
    height:					30px;
    margin-bottom:			7px;
    padding:				0 25px 0 7px;
    /*background:				url('../images/spritesheet.png') no-repeat -400px -350px;*/
    font-size:				10px;
}

#actionradius_tool .ielt9 form input {
    height:					23px;
    padding:				7px 25px 0 7px;
}

#actionradius_tool .placeholder {
    color: 					#aaa;
}

.btn_get_location {
    position:				absolute;
    width:					15px;
    height:					15px;
    margin:					8px 0 0 131px;
    background:				url('../images/spritesheet.png') no-repeat -580px -350px;
    cursor:					pointer;
}

.ielt9 .btn_get_location {
    display:				none;
}

#actionradius_tool_results_header {
    margin:					20px 0 0 0px;
    color: 					#788078;
    font-size: 				15px;
    font-weight: 			300;
    text-transform: 		none;
}

#actionradius_tool_results_header span {
    font-size: 				11px;
}

#actionradius_tool_results_header strong{
    color:					#1B9C1B;
}

#actionradius_tool_results {
    margin:					35px 0 0;
    width:					680px;
    overflow:               hidden;
}

#actionradius_tool_results li {
    width:					182px;
    margin:					0 0 0 1px;
    float:					left;
    white-space:			normal;
    background:				#efefef;
    color:					#333;
}

#actionradius_tool_results li.first {
    margin:					0;
}

#actionradius_tool_results li.blur {
    opacity:				0.35;
}

#actionradius_tool_results li p {
    width:					152px;
}

#actionradius_tool_results #best_choice {
    position:				absolute;
    width:					72px;
    height:					73px;
    margin:					-32px 0 0 70px;
    background:				url('../images/spritesheet_nl.png') no-repeat 0 -100px;
    z-index:				2;
}

#actionradius_tool_results #advantageous_choice {
    position:				absolute;
    width:					72px;
    height:					73px;
    margin:					-32px 0 0 100px;
    background:				url('../images/spritesheet_nl.png') no-repeat 0 0;
    z-index:				2;
}

#actionradius_tool_results .head {
    position:				relative;
    width:					152px;
    height:					112px;
    padding:				10px 15px;
    background:				#788078;
    color:					#fff;
    overflow:				hidden;
}

#actionradius_tool_results .head h4 {
    margin:					0 0 10px;
    font-weight:			600;
    color:                  white;
    font-weight:            normal;
}

#actionradius_tool_results .head h5 {
    color:					#333;
    font-size:				15px;
    letter-spacing:			1px;
    margin: 0px;
}

#actionradius_tool_results .head h6 {
    position:				absolute;
    color:					#ccc;
    font-size:				13px;
    font-weight:			400;
    bottom:					29px;
    margin: 0px;
}

#actionradius_tool_results .head h6 strong {
    color:					#fff;
}

#actionradius_tool_results .head > div.accu_status {
    position:				absolute;
    width:					150px;
    height:					9px;
    bottom:					15px;
    background:				#fff;
}

#actionradius_tool_results .head > div.accu_status:before {
    position:				absolute;
    width:					148px;
    height:					7px;
    content: 				'';
    border:					1px solid #fff;
}


#actionradius_tool_results .head > div.accu_status div.value {
    position:				absolute;
    height:					7px;
    left:					1px;
    margin:					1px 0 0 0;
    background:				#1B9C1B;
}


#actionradius_tool_results .head > div.accu_status.red div.value {
    background:				#a61600;
}


#actionradius_tool_results .middle {
    width:					152px;
    padding:				10px 15px;
}


#actionradius_tool_results .footerresult {
    width:					152px;
    height:					115px;
    padding:				10px 15px;
    position:               relative;
}

#actionradius_tool_results .footerresult img {
    position: absolute;
    bottom: 10px;
    left: 15px;
}

#actionradius_tool_advice_title {
    display:				none;
    margin:					20px 0 0;
}

#actionradius_tool_advice {
    margin:					0 0 20px;
}

#actionradius_tool_advice li {
    display:				none;
    margin:					0 0 5px 20px;
    white-space:			normal;
    line-height: 16px;
}


.beware {
    font-size:				10px;
    line-height:            1.4em;
}

.beware p {
    margin-top:				0px;
}


/* model on product view */
.modal.big {
    width: 900px;
    margin-left: -450px;
}
.modal.big .modal-body {
    max-height: 655px;
}

#actionradius_tool_result_btns {
    padding-top: 10px;
}

#actionradius_tool_result_btns a {
    display: block;
}

#actionradius_tool_result_btns .btn-down,
#actionradius_tool_result_btns .btn-up {
    display: none;
    width: 156px;
}