img, div
{ 
	border-width:0px;
}
body
{
	color:#3a3a3a; 
	line-height:1.4em; 
	margin:0 auto; padding:0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}

span.blod
{
	padding-right: 3px;
	font-weight: bold;
	font-size: 12px;
}

.clear {
	clear: both;
}

#main_container
{
	margin: auto;
	width: 928px;
	height: auto;
	background-color: #fff;
	margin-top:10px;
}

html>body #main_container
{
	margin: auto;
	width: 928px;
	height: 350px;
	background-color: #fff;
	margin-top:10px;
}

/*--------------Header-------------------*/

#header
{
   background: url(../../UI/IMAGE/Home/top-bg.jpg) repeat-x 0px 0px;
	width: 928px;
	height:88px;
}
#header .logo
{
   margin-top:5px;
   margin-left:20px;
   float:left;
}

#header ul.nav
{
   float: right;
   text-align:right;
   margin: 5px 20px 0px 0px;
   width:640px;
}
#header ul.nav li 
{
   display:inline;
   list-style-type: none;
}
#header ul.nav li a
{
   font: bold 12px Arial, Helvetica, sans-serif;
   color: #334e66;
   text-decoration: underline;
   padding-left:5px;
   padding-right:5px;
   cursor:pointer;
   cursor:hand;
}

#header ul li span
{
   font-family: Verdana;	
}

/*--------------Middle Part-------------------*/
#FeaturePart
{
   float: left;
   background-image: url(../../UI/IMAGE/Home/MiddlePartBG.png);
   width: 928px;
   height: 390px;
   text-align: left;
   position:relative;
}

html>body #FeaturePart
{
   background-image: url(../../UI/IMAGE/Home/MiddlePartBG.png);
   height: 390px;
   margin-top: -5px;
}

#FeaturePart ul
{
   padding-left: 0px;
   margin-left: 0px;
   margin-top:10px;
}
#FeaturePart li
{
   list-style-position: inside;
   font-size: 0.8em;
   list-style-type:disc;
}
#FeaturePart a:link
{
   color: #444444;
   /*text-decoration: none;*/
}
#FeaturePart a:hover
{
   color:#005A8C;
}
#FeaturePart a:visited 
{
   /*color:#444444;*/
   /*text-decoration: none;*/
}
#FeaturePart h1
{
   float:left;
   margin-top:10px;
   padding-bottom:10px;
   margin-left:30px;
   padding-top:15px;
   padding-right:20px;
}

#FeaturePart h2
{
   height:39px;
   left:680px;
   position:absolute;
   top:320px;
   *top:330px;
   width:280px;
   z-index:999;
}

#FeaturePart h2.adjustImg
{
   height:39px;
   position:absolute;
   top:320px;
   *top:330px;
   width:280px;
   z-index:999;
   left:755px;
}

#FeaturePart h3
{
	font-size: 1.5em;
   float:left;
   margin-top:40px;
   margin-left:0px;
   line-height: normal;
   width:508px;
}

#FeaturePart h4
{
   float:left;
   margin-top:0px;
   *margin-top:15px;
   margin-left:0px;
   font-weight: normal;
	font-size: 1.35em;
   color: #555555;
   line-height: normal;
   font-family: Verdana;
   width:508px;
}

#FeaturePart h5
{
   height:39px;
   left:680px;
   position:absolute;
   top:320px;
   *top:330px;
   width:280px;
   z-index:999;
}

#FeaturePart span.video
{
   left:755px;
   position:absolute;
   z-index:999;
   top:299px;
   *top:295px;
}

#FeaturePart span.follow
{
   left:710px;
   position:absolute;
   z-index:999;
   top:295px;
   *top:290px;
}

#FeaturePart span.demo
{
   left:375px;
   position:absolute;
   top:255px;
   *top:255px;
   z-index:999;
}

#FeaturePart span.announancement
{
   z-index: 999;
   left: 420px;
   color: #334e66;
   font-family: helvetica,arial,clean,sans-serif;
   position: absolute;
   top: 10px;
   font-size:13px;
}

.announance_detail 
{
   font-family: helvetica,arial,clean,sans-serif;
   text-align:left;
   font-size:13px;
   height:90px;
   line-height:150%;
   width:400px;
   padding-top:10px;
   padding-left:20px;
}

.announance
{
   background: url(../../UI/IMAGE/Home/MessageBox.png);
}

.announance_detail span
{
   font-weight:bold;
}

p.bottom
{
   font-weight:bold;
   color: #D15600;
   text-align:right;
}

