@charset "utf-8";
/*CSS Document*/
/*Don't use undescore(_)*/
/*Don't define font family in body*/
/*UseProper name for css*/
/*--DEFAULT TAGS DEfinition END--*/
body { padding:0; margin:0;}
ul, from{ padding:0px; margin:0px; list-style:none; }
/*--Commonly Used Classes works according to name-*/
.PosR{position:relative;}
.MarginT3{ margin-top:3px;}
.MarginT5{ margin-top:5px;}
.MarginT35{ margin-top:35px;}
.MarginB40{ margin-bottom:40px;}
/*----------------------Search----------------*/
#Wraper{text-align:left; font: 11px Arial, Helvetica, sans-serif; color:#545454; width:997px; margin:4px auto 0px; position:relative; zoom:1; line-height:15px;}
/*--Menu--*/
.Menu{ width:700px; float:left; clear:both; margin-left: 20px;}
.Menu li{ display:inline-block; background:#f8f8f8; border:solid 1px #c8c8c8; text-align:center; line-height:28px; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; font-size:13px; color:#5a5a5a; padding:2px 28px 0px 18px; float:left; height:32px; margin-right:4px; background: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), top(#e5e5e5)); /* for webkit browsers */background: -moz-linear-gradient(top, #f7f7f7 50%, #e5e5e5 50%); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #f7f7f7 50%, #e5e5e5 50%);}
.Menu li:hover, .Menu li.Active { background:#3360a5;  background: -webkit-gradient(linear, left top, left bottom, from(#3360a5), top(#1d4d97)); /* for webkit browsers */background: -moz-linear-gradient(top, #3360a5 50%, #1d4d97 50%); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #3360a5 50%, #1d4d97 50%); color:#ffffff!important; border:solid 1px #848484; cursor:pointer;}
.Menu li a{ color:#434343; text-decoration:none; font-weight:bold;}
.Menu li a:hover, .Menu li:hover a, .Menu li.Active a{ color:#ffffff; text-decoration:none; }
.OverViewBox{width:870px; float:left; border: 4px solid #3360a5; background-color:#fff; margin-left: 20px; margin-bottom: 20px;}
.OverViewBoxHeading{font-size:14px; color:#484848; line-height:20px; margin:24px 24px 20px 24px;}
.OverViewBox h2{ width:100%; font-size:14px; font-weight:bold; color:#484848; float:left; margin:0px; padding:0px;}
.OverViewBox ul{  margin:0px; padding:0px;}
.OverViewBox li { width:800px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:28px; font-size:13px; color:#5a5a5a; margin:0 0px 10px 25px;}
.First{width:75px; float:left; margin-right:10px;}
.OverViewTextBox{width:700px; float:left;}
.OverViewTextBox p{ font-size:14px; color:#484848; line-height:20px; margin:0px; padding:0px;}

#hero-mp{width:920px; height:300px; background-image:url(/images/mp-gc/mp-hero.png); background-repeat: repeat-x;background-position: left top;}
#hero-mp h1 {font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:normal; margin-top:0px;}
#hero-mp a{font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:underline;}
#hero-mp a:hover{ font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
#hero-mp a.link{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration:underline;}
#hero-mp a.link:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 11px;color:#FFFFFF; text-decoration:none;}
#hero-mp .sub-header{ width: 500px; margin:0px; padding:10px 0 10px; line-height:18px;}
#hero-mp .reg-mark{font-size: 13px;}
/* HERO - Text Area */
#hero-mp #text-area { color:#3b3b3b; width:650px;  margin:22px 0px 0px 250px;  float:left;}
#hero-mp #text-area .sys-req { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; margin-top:5px;}
#hero-mp #text-area p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#696969; font-weight:normal;}
#hero-mp #text-area ul {list-style:none;  font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#696969; line-height:20px; padding: 0px; margin: 0px;}
#hero-mp #text-area ul li {padding-top: 4px; list-style: disc; position:relative; margin-left: 15px}
#hero-mp #text-area #mp-hero-bullets li.last { background-position: left 10px; padding-top:2px; line-height:18px;}
#hero-mp #dl-free-trial { margin-top: 20px; width: 156px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF;font-weight:normal; text-align:center;}
#hero-mp #jp-dl-free-trial { margin-top: 20px;  width: 155px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; font-weight:normal; text-align:left; margin-left:10px;}
.btn_FreeDownload{ background: url(/images/mp-gc/btn_FreeDownload.png) left top; width:302px; height:65px; float:left;margin-top: 25px;margin-left: -10px; text-decoration:none !important;}
.btn_FreeDownload:hover{ background-position:left bottom;}
.btn_FreeDownload .HTxt{ display:block; font-size:21px; font-weight:bold; color:#FFF; margin:9px 0 0 72px;}
.btn_FreeDownload .SHTxt{ display:block; font-size:11px; color:#243B0B; margin:0px 0 0 74px;} 
#logo {
    float: left;
    height: 55px;
    padding: 16px 0px 0px 12px;
    overflow: hidden;
}
.MarginT14 {
    margin-top: 14px!important;
}
.FloatRight{ float: right;}
#header {
    height: 84px;
    top: 0px;
    width: 940px;
    position: absolute;
    text-align: center;
    float: left;
    left:0px;
    z-index: 100;
}
.option_avg{
    font-size: 12px;
    color: #484848;
    margin: 0px 0px 40px 40px;
}
.height83{
    height: 83px;
}
#second{display: none;}
#third{display: none;}
.screenshots{
    margin: 40px 25px 0 25px;
}
.screenshots p{
    font-size: 14px;
    color: #484848;
/*    margin-left: 25px;
    margin-right: 10px;*/
}
.screenshots_First {
    float: left;
    width: 250px;
}

.screenshots_second {
    width: 250px;
    margin-left: 30px;
    float: left;
}
.screenshots_third {
    width: 250px;
    margin-left: 30px;
    float: left;
}
.MarginB100{ margin-bottom:100px;}
/*----------------------Thank you----------------*/
.thanku h1{ font:24px Arial, Helvetica, sans-serif; color:#484848;} 
.thanku p{ font:14px Arial, Helvetica, sans-serif; line-height:30px; color:#484848; margin:0px; padding:0px;} 
.thanku a{font:14px Arial, Helvetica, sans-serif; color:#4574c2; text-decoration:underline;}
.thanku a:hover{color:#4574c2; text-decoration:none;}
.downblock{ width:920px; float:left; background-color:#efefef; margin:0px 0px 0px 0px;}
.screenshot1{float:left; margin:20px 0px 25px 10px;}
.screenshot3{float:left; margin:20px 0px 25px 10px;}
.optional{ width:420px; font:18px Arial, Helvetica, sans-serif; float:left; color:#000; margin:40px 0px 0px 0px;}
.textalign{text-align:center;}
.downtext{font-size:18px; color:#000;}
.downtext a{font-size:14px; color:#3c69b6; text-decoration:underline;}
.downtext a:hover{color:#4574c2; text-decoration: none;}
.padding20-30{
    padding: 20px 30px;
}
.bold18{margin-bottom: -8px; font-weight: bold!important;}
.wid800{width: 800px!important;}
.wid710{width: 710px!important;}