@charset "utf-8";
/* CSS Document of survey federation */
/* sitebuilding by pesura - http://pesura.extra.hu/ */

body {padding: 0; margin: 0; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000; font-size: 11px; background: url(images/body-bg.jpg) #fff 0 0 repeat-x;}

/* removing default borders from hyperlinked images in ff3: */
a {border: none; outline-style: none; -moz-outline-style: none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}

a {font-family: Verdana, Geneva, sans-serif; color: #0033ff; font-size: 12px; font-weight: 800; text-decoration: none;}
a:hover {color: #333333;}
p, ul, label {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: 400;
	text-transform: none;
	margin: 0;
	font-size: 14px;
	line-height: 20px;
}

ul {margin: 0; padding: 0;}

.bold {font-weight: 900;}
.light {color: #666666;}
.red {color: #ff0000;}
.small {font-size: 10px;}
.floatleft {float: left;}
.floatright{float: right;}

br {font-size: 10px;}
* html img {font-size: 0;} /* hack for ie 6*/
img {vertical-align: bottom;}


.clear {clear: both; font-size: 0; height: 0;} /* hack for gecko browsers */

/* for safari and google chrome - removing the default focus */
select, input, textarea, button {outline:none; resize:none;}

form {margin: 0; padding: 0;}
input, textarea {margin: 0; padding: 0; font-family: Arial, Georgia, Helvetica, sans-serif; vertical-align: bottom; font-size: 13px; color: #000;}


.main {position: relative; width: 940px; height: auto; padding: 0; margin: 0; background: #fff; text-align: center;}


.header-main {position: relative; width: 915px; height: 74px; padding: 0; margin: 0 auto 0 auto; text-align: left;}
.logo {position: relative; float: left; margin: 0; border: none;}

/* content */
.content-main {position: relative; width: 915px; height: auto; padding: 0; margin: 0 auto 0 auto; text-align: left; background: #fff}
.content-salepage  {position: relative; width: 715px; height: auto; padding: 0; margin: 0 auto 0 auto; text-align: left; background: #fff}
.redheadline  {position: relative; width: 715px; height: auto; padding: 0; margin: 0 auto 0 auto; text-align: center; background: #fff}
.box-content {position: relative; width: 915px; height: 358px; padding: 0; margin: 0 auto 0 auto; text-align: left; background: url(images/box-content.gif) 0 0 repeat-y;}
.box-index {position: relative; width: 915px; height: 365px; padding: 0; margin: 0 auto 0 auto; text-align: left; background: url(images/main-box-bg.jpg) 10px 0 no-repeat;}
.join-index {position: absolute; left: 455px; top: 50px;}
.text-index1 {position: absolute; right: 5px; top: 40px; width: 300px; height: 159px;}
.text-index1  p {font-size: 14px; font-weight: 900;}
.title {font-family: Georgia, Arial, Verdana, sans-serif; color: #000; font-size: 18px!important; font-weight: 900; line-height: 28px;}
.text-index2 {
	font-family: Georgia, Arial, Verdana, sans-serif;
	color: #000;
	font-size: 18px!important;
	font-weight: 900;
	position: absolute;
	right: 468px;
	bottom: 99px;
}
.form-index {position: absolute; left: 10px; bottom: 10px; width: 874px; height: 79px; padding: 11px 0 0 20px; background: url(images/form-index.gif) 0 0 no-repeat;}
.input1 {position: relative; width: 324px; height: 49px; float: left; padding: 9px 0 0 3px; margin: 0 28px 0 0; background: #fff; border: none; z-index: 33333; font-size: 34px; color: #d5d5d4; font-weight: 400;}
.input2 {width: 424px; height: 59px; padding: 9px 0 0 3px; margin: 0 28px 0 0; background: #fff; border: none; z-index: 33333; font-size: 34px; color: #000000; font-weight: 400;}
.sendbutton1 {position: relative; float: left; margin: 5px 0 0 0;}
.privacy {position: absolute; left: 14px; bottom: -4px; font-size: 14px;}
.index-companies {padding: 15px 0 0 0;}
.opinions-index {position: relative; width: 915px; height: 105px; padding: 15px 0 0 0;}
.opinions-index div {position. relative; width: 222px; padding: 3px; border-right: 0px solid #dddddd; height: 105px; float: left;}
.opinions-index div  p {color: #a4a9a5; font-size: 13px;}
.op-title {font-size: 26px!important; text-transform: uppercase; color: #000!important; font-weight: 900;}
.op-title2 { font-size: 18px!important; color: #6a6a6a!important;}

/* congrats */ 
.box-congrats {position: relative; width: 915px; height: auto; padding: 0; margin: 0 auto 0 auto; text-align: left; background: url(images/box-content.gif) 0 0 repeat-y; text-align: center;}
.congrats-right {position: relative; float: right; width: 640px; height: 654px; padding: 10px 0 0 0; margin: 0; background: url(images/congrats-righttext.jpg) 0 10px no-repeat;}
.congrats-emails {position: absolute; left: -94px; top: 46px; z-index: 44444;}
.congrats-getbonus {position: absolute; right: 2px; bottom: 0; border: none;}
.congrats-companies {position: relative; float: right; margin: 30px 10px 5px 0; display: block;}
.congrats-right p {font-size: 14px; font-weight: 900; padding: 0 0 0 36px; margin-top: 12px; text-align: left;}
.congrbig {font-weight: 900; font-size: 18px!important; text-align: center!important; padding: 0!important;}
.congrbig2 {font-weight: 900; font-size: 18px!important; margin: 260px 0 0 0!important; text-align: center!important; padding: 0!important;}

/* access */ 
.box-access{position: relative; width: 915px; height: auto; padding: 0; margin: 0 auto 0 auto; text-align: left; background: url(images/box-content.gif) 0 0 repeat-y; text-align: center;}
.access-bonus {position: absolute; top: -20px; left: -48px; z-index: 666666666;}
.access-prices {position: relative; float: left; width: 396px; height: 103px; margin: 0 0 0 2px; padding: 0; background: #FFFF99; z-index: 1;}
.access-prices ul {float: right; padding: 10px 3px 0 0;}
.access-prices ul li {font-size: 16px; text-align: left; font-weight: 900; list-style-position: inside;}
.access-prices2 {position: relative; float: right; margin: 0 2px 0 0; padding: 0;}
* html .access-prices, * html .access-prices2  {display: inline;}
.yellowbg {background: #fffb00; width: 45%; margin:auto;}
.big {font-size: 24px}

.access-price-options {position: relative; margin: auto; width: 650px; height: 195px;}
.access-prices-opt1 {position: relative; float: left; margin: 0; width: 286px; height: 195px; background: url(images/access-prices-opt1.gif) 0 0 no-repeat;}
.access-prices-opt2 {position: relative; float: right; margin: 0; width: 289px; height: 195px; background: url(images/access-prices-opt2.gif) 0 0 no-repeat;}
.access-prices-opt-button {margin: 105px auto 12px auto; border: none;}

.no-thx {margin: 50px auto 80px auto; border: none;}


.noborder {border: none!important;}





.main .content-main .box-access .content-salepage {
	font-family: Verdana, Geneva, sans-serif;
}
.main .content-main .box-access .content-salepage {
	font-family: Georgia, Times New Roman, Times, serif;
}
.main .content-main .box-access .content-salepage {
	font-family: Courier New, Courier, monospace;
}
.main .content-main .box-access .content-salepage {
	font-family: Arial, Helvetica, sans-serif;
}
.main .content-main .box-access .content-salepage {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.main .content-main .box-access .redheadline {
	color: #F00;
	font-size: 20px;
}
.main .content-main .opinions-index div p {
	color: #CFC;
}
.main .content-main .opinions-index div p {
	color: #333;
	background-color: #CF9;
	padding: 0;
}