#FeaturePart img.announancement
{
   left:390px;
   position: absolute;
   top:3px;
}

#FeaturePart span.announancement a
{
   color:#FF8315;
   margin-left:5px;
}

#FeaturePart h6
{
   height:51px;
   left:400px;
   top:18px;
   left:395px !important;
   _left:430px;
   position:absolute;
   *top:40px;
   z-index:999;
}

/*---------------------SubMenu-------------------------*/

#SubMenu {
	margin: 0px;
	width: 928px;
	background-repeat: no-repeat;
	background-color: transparent;
	text-align:center;
	height: 65px;
}

#SubMenu ul
{
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px;
}

#SubMenu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 65px;
  width: 20%;
  cursor: hand;
  float:left;
}

html>body #SubMenu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 65px;
  width: 185.5px;
  float: left;
  cursor: pointer;
}

/*-----------------------------footer------------------*/
#MM_footer
{
	background-image: url(../../UI/IMAGE/Home/footer-bg.jpg);
	background-repeat: no-repeat;
	width: 928px;
	padding-top: 5px;
	height: 90px;
}

#MM_footer a
{
	color: #508aa1;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
	text-align: center;
	text-decoration:none;
}

#MM_footer a:hover
{
	color: #508aa1;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
	text-align: center;
	text-decoration:underline;
}

.copyright
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	color: #508aa1;
}

.Resolution
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	color:#808080;
}

/*----------------Features-------------------*/

.rightservice
{
   float: left;
   height: auto;
   width:700px;
   text-align: left;
}

.rightservice h1.title
{
   font-weight: bold;
   font-size: 20px;
   padding-top: 10px;
   padding-left:25px;
   font-family: Verdana;
   line-height: 27px;
}


.rightservice p.subTitle
{
   padding-right: 10px;
   padding-left: 25px;
   font-size: 16px;
   color: #808080;
   line-height: 120%;
   font-style: normal;
   font-family: Tahoma, Verdana;
}

.rightservice ul
{
   font-weight: bold;
   font-size: 15px;
   color: #30445b;
   border-bottom: darkgray 1px dotted;
   font-family: Verdana;
   text-align: left;
   padding-bottom:10px;
   clear:both;
}

html>body .rightservice ul
{
   font-weight: bold;
   font-size: 15px;
   color: #30445b;
   border-bottom: darkgray 1px dotted;
   font-family: Verdana;
   text-align: left;
   padding-bottom:10px;
   clear:both;
   margin-left:25px;
   padding-left:-50px;
}

.rightservice ul h1
{
   padding-left: 8px;
   font-weight: bold;
   font-size: 15px;
   border-left: #cc6666 10px solid;
   color: #30445b;
   background-repeat: no-repeat;
   font-family: Verdana;
   text-align: left;
}

.rightservice ul h2
{
   font-weight: normal;
   font-size: 12px;
   color: #395d46;
   line-height: normal;
   font-family: Verdana;
   position:relative;
}

.rightservice ul h3
{
   float:right;
   cursor:hand;
   cursor:pointer;
}

.rightservice ul h5
{
   padding-right:0px;
   cursor:pointer;
   cursor:hand;
}

.rightservice ul h6
{
   float:right;
   cursor:hand;
   cursor:pointer;
   margin-top:-50px;
}

.rightservice ul li
{
   font-size: 12px;
   color: #5c5c5c;
   font-family: Verdana;
   list-style-type:disc;
   margin-left:18px;
   text-align: left;
   font-weight: normal;
}

.rightservice ul a
{
   font-weight: bold;
   list-style-position: inside;
   color: #003366;
   font-family: Verdana;
   list-style-type: disc;
   text-align: left;
   text-decoration: underline;
}

.rightservice ul a:hover
{
   color: #003366;
   font-family: Verdana;
   list-style-type:disc;
   list-style-position:inside;
   text-align: left;
   font-weight: bold;
   text-decoration:none;
}

.rightservice ul a:actived, a:focus
{
   color: #003366;
   font-family: Verdana;
   list-style-type:disc;
   list-style-position:inside;
   text-align: left;
   font-weight: bold;
   text-decoration:none;
}

.rightservice ul h2 a
{
   font-weight: normal;
   list-style-position: inside;
   font-size: 12px;
   color: #003366;
   font-family: Verdana;
   list-style-type: disc;
   text-align: left;
   text-decoration: underline;
}

.rightservice ul h2 a:hover
{
   font-size: 12px;
   color: #003366;
   font-family: Verdana;
   list-style-type:disc;
   list-style-position:inside;
   text-align: left;
   font-weight: normal;
   text-decoration:none;
}

