/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-style:inherit; font-size:100%; line-height:1em; font-family:inherit; text-align:left; vertical-align:baseline;}
a img, :link img, :visited img{border:0; display:block;}
ol, ul{list-style:none;}
a:focus{-moz-outline-style:none;}
em {font-style:italic;}
/* General */
html{height:99%; overflow-y:scroll; margin-bottom:0px;}
body{font-family:verdana, sans-serif; color:#000; text-align:center; background:#6686b8 url('../images/wrapper_bg.png') repeat-y center top; height:99%;}
h1, h2, h3, h4, p, li, dt, dd, td, th{font-size:13px; line-height:17px; font-weight:normal;}
a, span, em, i, b, strong{font-size:1em;}
/* Typography */
#main h1{font-size:20px; line-height:24px; margin:13px 0 16px 0; font-weight:bold;}
#main h2{font-size:16px; line-height:17px; font-weight:bold; margin-bottom:10px; margin-top:25px;}
#main h3{font-size:14px; line-height:17px; font-weight:bold; font-style:italic; margin:16px 0 10px 0; color:#3c639f;}
#main h3.table_header{font-size:15px; font-weight:bold; color:#d9a536; font-style:normal;}
#main h4{font-size:13px; line-height:17px; font-weight:bold; margin:16px 0 10px 0;}
#main p{font-size:13px; line-height:17px; margin-bottom:12px;}
#main a, #main a:visited{color:#6988b9;}
/* Width of content areas is less than the width of the main area */
#main h1, #main h2, #main h3, #main p, #main blockquote {width:550px;}
#main blockquote p{width:440px;}
#main li{width:500px;}
/* In columns they must be full width */
.column h1, .column h2, .column h3, .column p, .column blockquote{width:auto !important;}
#main blockquote{border:3px double #b54a26; border-right:none; border-left:none; padding:17px 0; background:#eaf2ff;}
#main blockquote p{text-align:center; width:440px; margin:0 auto; font-size:15px; font-weight:bold; line-height:23px;}
#main blockquote span{font-weight:normal; font-style:italic; white-space:nowrap;}
#main ul{list-style-type:disc; margin-left:15px; margin-bottom:15px;}
#main ul li{padding-left:0px; margin-top:10px;}
#main p.buttons {margin-top:15px; margin-left:-7px}
#main p.buttons a img {display:inline;}
#main ol {list-style-type:decimal; margin-bottom:15px; margin-left:20px;}
#main ol li{padding-left:0px; margin-top:10px;}
/* Position */
#wrapper{ background-color:#fff; width:998px; position:relative; text-align:left; margin:0 auto; padding-left:1px; min-height:100%;}
/* Safari needed a little more of a nudge to get the backgrounds in line */
html[xmlns*=""] body:last-child #wrapper{padding-left:2px;}
/**/
#header{position:relative; }
#logo{display:block; margin:16px 0 15px 22px; font-size:11px; color:#000; text-decoration:none; font-weight:bold; width:300px;}
#logo span{padding-left:58px; line-height:21px;}
#content{position:relative; width:998px; overflow:hidden; background: #fff url('../images/swish_bg_short.png') no-repeat left top; padding:50px 0 120px 0;}
body.home #content{background-image:url('../images/swish_bg.png'); padding:0 0 170px 0;}
#content #main{float:right; clear:both; width:630px; margin-right:40px;}
#content #sidebar{float:left; width:310px; margin-left:10px; display:inline;}
#main #left{float:left; width:250px; margin-right:20px; display:inline;}
#main #right{float:right; width:360px;}
#sidebar h3{color:#b54a26; font-size:15px; font-weight:bold; background:url('../images/sidebar_bg.png') no-repeat left top; padding:15px;}
#sidebar ul{margin:10px 0 0 20px;}
#sidebar ul li{margin-top:5px;}
#sidebar ul li a{display:block; padding:10px 13px; font-size:12px; font-weight:bold; color:#696969; text-decoration:none;}
#sidebar ul li a:hover{color:#7087ab;}
#sidebar ul li.selected{background:url('../images/sidebar_nav_bg.png') no-repeat left top;}
#sidebar ul li.selected a{color:#fff;}
#sidebar ul li ul {margin:0;}
#sidebar ul li ul li {padding-left:25px;}
#sidebar ul li.selected ul li a {color:#696969;}
#sidebar ul li.selected ul li.selected a {color:#fff;}
#footer{width:998px; background:#d3e2f4 url('../images/footer_bg.png') no-repeat left top; position:absolute; bottom:0; height:80px;}
#copyright{margin-left:20px;}
#copyright, #copyright a{color:#6686b8; font-size:10px;}
ul.navigation{overflow:hidden;}
ul.navigation li{float:left;}
ul.navigation li a{display:block;}
ul.navigation li.last a{border:none !important;}
#help.navigation{position:absolute; top:5px; right:10px; width:400px; height:15px;}
/*#help.navigation{position:absolute; top:5px; right:10px; width:114px; height:15px;}*/
#help.navigation li{float:right;}
#help.navigation li a{font-size:10px; line-height:11px; color:#6686b8; border-right:1px solid #6686b8; padding:0 5px;}
#site.navigation{background:url('../images/navigation_bg.png') no-repeat left top; width:998px; height:41px;}
#site.navigation li{background:url('../images/navigation_divider.png') no-repeat right top; width:88px;}
#site.navigation li a{display:block; width:87px; height:42px; line-height:42px; text-align:center; color:#fff; text-decoration:none;}
#site.navigation li a:hover, #site.navigation li.selected a{background:url('../images/navigation_rollover.png') repeat top left;}
#bottom.navigation{padding:25px 0 5px 15px; height:13px;}
#bottom.navigation li a{font-size:13px; line-height:13px; color:#757575; border-right:1px solid #757575; padding:0 5px; text-decoration:none;}
/*= Pages */
/* Home*/
/* Product Area */
#product{position:relative; height:308px;}
#product h1{text-indent:-999em; width:510px; height:31px; background:url('../images/home_page_header.png') no-repeat left top; line-height:31px; position:absolute; top:40px; left:285px;}
#product h2{position:absolute; top:125px; left:285px; font-size:18px; line-height:22px; width:455px; height:90px;}
#shot{position:absolute; width:210px; height:250px; top:16px; left:50px;}
#shot span{position:absolute; top:214px; right:0; font-size:10px; color:#696969; text-align:right; width:210px; line-height:15px;}
#shot span a{color:#6686b8;}
#option_buttons{position:absolute; top:230px; left:280px;}
#option_buttons li{float:left; margin-right:5px;}
#option_buttons li a.download{padding:0;}
#option_buttons li a{display:block; padding-top:5px;}
/* Big bulleted list */
.bulleted{width:535px; margin:0 0 38px 277px;}
.bulleted li{margin-bottom:18px; background:url('../images/bullet.png') no-repeat left -5px; padding-left:35px;}
.bulleted li h3{font-size:15px; line-height:18px; font-weight:bold;}
.bulleted li p{font-size:12px; line-height:18px;}
.bulleted li a, .bulleted li a:visited{color:#6988b9;}
/* Social media links */
body.home a.twitter{position:absolute; top:117px; right:15px;}
a.twitter{background:url('https://twitter-badges.s3.amazonaws.com/follow_us-b.png') no-repeat; display:block; width:160px; height:27px; text-indent:-9999px; overflow:hidden;}
body.home a.checker{position:absolute; top:160px; right:59px;}
a.checker{background:url('../images/online_checker.png') no-repeat; display:block; width:72px; height:72px; text-indent:-9999px; overflow:hidden;}
/*Features*/
#features{border-top:2px solid #849b3a; width:918px; margin:0 auto; padding-top:30px; overflow:hidden;}
#features ul{width:1000px;}
#features li{float:left; width:195px; font-size:13px; margin-right:50px;margin-bottom:1px;}
#features li h3{font-size:14px; font-weight:bold; color:#3a598b; margin:23px 0 5px 0; width:190px;}
#features li p{line-height:14px; width:190px;}
#features li a{display:block; color:#849a38; margin-top:8px;}
/*Tables*/
.table{background:url('../images/table_bg.png') no-repeat left top; margin-bottom:20px; width:625px; border:1px solid #57729d;}
table{width:100%; border-bottom:6px solid #57729d;}
caption{font-size:17px; font-weight:bold; color:#fff; padding:5px 0 20px 10px; /* Firefox needs an extra bit of height */ -moz-height:50px;}
th{color:#fff; font-size:14px; font-weight:bold; padding:5px 5px 5px 10px; border-bottom:1px solid #fff;}
td{padding:7px 10px; border-bottom:1px solid #e7e7e7; background-color:#fff;}
tr.odd td, tbody.odd td{background-color:#ebebeb; border-bottom:1px solid #d7d7d7;}
table.featurematrix td.tick, td.cross {text-indent:-9999px; background-repeat:no-repeat; background-position:10px 8px;}
tr.break td {border-top:solid 1px #57729d;}
table.featurematrix td.tick {background-image:url('../images/tick.png');}
table.featurematrix td.cross {background-image:url('../images/cross.png');}
table.featurematrix td {padding-right:20px;font-size:11px;}
table.featurematrix th {font-size:12px;}
table.purchase td {vertical-align:middle;}
table.purchase td.checkout {width:100px; text-align:center; padding-left:25px;}
table td.caps {background-color:#ebebeb;}
#main .table ul {width:auto;}
#main .table li {width:auto;margin-top:0;margin-bottom:10px;}
.comparison {width:550px;}
.comparison td {width:50%; vertical-align:top;}
/*Clients*/
#main ul.clientList {list-style:none;margin-left:0px;}
#main ul.clientList li, #main ul.clientList li a {line-height:20px;margin-left:0px;margin-top:0px;}
#main ul.clientList span.icons {margin-left:5px;white-space:nowrap;}
#main ul.clientList a.icon {display:inline-block;width:16px;height:16px;text-indent:-9999px;overflow:hidden;vertical-align:middle;margin-left:3px;}
#main ul.clientList a.twitter {background:url('http://twitter-badges.s3.amazonaws.com/t_mini-a.png') no-repeat left bottom;}
#main ul.clientList a.linkedin{background:url('http://www.linkedin.com/img/webpromo/btn_in_20x15.png') no-repeat left bottom;width:15px;}
#main ul.clientList a.facebook{background:url('../images/icon-facebook.png') no-repeat left bottom;}
/*Captioned Images*/
.captioned{padding:11px 0; margin-bottom:23px; overflow:hidden;}
.captioned div{float:left; width:auto; background:#e9e9e9; padding:10px 12px 1px 10px;}
.captioned img{float:left; border:1px solid #6988b9;}
.captioned .caption{display:block; clear:left; padding-top:11px; margin:11px; margin-left:0; font-size:12px; color:#5a5a5a; line-height:16px; font-style:italic; width:auto;}
/*ul.faqquestions ul { margin:0; }
ul.faqquestions li { line-height:auto; list-style-type:none; margin-left:-15px; margin-bottom:5px; }*/
/*Download*/
#download ol.steps {list-style:none;margin-left:0px;}
#download ol.steps li{margin-bottom:30px;line-height:normal;}
#download ol.steps li p, ol.steps li form{margin-left:18px;}
#download ol.steps li h2{margin-left:0;}
#main ol.steps li p{width:450px;}
#main ol.steps li#step_1 p{width:500px;}
/*Video Tutorials*/
#main ul.videoList { margin:0; }
#main ul.videoList li { list-style-type: none; position:relative; padding:0; margin:0; }
#main ul.videoList li a.thumbnail { position:absolute; top:2px; left:0; border: solid 1px #ccc; padding:4px; }
#main ul.videoList li .details { margin-left: 143px; min-height:100px; }
#main ul.videoList li .details h3, #main ul.videoList li .details p { width:407px; }
#main p.youtubeSubscribe { margin-top:20px; width: 530px; background: url(http://s.ytimg.com/yt/img/creators_corner/YouTube/youtube_32x32.png) no-repeat left 2px; padding-left:40px; min-height:35px; }
/*Form*/
/*General*/
input.text, input.shorttext, textarea{font-size:13px;}
label{display:inline}
.validator{font-size:12px;color:#D63301 !important;margin-left:10px;}
input.required, textarea.required {background-color:#FFBBCA;}
div.error p { font-weight:bold; }
/*Numbered*/
#numbered{margin-top:30px;}
#numbered fieldset{font-size:12px; background:#e9e9e9; position:relative; padding:0 0 15px 0; margin-bottom:20px;}
/* Safari needed a little more of a nudge */
html[xmlns*=""] body:last-child #numbered fieldset{padding-top:15px;}
html[xmlns*=""] body:last-child #numbered fieldset h3{margin-top:0;}
/**/
#numbered fieldset div{margin-left:75px; margin-top:10px;}
#numbered fieldset h3{font-size:12px; margin-left:75px; margin-top:15px; margin-bottom:15px;}
#numbered fieldset span label{display:inline; float:none;}
#numbered fieldset label{font-size:12px; display:block; float:left; line-height:22px; width:125px;}
#numbered fieldset span.number{display:block; position:absolute; top:-20px; left:-20px; font:bold 40px/74px Helvetica, arial; color:#fff; padding:0 0 0 22px; width:74px; height:74px; background:url('../images/number_bg.png') no-repeat left 3px;}
#numbered input.text, form#numbered textarea{width:295px;}
#numbered input.shorttext{width:195px;}
#numbered .submit{width:100%; text-align:right;}
/*Download*/
#download fieldset {margin-left:18px;}
#download label{display:block; font-size:13px; line-height:14px; font-weight:bold; font-style:italic; margin:5px 0 10px 0; color:#3c639f; cursor:pointer;}
#download div{width:235px; margin:0 10px 15px 0;}
#download ol.steps li{clear:left; float:left; width:100%;}
#download ol.steps li h2{margin-top:0;}
/* Remove this inline class from form for one field per line */
#download div.inline{float:left; overflow:hidden;}
#download input.text{background:#ededed; width:96%;}
#download #receive_updates label{display:inline; font-size:10px; color:#696969; font-style:normal; font-weight:normal;}
#download #receive_updates input{float:left; margin-right:10px;}
#download #download_trial{margin-left:15px;}
#download_trial a{margin-left:3px;}
#download_trial span, #download_trial .alternate{display:block; margin-left:3px; clear:left; font-size:11px; line-height:15px; color:#696969; margin-bottom:10px;}
#download_trial span a{margin:0;}
#download_trial .version, #download_trial .filesize{font-size:12px; margin:10px 23px 15px 3px; clear:none; color:#000;}
.system{border-right:1px solid #6988b9; padding-right:3px; margin-right:5px;}
/*Online Checker*/
#checker ol.steps {list-style:none;margin-left:0px;}
#checker ol.steps li{margin-bottom:30px;line-height:normal;}
#checker ol.steps li p, ol.steps li form{margin-left:18px;}
#checker ol.steps li h2{margin-left:0;}
#checker fieldset {margin-left:18px;}
#checker label{display:block; font-size:13px; line-height:14px; font-weight:bold; font-style:italic; margin:5px 0 10px 0; color:#3c639f; cursor:pointer;}
#checker div{width:235px; margin:0 10px 15px 0;}
#checker ol.steps li{clear:left; float:left; width:100%;}
#checker ol.steps li h2{margin-top:0;}
/* Remove this inline class from form for one field per line */
#checker div.inline{float:left; overflow:hidden;}
#checker input.text{background:#ededed; width:96%;}
#checker #receive_updates label{display:inline; font-size:10px; color:#696969; font-style:normal; font-weight:normal;}
#checker #receive_updates input{float:left; margin-right:10px;}
#checker #uploadForm { width: auto; }
#checker .fileSize, #checker .fileExtension { display: none; }
#checker #uploadProcessing{display:none;background:url(../images/poweredbyperfectit.gif) no-repeat center 80px;width:550px;height:200px;}
#checker #downloadPerfectIt{background:url(../images/product_shot-small.jpg) no-repeat top right;width:550px;height:200px;}
#checker #downloadPerfectIt h3, #checker #downloadPerfectIt p{width:465px;}
#checker .privacy{font-size:11px; margin-top:10px;clear:both;}
#checker p.error {border:solid 1px #D63301;color:#D63301;background:#FFCCBA url('../images/exclamation.png') no-repeat 7px 7px;padding:5px 5px 5px 46px;margin-top:10px;width:499px}
#checker input.submit{margin-top:10px;}
#checker fieldset .validator{margin-left:0;}
/* Add This */
div.addthis_toolbox { float:right; font-size:12px; line-height:normal; padding:0 15px 10px 0; }
div.addthis_toolbox a { font-size:12px; text-decoration:none; line-height:normal; }