/* TITANIUM */


#page {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	width: 730px;
}
a, a:hover, a:visited {
	color: #0085cf;
}
#head {
	clear: both;

	margin-top: 1em;
}
#guide {

	font-size: 14px;
	color: #000;

	letter-spacing: 1px;
	padding: 12px;
  margin: auto;
  background-color: #EBECED;
  padding:10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -khtml-border-radius: 10px;
}

#head-security {
	text-align: right;
	padding-right: 1em;
	background: url(fs_secure-ordering.png) no-repeat left;
	background-position: 600px 20px;
  position: absolute;
  width: 900px;
}
/**
 * Switches
 */

/* No security info */
.ns #head-security {
	display:none;
}
/* No header */
.nh #head {
	display:none;
}
/**
 * Override
 */

.store-order-action-list li {
	white-space: normal !important; /* france length */
}
.core-form-field-required .core-form-field-label {
	font-weight: bold;
}
.core-form-field-group + .core-form-field-group {
	margin-top: 2em;
}
.core-form-field-label {
	margin-bottom: 4px;
}
.core-body-window .core-section {
	width: 730px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	margin-top: 2em;
  
  background-color: #EBECED;
  padding:10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -khtml-border-radius: 10px;
}
.core-body-window .core-section-header {
 
  color: #00bb66;
  font-size: 22pt;
  letter-spacing: -1.5pt;
  line-height: 26pt;
  margin-left: 0px;
  margin-top:10px;
  margin-bottom: 10px;

}
.core-body-window .core-section-body {
	padding: 2em;
	border: 1px solid #aaa;
	background: #f8f8f8;
}

.store-footer {
	background-color: #EBECED;
	margin-bottom: 30px;
	padding: 2em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.store-footer a:link, .store-footer a:visited {
	color: #00bfff;
}
.store-footer a:hover {
	color: #ffa500;
	text-decoration: none;
}
.store-product-detail-description-short {
	margin-left: 1em;
}
.store-product-list-item {
	margin-bottom: 0;
}
.store-product-list-item-title {
	letter-spacing: 1px;
	text-shadow: 2px 2px 2px #ddd;
}
.store-product-list-item-description {
	margin-top: 1em;
}
.store-product-detail {
	line-height: 1.4em;
  width: 730px;
  background-color: #EBECED;
  margin: auto;
  margin-bottom: 30px;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
.store-product-detail-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	margin-right: 1em;
	text-shadow: 2px 2px 2px #ddd;
	letter-spacing: 1px;
}
.core-form-field-group-header, .store-product-list-item-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-right: 1em;
}
.store-page-navigation {
	border-top: 1px dotted #ddd;
}
.store-product-detail-quantity {
	margin-top: 10px;
}
.store-product-detail-description, .store-product-list-item-description {
/*	text-align: justify;*/
	margin-bottom: 1em;
}
.store-product-option-groups {
	padding-left: 1em;
	padding-right: 1em;
}
.core-form-field-body-note {
	font-size: 10px;
	margin-top: 4px;
	color: #666;
}



/*
jinak nadpisy:
H1 (pro ten napis Devhand SketchIt) je cca 40px....aspon teda v PS mi ukazuje 40pt .....
H2 30
H3 25
text 14-16

barvy:
zelena #00bb66
oranz #eea90c
seda pro text #999999
*/

body {
    font-family: Arial;
    font-size: 0.9em;
    background-image: url(imgs/bg.jpg);
    background-repeat: repeat-x;
    background-color: #414244; /*#eaecee;*/
    padding: 0;
    margin: 0;
    color: #777777;
}

a {
    color: #00bb66;
}

h4 {
    font-size: 10pt;
    margin-bottom: 6px;
}

.greenfont {
    color: #00bb66;
}

#footer {
    height: 485px;
    width: 100%;
}

#footersub {
    background-color: #414244;
    min-height: 185px;
    width: 100%;
}

#bottomcontainersub {
    width: 960px;
    margin: auto;
}

#content {
    background-color:  white;
    min-height: 660px;
    margin-top: 0px;
    width: 940px;
    margin: auto;
    margin-top: 13px;
    border: 10px solid white;
}