.rightservice ul h2 a:actived, a:focus
{
   font-size: 12px;
   color: #003366;
   font-family: Verdana;
   list-style-type:disc;
   list-style-position:inside;
   text-align: left;
   font-weight: normal;
   text-decoration:none;
}

.rightservice ul li a
{
   font-weight: normal;
   list-style-position: inside;
   font-size: 12px;
   color: #003366;
   font-family: Verdana;
   list-style-type: disc;
   text-align: left;
   text-decoration: underline;
}

.rightservice ul li a:hover
{
   font-weight: normal;
   list-style-position: inside;
   font-size: 12px;
   color: #003366;
   font-family: Verdana;
   list-style-type: disc;
   text-align: left;
   text-decoration: none;
}

.rightservice ul li a:actived, a:focus
{
   font-size: 12px;
   color: #003366;
   font-family: Verdana;
   list-style-type:disc;
   list-style-position:inside;
   text-align: left;
   font-weight: normal;
   text-decoration:none;
}

.leftservice
{
   float: left;
   margin-left: 20px;
   width: 180px;
   text-align: left;
   margin-top: 8px;
}
html>body .leftservice
{
   margin-left:-25px;
   width: 220px;
   margin-top:0px;
}

.leftservice ul
{
	list-style: none;
	display: block;
	text-align:left;
	margin-left:10px;
}

.leftservice ul li
{
	padding-top: 0px;
	margin-bottom: 0px;
}

html>body .leftservice ul li
{
	padding-top: 0px;
	margin-bottom:-2px;
}

.leftservice ul li.setblueTitle
{
	background-color: #dee4ea;
	padding-left: 4px;
	padding-bottom:3px;
}

.leftservice ul li.setblueBG
{
	background-color: #dee4ea;
	padding-left:10px;
}

