/* CSS Document */

body
{
	padding: 0;
	margin: 2px 0px;
	background: url(images/body-bg.jpg) 0 0 repeat-x #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C5C5C;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span
{
	margin: 0;
	padding: 0;
}

ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0;
}

.spacer
{
	clear: both;
	font-size: 0;
	line-height: 0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------main--------------------*/
#main
{
	width: 990px;
	margin: 0 auto;
	padding: 0px;
	background-color:White;
	overflow:hidden;
	margin-top:10px;
}
.header{width:990px; margin:0 auto; overflow:hidden;}
.mainnav
{
	font-size: 12px;
	list-style-type: none;
	padding: 5px 0px;
	background-color: #627AAD;
	overflow:hidden;
}
.mainnav li{display:block;margin:0px; min-width:100px; float:left;width:auto;}
.mainnav a, .mainnav a:visited{color:White; display:inline-block; min-width:80px;text-decoration:none; text-align:center;font-weight:bold;padding:5px;float:left;}
.mainnav a:hover{color:Black;}
#navTop{width:990px; margin:0 auto; background-color:#f1f1f1;clear:both;}
.logo-link
{
	float:left;
	width:240px; height:43px; background:url(/images/logo.jpg) no-repeat;
	}

/*------------------------------------------------left--------------------*/
#left
{
	width: 247px;
	float: left;
}
#left img
{
	display: block;
	font-size: 0;
	line-height: 0;
}
#left img.logo
{
	display: block;
	width: 247px;
	height: 97px;
}
#left ul
{
	padding: 25px 12px 46px 1px;
	width: 216px;
}
#left ul li
{
	border-bottom: #D2D5D5 solid 1px;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
}
#left ul li a.potencial
{
	display: block;
	background: url(images/potencial.gif) 0 0 no-repeat;
	width: 248px;
	height: 55px;
}
#left ul li a.ideal
{
	display: block;
	background: url(images/ideal.gif) 0 0 no-repeat;
	width: 248px;
	height: 55px;
}

#left ul li.noBdr
{
	border-bottom: none;
	padding: 0;
	margin: 0;
}
#left ul li.noBdr a.innovative
{
	display: block;
	background: url(images/innovative.gif) 0 0 no-repeat;
	width: 248px;
	height: 55px;
}
#left form
{
	width: 214px;
	margin: 0 0 0 19px;
	background: url(images/newsletter_bg.gif) 0 0 repeat-x;
	height: 76px;
	padding: 19px 9px 0 9px;
}
#left form h2
{
	display: block;
	width: 179px;
	height: 16px;
	background: url(images/newsletter_icon.gif) 0 0 no-repeat;
	padding: 0 0 0 26px;
	margin: 0 0 0 0;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #101010;
	background-color: inherit;
}
#left form input
{
	width: 205px;
	float: right;
	height: 21px;
	border-bottom: #D4D0C8 solid 1px;
	border-right: #D4D0C8 solid 1px;
	border-top: #404040 solid 1px;
	border-left: #404040 solid 1px;
	color: #101010;
	background-color: #fff;
	font-size: 10px;
	line-height: 21px;
	margin: 7px 0 0 0;
}
#left form input.signup
{
	background: url(images/btn_signup.gif) 0 0 no-repeat;
	width: 67px;
	height: 17px;
	border: none;
	cursor: pointer;
	float: right;
	margin: 0;
	padding: 0;
}
#left h2.faq
{
	display: block;
	width: 180px;
	height: 42px;
	background: url(images/faq_icon.gif) 0 0 no-repeat;
	padding: 0 0 0 41px;
	margin: 15px 0 9px 21px;
}
#left h2.faq span
{
	width: 179px;
	border-bottom: #D2D5D5 solid 1px;
	font-size: 22px;
	height: 24px;
	color: #000;
	background-color: inherit;
	margin: 10px 0 0 0;
}
#left h2.faq span b
{ 
	font-weight: bold;
	font-size: 22px;
	height: 24px;
	color: #293955;
	background-color: inherit;
 }

#left p.lftTxt
{
	width: 221px;
	display: block;
	margin: 0 0 0 19px;
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 42px 0;
	border-bottom: #D2D5D5 solid 1px;
}
#left p.lftTxt span.green
{
	display: block;
	font-weight: bold;
	font-size: 13px;
	color: #327C8E;
	background-color: inherit;
	margin: 0 0 14px 0;
}
#left img.callUs
{
	width: 248px;
	height: 55px;
}
#left ul.botLink
{
	width: 171px;
	height: 29px;
	background: url(images/left_panel_bot_bg.gif) 0 0 repeat-x;
	padding: 9px 0 0 49px;
	margin: 0 0 0 19px;
}
#left ul.botLink li
{
	padding: 0 6px 0 0;
	margin: 0;
	float: left;
}
#left ul.botLink li a.css
{
	display: block;
	background: url(images/css_bg.gif) 0 0 no-repeat;
	width: 77px;
	height: 17px;
}
#left ul.botLink li a.css:hover
{
	background: url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#left ul.botLink li a.xhtml
{
	display: block;
	background: url(images/xhtml_valid.gif) 0 0 no-repeat;
	width: 77px;
	height: 17px;
}
#left ul.botLink li a.xhtml:hover
{
	background: url(images/xhtml_valid_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right
{
	width: 705px;
	float: right;
	padding: 13px 0 0 0;
}
#right ul.nav
{
	width: 469px;
	height: 36px;
	float: left;
}
#right ul.nav li
{
	padding: 0 2px 0 0;
	float: left;
	background: url(images/nav_div.gif) right top;
}
#right ul.nav li a.navLink
{
	display: block;
	background: url(images/nav_bg.gif) 0 0 repeat-x;
	font: bold 11px/36px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background-color: inherit;
	padding: 0 13px;
}
#right ul.nav li a.navLink:hover
{
	background: url(images/nav_bg_hover.gif) 0 0 repeat-x;
}
#right ul.nav li a.hover
{
	display: block;
	background: url(images/nav_bg_hover.gif) 0 0 repeat-x;
	font: bold 11px/36px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background-color: inherit;
	padding: 0 13px;
}
#right ul.nav li.noImg
{
	padding: 0;
	float: left;
	background-image: none;
}
#right a.subscribe
{
	display: block;
	background: url(images/subscribe.gif) 0 0 no-repeat;
	width: 67px;
	height: 17px;
	float: right;
	margin: 10px 0 0 0;
}
#right a.subscribe:hover
{
	background: url(images/subscribe_hover.gif) 0 0 no-repeat;
}
#right ul.link
{
	width: 705px;
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
}
#right ul.link li.subLink
{
	float: left;
	width: 59px;
	display: block;
	padding: 0 5px 0 0;
}
#right ul.link li.subLink a.login
{
	display: block;
	background: url(images/login.gif) 0 0 no-repeat;
	width: 59px;
	height: 17px;
}
#right ul.link li.subLink a.login:hover
{
	background: url(images/login_hover.gif) 0 0 no-repeat;
}
#right ul.link li.subLink a.serch
{
	display: block;
	background: url(images/serch.gif) 0 0 no-repeat;
	width: 59px;
	height: 17px;
}
#right ul.link li.subLink a.serch:hover
{
	background: url(images/serch_hover.gif) 0 0 no-repeat;
}
#rightBotMain
{
	width: 461px;
	margin: 21px 22px 0 0;
	float: left;
}
#rightBot
{
	width: 461px;
	background: url(images/right_bottom_1px.gif) 0 0 repeat-y;
}
#rightBot p.top
{
	display: block;
	background: url(images/right_bottom_top.gif) 0 0 no-repeat;
	width: 461px;
	height: 6px;
	font-size: 0;
	line-height: 0;
}
#rightBot p.bot
{
	display: block;
	background: url(images/right_bottom_bot.gif) 0 0 no-repeat;
	width: 461px;
	height: 6px;
	font-size: 0;
	line-height: 0;
}
#rightBot2
{
	width: 396px;
	margin: 0 auto;
	background: url(images/right_bottom_yellow_1px.gif) 0 0 repeat-x #FFFDF9;
	color: #000;
	padding: 0 28px 0 25px;
}
#rightBot2 h1
{
	display: block;
	background: url(images/more_success.gif) 0 0 no-repeat;
	width: 404px;
	height: 92px;
	margin: 10px 0;
	text-indent: -2000px;
	float: left;
}
#rightBot2 a.whatSp
{
	display: block;
	background: url(images/what_special.gif) 0 0 no-repeat;
	width: 59px;
	height: 43px;
	float: right;
}
#rightBot2 a.whatSp:hover
{
	background: url(images/what_special_hover.gif) 0 0 no-repeat;
}
#rightBot2 ul.rightLink1
{
	width: 367px;
	background: url(images/bottom_link_1px.gif) 0 0 repeat-x;
	padding: 14px 12px 32px 12px;
	float: left;
}
#rightBot2 ul.rightLink1 li
{
	padding: 0;
	margin: 0;
	line-height: 0;
}
#rightBot2 ul.rightLink1 li a
{
	background: url(images/bullet.gif) 0 5px no-repeat;
	padding: 0 0 0 18px;
	font: normal 12px/21px Arial, Helvetica, sans-serif;
	color: #5E543A;
	text-decoration: none;
	background-color: inherit;
	display: block;
}
#rightBot2 ul.rightLink1 li a:hover
{
	color: #5E543A;
	background-color: #EFECE4;
}
#best
{
	width: 402px;
	border: #F4F4F4 solid 4px;
	padding: 0 24px 33px 26px;
	margin: 10px 0 0 0;
}
#best h2
{
	display: block;
	width: 395px;
	height: 55px;
	background: url(images/why_best.gif) 0 0 repeat-x;
	float: left;
}
#best h2 span
{
	width: 220px;
	font: bold 26px/55px Arial, Helvetica, sans-serif;
	color: #327C8E;
	background-color: #fff;
	display: block;
}
#best p.bestTxt
{
	width: 394px;
	padding: 2px 0 23px 0;
	font: normal 18px/24px Arial, Helvetica, sans-serif;
	
	background-color: #fff;
	display: block;
	float: left;
}
#best p.bestTxt2
{
	width: 403px;
	padding: 0 0 20px 0;
	font: normal 15px/23px Arial, Helvetica, sans-serif;
	color: #363636;
	background-color: #fff;
	display: block;
	float: left;
}
#best p.bestTxt2 a
{
	color: #607203;
	background-color: #fff;
	text-decoration: underline;
}
#best p.bestTxt2 a:hover
{
	color: #607203;
	background-color: #F3F0F0;
}
#best p.bestTxt2 span
{
	color: #363636;
	background-color: #F9FEDB;
}
#best p.bestTxt3
{
	width: 289px;
	padding: 0;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #363636;
	background-color: #fff;
	display: block;
	float: left;
	text-align: justify;
}
#best p.bestTxt3 span
{
	color: #363636;
	background-color: #F9FEDB;
}
#best p.bestTxt3 a, .more
{
	background: url(images/more.gif) 0 0 no-repeat;
	width: 69px;
	height: 18px; /*	margin:0 0 0 96px;*/
	display: block;
	float: right;
}
#best p.bestTxt3 a:hover, .more:hover
{
	background: url(images/more_hover.gif) 0 0 no-repeat;
}
#best p.pic
{
	display: block;
	background: url(images/right_pic.gif) 0 0 no-repeat;
	width: 99px;
	height: 120px;
	float: right;
	border: #000000;
}
#last
{
	background: url(images/right_1px.gif) 0 0 repeat-y;
	width: 214px;
	float: left;
	margin: 21px 0 0 0;
}
#last p.lastTop
{
	display: block;
	background: url(images/last_top.gif) 0 0 no-repeat;
	width: 214px;
	height: 6px;
	font-size: 0;
	line-height: 0;
}
#last h2.res
{
	display: block;
	width: 194px;
	height: 25px;
	background: url(images/responsible_bg.gif) 0 0 repeat-x;
	margin: 0 0 3px 6px;
	padding: 10px 0 0 8px;
}
#last h2.res span
{
	background: url(images/bullet_red.gif) 0 6px no-repeat;
	padding: 0 0 0 15px;
	font: normal 18px/23px Arial, Helvetica, sans-serif;
	color: #101010;
	background-color: inherit;
}
#last ul
{
	width: 202px;
	padding: 0 0 30px 0;
	margin: 0 0 0 6px;
	font-size: 0;
	line-height: 0;
}
#last ul li
{
	display: block;
	background: url(images/responsible_link_bg.gif) 0 0 repeat-x;
	height: 24px;
	padding: 0 0 0 8px;
	margin: 0 0 3px 0;
	line-height: 0;
	font-size: 0;
}
#last ul li a
{ 
	background: url(images/arrow.gif) 0 5px no-repeat;
	padding: 0 0 0 15px;
	font: bold 12px/24px Arial, Helvetica, sans-serif;
	color: #3B5999;
	background-color: inherit;
	text-decoration: none;
 }

#last ul li a:hover
{
	color: #000;
	background-color: inherit;
}
#last h2.future
{
	display: block;
	width: 194px;
	height: 25px;
	background: url(images/responsible_bg.gif) 0 0 repeat-x;
	margin: 0 0 15px 6px;
	padding: 10px 0 0 8px;
}
#last h2.future span
{
	background: url(images/bullet_red.gif) 0 6px no-repeat;
	padding: 0 0 0 15px;
	font: normal 18px/23px Arial, Helvetica, sans-serif;
	color: #101010;
	background-color: inherit;
}
#last h3
{
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	background-color: inherit;
	display: block;
	margin: 0 0 2px 13px;
}
#last p.lastTxt
{
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #5C5C5C;
	background-color: inherit;
	margin: 0 0 0 13px;
	display: block;
	width: 190px;
}
#last a.plan
{
	color: #607203;
	background-color: inherit;
	text-decoration: underline;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	margin: 0 0 13px 13px;
	display: block;
	width: 135px;
}
#last a.plan:hover
{
	color: #000;
	background-color: inherit;
	text-decoration: underline;
}
#last p.lastBot
{
	display: block;
	width: 214px;
	height: 22px;
	background: url(images/last_bot.gif) 0 0 no-repeat;
}
/*------------------------------------------------right--------------------*/


/*------------------------------------------------main--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain
{
	width: 100%;
	height: 101px;
	background: url(images/footer_bg.gif) 0 0 repeat-x;
	padding: 26px 0 0 0;
}
#footer
{
	width: 637px;
	height: 101px;
	margin: 0 auto;
	position: relative;
	top: 0px;
	left: 19px;
}
#footer ul
{
	width: 389px;
	position: absolute;
	left: 121px;
	top: 0;
}
#footer ul li
{
	float: left;
	font: normal 11px/22px Arial, Helvetica, sans-serif;
	color: #000;
	background-color: inherit;
}
#footer ul li a
{
	padding: 0 7px;
	font: normal 11px/22px Arial, Helvetica, sans-serif;
	color: #000;
	background-color: inherit;
	text-decoration: none;
}
#footer ul li a:hover
{
	text-decoration: underline;
}
#footer p.copyright
{
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	position: absolute;
	left: 134px;
	top: 29px;
	color: #888;
	background-color: inherit;
	text-align: center;
	width: 329px;
	right: 174px;
}
#footer p.design
{
	display: block;
	width: 177px;
	height: 21px;
	padding: 0;
	position: absolute;
	left: 210px;
	top: 51px;
	font: bold 13px/21px Arial, Helvetica, sans-serif;
	color: #327C8E;
	background-color: #F7F7F7;
	text-align: center;
}
#footer p.design a.link
{
	font: bold 13px/21px Arial, Helvetica, sans-serif;
	color: #327C8E;
	background-color: #F7F7F7;
	text-decoration: none;
}
#footer p.design a.link:hover
{
	color: #000;
	background-color: #F7F7F7;
}
/*------------------------------------------------footer--------------------*/
.leftMenuText
{
	font-size: 12px;
	color: Green;
	text-decoration: none;
}
.leftMenuText:hover
{
	/*color: Brown;*/
}
/* form elements */
/* ----------------------------------------------------------- */
fieldset
{
	margin: 0;
	padding: 0;
	border-width: 0px;
	background: #f1f1f1 url(images/form-bg.png) repeat-x;
	border: 1px solid #c1c1c1;
	display: block;
}
fieldset legend
{
	font-size: 1.2em;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}
fieldset p
{
	padding: 5px 5px 5px 10px;
	margin: 0px;
	clear: both;
	overflow: hidden;
	font-size: 12px;
}
fieldset label
{
	display: inline-block;
	font-size: 11px;
	vertical-align: top;
	font-weight: normal;
	width: 150px;
	float: left;
}
fieldset h3
{
	background-color:#627AAD;
	margin: 0px;
	font-size: 1.0em;
	font-weight: bold;
	color: White;
	padding: 2px 10px;
	height: 24px;
}
fieldset label.required
{
	background: url(images/icon/misc/required.png) no-repeat 95% center;
}
fieldset ul
{
	margin: 0 0 1.5em 0;
}
fieldset input[type="text"], fieldset input[type="password"], fieldset textarea
{
	font-size: 12px;
	width: 100px;
	padding: 2px;
	border: solid 1px #e1e1e1;
	background: #ffffff;
	float: left;
	margin: 0px;
}
fieldset textarea
{
	height: 100px;
}
fieldset select
{
	font-size: 12px;
	padding: 3px;
	border: solid 1px #e1e1e1;
}
input[type="radio"], input[type="checkbox"]
{
	background: none;
	border: none;
	width: auto;
}
input[type="submit"]
{
	font-weight: bold;
	padding: 3px 10px;
	border: 1px solid #498B9E;
	color: #333;
	cursor: pointer;
	letter-spacing: 1px;
	background: url(images/btn.png) repeat-x;
	text-align: center;
}
input[type="submit"]:hover
{
	color: #498B9E;
	border: 1px solid #498B9E;
	background: url(images/btn_over.png);
}
fieldset ul li
{
	margin-bottom: 0.5em;
}

/*------Error Messages ----------*/

.error-message
{
	background: #FED8EA 10px top;
	color: #F30B7B;
	font-size: 15px;
	padding: 10px 10px 10px 90px;
	display: block;
	margin-bottom: 1em;
	min-height: 40px;
	border: solid 3px #F30B7B;
}

.error-message ul
{
	font-weight: normal;
	font-size: 13px;
	color: #F30B7B;
}
p input.validation-error, input.validation-error, select.validation-error
{
	border: dotted 1px #F30B7B;
	background: #FED8EA url(images/icon/error/warning.png) no-repeat left center;
}

p.validation-error
{
}
/*-------Success Message-------------*/
.success-message
{
	background: Lime url('images/accept.png') no-repeat 13px top;
	color: Black;
	font-weight: bold;
	font-size: 1.231em;
	border: 2px solid Green;
	padding: 10px 10px 10px 100px;
	display: block;
	margin-bottom: 1em;
	min-height: 60px;
}
.success-message h3
{
	font-size: 1.3em;
}
.success-message a.add-record
{
	padding-left: 20px;
	margin-left: 30px;
	background: url(images/add.png) no-repeat left center;
	color: Blue;
}

#google_translate_element{background-color:White; float:right; padding:5px;}