@import url('/css/reset.css');

body {font: 90% "Trebuchet MS", sans-serif; }
h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-size: 2.4em; /*font-style: italic; color: #c91629;*/ }
h2 { font-size: 1.5em; /*color: #99b0be;*/ font-style: italic; color: #c91629; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; color: #000; }
h5 { font-size: 1.0em; color: #000; }
h6 { text-transform: uppercase; font-size: 0.7em; font-weight: bold; color: #c03; }

a { color: #c00030; text-decoration: none; }
a:hover { text-decoration: underline; }

b, strong { font-weight: bold; text-transform: uppercase; }

#pagebody { width: 930px; }

/*
#header { }
#header #langSelect { float: right; margin: 15px 30px 0 0; }
#header #logo { margin: 15px 10px 5px 60px; }
*/

#main { }
#main #logo { margin: 23px; float: left; }
#main #langSelect { float: right; margin: 15px 30px 0 0; }
#main div.button-bar {
	background-color: #ebf4F6;
	padding-top: 20px;
	min-height: 55px;
	text-align: right;
	padding-right: 110px;
}

#main #heading {
	height: 85px;
	padding-top: 55px;
	padding-left: 30px;
}
#main #survey { background: #f9fbfd url('/img/main-survey-bg-repeat-y.gif') repeat-y 0 0; }

#main #survey #questions {
	background: transparent url('/img/main-survey-questions-bg.gif') no-repeat 0 0;
	height: 125px; 
}
#main #survey #questions h4.question {
	color: #fff;
	width: 195px;
	float: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 105px;
	font-size: 1.3em;
	font-weight: normal;
	height: 69px;
}
#main #survey #questions h4.question1 { background: transparent url('/img/icon1.gif') no-repeat 25px 10px; }
#main #survey #questions h4.question2 { background: transparent url('/img/icon2.gif') no-repeat 23px 10px; }
#main #survey #questions h4.question3 { background: transparent url('/img/icon3.gif') no-repeat 15px 10px; padding-left: 100px; }
/*#main #survey #answers { min-height: 225px; }*/
#main #survey #answers { padding-bottom: 35px; }
#main #survey #answers div.answer { width: 247px; float: left; padding-right: 10px; padding-left: 49px; }
#main #survey #answers div.answer h6 { padding-bottom: 10px; }
#main #survey #answers div.answer label { font-size: 0.8em; }
#main #survey #answers div.answer label span { display: block; margin-top: -21px; padding: 0 0 3px 25px; }
div#survey div.message { padding: 25px 125px; text-align: center; }

#main #results { background: #fff url('/img/main-results-bg-repeat-x.gif') repeat-x 0 0; }
#main #results #products { background: transparent url('/img/main-results-bg-top.gif') no-repeat 0 0; }
#main #results #products h3 {
	background: transparent url('/img/icon4.gif') no-repeat 98px 10px; 
	font-size: 2em; color: #fff; margin-bottom: 50px;  padding: 25px 180px;
}
#main #results #products div.product { border-top: 1px solid #d9d9d9; padding: 30px 0 30px 70px; min-height: 100px; } 
#main #results #products div.product.first { border: none; }
#main #results #products div.product img.productimg { float: left; margin-right: 10px; padding: 5px; }
#main #results #products div.product div.info { padding: 0 180px; }
#main #results #products div.product div.info p { margin: 5px 0; }

#footer {
	text-align: center;
	padding: 20px 0;
	font-size: 0.8em;
	font-weight: bold;
	color: #8c8c8c;
}
#footer a { text-decoration: none; color: #8c8c8c; }
#footer a:hover { color: #000; }

.clear { clear: both; }
.message { font-size: 1.1em; font-style: italic; color: #c91629; }


/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-family: "Trebuchet MS", sans-serif; }
select { border: 1px solid #ccc; padding: 2px; }
/*label { display: block; }*/

button.search-bttn { background: none; border: none; cursor: pointer; height: 42px; padding: 0; }
button.search-bttn span { display: block; height: 42px; }
button.search-bttn span.bttn-left { background: transparent url('/img/bttn-left.gif') no-repeat 0 0; padding-left: 45px; }
button.search-bttn span.bttn-right {
	background: transparent url('/img/bttn-right.gif') no-repeat right 0;
	padding-right: 45px; font-size: 12px; font-weight: bold; color: #fff;	
}
button.search-bttn span span span { padding-top: 11px; white-space: nowrap; }

/* debugging... */
.cake-sql-log { display: none; }