@CHARSET "UTF-8";

*{
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, sans-serif;
	border: 0;
}

html, body{
	margin:0;
	padding:0;
	height:100%;
}

p{
	color: rgb(118, 118, 118);
	line-height: 25px;
	font-size: 16px;
}

#container {
	min-height:100%;
	position: relative;
}


#intBody{
	background: url("/img/int_top_bg.jpg") top center no-repeat ;
}

#intHeader{
	padding-bottom: 20px;
}

#homeHeader{
}

#homeBody{
	background: url("/img/home_top_bg.jpg") top center no-repeat;
}

#slogan{
	width: 915px;
	margin: 0 auto 0px auto;
	padding-top: 15px;
	text-align: center;
	font-family: helvetica, arial, sans-serif;
	font-weight: lighter;
	font-size: 30px;
	font-weight: normal;
	color: white;
}
#slogan #sloganDest{
	font-weight: bolder;
	font-size: 32px;
	color: #a5e7ff;
}

#loginBar{
	width: 915px;
	height: 76px;
	margin: 14px auto 0px auto;
	background: url("/img/home_top_bar.png") top center no-repeat;
}

.loginDiv{
	float: left;
	position: relative;
}

.loginField{
	border: none;
	width: 175px;
	height: 21px;
	font-family: helvetica, sans-serif;
	font-size: 18px;
	color: #1182d2;
	padding: 8px 8px 8px 8px;
	background-color: transparent;
	background-image: url("/img/loginFieldBg.png");
	background-repeat: no-repeat;
	margin: 0 12px 0 0;
	display: block;
}

div.error{
	position: absolute;
	left: -10px;
	top: -10px;
	width: 25px;
	height: 25px;
}

.loginOkButtonx{
	position:relative;
	width: 37px;
	height: 37px;
	border: 0px;
	cursor: pointer;
}

.fixIe6{
	position: relative;
}
#loginBar #homeLogo{
	width: 220px;
	height: 52px;
	position: absolute;
	top: 3px;
	left: 20px;
}

#loginBar #loginForm{
	width: 455px;
	height: 37px;
	position: absolute;
	top: 16px;
	right: 10px;
}

#loginBar fieldset{
}

#topMenu{
	width: 915px;
	height: 52px;
	margin: 0 auto 0 auto;
	position: relative;
	xborder: 1px solid black;
}

#leftMenu{
	width: 584px;
	position: absolute;
	top: 0;
	left: 9px;
	xborder: 1px solid black;
}

#leftMenu img{
	margin: auto 12px auto 0;
	vertical-align: middle;
}

#leftMenu img.selected {
	border-bottom:3px solid #ffcb08;
	padding-bottom:3px;
}

#howItWorks{
	width: 226px;
	height: 46px;
	position: absolute;
	right: 40px;
	bottom: 0;
	background: url("/img/home_func_bg.png") bottom center no-repeat;
}

#howItWorksLabel{
	text-align: center;
	font-family: helvetica, arial, sans-serif;
	font-weight: lighter;
	font-size: 22px;
	font-weight: bold;
	color: #ffdf08;
	position: absolute;
	top: 10px;
	width: 226px;
}

#destBar{
	width: 915px;
	height: 157px;
	margin: 0 auto 0 auto;
	background: url("/img/home_dest_bg.png") top center no-repeat;
	position: relative;
}

#destBar #dest1{
	position: absolute;
	top: 16px;
	left: 8px;
}

#destBar #dest2{
	position: absolute;
	top: 16px;
	left: 311px;
}

#destBar #dest3{
	position: absolute;
	top: 16px;
	left: 612px;
}


#mainContent{
	clear: both;
	width: 915px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 82px;
	xborder: 1px solid red;
}

#homeBuy{
	width: 915px;
	height: 170px;
}

#homeBuyLeft{
	width: 460px;
	position: absolute;
	left: 9px;
	top: 10px;
}

#homeBuyLeft h2{
	text-align: left;
	font-size: 32px;
	font-weight: bolder;
	color: #ff600a;
}
#homeBuyLeft p{
	color: #767676;
	font-size: 16px;
	text-align: justify;
}
#homeBuyRight{
	width: 430px;
	position: absolute;
	text-align: right;
	right: 7px;
	top: 10px;
}

