@charset "utf-8";
/* CSS Document */
/* copyright needaproblem.com */

/*/////////////////////////GENERAL/////////////////////*/
body {
	min-width: 1024px;
	margin:0px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body.index{
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
}

input, textarea{
	color:#333;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul, ol{
	line-height:18px;
}

img {
	border:none;
}

a {
	text-decoration:underline;
	color:#666666;
}

h2 {
	font-size:19px;
	margin:0px;
	font-weight:bold;
}

/*////////////////////////////////////////////////////*/

/*/////////////////////////IMAGE/////////////////////*/
.img_comercial {
	*margin-bottom:2px;
}

.img_opinion {
	float:left;
	margin:0px 10px 0px 0px;
}

.img_about{
	float:left;
	margin: 10px 10px 10px 0px;
}

/*////////////////////////////////////////////////////////*/

/*/////////////////////////NAVIGATION/////////////////////*/

#navigation_badge {
	float:left;
}
#nav_point {
	background-image:url(images/bullet.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-left:12px;
	margin-bottom:5px;
}

a.nav, a.nav:visited {
	text-decoration:none;
	padding-left:5px;
	font-weight:bold;
}

a.nav:hover {
	text-decoration:none;
	color:#1255bd;
}

/*/////////////////////////////////////////////////////*/

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

#main_header {
	width:100%;
	min-width:1024px;
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
	height:145px;
	text-align:center;
	padding:0px 0px 0px 0px;
}

#header {

	/*border: 1px solid #999;*/
	margin: 0 auto;
	width:1024px;
	*width:1014px; /*padding hack IE*/
	max-width:1024px;
	text-align:left;
	padding-left:10px;
}

#header .lng {
	text-align:right;
	margin-right:10px;
	font-size:10px;
	font-weight:bold;
}

#box_header {
	background-image:url(images/box_header.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:135px;
	max-height:145px;
	display:block;
}

#box_header_txt {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	float:right;
	margin:-50px 55px 0px 0px;
}

/*////////////////////////////////////////////////////*/

/*/////////////////////////INTRO/////////////////////*/

#main_intro {
	width:100%;
	min-width:1024px;
	background-image:url(images/bg_intro.gif);
	background-repeat:repeat-x;
	height:240px;
	text-align:center;
	margin:0px;
}

#intro {

	/*border: 1px solid #999;*/
	margin: 0 auto;
	width:1024px;
	*width:1009px; /*padding hack IE*/
	max-width:1024px;
	height:240px;
	text-align:left;
	padding:15px 0px 15px 15px;
}

#intro .left {
	float:left;
	width:460px;
	height:240px;
	margin:-3px;
	*margin:0px;
	padding-top:3px;
	*padding-top:0px;
}

#intro .right {
	margin:-15px 2px 0px 0px;
	*margin:-15px 0px 0px 0px;
	float:right;
	background-image:url(images/box_content.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:554px;
	height:240px;
}

#line {
	border:none;
	color:#ffce70;
	background-color:#ffce70;
	height:1px;
	margin:0px 15px 0px 15px;
}

/*/////////////////////////////////////////////////////*/

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

#main_footer {
	clear:both;
	width:100%;
	min-width:1024px;
	text-align:center;

}

#main_footer_txt {
	clear:both;
	width:100%;
	min-width:1024px;
	text-align:center;
}

#footer{
	font-size:10px;
	color:#666666;
	padding:20px 0px 10px 0px;
}

a.footer{
	font-size:10px;
	text-decoration:underline;
}

/*/////////////////////////////////////////////////*/

/*/////////////////////////TXT/////////////////////*/

#main_txt {
	float:left;
	width:100%;
	min-width:1024px;
	text-align:center;
	margin:0px;
	border-top: 1px solid #ff6600;
	background-color:#Fff;
}

#txt {

	margin: 0 auto;
	width:1024px;
	*width:1009px; /*padding hack IE*/
	max-width:1024px;
	min-height:200px;
	text-align:left;
	padding:15px 0px 15px 15px;
	font-size:12px;
	color:#666666;
}

/*/////////////////////////////////////////////////*/

/*/////////////////////////PROBLEM/////////////////////*/

