html, body
{
	height:100%;
	overflow:hidden;
}
body
{
	padding:15px 30px;
	background-color:#fff;
	
}

.ddl-country
{

	background: url(images/textfield2_bg.png) no-repeat;;
	width:248px;
	height:33px;
	padding:5px 0 0 8px;
}
.ddl-country select
{	border:none;
 	width:230px;
 	color:#666;
 	outline:none;
	
}
.button.small-dark
{
	margin-top:0;
}

/* visualiser */

#viewport
{
	width:600px;
	height:260px;
	padding:8px;
}

#thumbnails li
  {
  	width: 142px;
	height: 103px;
	/*background: transparent url(images/vis_thnbg.gif) no-repeat;*/
	float:left;
	margin-right:12px;
  }
  
  #thumbnails li div
  {
  	width: 142px;
	height: 103px
  }
  
  
#buttons li
{
	float:left;
	margin-right:30px;
}

.last
{
	margin:0;
}

#comparison-container
{
	padding-top: 50px;
}
#compare
{
	border-collapse:collapse;
	clear:both;
	margin-bottom:30px;
}

#compare th, #compare td
{
	border:solid 1px #c5c5c5;
	padding:10px;
	width: 200px !important;
	vertical-align: middle;
	font-size: 1.1em;

}

#compare th
{
	background-color:#a8a9ad;
	color:#fff;
	text-align:center;
	font-weight:bold !important;
}

#compare td.first
{
	background-color:#e7e7e7;
}

.white
{
	background-color:#fff !important;
	border: none !important;
}

#compare span.image
{
	width: 65px;
	height: 23px;
	display:block; float:left;

}
.bar { background: transparent url(images/1bar.png) no-repeat top left; }
.oneandhalfstar { background: transparent url(images/1halfstar.png) no-repeat top left; }
.star { background: transparent url(images/1star.png) no-repeat top left; }
.bar-3 { background: transparent url(images/3bar.png) no-repeat top left; }
.bar-5 { background: transparent url(images/5bar.png) no-repeat top left; }
.star-5 { background: transparent url(images/5star.png) no-repeat top left; width: 117px !important; }
.cross { background: transparent url(images/cross_small.png) no-repeat top left; }
.cut { background: transparent url(images/cut.png) no-repeat top left; }
.loud { background: transparent url(images/loud.png) no-repeat top left; }
.quiet { background: transparent url(images/quiet.png) no-repeat top left; }
.tick { background: transparent url(images/tick_small.png) no-repeat top left; }
.veryloud { background: transparent url(images/veryloud.png) no-repeat top left; }


.minimalcost { background: transparent url(images/dollar_01.png) no-repeat top left; }
.extracost { background: transparent url(images/dollar_02.png) no-repeat top left; }
.expensive { background: transparent url(images/dollar_03.png) no-repeat top left; }

.bullet2
{
	font-size:1.25em !important;
	line-height:1.25em;
}