#top {
    height: 520px;
    max-height: 520px;
}

#topsub {
   
}

#topcontainer, #bottomcontainer {
    width: 960px;
    margin: auto;
}

#logo {
    float: left;
    width: 170px;
    height: 31px;
    background-image: url(imgs/logo.jpg);
    background-repeat: no-repeat;
    display: block;
}

#menubar {
    padding-top: 70px;
}

#menuitemsbar {
    float: right;
    padding-top:14px;
}

#menuitems {
    list-style-type: none;
}

#menuitems li {
    float: left;
    background-image: url(imgs/bullet.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    padding-right: 20px;
}

#menuitems li a {
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    color: #999999;
}

#menuitems li .ahighlighted {
    color: #eea90c;
}

#menuitems li a:hover {
    text-decoration: underline;
}

.topline {
    margin-top: 20px;
    height: 1px;
    background-color: #cccccc;
}

.clearing {
    clear: both;
}

#toptext {
    font-style: italic;
    font-size: 10pt;
    font-weight: bold;
    margin-top: 5px;
}

#homepageinfo {
    background-image: url(imgs/sketch.jpg);
    background-position: 480px 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 349px;
    margin-top: 19px;
    overflow: hidden;
}

#homepageleftinfo {
    width: 400px;
    margin-left: 80px;
}

.devhandtitle, .sketchittitle {
    color: #00bb66;
    font-size: 32pt;
    margin-bottom: 0px;
    padding-bottom: 0px;
    letter-spacing: -1.5pt;
    line-height: 26pt;
}

.maintitle {
    color: #00bb66;
    font-size: 32pt;
    letter-spacing: -1.5pt;
    line-height: 26pt;
    margin-left: 10px;
    margin-top: 20px;
}

.maintitlemini {
    color: #00bb66;
    font-size: 22pt;
    letter-spacing: -1.5pt;
    line-height: 26pt;
    margin-left: 0px;
    margin-top:10px;
    margin-bottom: 40px;
}

.devhandtitle {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0;
}

.sketchittitle {
    color: #eea90c;
}

.subtitlemotto {
    margin-top: 0px;
    color: #00bb66;
    font-weight: normal;
    letter-spacing: 0pt;
    padding-left: 0;
    margin-bottom: 0px;
    background-image: none;
    padding-top: 0px;
}

.homepagelist {
    list-style-type: none;
    line-height: 22px;
}

.homepagelist li {
    background-image: url(imgs/check.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 27px;
    padding-right: 0px;
}

.homepagedownloadbutton {
    background-image: url(imgs/download.jpg);
    background-repeat: no-repeat;
    width: 253px;
    height: 53px;
    display: block;
    color: white;
    font-weight: bold;
    font-size: 18pt;
    text-decoration: none;
    overflow: hidden;
    margin-top: 40px;
    margin-left: 30px;
}

.lastNews {
    margin-top: 20px;
}

.versioninfo {
    color: #00bb66;
    font-size: 10pt;
    margin-top: 0px;
    margin-left: 160px;
    font-weight: bold;
}

#homepageinfobottom {
    background-image: url(imgs/footer_hr_960.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 370px;
}

.qeweboImg, .footCopyright, .fbTwitt {
    height: 40px;
    float: left;
    font-size: 8pt;
    margin-top: 20px;
}

.footCopyright {
    width: 500px;
    text-align: center;
}

.footCopyright a {
    color: #999999;
}

.qeweboImg {
    background-image: url(imgs/qewebo.jpg);
    background-repeat: no-repeat;
    margin: 5px 0 0 25px;
    display: block;
    width: 180px;
}

.downloadCredentialsForm {
    margin-top: 60px;
}

.downloadCredentialsFormTitle label {
    font-weight: bold;
}

.downloadCredentialsFormTitle {
    text-align: right;
}

.downloadCredentialsFormTable {
    width: 400px;
    border: 1px solid #999999;
    margin-left: 30px;
    float:left;
    background-color: #EBECED;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

.downloadCredentialsFormNewsletterHint {
    font-weight: normal;
    font-size: 8pt;
}

.downloadCredentialsFormTable tr {
    height: 40px;
}

.downloadCredentialsFormTable .emailRow {
    height: 35px;
    vertical-align: bottom;
}

.downloadCredentialsFormTable .submitRow {
    height: 60px;
    vertical-align: top;
}

.downloadCredentialsForm .wide {
    width: 90%;
}

.downloadotherinfo {
    float:left;
    margin-left: 100px;
    width: 300px;
    font-size: smaller;
}

#sysReq {
    font-size: 7pt;
    margin-top: 80px;
}

#downloadSec {
    margin-left: 100px;
    margin-top: 40px;
}