.leftservice ul li.setblueBG_singleLine
{
	background-color: #dee4ea;
	padding-left:10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.leftservice ul li.setSelectBG
{
	background-color: #bfccd9;
	padding-left:10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.leftservice ul li.setSeparate
{
	background-color: #dee4ea;
	padding-left: 20px;
}

.leftservice ul li a 
{
	text-decoration: none;
}

.leftservice ul li a img 
{
   border-left: #000 10px solid;
}

html>body .leftservice ul li a img
{
    border-left: #000 10px solid;
}

.leftservice ul li a.current img
{
    border-left: #86A7AC 10px outset;
}

html> body .leftservice ul li a.current img
{
   border-left: #86a7ac 10px groove;
}

.selectItem
{
	border-right: #bfccd9 1px solid;
	border-top: #bfccd9 1px solid;
	border-left: #bfccd9 1px solid;
	border-bottom: #bfccd9 1px solid;
	font-family: Verdana;
	background-color: #ffe9de;
}

/*---------------Get Started--------------------------*/

.GetStarted
{
   float: left;
   height: auto;
   text-align: left;
}

.GetStarted p.subTitle
{
   font-weight: bold;
   font-size: 20px;
   color: #005c78;
   line-height: 27px;
   padding-top: 10px;
   font-family: Verdana;
   line-height:150%;
}


.GetStarted ul
{
   font-family: Verdana;
   text-align: left;
   padding-bottom:10px;
   clear:both;
   border-bottom: darkgray 1px dotted;
}

html>body .GetStarted ul
{
   font-weight: bold;
   color: #30445b;
   font-family: Verdana;
   text-align: left;
   padding-bottom:10px;
   clear:both;
   border-bottom: darkgray 1px dotted;
}

.GetStarted ul h6
{
   padding-left: 8px;
   font-weight: bold;
   font-size: 15px;
   border-left: #cc6666 10px solid;
   color: #30445b;
   font-family: Verdana;
   text-align: left;
}

.GetStarted ul span
{
   font-weight: normal;
   font-size: 12px;
   color: #395d46;
   line-height: normal;
   font-family: Verdana;
}

.GetStarted ul li
{
   margin-top: 10px;
   font-weight: bold;
   font-size: 13px;
   margin-left: 22px;
   color: #395d46;
   font-family: Verdana;
   list-style-type:disc;
   text-align: left;
}

.GetStarted ul .inner
{
   margin-top: 10px;
   font-weight: normal;
   font-size: 13px;
   margin-left: 22px;
   color: #395d46;
   font-family: Verdana;
   list-style-type:decimal;
   text-align: left;
}
.GetStarted ul li span
{
   line-height:150%;
}

.GetStarted p
{
   font-weight: normal;
   font-size: 12px;
   color: #5c5c5c;
   font-family: Verdana;
   text-align: left;
}

.GetStarted ul li p
{
   font-weight: normal;
   font-size: 12px;
   background-attachment: fixed;
   background-image: url(../../UI/IMAGE/Home/check.gif);
   color: #5c5c5c;
   background-repeat: no-repeat;
   font-family: Verdana;
   list-style-type: decimal;
   text-align: left;
   padding-left:14px;
}

.GetStarted ul li a
{
   font-weight: normal;
   list-style-position: inside;
   font-size: 12px;
   color: #003366;
   font-family: Verdana;
   list-style-type: disc;
   text-align: left;
   text-decoration: none;
   padding-left:10px;
}

.GetStarted ul li a:hover
{
   font-size: 12px;
   color: #003366;
   font-family: Verdana;
   list-style-type:disc;
   list-style-position:inside;
   text-align: left;
   font-weight: normal;
   text-decoration:underline;
}

.GetStarted ul li a:actived, a:focus
{
   font-size: 12px;
   color: #003366;
   font-family: Verdana;
   list-style-type:disc;
   list-style-position:inside;
   text-align: left;
   font-weight: normal;
   text-decoration:none;
}

/* -------------DEMOFall_Video--------------------- */
#DEMOFall_Video
{
   text-align:left;
}
.left
{
   float: left;
   margin: 5px 0 0 5px;
}

.right
{
   float: right;
   text-align:left;
   width: 310px;
   font-size:1.1em; 
   margin: 5px 5px 0 0;
}

.right p:first-letter
{
   margin-left:10px;
}
.right p:first-line
{
   
}

.right p span
{
   font-size:1.5em;  
   font-weight:bold; 
   padding:0 2px 0 0; 
   color:#c00;
   margin-left:-10px;
}

/*--------------------Mobile--------------------------------*/
#Mobile
{
   text-align:left;
   
}
.mobile
{
   text-align:left;
   margin: 5px 0 0 5px;
}

.mobile a
{
  color:Blue;
  text-decoration:underline;
}

.mobile p span
{
   font-size:1.5em;  
   font-weight:bold; 
   padding:0 2px 0 0; 
   color:#c00;
   float:left;
   margin-top:40px;
   margin-left:0px;
   line-height: normal;
   width:508px;
   padding-bottom:10px;
}
.mobile p
{
   float:left;
   margin-top:0px;
   *margin-top:15px;
   margin-left:0px;
   font-weight: normal;
   color: #555555;
   line-height: normal;
   width:508px;
}

.adjimg
{
   text-align:right;
   padding-top:80px;
   *padding-top:40px;
}

/*-------------- subscription ----------------------------*/
#subscription 
{
   /*border: solid 1px red;*/
	height:150px;
   padding-top: 8px;
	padding-left: 5px;
	margin-left:-3px;
	margin-right:-10px;
	margin-top: 16px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	/*background: #FFFFFF url(../../PM/UC/Menu_OPM_Images/img01_landing.gif) repeat-x;*/
	background: #FFFFFF none repeat scroll 0 0;
}

html>body #subscription
{
   width:770px;
   height:210px;
   margin-left:-30px;  
   margin-bottom:0px;
}


#subscription h1.title {
	margin-bottom: 15px;
	margin-top: 0px;
	padding-left: 5px;
	border-left: 10px solid #D15600;
	/*text-transform: lowercase;*/
	color: #7F7772;
}

#subscription .content
{
   float:left;
}

html>body #subscription .content
{
}

#subscription .content ul
{
   color:#364551;
   font-size: 12px;
   line-height:18px;
   list-style-type:none;
   margin-left:30px;
}

#subscription .content ul li
{
   padding-right: 10px;
   padding-left: 15px;
   font-weight: bold;
   list-style-position: inside;
   background: url(../../PM/_UI/Image/iconCircle.gif) no-repeat left 2%;
   list-style-type: upper-roman;
}
#subscription .content ul li span
{
   padding-left: 5px;
}

#subscription ul li p
{
   background: url(../../PM/UC/Menu_OPM_Images/circle.gif) no-repeat left;
   padding-left:15px;
   margin-left:10px;
   margin-top:0px;
}

#subscription ul.inner
{
   color:#364551;
   font-size: 12px;
   line-height:18px;
   list-style-type:none;
   margin-left:30px;
}

#subscription ul.inner li
{
   list-style-position:inside;
   font-weight:bold;
   padding-left:15px;
   padding-right:10px;
}

#Payment
{
   margin-top:30px;

}

#subscription_OPM span
{
	font-weight: bold;
	font-size: 10pt;
}

#subscription p
{
   font-weight: bold;
   font-size: 1em;
   color: #5f605b;
   border-top: #5f605b 1px dotted;
}

.subscription_OPM
{
   border-collapse: collapse;
   color:#3d4f77;
   margin-top: 20px;
   margin-bottom: 15px;
}

.subscription_OPM a
{
   color: #cc3333;
   text-decoration: underline;
}

.subscription_OPM td
{
	font-size: 0.75em;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom:3px;
   border-bottom: #787878 1px dotted;
}

.detailTitle
{
   font-weight: bold;
   background: url(../../PM/UC/Menu_OPM_Images/img00.jpg) repeat-x;
   color: #fff;
   height: 23px;
}
.detailTD
{
	border-right: #dcdcdc 1px solid;
	font-family:Verdana;
	font-weight:bold;
	width:140px;
}
.txtStyle
{
	border: #dcdcdc 2px solid;
}

#CheckPmtType span
{
   color:#d15600;
   font-size:1em;
   font-weight:bold;
}
#CheckPmtType span.small
{
   font-size:1em;
   font-weight:lighter;
}
.buy
{
   font-size: 1.2em;
}
.buy p span
{
   font-weight: bold;
   color:#c00;
   text-align:left;
}
.buy p
{
   padding-left:5px;
   color: #5f605b;
}

.fontStyle
{
   font-weight: bold;
   font-size: 10pt;
   color: #669900;
   font-family: Verdana;
}

.fontStyle2
{
   color: #5f605b;
	font-size: 10pt;
	font-family: Verdana;
}

/*---------------Table Style--------------------------*/
.TableStyle
{
   padding-top: 8px;
	padding-left: 5px;
	margin-left:-3px;
	margin-right:-10px;
	margin-top: 16px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background: #FFFFFF none repeat scroll 0 0;
}

#TableStyle{
	border: 1px solid #5f605b;
}