#homeBuyRight #lessThan{
	color: #6c6c6c;
	font-size: 26px;
}

#homeBuyRight #monthPrice{
	color: #ef6319;
	font-size: 36px;
	font-weight: bolder;
}

#homeBuyRight #cardsFlagsDiv{
	margin: 12px auto 12px auto;
	height: 22px;
}

#homeBuyRight #cardsFlagsDiv img{
	vertical-align: middle;
}

#homeBuyRight #anualPrice{
	font-size: 14px;
	color: #6b6b6b;
	margin-left: 10px;
}

#homeBuyRight #anualPrice #value{
	color: #ff600a;
}

#trialDiv{
	background: url("/img/home_trial_bg.png") top center no-repeat;
	width: 915px;
	height: 157px;
	top: 170px;
	left: 0;
}


#trialDiv #trialDivBtns{
	width: 400px;
	position: absolute;
	left: 9px;	
	text-align: center;
	padding: 10px 0 12px 0;
	padding: auto;
}

#trialDiv #trialDivBtns img{
	margin: 12px auto 0 auto;
}

#trialDiv #trialText{
	width: 506px;
	height: 150px;
	position: absolute;
	left: 409px;
	color: #ef6218;
	vertical-align: middle;
}

#trialTextBox{
	width: 488px;
	xborder: 1px solid red;
	margin-top: 10px;
}

#trialDiv #trialText #trialTextBox h2{
	font-size: 35px;
	font-weight: bolder;
}

#trialDiv #trialText #trialTextBox p{
	text-align: justify;
}

#lists {
	background: url("/img/home_lists_bg.jpg") center center no-repeat;
	width: 915px;
	height: 700px;
	margin-top: 10px;
	position: relative;
}

#reasonsList{	
	width: 473px;
	border-right: 1px solid #e0e0e0;
	position: absolute;
	top: 0;
	left: 0;
}

#featuresList{
	width: 430px;
	position: absolute;
	top: 0;
	left: 474px;
	margin-left: 12px;
}

#reasonsList ul{
	color: #767676;
	list-style-type: none;
	list-style-position: outside;
	margin: 0 15px 0 5px;
}

#reasonsList ul .dest{
	font-weight: bolder;
	color:#565656;
}

#reasonsList ul li{
	margin-top: 5px;
	margin-bottom: 15px;
	list-style-position: outside;
}

#reasonsList ul li .reasonsNum{
	xborder: 1px solid blue;
	float: left;
	width: 20px;
	height: 30px;
	margin-right: 5px; 
	text-align: right;
	color: #00aeef;
	font-weight: bolder;
}

.featuresList ul {
	color: #767676;
	list-style-image: url("/img/home_features_bullet.gif");
	list-style-position: outside;
	margin: 0 15px 0 35px;
	xpadding: 0 15px 0 20px;
}

.featuresList ul li{
	margin-bottom: 15px;
	font-size: 14px;
}

.featuresList ul li h3{
	color: #ffcb08;
	font-size: 21px;
}

#footerBoxes {
	xborder: 1px solid red;
	width: 915px;
	height: 176px;
	margin-top: 10px;
	position: relative;
	margin-bottom: 30px;
}

.footerBox{
	background: url("/img/home_bottom_box_bg.png") top center no-repeat;
	width: 310px;
	height: 176px;
	xborder: 1px solid black;
	position: absolute;
}

#privacityBox{
	top: 0;
	left: -6px;
}

#platformBox{
	top: 0;
	left: 304px;
}
#securityBox{
	top: 0;
	left: 614px;
}

.footerBoxLeft{
	xborder: 1px solid red;
	float: left;
	width: 140px;
	height: 156px;
	font-size: 14px;
	color: #585858;
	padding: 10px 10px 10px 20px;
	line-height: 17px;
}

.footerBoxLeft p{
	font-size: 14px;
	line-height: 17px;
}

.footerBoxLeft a{
	color: #585858;
	text-decoration: none;
}

.footerBoxLeft a:HOVER{
	text-decoration: underline;
}

