/*
** Zbigniew Pieślak
** 2009/04/22
*/
html { height: 100%; margin-bottom: 1px; background: #fff url("../../images/header-bg.png") repeat-x 0 0; font-size: 100%; }
body { padding: 0; padding-top: 20px; background: transparent url("../../images/footer-bg.png") repeat-x 0 100%; color: #859aa7; font: .75em/1.5 "Trebuchet MS", "Helvetica", sans-serif; }
* { margin: 0; padding: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
ul, ol { margin-left: 0; padding-left: 2em; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
textarea, input, select, option, optgroup, button, select { font: 1em "Arial", "Helvetica", sans-serif; }
img { border: none; vertical-align: bottom; }
a { text-decoration: none; outline: none; cursor: pointer; }
a:hover { text-decoration: underline; }
button, input.radio, input.checkbox, label, select { cursor: pointer; }
form input { border: none; }
form input, form select, form textarea { background-color: #fff; }

/*
 * some globally used classes
 */
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

.wrapper { width: 980px; margin: 0 auto; }
.hide { display: none; }
.loading { height: 230px; padding-top: 70px; text-align: center; }

/*
** header
*/
p.header-contact { font-family: "Arial", "Helvetica", sans-serif; }
p.header-contact a { padding: 0 2px; }
p.header-contact a, p.header-contact span { color: #3e5a6c; }
form.header-language { padding-left: 15px; }
form.header-language select { width: 140px; padding: 2px 0; border: 1px solid #d3d8d9; color: #6d808b; font-size: .75em; }
h1.header-logo { position: relative; overflow: hidden; height: 97px; margin:0 20px 0 35px; background: transparent url("../../images/header.png") no-repeat 0 0; }
h1.header-logo a { overflow: hidden; float: left; width: 320px; height: 60px; border-right: 1px solid #e3e6e7; text-indent: -99em; }
h1.header-logo span { float: left; width: 584px; height: 97px; padding: 10px 0 0 20px; background: transparent url("../../images/header-street.png") no-repeat 100% 0; color: #3e5a6c; font-size: 1.45em; line-height: 1.2em; }
h1.header-logo span strong { color: #d85a0a; text-transform: uppercase; }


/*
** home - index
*/
p.header-main { width: 900px; height: 120px; margin-top: -30px; padding: 195px 0 0 78px; background: transparent url("../../images/header-main.jpg") no-repeat 0 0; font: 1.33em "Arial", "Helvetica", sans-serif ; }
p.header-main a.demo, p.header-main a.tutorial { float: left; height: 43px; padding-left: 15px; margin-right: 15px; }
p.header-main a.demo span, p.header-main a.tutorial span { display: inline-block; height: 43px;  padding-right: 15px; color: #fff; line-height: 40px; }
p.header-main a.demo { background: #e7af06 url("../../images/header-button-demo.png") no-repeat 0 0; }
p.header-main a.demo span { margin: 0 auto; background: transparent url("../../images/header-button-demo.png") no-repeat 100% 0; }
p.header-main a.demo:hover { background: transparent url("../../images/header-button-demo.png") no-repeat 0 -43px; text-decoration: none; }
p.header-main a.demo:hover span { margin: 0 auto; background: transparent url("../../images/header-button-demo.png") no-repeat 100% -43px;  }

p.header-main a.tutorial { background: #e7af06 url("../../images/header-button-tutorial.png") no-repeat 0 0; }
p.header-main a.tutorial span { background: transparent url("../../images/header-button-tutorial.png") no-repeat 100% 0; }
p.header-main a.tutorial:hover { background: #e7af06 url("../../images/header-button-tutorial.png") no-repeat 0 -43px; text-decoration: none; }
p.header-main a.tutorial:hover span { background: transparent url("../../images/header-button-tutorial.png") no-repeat 100% -43px; }

ul.navigate { overflow: hidden; margin-right: -30px; padding: 15px 0 30px 30px; list-style: none; }
ul.navigate li { float: left; }
ul.navigate li a { float: left; width: 185px; padding-left: 55px; background: transparent url('../../images/navigate.png') no-repeat 0 0; color: #3e5a6c; font-weight: bold; line-height: 44px; text-transform: uppercase; }
ul.navigate li a:hover { color: #1b209d !important; text-decoration: none; }
ul.navigate li.last a { color: #d4500d; font-size: 1.33em; }
ul.navigate li#index a:hover { background-position: 0 -94px; }
ul.navigate li#types a { width: 165px; background-position: 0 -188px; }
ul.navigate li#types a:hover { background-position: 0 -281px; }
ul.navigate li#support a { background-position: 0 -376px; }
ul.navigate li#support a:hover { background-position: 0 -469px; }
ul.navigate li#order-choose a { background-position: 0 -563px; }
ul.navigate li#order-choose a:hover { background-position: 0 -656px; }
ul.navigate li#rapidplan-sales a { background-position: 0 -752px; }
ul.navigate li#rapidplan-sales a:hover { background-position: 0 -846px; }

.main-home-wrapper { padding-top: 19px; background: transparent url("../../images/main-home-bg-top.png") no-repeat 0 0; }
.main-home { overflow: hidden; width: 100%; height: 260px; padding-bottom: 9px; background: #d4500d url("../../images/main-home-bg-bottom.png") no-repeat 0 100%; color: #fff; }
.main-home .news { font: normal .8em "Arial", "Helvetica", sans-serif; }
.main-home .more, .main-types .more, .main-support .more { font: bold .75em "Arial", "Helvetica", sans-serif; text-transform: uppercase;  }
.main-home strong.more, .main-types strong.more, .main-support strong.more { display: block; float: right; height: 23px; padding-left: 10px; background: transparent none no-repeat 0 0; line-height: 23px; }
.main-home strong.more a, .main-types strong.more a, .main-support strong.more a { display: inline-block; height: 23px; padding-right: 10px; background: transparent url("../../images/main-left-more-rght.png") no-repeat 100% 0; color: #fff; }

.main-home .left { width: 291px; height: 100%; padding-left: 15px; background-color: #bb4002; }
.main-home .left p.globe { width: 150px; height: 77px; padding: 25px 0 0 125px; background: transparent url("../../images/main-home-globe.png") no-repeat 0 0; }
.main-home .left p.globe span { display: block; font-size: 2em; line-height: 1em; }
.main-home .left p.globe span.title { font-size: 1.5em; }
.main-home .left p.globe .more { display: block; padding-top: 5px; color: #eea27a; font-size: .75em; }
.main-home .left h1 { width: 189px; height: 29px; padding-left: 35px; margin: 20px 0 10px; background: transparent url("../../images/main-arrow-book.png") no-repeat 0 0; text-transform: uppercase; font-size: 1.8em; line-height: 34px; }
.main-home .left p.news { color: #fa9f1b; font-size: .9em; }
.main-home .left p.news a { padding-left: 5px; color: #fff; text-decoration: underline; font-size: 1.1em; font-weight: bold; }
.main-home .left p.news a:hover { text-decoration: none; }
.main-home .left strong.more, .main-support .left strong.more { margin: 5px 60px 0 0; background-image: url("../../images/main-left-more-lft.png"); }
.main-home .left strong.more a, .main-support .left strong.more a { background-image: url("../../images/main-left-more-rght.png"); }

.main-home .right { overflow: hidden; width: 624px; }
.main-home .star-main { background: transparent url("../../images/main-star.png") no-repeat 280px 0; }
.main-home .right h1 { height: 27px; padding: 0 0 25px 43px; margin-top: 30px; background: transparent url("../../images/main-arrows.png") no-repeat 0 0; text-transform: uppercase; font-size: 1.8em; line-height: 1.3em; }
.main-home .right ul, .main-home .right ul li, ul.bullets { display: block; list-style: none; padding: 0; }
.main-home .right ul li { padding: 0 0 20px 35px; background: transparent url("../../images/main-marker2.png") no-repeat 0 -4px; font: 1.2em/1.4em "Arial", "Helvetica", sans-serif; }
.main-home .right strong.more { margin: 5px 25px 0 0; background-image: url("../../images/main-center-more-lft.png"); }
.main-home .right strong.more a { background-image: url("../../images/main-center-more-rght.png"); }
.main-home .right p.right { display: block; width: 162px; height: 170px; padding: 90px 0 0 182px; }
.main-home .right p.star-en { background: transparent url("../../images/star-en.png") no-repeat 40px 59px; }
.main-home .right p.star-es { background: transparent url("../../images/star-es.png") no-repeat 40px 59px; }
.main-home .right p.star-fr { background: transparent url("../../images/star-fr.png") no-repeat 40px 59px; }
.main-home .right p.right span { display: block; font-size: 2.5em; line-height: .8em; }
.main-home .right p.right strong.more { margin: 10px 79px 0 0; background-image: url("../../images/main-right-more-lft.png"); }
.main-home .right p.right strong.more a { background-image: url("../../images/main-right-more-rght.png"); }

ul.bullets li { padding: 0 0 15px 35px; background: transparent url("../../images/main-marker2.png") no-repeat 0 -4px; font: 1.2em/1.4em "Arial", "Helvetica", sans-serif; }
ul.bullets a { color: #fff; text-decoration: underline; }


/*
** home - types
*/
.main-types-wrapper { padding-top: 18px; background: transparent url("../../images/main-types-bg-top.png") no-repeat 0 0; }
.main-types { overflow: hidden; padding: 27px 45px 65px; background: #d4500d url("../../images/main-types-bg-bottom.png") no-repeat 0 100%; color: #fff; }
.main-types h1 { padding-left: 45px; margin-bottom: 15px; background: transparent url("../../images/main-arrows-plain.png") no-repeat 0px 0px; font-size: 1.8em; line-height: 1.3em; }
.main-types div.box { width: 237px; height: 192px; float: left; padding: 25px; margin: 0 14px 20px 0; background: transparent url("../../images/main-types-box.png") no-repeat 0px 0px; }
.main-types div.last { margin-right: 0; }
.main-types div.box h2 { padding: 0 0 10px 25px; background: transparent url("../../images/main-types-marker.png") no-repeat 0 0; font-size: 1.75em; line-height: 1.05em; text-transform: uppercase; }
.main-types div.box p { padding-bottom: 0; font-family: "Arial", "Helvetica", sans-serif; }
.main-types strong.more { height: 22px; margin: -5px 3px 5px 0; background: transparent url("../../images/main-types-more.png") no-repeat 0 0; }
.main-types strong.more a { background: transparent url("../../images/main-types-more.png") no-repeat 100% 0; }
#fancy_outer div#fancy_div, #fancy_outer #fancy_inner, #fancy_outer #fancy_bg * { background: none; }
#fancy_outer .box-content-wrapper-top { width: 697px; padding-top: 5px; background: transparent url("../../images/popup-top.png") no-repeat 30px 0; }
#fancy_outer .box-content-wrapper-bottom { padding: 0 30px 5px; background: transparent url("../../images/popup-bottom.png") no-repeat 30px 100%; }
#fancy_outer .box-content { position: relative; width: 627px; padding: 10px 20px; background-color: #fff; }
#fancy_outer .box-content h2 { padding-bottom: 10px; color: #d4500d; font-size: 1.833em; text-transform: uppercase; }
#fancy_outer .box-content a.close { position: relative; float: right; width: 22px; height: 22px; background: transparent url("../../images/popup-close.png") no-repeat 0 0; }
#fancy_outer a#fancy_left { position: absolute; top: 40%; width: 53px; height: 48px; background: transparent url("../../images/popup-prev.png") no-repeat 0 0; }
#fancy_outer a#fancy_right { position: absolute; top: 40%; width: 53px; height: 48px; background: transparent url("../../images/popup-next.png") no-repeat 0 0; }
#fancy_outer a#fancy_left span, #fancy_outer a#fancy_right span { display: none; }
#fancy_outer .box-content img { border: 3px solid #e2e2e2; }
#fancy_outer .box-content p { padding-top: 15px; color: #343434; font: 1em "Arial", "Helvetica", sans-serif; }

/*#watch-demo { display: none !important; }*/

/*
** shadowbox
*/
/*#sb-body, #sb-loading  { background-color: #fff; }*/

/*
** home - support
*/
.main-support-wrapper { padding-top: 18px; background: transparent url("../../images/main-support-bg-top.png") no-repeat 0 0; }
.main-support { width: 100%; padding-bottom: 8px; background: #d4500d url("../../images/main-support-bg-bottom.png") no-repeat 0 100%; color: #fff; }
.main-support-bg { zoom: 1; overflow: hidden; background: transparent url("../../images/main-support-bg.png") repeat-y 0 0; }
.main-support h1 { font-size: 1.8em; line-height: 27px; }
.main-support .left { width: 221px; padding: 18px 45px 12px 40px; background-color: #bb4002; }
.main-support .left h1 { padding: 0 0 10px 35px; background: transparent url("../../images/main-support-books.png") no-repeat 0 0; text-transform: uppercase; }
.main-support .left h1 span { display: block;  border-bottom: 1px solid #cf5a09; }
.main-support .left ul.faq-list { padding: 0; list-style: none; font: bold 1.1em "Arial", "Helvetica", sans-serif }
.main-support .left ul.faq-list li { padding: 0 0 10px 15px; background: transparent url("../../images/main-question-mark.png") no-repeat 0 2px; }
.main-support .left ul.faq-list li a { color: #fff; text-decoration: underline; }
.main-support .left ul.faq-list li a:hover { text-decoration: none; }
.main-support .left strong.more { margin: 0; }
.main-support .right { width: 674px; }
.main-support .right .subcolumn-left { float: left; padding: 18px 39px 0 34px; }
.main-support .right .subcolumn-left h1 { padding: 0 0 10px 25px; background: transparent url("../../images/camera.png") no-repeat 0 3px; }
.main-support .right .subcolumn-left h1 span, .main-support .right .subcolumn-right h1 span { display: block;  border-bottom: 1px solid #db710c; }
.main-support .right .subcolumn-right { float: right; width: 308px;  padding: 18px 50px 0 0; }
.main-support .right .subcolumn-right h1 { margin-left: 40px; padding: 0 0 10px 25px; background: transparent url("../../images/envelope.png") no-repeat 0 6px; }
.main-support .right .subcolumn-right form dl { overflow: hidden; }
.main-support .right .subcolumn-right form dl dd { padding-bottom: 12px; }
.main-support .right .subcolumn-right form dl dd input.text { width: 175px; height: 20px; border: none; border: 1px solid #d3d8d9; }
.main-support .right .subcolumn-right form dl dd textarea { width: 175px; height: 45px; border: none; border: 1px solid #d3d8d9; }
.main-support .right .subcolumn-right form dl dt { float: left; width: 116px; padding-right: 15px; font: 1em/20px "Arial", "Helvetica", sans-serif; text-align: right; }
.main-support .right .subcolumn-right form dl dd.submit { float: right; display: inline; margin-left: 50px; padding-left: 20px; background: transparent url("../../images/main-support-send.png") no-repeat 0 0; }
.main-support .right .subcolumn-right form dl dd.submit input { height: 22px; padding-right: 20px; background: transparent url("../../images/main-support-send.png") no-repeat 100% 0; border: none; color: #fff; font-size: .75em; font-weight: bold; text-transform: uppercase; }
.main-support .right .subcolumn-right form dl ul.errors { list-style: none; padding: 0; }
.main-support .right .subcolumn-right form dl ul.errors li { float: right; padding: 0 0 10px 25px; }
.main-support .right .subcolumn-right p.form-sent { font-family: "Arial", "Helvetica", sans-serif; text-align: center; }


/*
** home - order
*/
.main-order-wrapper { padding-top: 18px; background: transparent url("../../images/main-types-bg-top.png") no-repeat 0 0; }
.main-order { overflow: hidden; padding: 27px 45px 65px; background: #d4500d url("../../images/main-types-bg-bottom.png") no-repeat 0 100%; color: #fff; }
.main-order h1 { padding-left: 45px; background: transparent url("../../images/main-arrows-plain.png") no-repeat 0 0; text-transform: uppercase; font-size: 1.8em; line-height: 1.3em; }
.main-order p { font: 1em/1.5em "Arila", "Helvetica", sans-serif; }
.main-order p.leed { padding: 20px 45px; }
.main-order ol { display: block; overflow: hidden; list-style: none; width: 881px; height: 50px; padding: 0; background: transparent url("../../images/main-order-menu.png") no-repeat 0 0; font: bold 1em/50px "Arila", "Helvetica", sans-serif; }
.main-order ol.order-steps-personal { background-position: 0 -50px; }
.main-order ol.order-steps-payment { background-position: 0 -100px; }
.main-order ol li { float: left; width: 205px; padding-left: 85px; color: #a33a06; }
.main-order ol li strong { color: #fff; }
.main-order .order-box { overflow: hidden; width: 846px; margin-top: 10px; padding: 45px 0 0 35px; background: transparent url("../../images/main-order-box.png") no-repeat 0 0; }
.main-order .order-box h2.left { width: 125px; padding-left: 35px; background: transparent url("../../images/main-order-marker.png") no-repeat 0 6px; font-size: 1.8em; font-weight: normal; }
.main-order .order-box form.order-payment { padding-top: 45px; background: transparent url("../../images/main-order-cards.png") no-repeat 125px 0; }
.main-order .order-box form.order-payment select { width: auto; margin-right: 5px; color: #6d808b; }
.main-order .order-box form dl { overflow: hidden; width: 360px; padding: 0; }
.main-order .order-box form dl dt { float: left; width: 115px; padding-right: 10px; text-align: right; line-height: 23px; font-family: "Arial", "Helvetica", sans-serif; }
.main-order .order-box form dl dd { float: left; padding-bottom: 10px; }
.main-order .order-box form dl dd.last { padding-bottom: 0; }
.main-order .order-box form dl dd input.text { width: 230px; height: 21px; border: 1px solid #d3d8d9; }
.main-order .order-box form dl dd input.short { width: 170px; }
.main-order .order-box form .submit-list { margin-left: 125px; }
.main-order .order-box strong.price { float: left; width: 102px; height: 132px; margin: 60px 0 0 50px; background: transparent url("../../images/main-order-sign.png") no-repeat 0 0; color: #000; font: normal 1.5em/105px "Arial", "Helvetica", sans-serif; }
.main-order .order-box strong.price-payment { margin-top: 40px; }

.main-order .order-box form select { width: 231px; padding: 3px 0 3px 5px; }
.main-order .order-box p.order-choose-text { display: block; height: 80px; margin-left: 160px; padding: 0 75px 0 100px; background: transparent url("../../images/order-box.png") no-repeat 0 0; }
.main-order .order-box form .submit { display: inline-block; margin-top: 15px; padding-left: 20px; background: transparent url("../../images/main-order-button.png") no-repeat 0 0; font: 1.333em "Arial", "Helvetica", sans-serif; }
.main-order .order-box form .submit input { height: 46px; padding-right: 20px; padding-bottom: 5px; background: transparent url("../../images/main-order-button.png") no-repeat 100% 0; color: #fff; }
.main-order .order-box ul.errors { padding: 0; list-style: none; width: 230px; }
.main-order .order-box p.order-message { padding-left: 285px; font: 1.5em "Arial", "Helvetica", sans-serif; }

.main-order .order-box .left-block { float: left; width: 260px; }
.main-order .order-box .right-block { float: right; width: 585px; }
.main-order .order-box .right-block a { color: #fff; text-decoration: underline; }
.main-order .order-box .right-block a:hover { text-decoration: none; }
.main-order .order-box form.order-choose { padding-bottom: 20px; }
.main-order .order-box form.order-choose select { display: block; width: 100px; color: #6d808b; }

.main-order .order-box form.order-personal dl { width: 430px; }
.main-order .order-box form.order-personal dl dt { float: left; width: 180px; }
.main-order .order-box form.order-personal dl dd { float: left; width: 240px; }
.main-order .order-box form.order-personal dl p.description { padding: 10px 0 0; }
.main-order .order-box form.order-personal dd.submit { float: right; margin: 0 60px 0 0; width: auto; }
.main-order .order-box form.order-personal dd.submit-first { float: left; margin: 0 20px 0 190px; }


/*
** my box
*/
.mybox { position: absolute; top: 0; left: -9999em; width: 100%; margin-left: -9999em; }
.mybox-show { left: 0; margin-left: 0; }
.mybox-inner { width: 640px; margin: 5% auto; }
.mybox-inner a.close { float: right; width: 30px; height: 30px; background: transparent url("../../images/close.png") no-repeat 0 0; }
.mybox-inner a.close:hover { text-decoration: none; }

#demo, #tutorial, #transition { display: block; width: 640px; height: 480px; }

/*
** footer
*/
.footer { height: 160px; padding-top: 30px; background: transparent url("../../images/footer-top.png") no-repeat 0 0; }
.footer p { margin-top: 20px; background: transparent url("../../images/footer-logo.png") no-repeat 0 0; }
.footer p strong { display: block; height: 84px; padding: 20px 0 0 215px; background: transparent url("../../images/footer-man.png") no-repeat 795px 0; color: #244f6b; text-transform: uppercase; font: .9em/1.6em "Arial", "Helvetica", sans-serif; letter-spacing: .05em;}
.footer p strong span { color: #758a9f; font-size: .85em; }
.footer p strong a { color: #c3c9d9; }
.footer p strong span a { color: #758a9f; }


/*
** the end
*/