#TableStyle h1.title {
	margin-bottom: 15px;
	margin-top: 0px;
	padding-left: 5px;
	border-left: 10px solid #D15600;
	color: #7F7772;
}

#TableStyle h3.sub
{
   font-weight: normal;
   font-size: 12px;
   font-family: Verdana;
   color:#5f605b;
   margin-left: 40px;
   margin-top: 20px;
}

.TableStyle ul
{
   font-family: Verdana;
   text-align: left;
   padding-bottom:5px;
}

html>body .TableStyle ul
{
   font-family: Verdana;
   text-align: left;
   padding-bottom:5px;
}

.TableStyle ul li
{
   font-size: 13px;
   color: #364551;
   font-family: Verdana;
   list-style-type:none;
   display:inline-table;
   *display:inline;
   width:150px;
}

.TableStyle ul li.title
{
   font-weight: bold;
   font-size: 13px;
   color: #364551;
   font-family: Verdana;
   list-style-type:none;
   display:inline-table;
   *display:inline;
   width:150px;
}

.TableStyle ul p
{
	font-size: 10pt;
	font-family: Verdana;
	color:Black;
}

.TableStyle p.rightStyle
{
	font-size: 10pt;
	font-family: Verdana;
	text-align:right;
	padding-right:310px;
	*padding-right:330px;
	color:Black;
}

.TableStyle p.fontStyle2
{
	border-top: #dcdcdc 1px solid;
	font-size: 10pt;
	font-family: Verdana;
	padding-top:15px;
}

.TableStyle p.fontStyle3
{
   border-top: #dcdcdc 1px solid;
	font-size: 10pt;
	font-family: Verdana;
	padding-top:15px;
}

.TableStyle p.fontStyle3 a
{
   text-decoration:undelind;
   color:Blue;
}

.TableStyle ul.CalculeateLine p
{
	width:200px;
	*width:200px;
   text-align:right;
   color:#000;
   border-top: #000 1px solid;
   padding-top:10px;
}

.TableStyle ul.CalculeateLine
{
	width:495px;
	*width:470px;
   text-align:right;
}

.TableStyle ul.CalculeateLine td
{
   text-align:right;
   color:#000;
   font-size:0.8em;
}

.dotted
{
   border-top: #000 1px dotted;
   padding-top:10px;
}

.TableStyle ul p.dotted
{
	color:#d15600;
	font-weight:bold;
}

#Introducing a
{
   text-decoration:none;
}

#Introducing a.top
{
   text-decoration:none;
   position:absolute;
   top:570px;
  
}