.footerBoxLeft h2{
	font-size: 18px;
	margin-bottom: 8px;
}

.footerBoxRight{
	xborder: 1px solid blue;
	float: left;
	width: 135px;
	height: 156px;
	text-align: center;
	padding-top: 20px;
}

#footer{
	
	background: url("/img/home_footer_bg.jpg") bottom center no-repeat;
	height: 82px;
	
	position:absolute;
	bottom:0;
	width:100%;
	
}

#footerLinks{
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	padding-top: 10px
}

#footerLinks a{
	color: #FFFFFF;
	text-decoration: none;
}

#footerLinks a:HOVER{
	text-decoration: underline;
}

#footerText{
	text-align: center;
	color: white;
	font-size: 12px;
	padding-top: 18px;
}

#TagCloud{
	margin-bottom: 10px;
}

#footerText #dest{
	font-weight: bold;
	color: #ffcb08;
}

.clearfix{
	clear: both;
}

.message{
	
}

.prdTopBox{
	margin-top: 25px;
}

.prdDescDiv {
	width: 500px;
	float: left;
	margin-right: 40px;
}

.prdDescImg{
	float: left;
	margin-right: 25px;
}

.topInternal {
	width: 900px;
	float: left;
	margin-right: 40px;
	margin-top: 30px;
	margin-bottom: 40px;
}

.topInternalImg{
	float: left;
	margin-right: 25px;
}

.orangeTitle {
	color: rgb(255, 96, 10);
	font-size: 36px;
}



.prdTryDiv{
	width: 360px;
	float: left;
}

.prdTryBtn {
	margin-top: 15px;
}

.prdBuyBox{
	background: url("/img/bg_buy_products.gif") repeat scroll 0% 0% transparent;
	width: 885px;
	height: 90px;
	margin-top: 20px;
	padding: 10px 15px 15px;
}

.prdPriceBox{
	float: right;
	text-align: right;
}

.prdPriceBox .lessThan{
	color: rgb(107, 107, 107);
	font-size: 26px;
}

.prdPriceBox .lessThanPrice {
	color: rgb(239, 96, 20);
	font-size: 36px;
	font-weight: bold;
}

.prdPriceBox .flagsDiv{
	margin-top: 10px;
}

.prdPriceBox .flagsDiv .anualPriceLabel{
	color: rgb(107, 107, 107);
	font-size: 16px;
	vertical-align: top;
	margin-left: 5px;
}

.prdPriceBox .flagsDiv .anualPrice{
	color: rgb(255, 96, 10);
	vertical-align: top;
}

.prdFeaturesBox{
	margin-top: 25px;
}

.prdFeaturesDiv {
	width: 480px;
	float: left;
	margin-right: 30px;
}

.prdFeaturesDiv h2{
	color: rgb(255, 203, 8);
	font-size: 48px;
	margin-bottom: 15px;
}

.prdOtherPlansBox {
	width: 390px;
	float: left;
}

.prdOtherPlansBox .top{
	width: 386px;
	height: 23px;
	padding: 0pt;
	background: url("/img/product_gray_box_top.png") repeat scroll center top transparent;
}

.prdOtherPlansBox .middle{
	width: 356px;
	padding: 0px 15px 45px;
	background: url("/img/product_gray_box.png") repeat scroll center bottom transparent;
}

.prdOtherPlansBox .middle h2{
	color: rgb(142, 142, 142);
	font-size: 30px;
}

.prdOtherPlansBox .middle ul{
	list-style: none inside none;
	color: rgb(131, 131, 131);
}

.prdOtherPlansBox .middle ul li{
	margin-top: 10px;
}

.prdOtherPlanLnk{
	color: rgb(131, 131, 131);
}

.prdScreenBox{
	position: relative;
	width: 915px;
	margin-top: 20px;
	background: url("/img/product_screenshot_bg.jpg") no-repeat scroll 0pt 0pt transparent;
}

.prdScreenBox h2{
	font-size: 55px;
	color: rgb(3, 175, 239);
	font-weight: normal;
	padding-top: 10px;
	margin-bottom: 20px;
}