.downloadSpan {
    font-size: 36px;
    color: #eea90c;
}

#contactsLeft {
    float: left;
    width: 608px;
}

#contactsRight {
    float: right;
    width: 310px;
    font-size: 10pt;

}

#contactsRight .rightBlock {
    margin-bottom: 40px;

    background-color: #EBECED;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

#contactsRight h3 {
    font-size: 11pt;
    margin-bottom: 6px;
    color: #eea90c;
}

.error {
    border: 1px red solid;
}

.left {
    float:left;
    width: 50%;
}

.right {
    float: right;
    width: 50%;
}

.center {
    margin: auto;
    width: 334px;
}

.featuresImg {
    margin-bottom: 20px;
    padding:7px;
    background-color:#EBECED;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

.featuresTop {
    background-color: #EBECED;
    width:920px;
    height:340px;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

.tutorialBox {
    background-color: #EBECED;
    width:920px;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

.exampleBoxLeft, .exampleBoxRight {
    background-color: #EBECED;
    width:430px;
    padding:10px;
    margin-bottom: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

.exampleBoxLeft {
    float: left;
}

.exampleBoxRight {
    float: right;
}

#pricing {
    background-color: #EBECED;
    height:180px;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

#aboutus {
    background-color: #EBECED;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

.supportForum, .supportOtherways {
    background-color: #EBECED;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

h2 {
    background-repeat: no-repeat;
    display: inline-block;
    height: 50px;
    margin-bottom: 0px;
}

.forumsTitle {
    background-image: url(imgs/forum.png);
}

.mailFormTitle {
    background-image: url(imgs/mail.png);
    margin-bottom: 0px;
    margin-top: 0px;
}

#botMsg {
    margin-top: 30px;
    padding-left: 30px; 
}

.contactsContent, #botMsg {

    background-color: #EBECED;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

#contactsRight h3 {
    background-repeat: no-repeat;
    height: 30px;
    padding: 3px 0 0 25px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.emailTitle {
    background-image: url(imgs/mail_small.png);
}

.personTitle {
    background-image: url(imgs/person_small.png);
}

.postTitle {
    background-image: url(imgs/post_small.png);
}

.itemContainer h2 {
    padding-left: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    background-image: none;
}

.buynowbutton {
    background-repeat: no-repeat;
    background-image: url(imgs/buynow.png);
    width: 232px;
    height: 89px;
    display: block;
    margin: auto;
}

.pricing-main, .pricing-renewal {
    background-color: #EBECED;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    width: 40%;
    float: left;
}

.pricing-renewal {
    float: right;
}

.pricingtitle {
    color: #00bb66;
    font-size: 22pt;
    letter-spacing: -1.5pt;
    line-height: 26pt;
    margin-left: 0px;
    margin-top:10px;
    margin-bottom: 40px;
}

.pricingbox {
    width: 90%;
    margin: auto;
}

.pricetext {
    font-weight: bold;
    font-size: 26pt;
    text-align: center;
}

.pricesubtext {
    font-size: 9pt;
    text-align: center;
}

.pricinglist {
    list-style-type: none;
    line-height: 22px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.pricinglist li {
    background-image: url(imgs/check.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 27px;
    padding-right: 0px;
}

.renewalinfo {
    margin: 30px;
}

.renewallink {
    display: block;
    margin: auto;
    width: 220px;
    text-align: center;
}

.pricingbelowbox {
    background-color: #EBECED;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}