#problems {
	margin:10px 0px 38px 168px;
	*margin:10px 0px 40px 175px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#problems_last {
	margin:20px 0px 39px 38px;
	*margin:20px 0px 39px 48px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;

}

.problem_price {
	float:left;
	font-size:14px;
	font-weight:bold;
}

.problem_price a {
	color:#FFFFFF;
	text-decoration:none;
}

.button_order-problem {
	display:inherit;
	float:right;
	margin:-2px 34px 0px 0px;
}

/*////////////////////////////////////////////////////////*/

/*/////////////////////////FONT-STYLE/////////////////////*/

.highlight {
	color:#fcff9e;
}

.small {
	font-size:9px;
	float:right;
	margin-right:113px;
}

.orange, .orange a{
	color:#ff9900;
}

h1.intro {
	margin:0px 0px 8px 0px;
	*margin:0px 0px 0px 0px;
	color:#FFFFFF;
	font-size:16px;
	font-family:"Arial Black", Arial;
}

blockquote {
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	margin:16px 0px 0px 0px;
	*margin:10px 0px 0px 0px;
}

.bqstart {
	float: left;
	height: 45px;
	margin-top: -20px;
	margin-right:5px;
	font-size: 50px;
	color: #ffce70;
	font-family:Arial;
	font-weight:bold;
}

.bqend {
	float: right;
	height: 25px;
	padding-left:10px;
	margin-top: -45px;
	font-size: 50px;
	color: #ffce70;
	font-family:Arial;
	font-weight:bold
}

noscript span {
	display:none;
} 

.email_note{
	font-size:9px;
}

/*//////////////////////////////////////////////////////*/

/*/////////////////////////CONTENT/////////////////////*/

#main_content {
	width:100%;
	min-width:1024px;
	height:380px;
	text-align:center;
	margin:0px;
}

#content {

	/*border: 1px solid #999;*/
	margin: 0 auto;
	width:1024px;
	*width:1014px; /*padding hack IE*/
	max-width:1024px;
	text-align:left;
	padding-left:10px;
}

#content .left {
	width:588px;
	padding:25px 0px 0px 0px;
	height:100%;
	margin:0px;
}

#content .right {
	margin:0px;
	background-image:url(images/box_footer.gif);
	background-position:top right;
	background-repeat:no-repeat;
	float:right;
	width:426px;
	min-height:115px;
}

/*///////////////////////////////////////////////////*/

/*/////////////////////////LOGO/////////////////////*/

#logo {
	float:left;
	background-image:url(images/logo.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:135px;
	max-height:145px;
	width:590px;
}

a.logo{
	cursor:pointer;
}

/*///////////////////////////////////////////////////////////*/

/*/////////////////////////OPINIONLEADER/////////////////////*/

#opinion_leader {
	float:right;
	margin-bottom:0px;
	padding:0px;
}

#opinion {
	height:90px;
	margin-bottom:20px;
	margin-right:10px;
	font-size:11px;
	color:#666666;
	width:289px;
}

.opinion_name {
	font-weight:bold;
	font-size:10px;
	color:#ff9900;
}

/*///////////////////////////////////////////////////////////*/

/*/////////COMERCIAL & BADGE & HOW IT WORK'S & send-to-friend/////////////*/

#comercial, #problem_box {
	margin: 90px 0px 0px 90px;
}

#badge {
	margin: 25px 0px 0px 90px;
}

#howitworks, #howitworks.a{
	font-size:12px;
	float:left;
	margin:4px 0px 0px 30px;
	font-weight:bold;
}

ul li.howitworks, ol li.howitworks{
	font-size:16px;
	font-weight:bold;
	color:#666;
	margin-bottom:10px;
	line-height:24px;
}

#howitworksbody{
	min-width:200px;
	padding:15px;
}

.sendtofriend, .sendtofriend a{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

#updates{
background-image:url(images/note.gif);
background-repeat:no-repeat;
background-position:top left;
padding:10px 10px 10px 17px;
color:#666;
float:left;
width:221px;
height:200px;
margin-top:30px;
margin-left:-3px;
}

#updates .date{
font-size:9px;
text-decoration:underline;
margin-bottom:5px;
display:block;
}