body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
fieldset, img {
    border: 0
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}
ol, ul {
    list-style: none
}
caption, th {
    text-align: left
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}
q:before, q:after {
    content: ''
}
abbr, acronym {
    border: 0
}
html {
    height: 100%
}
header, nav, section, article, aside, footer {
    display: block
}
/*
#5a4e3c - brown
#618d16 - light green
#476724 - dark green
#e8e7e3 - gray
*/
body {
    background: #e8e7e3;
    color: #595753;
    font-family: "Trebuchet MS", Arial, serif;
    font-size: 16px;
    line-height: 28px;
    height: 100%;
    width: 100%
}
.wrapper a, .footer-wrapper a {
    /*color: #5a4e3c;*/
    color: #618d16;
    outline: none;
    text-decoration: underline
}
.wrapper a:hover, .footer-wrapper a:hover {
    text-decoration: none
}
.wrapper p {
    margin: 0 0 18px;
    max-height: 999999px;
}
.wrapper p.helpText, .wrapper span.helpText {
    font-style: italic
}
img {
    border: none
}
input {
    vertical-align: middle
}
.wrapper .left {
    text-align: left
}
.wrapper .center {
    text-align: center
}
.wrapper .right {
    text-align: right
}
.wrapper .justify {
    text-align: justify
}
.wrapper .fleft {
    float: left
}
.wrapper .fright {
    float: right
}
.wrapper .top {
    vertical-align: top
}
.wrapper .middle {
    vertical-align: middle
}
.wrapper .bottom {
    vertical-align: bottom
}
.wrapper {
    background: url(../images/bg_body.png) 0 0 repeat;
    display: block;
    height: auto;
    margin: 0 auto
}
.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper h6 {
    display: block;
    margin: 10px 0;
    max-height: 999999px
}
.wrapper h1, .wrapper h2, .wrapper h3 {
    line-height: 26px
}
.wrapper h4, .wrapper h5, .wrapper h6 {
    font-weight: bold;
    line-height: 20px
}
.wrapper h1 {
    color: #5a4e3c;
    font-size: 28px;
    margin-bottom: 22px;
    text-shadow: 0 1px 0 white
}
.wrapper h2 {
    color: #618d16;
    /*display: inline;*/
    font: italic 24px Georgia, serif;
    margin-bottom: 18px;
    padding: 10px 0;
    text-decoration: none;
    text-shadow: 0 1px 0 white
}
.wrapper h3 {
    font-size: 22px;
    margin-top: 0;
}
.wrapper h4 {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase
}
.wrapper h5 {
    font-size: 12px;
    line-height: 14px
}
.wrapper h6 {
    font-size: 11px;
    line-height: 12px
}
.wrapper .sidebar h2, .wrapper .sidebar h3, .wrapper .sidebar h4 {
    margin: 0;
}
.wrapper .sidebar h2:first-child, .wrapper .sidebar h3:first-child, .wrapper .sidebar h4:first-child {
    padding-top: 0;
}
.wrapper hr {
    background: #618d16;
    border: 0;
    height: 1px;
    margin: 1.5em 0
}
.wrapper .col1 {
    padding-right: 1.99%;
    width: 73%
}
.wrapper .col2 {
    padding-right: 1.99%;
    width: 48%
}
.wrapper .col3 {
    padding-right: 1.99%;
    width: 31%
}
.wrapper .col4 {
    padding-right: 1.99%;
    width: 23%
}
.wrapper .col5 {
    padding-right: 1.99%;
    width: 18%
}
.wrapper .image-description {
    font-size: 12px;
    font-style: italic;
    text-align: center;
}
.wrapper ul, .wrapper ol {
    list-style: none;
    margin: 0 0 10px 25px;
    padding: 0
}
.wrapper ul ul, .wrapper ul ol, .wrapper ol ol, .wrapper ol ul {
    margin-bottom: 0
}
.wrapper ul ul, .wrapper ul ol, .wrapper ol ol, .wrapper ol ul {
    list-style: circle
}
.wrapper ul li, .wrapper ol li {}
.wrapper em {
    font-style: italic
}
.wrapper strong, .wrapper b {
    font-weight: bold
}
.wrapper blockquote {
    border-left: 2px dotted #71A31B;
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    line-height: 34px;
    margin: 34px 0;
    max-height: 999999px;
    padding: 0 0 0 22px
}
/*
.wrapper blockquote.pull-right {
    border-left: 0;
    border-right: 5px solid #eee;
    float: right;
    padding-left: 0;
    padding-right: 15px
}
*/
.wrapper .alert {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #ee990d;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-style: italic;
    margin-bottom: 15px;
    padding: 3px 0 3px 15px;
}
.wrapper .alert h3, .wrapper .alert h4, .wrapper .alert h5 {
    margin: 10px 0;
}
.wrapper .alert ul {
    margin: 0 0 5px 25px;
}
.wrapper .alert ul li {
    list-style: square;
}
.wrapper .required {
    color: #c00;
}
.wrapper .alert-block {
    padding-bottom: 14px;
    padding-top: 14px
}
.wrapper .alert-danger, .wrapper .alert-error {
    background: #c4302b
}
.wrapper .alert-success {
    background: #5f8a17
}
.wrapper .alert-info {
    background: #74c3e8;
}
.wrapper .alert h4, .wrapper h5 {
    margin: 0
}
.wrapper  .alert p {
    margin: 0
}
.wrapper ::-webkit-selection {
    background-color: #618d16;
    color: #fff;
}
.wrapper ::-moz-selection {
    background-color: #618d16;
    color: #fff;
}
.wrapper ::-o-selection {
    background-color: #618d16;
    color: #fff;
}
.wrapper ::-ms-selection {
    background-color: #618d16;
    color: #fff;
}
.wrapper ::selection {
    background-color: #618d16;
    color: #fff;
}
/*352e7e*/
.clear, .cleaner {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden
}
/* header */
.header-wrapper {
    background: url(../images/bg_header_wrapper.png) 0 0 repeat-x
}
.header-wrapper .header {
    height: 140px;
    margin: 0 auto;
    width: 960px
}
.header-top {
    color: #fff;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    padding: 20px 0
}
.header-top a {
    color: #fec20c
}
.header-logo {
    float: left;
    padding-right: 65px
}
.header-logo a {
    background: url(../images/logo_vsm.png) 0 0 no-repeat;
    display: block;
    height: 60px;
    width: 420px
}
.header-cart, .header-cart.empty {
    /*background: url(../images/icon_cart.png) left center no-repeat;*/
    background: url(../images/icons_50_50.png) 0 -50px no-repeat;
    float: right;
    /*height: 60px;*/
    height: 50px;
    width: 220px
}
.header-cart.full {
    /*background: url(../images/icon_cart_full.png) left center no-repeat;*/
    background: url(../images/icons_50_50.png) 0 -100px no-repeat;
}
/* cart */
.header-top .header-cart {
    position: relative
}
.header-top .header-cart .hiddenButton {
    cursor: pointer;
    float: left;
    height: 60px;
    position: relative;
    text-align: center;
    width: 60px;
    z-index: 1
}
.header-top .header-cart .hiddenButton .counter {
    color: #fec20c;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding-left: 23px;
    padding-top: 22px;
    text-align: center;
    width: 25px
}
.header-top .header-cart .heading {
    cursor: pointer;
    float: right;
    height: 60px;
    position: relative;
    text-align: center;
    width: 160px;
    z-index: 1
}
.header-top .header-cart.full .heading a, .header-top .header-cart.full .heading a:visited {
    font-size: 20px;
    font-weight: bold
}
.header-top .header-cart.active .heading a, .header-top .header-cart.active .heading a:visited {
    color: #666;
    text-decoration: none
}
.header-top .header-cart .content {
    -khtml-border-radius: 7px 0px 7px 7px;
    -moz-border-radius: 7px 0px 7px 7px;
    -moz-box-shadow: 0px 2px 2px #ddd;
    -webkit-border-radius: 7px 0px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #ddd;
    background: #fff;
    border-radius: 7px 0px 7px 7px;
    box-shadow: 0px 2px 2px #ddd;
    clear: both;
    color: #666;
    display: none;
    left: -326px;
    line-height: normal;
    padding: 8px;
    position: relative;
    top: -1px;
    width: 530px;
    z-index: 200
}
.header-top .header-cart.active .heading {
    -khtml-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
    background: #fff;
    border-radius: 7px 7px 0px 0px
}
.header-top .header-cart.active .content {
    display: block
}
.header-top .header-cart.active .content a {
    color: #618d16
}
.header-top .header-cart .empty {
    padding: 25px;
    text-align: center
}
.header-top .header-cart .cart-list, .header-top .header-cart .discount-code, .header-top .header-cart .cart-summary, .header-top .header-cart .checkout {
    padding: 10px 0
}
.cart-list table, .cart-summary table {
    border-collapse: collapse;
    width: 100%
}
.cart-list table thead tr {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #e8e7e3;
    border: 1px solid #fff;
    border-radius: 5px
}
.cart-list table thead tr th {
    padding: 5px
}
.cart-list table th, .cart-summary table th {
    font-style: italic
}
.cart-list table td, .cart-summary table td {
    padding: 5px;
    vertical-align: middle
}
.cart-list table td {
    border-bottom: 1px dotted #ccc;
    padding: 5px
}
.cart-list table td.remove {
    padding: 5px 5px 5px 0;
    text-align: center
}
.cart-list table td.remove a {
    background: url(../images/icon_cart_remove.png) center center no-repeat;
    height: 16px;
    width: 16px
}
.header-top .header-cart.active .content .cart-list .remove a {
    color: #fff
}
.cart-list table td.image {
    height: 30px;
    overflow: hidden;
    width: 60px
}
.cart-list table td.title {
    text-align: left
}
.cart-list table td.quantity {
    text-align: center
}
.cart-list table td.price {
    text-align: right
}
.cart-summary table td {
    text-align: right
}
.header-top .header-cart .discount-code {
    border-bottom: 1px dotted #ccc;
    text-align: right
}
.header-top .header-cart .discount-code label {
    display: block
}
.header-top .header-cart .discount-code .discount-submit {
    padding: 10px 0 0 0;
    text-align: right
}
.header-top .header-cart .discount-code .discount-submit input {
    float: right;
    padding: 5px
}
.header-top .header-cart .discount-code .discount-submit a {
    float: right;
    padding: 5px 5px 5px 10px
}
.header-top .header-cart .discount-code p {
    clear: both;
    color: #c33;
    margin: 5px 0;
    padding: 10px
}
.header-top .header-cart .discount-code p.alert-error {
    color: #fff;
    text-align: center;
}
.header-top .header-cart .checkout {
    clear: both;
    padding-top: 0;
    text-align: right
}
/* /cart */
/* cart full */
.container .header-cart {
    background: none;
    float: none;
    height: auto;
    padding: 2em 0;
    width: auto
}
.container .header-cart .heading {
    display: none
}
.container .header-cart .content .cart-list {
    padding: 15px 0
}
.container .cart-list table td, .container .header-cart .content .cart-list table td {
    border-bottom: 1px dotted #917e62;
    padding: 10px 5px
}
.container .header-cart .content .cart-list table td.remove {
    padding: 10px 5px 10px 0
}
.container .header-cart .content .cart-list table td.remove a {
    text-decoration: none
}
.container .cart-list table td img, .container .header-cart .content .cart-list table td.image img {
    vertical-align: middle
}
.container .header-cart .content .discount-code {
    padding: 15px 0;
    text-align: right
}
.container .header-cart .content .discount-code .discount-submit {
    padding: 10px 0 0 0;
    text-align: right
}
.container .header-cart .content .discount-code .discount-submit input {
    float: right;
    padding: 5px
}
.container .header-cart .content .discount-code .discount-submit a {
    float: right;
    padding: 0 10px
}
.container .header-cart .content .discount-code p {
    clear: both;
    color: #c33;
    margin: 5px 0;
    padding: 10px
}
.container .header-cart .content .checkout {
    padding: 15px 0;
    text-align: right
}
/* /cart full */
.header-user {
    background: url(../images/icons_50_50.png) 0 0 no-repeat;
    display: block;
    float: left;
    height: 60px;
    padding: 0 50px 0 75px
}
.wrapper .nav-main {
    height: 40px;
    margin: 0;
    overflow: hidden;
    width: 960px
}
.nav-main li {
    float: left
}
.nav-main li a {
    color: #e9ebbf;
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    word-spacing: -1px;
}
.nav-main li a:hover {
    background: none
}
.nav-main .nav-selected a, .nav-main .nav-path-selected a, .nav-main .current-nav-path a {
    background: url(../images/bg_nav_selected.png) center top no-repeat
}
/* /header */
/* content */
.container {
    margin: 0 auto;
    min-height: 450px;
    padding: 25px 0 15px;
    width: 960px
}
.sidebar {
    float: left;
    padding: 15px 35px 0 0;
    width: 200px
}
.main {
    float: left;
    width: 715px
}
.hp-counter {
    float: left;
    width: 230px
}
.hp-counter h2 {
    font-size: 17px;
    margin: 0;
    padding: 0
}
.hp-counter .text-counter {
    font-family: Georgia, serif;
    font-size: 24px;
    font-style: italic;
    text-align: center;
    text-shadow: 0 1px 0 white
}
.hp-info {
    float: left;
    width: 730px
}
.hp-info p {
    font-style: italic;
    margin: 0
}
.hp-info h2 {
	padding-top: 0;
	margin-top: 0;
}
.hp-search {
    padding: 1.5em 0 1em 0;
}
.hp-search .text {
    float: left
}
.hp-search .text h3 {
    font: italic 17px Georgia,serif;
    margin: 0.3em 0;
    padding: 0;
}
.hp-search form {
    float: right
}
.ccm-input-text, .ccm-input-captcha, .ccm-input-textarea, #Question1, .ccm-input-select, .ccm-input-checkbox, a.button, a.btn, .ccm-input-submit, .ccm-input-button, .container .checkout a {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #555;
    display: inline-block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    margin: 0;
    margin-bottom: 9px;
    padding: 4px;
    padding: 7px 10px;
    text-decoration: none;
    width: auto
}
.container a.button, .container a.btn, .ccm-input-submit, .ccm-input-button, .container .checkout a {
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: -webkit-linear-gradient(#618d16, #476724);
    background: -o-linear-gradient(#618d16, #476724);
    background: -moz-linear-gradient(#618d16, #476724);
    background: -ms-linear-gradient(#618d16, #476724);
    background: linear-gradient(#618d16, #476724);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #f2f2f2;
    cursor: pointer;
    font: 14px/28px Arial, serif;
    height: 30px;
    overflow: visible;
    padding: 0 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap
}
.container a.button, .container a.btn {
    line-height: 30px;
}
a.button:hover, a.btn:hover, .container .checkout a:hover, .ccm-input-submit:hover {
    background: #476724
}
.btn-icon {
    background: url(../images/bg_button_icon_sprite.png) no-repeat;
    display: block;
    height: 30px;
    text-indent: 33px
}
/*36 72 108 144*/
.btn-upload {
    background-position: 0 0
}
.btn-gallery {
    background-position: 0 -30px
}
.btn-color {
    background-position: 0 -60px
}
.btn-next {
    background-position: 0 -90px
}
.btn-finish {
    background-position: 0 -120px
}
.ccm-input-text {}
.ccm-input-text-small {
    width: 80px
}
.ccm-input-textarea, #Question1 {
    height: auto;
    overflow: auto;
    vertical-align: top
}
.input-homepage {
    /*padding: 7px 10px 7px 10px;*/
    width: 180px
}
.ccm-input-select {
    height: 33px;
    min-height: 33px;
    line-height: 33px;
    min-width: 55px
}
.ccm-input-checkbox {
    cursor: pointer;
    line-height: normal;
    margin: 10px 5px 10px 0;
    padding: 0
}
.products-hp {
	padding-top: 1em;
}
.products-hp .prod-item-hp {
    border-bottom: 2px dotted #618d16;
    float: left;
    margin: 0 45px 45px 0;
    padding: 0;
    width: 205px;
    z-index: 100
}
.products-hp .prod-item-hp-first {}
.products-hp .prod-item-hp-last {
    margin: 0 0 45px 0;
    padding-right: 0
}
.products-hp .prod-item-hp a {
    color: #5a4e3c;
    display: block;
    text-align: left;
    text-decoration: none
}
.products-hp .prod-item-hp h2 {
    margin: 0;
    padding: 0;
}
.products-hp .prod-item-hp h5 {
    font-style: italic;
    text-align: left
}
.products-hp .prod-item-hp a:hover {}
.products-hp a.product-image {
    /*display: block;*/
    padding-top: 20px;
    text-align: center
}
/*
#products .has-service {
    background: url(../images/prod_img_vsm.png) right -5px no-repeat
}
*/
.prod-item-hp h2 img {
    position: relative;
    top: -13px;
}
.product {

}
.wrapper .product hr {
    background: none;
    border: 0;
    /*border-bottom: 2px dotted #71a31b;*/
    border-bottom: 2px dotted #618d16;
}

.product-props {
    /*font-weight: bold;*/
    font-size: 12px;
    line-height: 22px;
}
.product-props span {
    font-style: italic;
    font-weight: normal;
    padding-right: 15px;
}
.product-images {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #e8e7e3;
    border: 1px solid #fff;
    border-radius: 5px;
    height: 65px;
    margin-top: 1em;
    max-width: 99.99%;
    overflow: hidden;
    padding: 10px 5px 5px 5px;
}
.product-images div {
    margin-left: 10px;
    padding: 2px;
}
.product-images div:hover {
    background: #fff url(../images/design_process_picture_hover.png) no-repeat center center
}
.product-images div a {
    display: block;
    height: 60px;
}
table.product-pricing {
    width:99.99%;
    margin-bottom: 10px;
}
table.product-pricing th, table.product-pricing td {
    padding: 5px 0;
    text-align: center;
    vertical-align: middle;
}
table.product-pricing th {
    padding: 0;
}
table.product-pricing th:nth-child(odd), table.product-pricing td:nth-child(odd) {
    background: #f0f0f0;
}
table.product-pricing th:nth-child(even), table.product-pricing td:nth-child(even) {
    background: #e8e7e3;
}
table.product-pricing th h2 {
    font-size: 20px;
    margin-bottom: 0;
}
table.product-pricing td.price {
    font-size: 26px;
    font-style: italic;
    padding-bottom: 0;
}
table.product-pricing td.discount {
    color: #f00;
    font-style: italic;
    padding-top: 0;
}
table.product-pricing td.years, table.product-pricing td.monthly {
    font-style: italic;
}
table.product-pricing td.order {
    padding-bottom: 10px;
}

/* /content */
/* footer */
.footer-wrapper {
    background: url(../images/bg_footer_wrapper.png) left top repeat-x
}
.footer-wrapper .footer {
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    padding: 30px 0 25px;
    width: 960px
}
.footer-wrapper .footer ul li {
    float: left;
    line-height: 40px;
    padding-right: 15px;
}
.footer-wrapper .footer ul li:last-child {
    padding-right: 0;
}
.footer-logo {
    float: left
}
.footer-logo a {
    display: block;
}
.footer-links {
    float: right;
    line-height: 30px;
    text-align: right
}
/* sidebar menu w icons */
.wrapper ul.sidebar-menu-icons {
    list-style: none;
    margin: 0
}
.wrapper ul.sidebar-menu-icons li {}
.wrapper ul.sidebar-menu-icons li a {
    display: block;
    padding: 5px 0
}
.wrapper ul.sidebar-menu-icons li a img {
    padding: 0 10px 0 0;
    vertical-align: middle
}
/* login form */
.wrapper .form-horizontal legend, .wrapper .span10 h3 {
    border-bottom: 1px solid #d3cbbf;
    color: #747474;
    display: block;
    font: italic 24px Georgia, serif;
    margin-bottom: 27px;
    padding: 5px 0;
    text-decoration: none;
    text-shadow: 0 1px 0 white;
    width: 100%
}
.wrapper .form-horizontal .control-group {
    margin: 18px 0
}
.wrapper .form-horizontal .control-group:after {
    clear: both
}
.wrapper .form-horizontal .control-label {
    float: left;
    text-align: right;
    width: 140px
}
.wrapper .form-horizontal .controls {
    margin-left: 160px
}
.wrapper .span4, .wrapper .span5, .wrapper .span10 {
    float: left
}
.wrapper .span4 {
    width: 200px
}
.wrapper .span5 {
    width: 380px
}
.wrapper .span10 {
    width: 700px
}
.wrapper .offset1 {
    margin-left: 50px
}
.row .actions {
    border-top: 1px solid #ddd;
    padding: 10px 20px 10px 160px
}
.row .actions:after {
    clear: both
}
/* price estimation */
.price-estimation .clearfix, .product-activation .clearfix {
    margin-bottom: 10px
}
.price-estimation label, .product-activation label {
    float: left;
    cursor: pointer;
}
.price-estimation .input, .product-activation .input {
    margin-left: 300px
}
/* contact form */
.formBlockSurveyTable td, .formBlockSurveyTable th {
    vertical-align: top;
}
.formBlockSurveyTable .ccm-input-text {
    min-width: 250px;
}
.formBlockSurveyTable label {
    display: block;
    min-width: 150px;
}
.formBlockSurveyTable .captcha-input {
    float: left;
}
.formBlockSurveyTable .captcha-image {
    float: right;
}
.formBlockSurveyTable .captcha-image-reload {
    clear: both;
    font-size: 12px;
    font-style: italic;
    text-align: right;
}
.formBlockSurveyTable .formBlockSubmitButton {
    margin: 20px 0;
}
/* /contact form */
/* car keys */
.fileset-view {}
.fileset-view .fileset-view-item {
    float: left;
    height: 140px;
    margin: 6px 18px 18px 18px;
    padding: 0;
    width: 150px
}
.fileset-view .fileset-view-item .description {
    bottom: 40px;
    color: #666;
    height: 25px;
    font-size: 12px;
    font-style: italic;
    position: relative;
    text-align: center;
    width: 150px
}
/* design process*/
.design-process-info, .info-show-more {
    color: #747474;
    cursor: pointer;
    font: italic 16px/45px Georgia, serif;
    /*height: 45px;*/
    /*padding-left: 50px*/
}
.show-more-content {
    padding: 30px 0 15px 0;
}
/*
.icon-bulb {
    background: url(../images/icon_bulb.png) left center no-repeat;
    float: right
}
.icon-ruler {
    background: url(../images/icon_ruler.png) left center no-repeat
}
.icon-reload {
    background: url(../images/icon_reload.png) left center no-repeat
}
*/
/*
.icon-help {
    background: url(../images/icon_help.png) left center no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px
}
*/
.design-process {
    background: url(../images/design_process_line.png) repeat-x 0 121px;
    margin-top: 25px;
    width: 100%
}
.design-process .box {
    float: left;
    height: 125px;
    margin-right: 75px;
    width: 265px
}
.design-process .active {
    background: url(../images/design_process_line_active.png) no-repeat center bottom
}
.design-process .last {
    margin-right: 0
}
.design-process .box .image {
    float: left;
    height: 50px;
    width: 50px
}
.design-process .box .title {
    color: #989898;
    float: left;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding-left: 15px;
    text-shadow: 0 1px 0 white;
    width: 200px
}
.design-process .active .title {
    color: #607b2e
}
.design-process .box .info {
    color: #989898;
    font-size: 14px;
    font-style: italic;
    height: 55px;
    overflow: hidden;
    width: 265px
}
/* /design process */
/* design process - 1st step */
p.description {
    padding: 15px 0
}
p.upload-image {
    background: url(../images/icon_upload.png) no-repeat left center;
    height: 50px;
    line-height: 50px
}
p.upload-image a {
    padding-left: 75px
}
.design-process-choice {
    padding: 30px 0;
    text-align: center
}
.container .design-process-choice a {
    margin: 0 50px
}
#gallery-wrapper, #bgcolor-wrapper {
    display: none
}
.gallery-container, .bgcolor-container, .txtsetting-container {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #e8e7e3;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 15px 10px 10px 15px
}
.gallery-image {
    float: left;
    margin: 0 25px 25px 0;
    width: 204px
}
.gallery-image a, .gallery-image a:visited {
    background: #dcd5cb;
    display: block;
    padding: 2px
}
.gallery-image a:hover {
    background: #fff url(../images/design_process_picture_hover.png) no-repeat center center
}
.gallery-image a img, .gallery-image a:visited img {
    display: block;
    height: 100px;
    width: 200px
}
.Grid a:hover {
    background: url(../images/design_process_color_hover.png) no-repeat center center
}
/* /design process - 1st step */
/* design process - 2nd step */
.sticker-wrapper .sticker-ruler-horizontal {
    height: 30px;
    width: 630px
}
.sticker-ruler-horizontal-on {
    background: url(../images/design_process_ruler_horizontal.png) center center no-repeat
}
.sticker-wrapper .sticker-image {
    background: url(../images/design_process_sticker_bg.png) #e8e7e3 center center no-repeat;
    float: left;
    width: 630px
}
.sticker-wrapper .sticker-ruler-vertical {
    float: left;
    height: 330px;
    width: 30px
}
.sticker-ruler-vertical-on {
    background: url(../images/design_process_ruler_vertical.png) center center no-repeat
}
.sticker-wrapper .sticker-controls {
    float: left;
    padding: 25px 0 25px 50px;
    width: 50px
}
#fontColor {
    display: inline;
    position: relative;
    top: 5px
}
.txtsetting-container .control-label {
    float: left;
    padding-right: 15px;
    text-align: left
}
/* /design process - 2nd step */
.no-controls, .header-cart .no-controls {
    float: none;
    height: auto;
    width: auto
}
.qtipFontSize {
    font-size: 14px;
    line-height: 16px
}
/* mosaic */
.mosaic-block {
    float: left;
    height: 250px;
    overflow: hidden;
    position: relative
}
.mosaic-backdrop {
    display: none;
    height: 100%;
    padding-top: 5px;
    position: absolute;
    top: 0;
    width: 100%
}
.mosaic-overlay {
    background: url(../images/bg_body.png) left top;
    display: none;
    font-size: 14px;
    font-style: italic;
    left: 0;
    line-height: 24px;
    overflow: hidden;
    position: absolute;
    text-align: justify;
    z-index: 5
}
.bar2 .mosaic-overlay {
    bottom: -125px;
    height: 175px;
    padding: 0 0.3em
}
/* /mosaic */
/* contact */
.table-contact {
    width: 99.99%
}
.table-contact th, .table-contact td {
    padding: 0.5em 2%;
    width: 45.99%
}
/* /contact */
/* checkout */
table.info th, table.info td {
    padding: 0.25em 2em 0.25em 0
}
.container .cart-list table.clean td, .container .header-cart .content .cart-list table.clean td, table.clean th, table.clean td {
    border: 0;
    padding: 0.15em 0
}
/* /checkout */
/* design and order package */
.jPicker {
    line-height: normal
}
.jPicker tr.Hue input, .jPicker tr.Saturation input, .jPicker tr.Value input, .jPicker tr.Red input, .jPicker tr.Green input, .jPicker tr.Blue input, .jPicker tr.Alpha input, .jPicker tr.Hex input {
    margin: 0
}
.Grid {
    text-align: center
/*width: 150px;*/
}
.Grid span.QuickColor {
    border: 1px inset #aaa;
    cursor: pointer;
    display: inline-block;
    line-height: 15px;
    margin: 0;
    padding: 0
}
.Grid a, .Grid a:visited {
    display: inline-block;
    text-decoration: none
}
/* /design and order package */
/* recent orders block */
.recentorders {
    font-size: 14px;
    line-height: 20px;
    padding-top: 24px
}
.recentorders .info {
    font-style: italic
}
.recentorders .item {
    border-top: 1px dotted #888;
    font-size: 12px;
    line-height: 19px;
    padding: 0.75em 0
}
.recentorders .item .image, .recentorders .item .text {
    float: left
}
.recentorders .item .image {
    width: 80px
}
.recentorders .item .text {
    padding-left: 9px;
    width: 110px
}
.recentorders .item .minago {
    color: #557c13
}
.recentorders .item p {
    margin: 0 !important
}
.recentorders .show-more-button {
    background: #e8e7e3;
    color: #557c13;
    display: block;
    padding: 5px 0;
    text-align: center
}
/* /recent orders block */
/* css animation - how it works */
/* 75 x 150 - css animation
file: icons_75_150.png
0 - a1_c_thinks
150 - a1_c_sad
300 - a1_c_calling
450 - a1_c_shakehands
600 - a1_c_happy
750 - a1_f_picks
900 - a1_f_bypc
1050 - a1_f_shakehands
1200 - a1_f_happy
1350 - a1_vsm_left
1500 - a1_vsm_right
1650 -
1800 -
*/
.animation-ground {
width:700px;
height:150px;
margin:1em auto;
overflow:hidden;
opacity:1;
position:relative;
-webkit-animation:animGrnd 30s both 0s infinite;
-moz-animation:animGrnd 30s both 0s infinite;
-o-animation:animGrnd 30s both 0s infinite;
animation: animGrnd 30s both 0s infinite;
}
@-webkit-keyframes animGrnd {
	2%, 98% {opacity:1;}
    0%, 100% {opacity:0;}
}
@-moz-keyframes animGrnd {
	2%, 98% {opacity:1;}
    0%, 100% {opacity:0;}
}
@-o-keyframes animGrnd {
	2%, 98% {opacity:1;}
    0%, 100% {opacity:0;}
}
@keyframes animGrnd {
	2%, 98% {opacity:1;}
    0%, 100% {opacity:0;}
}
/* CUSTOMER */
.a1-customer {
float:left;
position:relative;
width: 75px;
height: 150px;
-webkit-animation:guyCustomer 30s both 0s infinite;
-moz-animation:guyCustomer 30s both 0s infinite;
-o-animation:guyCustomer 30s both 0s infinite;
animation: guyCustomer 30s both 0s infinite;
}
@-webkit-keyframes guyCustomer {
	0% {left: -100px; }
    2%, 19% {left:0px; }
    21%, 100% {left:610px; }
}
@-moz-keyframes guyCustomer {
	0% {left: -100px; }
    2%, 19% {left:0px; }
    21%, 100% {left:610px; }
}
@-o-keyframes guyCustomer {
	0% {left: -100px; }
    2%, 19% {left:0px; }
    21%, 100% {left:610px; }
}
@keyframes guyCustomer {
	0% {left: -100px; }
    2%, 19% {left:0px; }
    21%, 100% {left:610px; }
}
.a1-c-thinks, .a1-c-sad, .a1-c-calling, .a1-c-shakehands, .a1-c-happy {
position: absolute;
width: 75px;
height: 150px;
top: 0;
left: 0;
}
.a1-c-thinks {
opacity:1;
background: url(../images/icons_75_150.png) 0 0 no-repeat;
-webkit-animation:guyCThinks 30s both 0s infinite;
-moz-animation:guyCThinks 30s both 0s infinite;
-o-animation:guyCThinks 30s both 0s infinite;
animation: guyCThinks 30s both 0s infinite;
}
@-webkit-keyframes guyCThinks {
	6%, 19.99% {opacity:1;}
    0%, 20%, 100% {opacity:0;}
}
@-moz-keyframes guyCThinks {
	6%, 19.99% {opacity:1;}
    0%, 20%, 100% {opacity:0;}
}
@-o-keyframes guyCThinks {
	6%, 19.99% {opacity:1;}
    0%, 20%, 100% {opacity:0;}
}
@keyframes guyCThinks {
	6%, 19.99% {opacity:1;}
    0%, 20%, 100% {opacity:0;}
}
.a1-c-sad {
opacity:0;
background: url(../images/icons_75_150.png) 0 -150px no-repeat;
-webkit-animation:guyCSad 30s both 0s infinite;
-moz-animation:guyCSad 30s both 0s infinite;
-o-animation:guyCSad 30s both 0s infinite;
animation: guyCSad 30s both 0s infinite;
}
@-webkit-keyframes guyCSad {
	0%, 19.99%, 31%, 46.99%, 62%, 100% {opacity:0;}
    20%, 30.99%, 47%, 61.99% {opacity:1;}
}
@-moz-keyframes guyCSad {
	0%, 19.99%, 31%, 46.99%, 62%, 100% {opacity:0;}
    20%, 30.99%, 47%, 61.99% {opacity:1;}
}
@-o-keyframes guyCSad {
	0%, 19.99%, 31%, 46.99%, 62%, 100% {opacity:0;}
    20%, 30.99%, 47%, 61.99% {opacity:1;}
}
@keyframes guyCSad {
	0%, 19.99%, 31%, 46.99%, 62%, 100% {opacity:0;}
    20%, 30.99%, 47%, 61.99% {opacity:1;}
}
.a1-c-calling {
opacity:0;
background: url(../images/icons_75_150.png) 0 -300px no-repeat;
-webkit-animation:guyCCalling 30s both 0s infinite;
-moz-animation:guyCCalling 30s both 0s infinite;
-o-animation:guyCCalling 30s both 0s infinite;
animation: guyCCalling 30s both 0s infinite;
}
@-webkit-keyframes guyCCalling {
	0%, 30.99%, 47%, 100% {opacity:0;}
    31%, 46.99% {opacity:1;}
}
@-moz-keyframes guyCCalling {
	0%, 30.99%, 47%, 100% {opacity:0;}
    31%, 46.99% {opacity:1;}
}
@-o-keyframes guyCCalling {
	0%, 30.99%, 47%, 100% {opacity:0;}
    31%, 46.99% {opacity:1;}
}
@keyframes guyCCalling {
	0%, 30.99%, 47%, 100% {opacity:0;}
    31%, 46.99% {opacity:1;}
}
.a1-c-shakehands {
opacity:0;
left: -5px;
background: url(../images/icons_75_150.png) 0 -450px no-repeat;
-webkit-animation:guyCSkaheHands 30s both 0s infinite;
-moz-animation:guyCSkaheHands 30s both 0s infinite;
-o-animation:guyCSkaheHands 30s both 0s infinite;
animation: guyCSkaheHands 30s both 0s infinite;
}
@-webkit-keyframes guyCSkaheHands {
	0%, 61.99%, 78.5%, 100% {opacity:0;}
	62%, 78.49% {opacity:1;}
}
@-moz-keyframes guyCSkaheHands {
	0%, 61.99%, 78.5%, 100% {opacity:0;}
	62%, 78.49% {opacity:1;}
}
@-o-keyframes guyCSkaheHands {
	0%, 61.99%, 78.5%, 100% {opacity:0;}
	62%, 78.49% {opacity:1;}
}
@keyframes guyCSkaheHands {
	0%, 61.99%, 78.5%, 100% {opacity:0;}
	62%, 78.49% {opacity:1;}
}
.a1-c-happy {
opacity:0;
background: url(../images/icons_75_150.png) 0 -600px no-repeat;
-webkit-animation:guyCHappy 30s both 0s infinite;
-moz-animation:guyCHappy 30s both 0s infinite;
-o-animation:guyCHappy 30s both 0s infinite;
animation:guyCHappy 30s both 0s infinite;
}
@-webkit-keyframes guyCHappy {
	0%, 78.49% {opacity:0;}
    78.5%, 100% {opacity:1;}
}
@-moz-keyframes guyCHappy {
	0%, 78.49% {opacity:0;}
    78.5%, 100% {opacity:1;}
}
@-o-keyframes guyCHappy {
	0%, 78.49% {opacity:0;}
    78.5%, 100% {opacity:1;}
}
@keyframes guyCHappy {
	0%, 78.49% {opacity:0;}
    78.5%, 100% {opacity:1;}
}
/* FINDER */
.a1-finder {
float:left;
position:relative;
width: 75px;
height: 150px;
-webkit-animation:guyFinder 30s both 0s infinite;
-moz-animation:guyFinder 30s both 0s infinite;
-o-animation:guyFinder 30s both 0s infinite;
animation: guyFinder 30s both 0s infinite;
}
@-webkit-keyframes guyFinder {
	0%, 19% {left:-200px;}
    21%, 34% {left:30px; }
    36%, 100% {left:-50px; }
}
@-moz-keyframes guyFinder {
	0%, 19% {left:-200px;}
    21%, 34% {left:30px; }
    36%, 100% {left:-50px; }
}
@-o-keyframes guyFinder {
	0%, 19% {left:-200px;}
    21%, 34% {left:30px; }
    36%, 100% {left:-50px; }
}
@keyframes guyFinder {
	0%, 19% {left:-200px;}
    21%, 34% {left:30px; }
    36%, 100% {left:-50px; }
}
.a1-f-picks, .a1-f-bypc, .a1-f-shakehands, .a1-f-happy {
position: absolute;
width: 75px;
height: 150px;
top: 0;
left: 0;
}
.a1-f-picks {
opacity:0;
background: url(../images/icons_75_150.png) 0 -750px no-repeat;
-webkit-animation:guyFPicks 30s both 0s infinite;
-moz-animation:guyFPicks 30s both 0s infinite;
-o-animation:guyFPicks 30s both 0s infinite;
animation: guyFPicks 30s both 0s infinite;
}
@-webkit-keyframes guyFPicks {
	0%, 18.99%, 35%, 100% {opacity:0;}
    19%, 34.99% {opacity:1;}
}
@-moz-keyframes guyFPicks {
	0%, 18.99%, 35%, 100% {opacity:0;}
    19%, 34.99% {opacity:1;}
}
@-o-keyframes guyFPicks {
	0%, 18.99%, 35%, 100% {opacity:0;}
    19%, 34.99% {opacity:1;}
}
@keyframes guyFPicks {
	0%, 18.99%, 35%, 100% {opacity:0;}
    19%, 34.99% {opacity:1;}
}
.a1-f-bypc {
opacity:0;
background: url(../images/icons_75_150.png) 0 -900px no-repeat;
-webkit-animation:guyFByPc 30s both 0s infinite;
-moz-animation:guyFByPc 30s both 0s infinite;
-o-animation:guyFByPc 30s both 0s infinite;
animation: guyFByPc 30s both 0s infinite;
}
@-webkit-keyframes guyFByPc {
	0%, 34.99%, 50%, 100% {opacity:0;}
    35%, 49.99% {opacity:1;}
}
@-moz-keyframes guyFByPc {
	0%, 34.99%, 50%, 100% {opacity:0;}
    35%, 49.99% {opacity:1;}
}
@-o-keyframes guyFByPc {
	0%, 34.99%, 50%, 100% {opacity:0;}
    35%, 49.99% {opacity:1;}
}
@keyframes guyFByPc {
	0%, 34.99%, 50%, 100% {opacity:0;}
    35%, 49.99% {opacity:1;}
}
.a1-f-shakehands {
opacity:0;
background: url(../images/icons_75_150.png) 0 -1050px no-repeat;
-webkit-animation:guyFSkaheHands 30s both 0s infinite;
-moz-animation:guyFSkaheHands 30s both 0s infinite;
-o-animation:guyFSkaheHands 30s both 0s infinite;
animation: guyFSkaheHands 30s both 0s infinite;
}
@-webkit-keyframes guyFSkaheHands {
	0%, 49.99%, 62%, 100% {opacity:0;}
    50%, 61% {opacity:1;}
}
@-moz-keyframes guyFSkaheHands {
	0%, 49.99%, 62%, 100% {opacity:0;}
    50%, 61% {opacity:1;}
}
@-o-keyframes guyFSkaheHands {
	0%, 49.99%, 62%, 100% {opacity:0;}
    50%, 61% {opacity:1;}
}
@keyframes guyFSkaheHands {
	0%, 49.99%, 62%, 100% {opacity:0;}
    50%, 61% {opacity:1;}
}
.a1-f-happy {
opacity:0;
background: url(../images/icons_75_150.png) 0 -1200px no-repeat;
-webkit-animation:guyFHappy 30s both 0s infinite;
-moz-animation:guyFHappy 30s both 0s infinite;
-o-animation:guyFHappy 30s both 0s infinite;
animation: guyFHappy 30s both 0s infinite;
}
@-webkit-keyframes guyFHappy {
	0%, 61% {opacity:0;}
    62%, 100% {opacity:1;}
}
@-moz-keyframes guyFHappy {
	0%, 61% {opacity:0;}
    62%, 100% {opacity:1;}
}
@-o-keyframes guyFHappy {
	0%, 61% {opacity:0;}
    62%, 100% {opacity:1;}
}
@keyframes guyFHappy {
	0%, 61% {opacity:0;}
    62%, 100% {opacity:1;}
}
/* MONEY */
.a1-money {
float:left;
position:absolute;
width: 32px;
height: 32px;
left: 145px;
top: 78px;
-webkit-animation:stuffMoney 30s both 0s infinite;
-moz-animation:stuffMoney 30s both 0s infinite;
-o-animation:stuffMoney 30s both 0s infinite;
animation: stuffMoney 30s both 0s infinite;
opacity:0;
background: url(../images/icons_32_32.png) 0 -256px no-repeat;
}
@-webkit-keyframes stuffMoney {
	0%, 48% {opacity:0;}
    49% {opacity:1;left: 145px;}
    51%, 61% {opacity:1;left: 85px;top: 78px;}
    62%, 100% {opacity:1;left: 75px;top: 90px;}
}
@-moz-keyframes stuffMoney {
	0%, 48% {opacity:0;}
    49% {opacity:1;left: 145px;}
    51%, 61% {opacity:1;left: 85px;top: 78px;}
    62%, 100% {opacity:1;left: 75px;top: 90px;}
}
@-o-keyframes stuffMoney {
	0%, 48% {opacity:0;}
    49% {opacity:1;left: 145px;}
    51%, 61% {opacity:1;left: 85px;top: 78px;}
    62%, 100% {opacity:1;left: 75px;top: 90px;}
}
@keyframes stuffMoney {
	0%, 48% {opacity:0;}
    49% {opacity:1;left: 145px;}
    51%, 61% {opacity:1;left: 85px;top: 78px;}
    62%, 100% {opacity:1;left: 75px;top: 90px;}
}
/* VSM */
.a1-vsm {
float:left;
position:absolute;
width: 75px;
height: 150px;
left: 155px;
-webkit-animation:guyVsm 30s both 0s infinite;
-moz-animation:guyVsm 30s both 0s infinite;
-o-animation:guyVsm 30s both 0s infinite;
animation: guyVsm 30s both 0s infinite;
}
@-webkit-keyframes guyVsm {
	0%, 48% {opacity:0;}
    49% {opacity:1;left: 155px;}
    51%, 61% {opacity:1;left: 100px;}
    62%, 78% {opacity:1;left: 500px;}
    80%, 100% {opacity:1;left: 400px;}
}
@-moz-keyframes guyVsm {
	0%, 48% {opacity:0;}
    49% {opacity:1;left: 155px;}
    51%, 61% {opacity:1;left: 100px;}
    62%, 78% {opacity:1;left: 500px;}
    80%, 100% {opacity:1;left: 400px;}
}
@-o-keyframes guyVsm {
	0%, 48% {opacity:0;}
    49% {opacity:1;left: 155px;}
    51%, 61% {opacity:1;left: 100px;}
    62%, 78% {opacity:1;left: 500px;}
    80%, 100% {opacity:1;left: 400px;}
}
@keyframes guyVsm {
	0%, 48% {opacity:0;}
    49% {opacity:1;left: 155px;}
    51%, 61% {opacity:1;left: 100px;}
    62%, 78% {opacity:1;left: 500px;}
    80%, 100% {opacity:1;left: 400px;}
}
.a1-vsm-left, .a1-vsm-right {
position: absolute;
width: 75px;
height: 150px;
top: 0;
left: 0;
}
.a1-vsm-left {
opacity:0;
background: url(../images/icons_75_150.png) 0 -1350px no-repeat;
-webkit-animation:guyVsmLeft 30s both 0s infinite;
-moz-animation:guyVsmLeft 30s both 0s infinite;
-o-animation:guyVsmLeft 30s both 0s infinite;
animation: guyVsmLeft 30s both 0s infinite;
}
@-webkit-keyframes guyVsmLeft {
	0%, 48%, 62%, 100% {opacity:0;}
    49%, 61% {opacity:1;}
}
@-moz-keyframes guyVsmLeft {
	0%, 48%, 62%, 100% {opacity:0;}
    49%, 61% {opacity:1;}
}
@-o-keyframes guyVsmLeft {
	0%, 48%, 62%, 100% {opacity:0;}
    49%, 61% {opacity:1;}
}
@keyframes guyVsmLeft {
	0%, 48%, 62%, 100% {opacity:0;}
    49%, 61% {opacity:1;}
}
.a1-vsm-right {
opacity:0;
background: url(../images/icons_75_150.png) 0 -1500px no-repeat;
-webkit-animation:guyVsmRight 30s both 0s infinite;
-moz-animation:guyVsmRight 30s both 0s infinite;
-o-animation:guyVsmRight 30s both 0s infinite;
animation: guyVsmRight 30s both 0s infinite;
}
@-webkit-keyframes guyVsmRight {
	0%, 61%, 80%, 100% {opacity:0;}
    62%, 78% {opacity:1;}
}
@-moz-keyframes guyVsmRight {
	0%, 61%, 80%, 100% {opacity:0;}
    62%, 78% {opacity:1;}
}
@-o-keyframes guyVsmRight {
	0%, 61%, 80%, 100% {opacity:0;}
    62%, 78% {opacity:1;}
}
@keyframes guyVsmRight {
	0%, 61%, 80%, 100% {opacity:0;}
    62%, 78% {opacity:1;}
}
/* LOST STUFF */
.a1-loststuff {
position:absolute;
float:left;
width: 180px;
height: 150px;
left:75px;
background: url(../images/stuff_cloud.png) center center no-repeat;
}
.a1-carkey, .a1-phone, .a1-key, .a1-laptop {
width: 32px;
height: 32px;
position:relative;
}
.a1-carkey {
top: 40px;
left: 45px;
background: url(../images/icons_32_32.png) 0 -192px no-repeat;
}
.a1-phone {
top: 10px;
left: 100px;
background: url(../images/icons_32_32.png) 0 -128px no-repeat;
}
.a1-laptop {
top: 15px;
left: 45px;
background: url(../images/icons_32_32.png) 0 -224px no-repeat;
}
.a1-key {
top: -16px;
left: 100px;
background: url(../images/icons_32_32.png) 0 -160px no-repeat;
}
.a1-loststuff {
-webkit-animation:moveLostStuff 30s both 0s infinite;
-moz-animation:moveLostStuff 30s both 0s infinite;
-o-animation:moveLostStuff 30s both 0s infinite;
animation:moveLostStuff 30s both 0s infinite;
}
@-webkit-keyframes moveLostStuff {
	0% {-webkit-transform:scale(0.25); opacity: 0;}
	3% {-webkit-transform:scale(1); opacity: 1;}
    19% {opacity: 1;}
    20%, 100% {opacity: 0;}
}
@-moz-keyframes moveLostStuff {
	0% {-moz-transform:scale(0.25); opacity: 0;}
	3% {-moz-transform:scale(1); opacity: 1;}
    19% {opacity: 1;}
    20%, 100% {opacity: 0;}
}
@-o-keyframes moveLostStuff {
	0% {-o-transform:scale(0.25); opacity: 0;}
	3% {-o-transform:scale(1); opacity: 1;}
    19% {opacity: 1;}
    20%, 100% {opacity: 0;}
}
@keyframes moveLostStuff {
	0% {transform:scale(0.25); opacity: 0;}
	3% {transform:scale(1); opacity: 1;}
    19% {opacity: 1;}
    20%, 100% {opacity: 0;}
}
.a1-phone-falling {
width:32px;
height:32px;
top: 43px;
left: 175px;
position:relative;
background: url(../images/icons_32_32.png) 0 -128px no-repeat;
-webkit-animation:phoneFalling 30s both 0s infinite;
-moz-animation:phoneFalling 30s both 0s infinite;
-o-animation:phoneFalling 30s both 0s infinite;
animation:phoneFalling 30s both 0s infinite;
}
@-webkit-keyframes phoneFalling {
	0%, 18.99% {opacity:0;}
    19% {opacity:1; -webkit-transform: rotate(0deg); top: 43px;}
    21% {-webkit-transform: rotate(230deg); top: 105px;}
    34% {left: 175px; top: 105px;}
    36%, 61% {left: 90px; top: 26px; -webkit-transform: rotate(230deg);}
    62%, 78% {left: 578px; top: 45px;  -webkit-transform: rotate(230deg);}
    80%, 100% {opacity:1; left: 582px; top: 45px; -webkit-transform: rotate(0deg)}
}
@-moz-keyframes phoneFalling {
	0%, 18.99% {opacity:0;}
    19% {opacity:1; -moz-transform: rotate(0deg); top: 43px;}
    21% {-moz-transform: rotate(230deg); top: 105px;}
    34% {left: 175px; top: 105px;}
    36%, 61% {left: 90px; top: 26px; -moz-transform: rotate(230deg);}
    62%, 78% {left: 578px; top: 45px;  -moz-transform: rotate(230deg);}
    80%, 100% {opacity:1; left: 582px; top: 45px; -moz-transform: rotate(0deg)}
}
@-o-keyframes phoneFalling {
	0%, 18.99% {opacity:0;}
    19% {opacity:1; -o-transform: rotate(0deg); top: 43px;}
    21% {-o-transform: rotate(230deg); top: 105px;}
    34% {left: 175px; top: 105px;}
    36%, 61% {left: 90px; top: 26px; -o-transform: rotate(230deg);}
    62%, 78% {left: 578px; top: 45px;  -o-transform: rotate(230deg);}
    80%, 100% {opacity:1; left: 582px; top: 45px; -o-transform: rotate(0deg)}
}
@keyframes phoneFalling {
	0%, 18.99% {opacity:0;}
    19% {opacity:1; transform: rotate(0deg); top: 43px;}
    21% {transform: rotate(230deg); top: 105px;}
    34% {left: 175px; top: 105px;}
    36%, 61% {left: 90px; top: 26px; transform: rotate(230deg);}
    62%, 78% {left: 578px; top: 45px;  transform: rotate(230deg);}
    80%, 100% {opacity:1; left: 582px; top: 45px; transform: rotate(0deg)}
}
.a1-text {
position:absolute;
width: 330px;
height:130px;
padding:10px;
left:1000px;
top:0;
font: 24px/42px Georgia, Arial, sans-serif;
font-style: italic;
color: #618d16;
text-shadow: 0 1px 0 white;
white-space: pre-line;
-webkit-animation:moveTextFrame 30s both 0s ease-in-out infinite;
-moz-animation:moveTextFrame 30s both 0s ease-in-out infinite;
-o-animation:moveTextFrame 30s both 0s ease-in-out infinite;
animation: moveTextFrame 30s both 0s ease-in-out infinite;
}
@-webkit-keyframes moveTextFrame {
	4% {left:1000px;}
    5%, 19% {left:300px;}
    20%, 61% {left:240px;}
    62%, 78% {left:125px;}
    79%, 100% {left:180px;}
}
@-moz-keyframes moveTextFrame {
	4% {left:1000px;}
    5%, 19% {left:300px;}
    20%, 61% {left:240px;}
    62%, 78% {left:125px;}
    79%, 100% {left:180px;}
}
@-o-keyframes moveTextFrame {
	4% {left:1000px;}
    5%, 19% {left:300px;}
    20%, 61% {left:240px;}
    62%, 78% {left:125px;}
    79%, 100% {left:180px;}
}
@keyframes moveTextFrame {
	4% {left:1000px;}
    5%, 19% {left:300px;}
    20%, 61% {left:240px;}
    62%, 78% {left:125px;}
    79%, 100% {left:180px;}
}
.a1-text .t1, .a1-text .t2, .a1-text .t3, .a1-text .t4, .a1-text .t5 {
  position:absolute;
  left:10px;
  top:10px;
  opacity:0;
}
.a1-text .t1 {
-webkit-animation:textT1 30s both 0s ease-in-out infinite;
-moz-animation:textT1 30s both 0s ease-in-out infinite;
-o-animation:textT1 30s both 0s ease-in-out infinite;
animation: textT1 30s both 0s ease-in-out infinite;
}
@-webkit-keyframes textT1 {
	0%, 19% {opacity:1;}
    20%, 100% {opacity:0;}
}
@-moz-keyframes textT1 {
	0%, 19% {opacity:1;}
    20%, 100% {opacity:0;}
}
@-o-keyframes textT1 {
	0%, 19% {opacity:1;}
    20%, 100% {opacity:0;}
}
@keyframes textT1 {
	0%, 19% {opacity:1;}
    20%, 100% {opacity:0;}
}
.a1-text .t2 {
-webkit-animation:textT2 30s both 0s infinite;
-moz-animation:textT2 30s both 0s infinite;
-o-animation:textT2 30s both 0s infinite;
animation: textT2 30s both 0s ease-in-out infinite;
}
@-webkit-keyframes textT2 {
	0%, 19%, 32% ,100% {opacity:0;}
    20%, 31%  {opacity:1;}
}
@-moz-keyframes textT2 {
	0%, 19%, 32% ,100% {opacity:0;}
    20%, 31%  {opacity:1;}
}
@-o-keyframes textT2 {
	0%, 19%, 32% ,100% {opacity:0;}
    20%, 31%  {opacity:1;}
}
@keyframes textT2 {
	0%, 19%, 32% ,100% {opacity:0;}
    20%, 31%  {opacity:1;}
}
.a1-text .t3 {
-webkit-animation:textT3 30s both 0s ease-in-out infinite;
-moz-animation:textT3 30s both 0s ease-in-out infinite;
-o-animation:textT3 30s both 0s ease-in-out infinite;
animation: textT3 30s both 0s ease-in-out infinite;
}
@-webkit-keyframes textT3 {
	0%, 31%, 48% ,100% {opacity:0;}
    32%, 47% {opacity:1;}
}
@-moz-keyframes textT3 {
	0%, 31%, 48% ,100% {opacity:0;}
    32%, 47% {opacity:1;}
}
@-o-keyframes textT3 {
	0%, 31%, 48% ,100% {opacity:0;}
    32%, 47% {opacity:1;}
}
@keyframes textT3 {
	0%, 31%, 48% ,100% {opacity:0;}
    32%, 47% {opacity:1;}
}
.a1-text .t4 {
-webkit-animation:textT4 30s both 0s ease-in-out infinite;
-moz-animation:textT4 30s both 0s ease-in-out infinite;
-o-animation:textT4 30s both 0s ease-in-out infinite;
animation: textT4 30s both 0s ease-in-out infinite;
}
@-webkit-keyframes textT4 {
	0%, 47%, 79% ,100% {opacity:0;}
    48%, 77% {opacity:1;}
}
@-moz-keyframes textT4 {
	0%, 47%, 79% ,100% {opacity:0;}
    48%, 77% {opacity:1;}
}
@-o-keyframes textT4 {
	0%, 47%, 79% ,100% {opacity:0;}
    48%, 77% {opacity:1;}
}
@keyframes textT4 {
	0%, 47%, 79% ,100% {opacity:0;}
    48%, 77% {opacity:1;}
}
.a1-text .t5 {
-webkit-animation:textT5 30s both 0s ease-in-out infinite;
-moz-animation:textT5 30s both 0s ease-in-out infinite;
-o-animation:textT5 30s both 0s ease-in-out infinite;
animation: textT5 30s both 0s ease-in-out infinite;
}
@-webkit-keyframes textT5 {
	0%, 77%, 100% {opacity:0;}
    79%, 99% {opacity:1;}
}
@-moz-keyframes textT5 {
	0%, 77%, 100% {opacity:0;}
    79%, 99% {opacity:1;}
}
@-o-keyframes textT5 {
	0%, 77%, 100% {opacity:0;}
    79%, 99% {opacity:1;}
}
@keyframes textT5 {
	0%, 77%, 100% {opacity:0;}
    79%, 99% {opacity:1;}
}
/* /css animation - how it works */