/***global css starts here***/
* { padding:0; margin:0; }
body, h1, h2, h3, h4, h5, h6, ul, p, form, fieldset, img, ol, li { padding:0; margin:0; border:none; outline:none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; margin:0; padding:0; }
body { background:url(../images/body-bg.gif) repeat-x 0 0; font:11px Arial, Helvetica, sans-serif; color:#000; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
.clear { clear:both; }
.middle { vertical-align:middle }
.mt29 { margin-top:29px; }
.mt24 { margin-top:24px; }
.mt13 { margin-top:13px; }
.mt60 { margin-top:60px; }
.mt11 { margin-top:11px; }
.mt42 { margin-top:-42px; }
.mt98 { margin-top:-98px; }
/***global css ends here***/

#layout { margin:0 auto; width:895px; }
#inner-layout { width:895px; float:left }
h1 { float:left; width:800px; padding:30px 0 5px 45px }
.box { float:left; width:805px; padding:0 45px; }
.left-curve { float:left; width:23px; background:url(../images/left-curve.gif) no-repeat 0 0; height:618px; }
.right-curve { float:left; width:23px; background:url(../images/right-curve.gif) no-repeat 0 0; height:618px; }
.mid-bg { float:left; width:744px; background:url(../images/mid-bg.gif) repeat-x 0 0; height:594px; padding:24px 15px 0 0 }
.facebook { float:left; width:741px; padding:0 3px 0 0; text-align:right }
.row { float:left; width:744px; }
.col-left { float:left; width:323px; color:#656565; font:normal 20px/22px Arial, Helvetica, sans-serif; padding-top:12px }
.col-left span { color:#2b2b2b; font-weight:bold; }
.col-mid { float:left; width:52px; padding-top:12px }
.col-right { float:left; width:369px; }
.step-bg { float:left; width:86px; height:48px; background:url(../images/round-box.gif) no-repeat 0 0; text-align:center; color:#7f7f7f; font:bold 14px/18px Arial, Helvetica, sans-serif; margin:0 3px; padding-top:12px }
.col-right img { float:left; width:86px; margin:0 3px; }
.col-right img.download-btn { float:left; width:369px; margin:0; }
.table-box { float:left; width:361px; padding:0 4px; margin-top:15px; }
.box-left { float:left; width:10px; background:url(../images/box-left.gif) no-repeat 0 0; height:250px; }
.box-right { float:left; width:10px; background:url(../images/box-right.gif) no-repeat 0 0; height:250px; }
.box-mid { float:left; width:334px; background:url(../images/box-mid.gif) repeat-x 0 0; height:250px; padding:0 0 0 7px }
.box-row { float:left; width:334px; padding:10px 0; font-size:16px; color:#3a3a3a }
.box-col-left { float:left; width:165px; font-weight:bold; }
.box-col-right { float:left; width:169px; }
.box-row.bottom-row { font-size:11px; padding-top:18px }
.box-row a { color:#1d8be0; text-decoration:underline }
.box-row a:hover { text-decoration:none }
.windows { color:#383838; font-size:13px; font-weight:bold; padding-top:135px; }
.bottom-content { float:left; width:100%; }
.bottom-content p { color:#282828; font:normal 11px/24px Arial, Helvetica, sans-serif; float:left; width:100%; }
.bottom-content li { color:#282828; font:normal 11px/14px Arial, Helvetica, sans-serif; float:left; width:97%; list-style-type:none; margin-left:3% }
.copyright { float:left; width:100%; color:#7a7a7a; padding-top:36px; font-size:12px; text-align:center; padding-bottom:5px; }
footer { float:left; width:100%; background:#8c8c8c; color:#fff; height:96px; }
#footer-inner { width:895px; margin:0 auto; }
#footer-layout { float:left; width:895px; color:#fff; }
#footer-layout .links { float:left; width:895px; text-align:center; padding:10px 0; font-size:12px; font-weight:bold }
#footer-layout .links a { color:#fff; }
#footer-layout p { float:left; width:895px; text-align:center; font:normal 10px/15px Arial, Helvetica, sans-serif; }
.top-download { float:left; width:745px; padding:21px 75px; font:bold 20px/22px Arial, Helvetica, sans-serif; color:#fff; }
.blue-txt { color:#add7e7; float:left; width:100%; text-align:center; padding-bottom:8px; }
.blue-txt a { color:#fff; font-weight:bold; text-decoration:underline; }
.blue-txt a:hover { text-decoration:none; }
h3 { float:left; width:100%; color:#0385b5; font:bold 20px/22px Arial, Helvetica, sans-serif; text-align:center; padding:21px 0 31px 0 }
.step-row { float:left; width:745px; padding:21px 0px 0 0px; color:#535353; font:bold 18px/20px Arial, Helvetica, sans-serif; }
.step-one { float:left; width:378px; }
.step-two { float:left; width:367px; }
.thumb-row { float:left; width:745px; padding-top:10px; }
.run { float:left; padding-left:55px; width:auto }
.wizard { float:left; padding-left:68px; width:auto }
#canvass { margin:0 auto; width:778px; color:#383838; font-size:12px; float:left }
#canvass .box { margin:20px auto 0 auto; width:801px; }
#canvass .left { float:left; width:auto; color:#4a4a4a; margin:0px 0 0 20px; }
#canvass .left ul { list-style-type:none; color:#656565; font:normal 20px/22px Arial, Helvetica, sans-serif; padding-top:12px }
#canvass .left ul li { height:90px; line-height:80px; width:380px; background:url("../images/arrow.gif") no-repeat scroll 325px 27px transparent; }
#canvass .left ul li.second, #canvass .left ul li.third, #canvass .left ul li.fourth { background:none; }
#canvass .left ul li strong { float:left; width:80px; }
#canvass .right { float:left; width:362px; color:#2f2f2f; position:relative; }
#canvass .right a.dl_btn { display:block; width:369px; height:79px; background:url('../images/download-btn.gif') no-repeat; cursor:pointer; }
.right .step1 { width:362px; height:66px; margin:20px 0 16px 0; }
.right .step1 ul, .right .step2 ul { list-style-type:none; padding:0; list-style-position:outside; margin:0; }
.right .step1 ul li, .right .step2 ul li { float:left; color:#3d3d3d; text-align:center; cursor:pointer; }
.right .step1 ul li span, .right .step2 ul li span { display:block;/* padding:22px 0 0 0; */ cursor:pointer; }
.right .step1 ul li.one, .right .step1 ul li.two, .right .step1 ul li.three, .right .step1 ul li.four { float:left; width:86px; height:48px; background:url(../images/round-box.gif) no-repeat 0 0; text-align:center; color:#7f7f7f; font:bold 14px/18px Arial, Helvetica, sans-serif; margin:0 2px; padding-top:12px }
#canvass .left ul li.fourth { line-height:30px; }
.right .step2 { width:362px; height:82px; }
.right .step2 ul li.one { background:url('../images/usa.gif') no-repeat; width:86px; height:60px; margin:0 4px 0 0; }
.right .step2 ul li.two { background:url('../images/canada.gif') no-repeat; width:86px; height:60px; margin:0 4px 0 0; }
.right .step2 ul li.three { background:url('../images/uk.gif') no-repeat; width:86px; height:60px; margin:0 4px 0 0; }
.right .step2 ul li.four { float:left; width:86px; height:48px; background:url('../images/round-box.gif') no-repeat 0 0; text-align:center; color:#7f7f7f; font:bold 14px/18px Arial, Helvetica, sans-serif; margin:0 2px; padding-top:12px }
#canvass .right ul.requirements { list-style-type:none; margin:18px 0 20px 0; padding:0; border:solid 1px #d9d9d9; border-bottom:none; background:#e8f1fe; }
#canvass .right ul.requirements li { height:40px; line-height:40px; background:#e8f1fe; border-top:solid 1px #f9fbff; border-bottom:solid 1px #d9d9d9; font-size:17px; }
#canvass .right ul.requirements li.small { font-size:11px; text-align:left; padding:0 0 0 11px; color:#4e4e4e; }
#canvass .right ul.requirements li.small a { color:#1170de; text-decoration:underline; }
#canvass .right ul.requirements li strong { margin-left:10px; width:155px; float:left; }
#canvass .right ul.requirements li strong.os { width:177px; }
#canvass .right ul.requirements li span { float:left; }
#canvass .box .item { width:420px; float:left; margin-right:20px; text-align:center; }
#canvass .box .item span.one { margin-left:-40px; margin-top:-20px; display:block; position:absolute; height:93px; width:93px; background:url('../images/item_01.png') no-repeat; }
#canvass .box .item span.two { margin-left:-60px; margin-top:-20px; display:block; position:absolute; height:93px; width:93px; background:url('../images/item_02.png') no-repeat; }
#canvass .box .item h3 { margin:0 0 12px 0; color:#515151; font-size:18px; }
#canvass div.text { background-color:#ffffff; height:auto; overflow:hidden; position:relative; }
#canvass span.top { display:block; height:10px; background:url('../images/bg_canvass_top.png') no-repeat; }
#canvass span.bot { display:block; height:14px; }
.window { position:absolute; width:100%; bottom:20px; left:10px; }
.window img { float:left; }
.right .step1 ul li.selected, .right .step2 ul li.selected { cursor:pointer; }
.right .step1 ul li.active, .right .step1 ul li.selected, .right .step2 ul li.active.four, .right .step2 ul li.selected.four { background:url('../images/step1-active.gif') no-repeat; color:#fff; }
.right .step2 ul li.active.one, .right .step2 ul li.selected.one { background:url('../images/usa-active.gif') no-repeat; }
.right .step2 ul li.active.two, .right .step2 ul li.selected.two { background:url('../images/canada-active.gif') no-repeat; }
.right .step2 ul li.active.three, .right .step2 ul li.selected.three { background:url('../images/uk-active.gif') no-repeat; }
#canvass .right a.dl_btn.active { background:url('../images/download-btn.gif') no-repeat; }
#canvass .left ul li { background:none; }
#canvass .left ul li.active { background:url("../images/arrow.gif") no-repeat scroll 325px 27px transparent; }
step2 ul li.selected.four { background:url('images/step2_active_4.jpg') no-repeat; }
/****Pop up starts here****/
#popup { position:absolute; top:95px; left:13%; width:820px; }
#popup .popup-bg { background:url(../images/pop-bg-rep.gif) repeat-y 0 0; float:left; width:820px; }
#popup .popup-top { background:url(../images/pop-top-bg.gif) no-repeat 0 0; float:left; width:820px; }
#popup .popup-bottom { background:url(../images/pop-bottom-bg.gif) no-repeat 0 bottom; float:left; width:820px; }
#popup .contact-sec { float:left; width:780px; padding:27px 20px 34px; }
#popup .contact-sec .head-text { float:left; width:100%; padding-bottom:30px; }
#popup .contact-sec form { float:left; width:auto; }
#popup .contact-sec fieldset { float:left; width:auto; }
#popup .contact-sec h2 { float:left; background:url(../images/contact-us-text.gif) no-repeat 0 0; width:100%; height:23px; text-indent:-9999px; border-bottom:1px solid #484848; padding-bottom:12px; }
#popup .contact-sec p { float:left; width:780px; font:12px/18px Arial, Helvetica, sans-serif; color:#787878; padding-top:15px; }
#popup .contact-sec .form-left { float:left; width:350px; }
#popup .contact-sec .form-right { float:right; width:350px; padding-right:36px; }
#popup .contact-sec .form-row { float:left; width:100%; padding-top:20px; }
#popup .contact-sec label { float:left; text-align:right; width:68px; font:12px/28px Arial, Helvetica, sans-serif; color:#5e5e5e; padding:0 14px 0 0; }
#popup .contact-sec .input-bg { background:url(../images/input-bg.gif) no-repeat 0 0; float:left; width:267px; height:28px; }
#popup .contact-sec .input-bg input { border:none; float:left; font:12px/15px Arial, Helvetica, sans-serif; color:#5e5e5e; padding:6px 0 0 5px; width:262px; background:none; }
#popup .contact-sec .text-bg { background:url(../images/textarea-bg.gif) no-repeat 0 0; float:left; width:267px; height:78px; }
#popup .contact-sec .text-bg textarea { border:none; float:left; width:262px; height:72px; font:12px/15px Arial, Helvetica, sans-serif; color:#5e5e5e; padding:6px 0 0 5px; background:none; }
#popup .contact-sec input.send { background:url(../images/send-btn.gif) no-repeat 0 0; width:93px; height:29px; float:right; border:none; cursor:pointer; }
.close { position:absolute; right:-13px; top:-11px; background:url(../images/close-btn02.png) no-repeat 0 0; width:36px; height:36px; }
.close a { cursor:pointer; width:36px; height:36px; float:left; }
#popup2 { position:absolute; top:10px; left:13%; width:820px; color: #484848; font: 12px/24px Arial, Helvetica, sans-serif; }
#popup2 .popup-bg { background:url(../images/pop-bg-rep.gif) repeat-y 0 0; float:left; width:820px; }
#popup2 .popup-top { background:url(../images/pop-top-bg.gif) no-repeat 0 0; float:left; width:820px; }
#popup2 .popup-bottom { background:url(../images/pop-bottom-bg.gif) no-repeat 0 bottom; float:left; width:820px; }
#popup2 .privacy-sec { float:left; width:780px; padding:27px 20px 34px; }
#popup2 .privacy-sec .head-text { float:left; width:100%; padding-bottom:30px; }
#popup2 .privacy-sec h2 { float:left; background:url(../images/privacy.gif) no-repeat 0 0; width:100%; height:23px; text-indent:-9999px; border-bottom:1px solid #484848; padding-bottom:12px; }
#popup2 .privacy-sec h2.terms { background:url(../images/terms.gif) no-repeat 0 0; }
#popup2 .privacy-sec h2.EULA { background:url(../images/EULA.gif) no-repeat 0 0; }
#popup2 .privacy-sec h2.uninstall-guide { background:url(../images/uninstall-guide.gif) no-repeat 0 0; margin-bottom:10px; }
#popup2 .privacy-cont { float:left; width:742px; overflow:scroll; overflow-x:hidden; height:264px; margin-top:30px; border:1px solid #c0c0c0; background:#f4f4f4; padding:18px; }
#popup2 .privacy-cont p { color:#787878; font:normal 12px/18px Arial, Helvetica, sans-serif; padding-bottom:15px; }
.f11bold { font:bold 11px/18px Arial, Helvetica, sans-serif !important; }
.f11bold-orange { font:bold 11px/18px Arial, Helvetica, sans-serif !important; color:#e67800; }
#popup2 .privacy-cont p a { color:#787878; }
a.bluelink { color:#306595 !important; font-size:11px; font-weight:bold; }
.box2 { float:left; width:478px; margin:18px 151px 0 151px; background:#dcdcdc; color:#424242; -moz-border-radius:4px; border-radius: 4px; font:bold 12px/53px Arial, Helvetica, sans-serif; height:53px; }
.step { float:left; width:74px; color:#494949; font-size:20px; padding-left:10px; }
.normal-txt { float:left; width:auto; }
#popup2 .privacy-cont h1 { color:#484848; padding:0; font-size:18px; line-height:20px; }
ul, li { list-style:none; }
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:99999; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:hidden; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
.cboxPhoto { float:left; margin:auto; border:0; display:block; }
.cboxIframe { width:100%; height:100%; display:block; border:0; }
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background:url(../images/overlay.png) repeat 0 0; }
#colorbox { padding:0!important; }
#cboxTopLeft { width:2.1em; height:2.1em; display:none }
#cboxTopRight { width:2.1em; height:2.1em; display:none }
#cboxBottomLeft { width:2.1em; height:2.1em; display:none }
#cboxBottomRight { width:2.1em; height:2.1em; display:none }
#cboxMiddleLeft { width:2.1em; display:none }
#cboxMiddleRight { width:2.1em; display:none }
#cboxTopCenter { height:2.1em; display:none }
#cboxBottomCenter { height:2.1em; display:none }
#cboxContent { background:none; overflow:hidden; }
#cboxError { padding:5.0em; border:1px solid #ccc; }
#cboxLoadedContent {/*margin-bottom:28px;*/ }
#cboxTitle { position:absolute; bottom:0.4em; left:0; text-align:center; width:100%; color:#949494; }
#cboxCurrent { position:absolute; bottom:0.4em; left:58px; color:#949494; }
#cboxSlideshow { position:absolute; bottom:0.4em; right:30px; color:#0092ef; }
#cboxPrevious { position:absolute; bottom:0; left:0; width:2.5em; height:2.5em; text-indent:-9999px; }
#cboxPrevious.hover { background-position:-75px -25px; }
#cboxNext { position:absolute; bottom:0; left:27px; width:2.5em; height:2.5em; text-indent:-9999px; }
#cboxNext.hover { background-position:-50px -25px; }
#cboxLoadingOverlay { }
#cboxLoadingGraphic { }
#cboxClose { position:absolute; top:28px; right:40px; background:none; width:5.0em; height:2.0em; text-shadow: 1px 1px 1px #7C9348; font-size: 1em; color:#fff; font-weight:bold; font-family:"PT Sans", Arial, Helvetica, sans-serif; display:none; }
#cboxClose.hover { background-position:-25px -25px; }
/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}
/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft { background:url(images/ie6/borderTopLeft.png); }
.cboxIE6 #cboxTopCenter { background:url(images/ie6/borderTopCenter.png); }
.cboxIE6 #cboxTopRight { background:url(images/ie6/borderTopRight.png); }
.cboxIE6 #cboxBottomLeft { background:url(images/ie6/borderBottomLeft.png); }
.cboxIE6 #cboxBottomCenter { background:url(images/ie6/borderBottomCenter.png); }
.cboxIE6 #cboxBottomRight { background:url(images/ie6/borderBottomRight.png); }
.cboxIE6 #cboxMiddleLeft { background:url(images/ie6/borderMiddleLeft.png); }
.cboxIE6 #cboxMiddleRight { background:url(images/ie6/borderMiddleRight.png); }
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
