/* Do not remove any comments! */

/* General styles */

body {background-color:#F2F2F2} /* 1 */
html, body, td {font:small Tahoma, Verdana, Arial; color:#000; margin:0; padding:0; border-width:0; word-wrap:break-word;}

h1, h2, h3, h4 {font-weight:bold; padding:0; line-height:1.3;}
h1 {font-size:x-large; color:#00668E; margin:1.5ex 0 3ex;}
h2 {font-size:large; color:#00668E; margin:3.5ex 0 2ex;}
h1 + h2 {margin:-3ex 0 3ex;}
.colouredbox > h2 {margin:0.5ex 0 1ex;}
h3 {font-size:medium; color:#000; margin:2.5ex 0 1.5ex;}
h4 {font-size:small; color:#000; margin:2.5ex 0 1ex;}
p {margin:1ex 0; line-height:1.3;}
img {border-width:0;}
a {text-decoration:underline;}
a:link {color:#000;}
a:visited {color:#666;}
a:hover, a:active {color:#007799;}
ul, ol {list-style-position:outside; margin:1.5ex 0 1.5ex 1em; padding-left:1em;}
li {margin:0.7ex 0;}
input, select, textarea {font-family:inherit; font-size:inherit; padding-left:0.5ex; padding-right:0.5ex;}
input[type="submit"] {padding-left:1.5ex; padding-right:1.5ex;}

.ad {padding:4ex 0;}
.bold {font-weight:bold;}
.centered {text-align:center;}
.clearboth {clear:both;}
.code {font-family:"Courier New", Courier, monospace; padding:2ex 0 2ex 2em; background-color:#F6F6F6; border:1px dashed #999;}
.colouredbox {background-color:#FFFFCC; border:1px solid #BBB; padding:2ex; margin:2ex 0;}
.externallink:after {content:url("/img/external-link.gif"); vertical-align:middle; padding-left:0.3ex;}
.fullwidth {width:100%;}
.headerlink {font-size:small; font-weight:bold; color:#000; margin:0; padding:0.5ex 0;}
a.headerlink:link,  a.headerlink:visited {color:#000;}
a.headerlink:hover, a.headerlink:active {color:#007799;}
.highlight {background-color:#FF8C00; padding:0.3ex 1ex; display:inline-block;} /* 2 */
img.left {float:left; margin:0.3ex 10px 10px 0;}
img.flag {border:1px solid #666;}
.indented {padding-left:4em;}
.italic {font-style:italic;}
.newsdate {color:#666; padding-top:0.5ex; margin-bottom:-1ex;}
ul + h4.newsdate {padding-top:4ex;}
.padded {padding-top:2ex;}
.pricechange .oldprice {text-decoration:line-through;}
.pricechange .newprice {color:red; font-weight:bold;}
.smalltext {font-size:x-small;}
.socialmedia {margin:0 0 0.5ex 0; vertical-align:top; text-align:right; max-width:100%; overflow:hidden;}
div.fb-like.fb_iframe_widget, .fb_iframe_widget > span {vertical-align:top !important;}


a.buttondonate, a.buttonorder, a.buttonmanual, a.buttondownload {border-radius:6px; color:#FFF; font-weight:bold; text-decoration:none; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2); text-align:center; display:inline-block; padding:1.2ex 3ex; width:60%; max-width:38ex; box-shadow:0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, 0.2);}
a.buttondownload:active, a.buttondonate:active, a.buttonmanual:active, a.buttonorder:active {position:relative; top:1px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.5) inset;}

a.buttondonate, a.buttonorder {background-color:#FF8400; border:1px solid #BA4B01;}
a.buttondonate:hover, a.buttondonate:focus, a.buttondonate:active, a.buttonorder:hover, a.buttonorder:focus, a.buttonorder:active {background-color:#F77B07;}

a.buttonmanual {background-color:#00668E; border:1px solid #0C2E4C;}
a.buttonmanual:hover, a.buttonmanual:focus, a.buttonmanual:active {background-color:#005D82;}

a.buttondownload {background-color:#6AA800; border:1px solid #477000;}
a.buttondownload:hover, a.buttondownload:focus, a.buttondownload:active {background-color:#649E00;}

.infobox {padding:0 0 3ex 0;}
.infoboxheader {padding:0.7ex 1.5ex; font-size:medium; font-weight:bold; text-align:center; color:#FFF; background-color:#888;}
.infoboxcontent {padding:2ex 1.5ex; border:1px solid #BBB; border-top-width:0; background-color:#FAFAFA;}
.infoboxcontent ul, .infoboxcontent ol {list-style-position:outside; margin:1.5ex 0;}

.screenshot {clear:both; padding:2ex 0 3ex 0;} /* 11 */
.screenshot .picture {padding:2ex 0 1ex 0;}
.screenshot img {max-width:100%; height:auto;}
.screenshot .title {padding:0 0 3ex 5ex; font-style:italic;}
.screenshot .title:before {content:url("/img/arrow-up-grey.gif"); vertical-align:top; padding-right:1.5ex;}

.tablecoloured {border:1px solid #AAA; border-collapse:separate; border-spacing:2px; margin:2ex 0;}
.tablecoloured td, .tablecoloured th {padding:0.8ex;}
.tablecoloured th {font-weight:bold; color:#FFF; background-color:#888;}
.tablecoloured th a {color:#FFF;}
.tablecoloured tr.odd {background-color:#F6F6F6;}
/* .tablecoloured tr:hover {background-color:#E3E3E3;}  */
table.alternating tr:nth-child(even) {background-color: #FFF;}  /* not supported in older browsers, use "odd" class when possible */
table.alternating tr:nth-child(odd) {background-color: #F6F6F6;}
.tabletransparent td {padding:0.8ex;}
.tabletransparent th {font-weight:bold; color:#000; background-color:inherit; text-align:left;}
.nowrapping {white-space:nowrap;}
.formfields {min-width:50%; max-width:100%;}
.formfields .label {padding-bottom:0.5ex;}
.formfields .field {padding-bottom:2ex; width:100%; box-sizing:border-box;}
.inputfield {width:96%; max-width:50ex; box-sizing:border-box;}


.contentstree .header {font-weight:bold; font-size:medium; padding:5ex 0 0.5ex 0;}
.contentstree .button {padding-top:4ex;}
.contentstree .level1 {font-weight:bold; padding-top:3ex;}
.contentstree .level2 {padding-left:2ex;}
.contentstree .level2:before {content:"\2023"; padding-right:1ex;} /* 12 */

.pagemargin {width:80%; min-width:740px; margin:0 auto;}

#topline {text-align:right; background-color:#FFF;}
#topline-content {padding:0.8ex 1ex; background-color:#FFF;} /* 3 */
#topline a {display:inline-block; padding:0 0 0 1.9ex; color:#333;}
#topline a:before {content:url("/img/bullet-square.gif"); vertical-align:baseline; padding-right:0.7ex;}
#topline a:link, #topline a:visited {text-decoration:none;}
#topline a:hover, #topline a:active {text-decoration:underline;}

#menu {min-height:1px; background-color:#F2F2F2;}
#menu-content {padding:0 1ex; background-color:#F2F2F2;} /* 3 */

#logo, #logo .pic {width:235px; height:75px;}
#logo {float:left; margin:15px 0 10px 0; line-height:0;} /* 4 */
#logo .pic {background-image:url("/img/softperfect-logo-l.png"); background-repeat:no-repeat;}

#menutabs {margin-left:250px; text-align:right; height:100px; line-height:100px;} /* 5 */ /*  background:url("/img/bg-pic.png") no-repeat top left; */
.menutab {display:inline-block; width:24%; vertical-align:bottom; line-height:normal; margin-left:3px;} /* 6 */
.menutab a {display:block; margin:0; padding:1.5ex 1ex; text-align:center; font-size:medium; font-weight:bold; color:#FFF; background-color:#000; box-shadow:0px 10px 10px -10px #fff inset;} /* border-radius:10px 10px 0 0; */
.menutab a:link,  .menutab a:visited {color:#FFF; text-decoration:none;}
.menutab a:hover, .menutab a:active  {color:#FFF; text-decoration:underline;}
a#tabproducts, a#tabdownload, a#taborder, a#tabsupport {background-color:#333;}

#submenu {clear:both; background-color:#333;} /* 7 */
#submenu-content {padding:1.5ex 1ex; background-color:#333;}  /* 3 */
#submenu a {display:inline-block; padding:0 3ex 0 0; color:#FFF;}
#submenu a:link,  #submenu a:visited {text-decoration:none;}
#submenu a:hover, #submenu a:active  {text-decoration:underline;}
#submenuhome, #submenuproducts, #submenucompany, #submenudownload, #submenuorder, #submenusupport {display:none;}
.breadcrumbs a:before {content:url("/img/arrow-right-white.gif"); vertical-align:baseline; padding-right:0.8ex;}

#main {clear:both; background-color:#FFF;}
#main-content {padding:3ex 1ex; background-color:#FFF;} /* 3 */

#centralleft {width:68%; min-width:68%; float:left; padding-bottom:2ex;} /* 8 */
#rightcolumn {padding:0 0 2ex 0; margin-left:70%;}
#leftcolumn {width:25%; min-width:25%; float:left; padding-bottom:2ex;}
#centralright {padding:0 0 2ex 0; margin-left:27%;}
#centralright .screenshot {clear:none;}

#bottom {clear:both; background-color:#F2F2F2; border-top-width:9px; border-top-style:solid;} /* 9 */
#bottom-content {padding:2ex 1ex 0 1ex; background:url("/img/bg-logo.png") no-repeat bottom right;}
.bottom-column {float:left; width:33%;}
.bottom-column-content {padding:0 3ex 0 0;}
#copyright {padding:2ex 0 1ex; clear:both; text-align:center;}
#bottom a {color:#000;}
#bottom a:hover, #bottom a:active {color:#007799;}


/* Sections styles */

/* Main Page section */
#sectionhome .productbox {width:49%; float:left;}
#sectionhome .productbox-content {padding:0 5ex 5ex 0;}
#sectionhome #bottom {border-top-color:#6AA800;}
#sectionhome a#tabproducts {background-color:#6AA800; border-top:3px solid #ADCF73;}
#sectionhome #submenu, #sectionhome #submenu-content {background-color:#6AA800;}
#sectionhome #submenuhome {display:block;}

#product03, #product05, #product07, #product09 {clear:left;}

/* Products section */
#sectionproducts .productbox {width:49%; float:left;}
#sectionproducts .productbox-content {padding:0 10ex 5ex 0;}
#sectionproducts #bottom {border-top-color:#6AA800;}
#sectionproducts a#tabproducts {background-color:#6AA800; border-top:3px solid #ADCF73;}
#sectionproducts #submenu, #sectionproducts #submenu-content {background-color:#6AA800;}
#sectionproducts #submenuproducts {display:block;}

/* Company info section */
#sectioncompany #bottom {border-top-color:#333;}
#sectioncompany #submenu, #sectioncompany #submenu-content {background-color:#3A3A3A;}
#sectioncompany #submenucompany {display:block;}

/* Download section */
#sectiondownload #bottom {border-top-color:#6AA800;}
#sectiondownload a#tabdownload {background-color:#6AA800; border-top:3px solid #ADCF73;}
#sectiondownload #submenu, #sectiondownload #submenu-content {background-color:#6AA800;}
#sectiondownload #submenudownload {display:block;}
.tablecoloured td, .tablecoloured th {padding:2ex 1ex;}

/* Order section */
#sectionorder #bottom {border-top-color:#6AA800;}
#sectionorder a#taborder {background-color:#6AA800; border-top:3px solid #ADCF73;}
#sectionorder #submenu, #sectionorder #submenu-content {background-color:#6AA800;}
#sectionorder #submenuorder {display:block;}

/* Support section */
#sectionsupport #bottom {border-top-color:#6AA800;}
#sectionsupport a#tabsupport {background-color:#6AA800; border-top:3px solid #ADCF73;}
#sectionsupport #submenu, #sectionsupport #submenu-content {background-color:#6AA800;}
#sectionsupport #submenusupport {display:block;}


/* DESKTOP layout */
@media screen and (min-width: 1200px) {

.pagemargin {width:76%;  min-width:740px; margin:0 auto;}

}


/* MOBILE layout */
@media screen and (max-width: 767px) {

.smallscreenhide {display:none;}

ul, ol {padding-left:2ex;}
.contentstree {padding-left:3ex;}
.contentstree .header, .contentstree .button {text-align:center;}
.contentstree .header {padding-top:1ex;}

.nowrapping {white-space:normal;}

.pagemargin {width:100%; min-width:300px; margin:0 auto;}

p, li, h1, h2, h3, h4 {line-height:1.5;} /* 14 */
li a {line-height:1.7;} /* 14 */

#topline {text-align:right; background-color:#F2F2F2;}
#topline-content {padding:0.8ex 1ex; background-color:#F2F2F2; line-height:1.5;} /* 3 */  /* 14 */

#menu {min-height:150px; padding:1.5ex 0; background-color:#F2F2F2;}
#menu-content {padding:0; background-color:#F2F2F2;}

#logo, #logo .pic {width:75px; height:125px;}
#logo {float:left; margin:10px 20px; line-height:0;} /* 4 */
#logo .pic {background-image:url("/img/softperfect-logo-s.png");}

#menutabs {height:auto; margin-left:100px; line-height:normal; background-image:none;}
.menutab {display:block; vertical-align:middle; width:100%; line-height:normal; margin-left:0;} /* 6 */ /* 15 */
.menutab a {display:block; margin-left:10%; padding:1.5ex 1ex; text-align:center; font-size:medium; font-weight:bold; color:#FFF; border-radius:3ex 0 0 3ex / 50% 0 0 50%;}

#submenu {clear:both; text-align:center; background-color:#333;} /* 7 */
#submenu-content {padding:1ex; background-color:#333; line-height:1.5;} /* 3 */ /* 14 */
#submenu a {display:inline-block; padding:1ex 2ex; color:#FFF;}
#submenu a:before {content:""; display:none;}
#submenu a:link, #submenu a:visited, #submenu a:hover, #submenu a:active {text-decoration:underline;}

#centralleft, #leftcolumn {width:100%; float:none;}
#rightcolumn, #centralright {clear:both; padding:2ex 0 0 0; margin:0;}

.tablecoloured td, .tablecoloured th {padding: 0.8ex 0.7ex;}

.bottom-column {float:none; width:100%;}
.bottom-column-content {padding:2ex 0;}

/* Sections styles */
#sectionhome a#tabproducts, #sectionproducts a#tabproducts, #sectiondownload a#tabdownload, #sectionorder a#taborder, #sectionsupport a#tabpsupport {border-top-width:0;} /* 13 */
#sectionhome .productbox, #sectionproducts .productbox {width:100%; float:none; clear:both;}
#sectionhome .productbox-content, #sectionproducts .productbox-content {padding:2ex 0;}

}


/* TABLET layout, and older browsers */  /* 10 */
@media screen and (min-width: 768px) and (max-width: 1199px) {

.pagemargin {width:90%; min-width:740px; margin:0 auto;}

#logo, #logo .pic {width:160px; height:60px;}
#logo .pic {background-image:url("/img/softperfect-logo-m.png");}
#menutabs {margin-left:170px; text-align:right; height:85px; line-height:85px;}  /* 5 */

/* Sections styles */
#sectionhome .productbox, #sectionproducts .productbox {width:100%; float:none; clear:left;}
#sectionhome .productbox-content, #sectionproducts .productbox-content {padding:2ex 0;}

}


/* PRINT */
@media print {

body, #main, #main-content, .colouredbox, .highlight, .infoboxcontent, .infoboxheader, .tablecoloured th, .tablecoloured tr.odd, table.alternating tr:nth-child(even), table.alternating tr:nth-child(odd) {background-color:transparent;}
.newsdate, .infoboxheader, .tablecoloured th, h1, h2, a:visited {color:black;}
.tablecoloured {border-collapse:collapse;}
.tablecoloured th, .tablecoloured td {border:1px solid black;}
.infobox {padding:1ex 0 0;}
.infoboxheader {padding:0.5ex 0; font-size:large; text-align:left;}
.infoboxcontent {border:0; padding:0 0 1ex;}
.infobox .centered {text-align:left;}
.infobox .padded {padding:0;}

h1 {margin:0 0 1ex;}
h2 {margin:2ex 0 1.5ex;}
h1 + h2 {margin:-1ex 0 1.5ex;}
h3, h4 {margin:1.5ex 0 1ex;}
.nowrapping {white-space:normal;}

#main-content {padding:0;}
.pagemargin {width:100%; min-width:0; margin:0;}
.noprint, #topline, #menu, #submenu, #bottom, .socialmedia, .ad {display:none;}
#centralleft, #leftcolumn {width:100%; float:none;}
#rightcolumn, #centralright {clear:both; padding:2ex 0 0 0; margin:0;}

#sectionhome .productbox, #sectionproducts .productbox {width:100%; float:none; clear:both;}
#sectionhome .productbox-content, #sectionproducts .productbox-content {padding:2ex 0;}

.contentstree .level1, .contentstree .level2, .contentstree .button {display:none;}
.contentstree .header {padding-top:0; margin-bottom:-2ex;}

a.buttondonate, a.buttonorder, a.buttonmanual, a.buttondownload {border-radius:10px; border:1px solid #BBB; color:black; font-weight:normal; text-decoration:none; text-align:center; display:inline-block; padding:0.5ex 1ex; width:60%; max-width:30ex; background-color:transparent; box-shadow:none;}

#main:after {content:"\00A9  SoftPerfect, www.softperfect.com"; display:block; margin-top:2ex;}

}