.prdCellScreenBox{
	width: 290px;
	text-align: center;
	float: left;
	margin-right: 10px;
}

.prdCellScreenDiv{
	text-align: center;
	border: 1px solid rgb(0, 111, 152);
	margin: auto;
	width: 240px;
	height: 320px;
}

.prdCellScreenTextDiv{
	color: rgb(135, 135, 135);
	padding-top: 15px;
	width: 240px;
	margin: auto;
}

.prdWebScreenTextBox {
	width: 500px;
	float: left;
	margin-right: 20px;
}

.prdWebScreenTextBox .webText{
	width: 390px;
	margin: auto;
}

.prdWebScreenTextBox .webText h2{
	color: rgb(3, 175, 239);
	font-size: 22px;
}

.prdWebScreenTextBox .webText p{
	color: rgb(118, 118, 118);
	font-size: 16px;
	margin-top: 8px;
}

.prdWebSreenImgBox {
	width: 360px;
	float: left;
}

.prdWebSreenVideoBox {
	width: 356px;
	height: 291px;
	float: left;
	xmargin-top: 20px;
	margin-bottom: 20px;
}

.prdWebSreenImgBorder {
	margin: auto;
	border: 1px solid rgb(0, 111, 152);
	margin-bottom: 20px;
}

.prdSreenSeparator {
	clear: both;
	background: url("/img/gray_separator.png");
	width: 915px;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.dwldList h2 {
	font-weight: bolder;
	font-size: 28px;
	color: #00AEEF;
}

.dwldList ul {
	margin: 20px
}

.dwldList ul li {
	line-height: 25px;
	list-style: none
}

.dwldList h3 a{
	color: #FFAB0A
}

.dwldList p {
	color: #505050
}

.hintBox{
	width: 100%;
	background-color:#ffffcc;
	border:1px dotted black;
	padding:5px;
	position:relative;
	margin: 15px auto ;
}

.hintBox h2 {
	font-size:14px;
	color: black;
}

.hintBox p {
	color: black;
	font-size:14px;
}

.videoDiv {
	xwidth: 425px;
	xheight: 344px;
	xborder: 1px solid black
}

.commonTable {
	font-size: 14px;
	text-align: center;
	color: rgb(118, 118, 118);
	xborder: 1px solid blue;
	margin: auto;
	border-bottom: 1px dotted #585858;
	border-top: 1px dotted #585858;
	border-collapse: collapse;

}

.commonTable th{
	xcolor: #585858;
	color: #03AFEF;
	padding: 10px;
	vertical-align: bottom;
	margin: 0;
}

.commonTable td{
	margin: 0;
}

.commonTable thead tr th{
	border-bottom: 1px dotted #585858;
}

.commonTable tbody th{
	color: #585858;
	text-align: left;
}

.commonTable tbody th a{
	color: #585858;
	text-decoration: none;
}

.commonTable tbody th a:hover{
	text-decoration: underline;
}

.social-link {
	width: 356px;
	xheight: 291px;
	float: left;
	xmargin-top: 20px;
	margin-bottom: 20px;
}
.social-link span {
	display:block;
	font-size:13px;
}

.social-link ol, .social-link  ul  {
	list-style:none outside none;
}

.social-link ol, .social-link  ul  li{
	margin-bottom: 15px;
}

.social-link a {
	display:block;
	font-size:18px;
	padding-left:40px;
}
.social-link a  {
	color:#363D38;
	cursor:pointer;
	text-decoration:none;
}
.social-link #sos-face a  {
	background:url("/img/facebook.png") no-repeat scroll 0 2px transparent;
}

 .social-link #sos-orku a {
	background:url("/img/orkut.png") no-repeat scroll 0 2px transparent;
}

.social-link #sos-twit a  {
	background:url("/img/twitter.png") no-repeat scroll 0 2px transparent;
}

.social-link #sos-rss a {
	background:url("/img/RSS.png") no-repeat scroll 0 2px transparent;
}

.social-link #sos-blog a {
	background:url("/img/wordpress.png") no-repeat scroll 0 2px transparent;
}

.blueTitle{
	font-weight: bolder;
	font-size: 28px;
	color: #00AEEF;
}
