@import "reset.css";

.floatL {float: left;}
.floatR {float: right;}
.noFloat {clear: both;}

a {
    color: #7c9533;
    text-decoration: underline;
}

body {
    background: #8f857c;
    line-height: 18px;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #333;
}

#column1 {
    width: 50%;
    float: left;
    margin-right: -480px;
}
#col1inner { 
    margin-right: 480px; 
    background: url(/images/layout/leftBg.gif) right 126px no-repeat;
    height: 660px;
}

#column2 {
    width: 960px;
    float: left;
    position: relative;
    z-index: 10;
}

#column3 {
    width: 50%;
    float: right;
    margin-left: -481px;
}
#column3inner {
    margin-left: 480px;
    background: url(/images/layout/rightBg.gif) left 171px no-repeat;
    height: 678px;
}

#header {
    height: 126px;
}
#header #logo {
    background: url(/images/layout/cinevazambeste.gif) 0 0 no-repeat;
    float: left;
}
#header #logo img {
    width: 273px;
    height: 126px;
}
#header #grandTotal {
    float: right;
    padding: 27px 9px 0 0;
}
#header #grandTotal #donez {
    float: right;
    width: 156px;
    height: 90px;
}
#header #grandTotal #amountSlider {
    float: right;
    padding: 9px 18px 0 0;
}
#header #grandTotal #amountSlider #amount {
    color: #a1bb54;
    font-family: "Arial Narrow", sans-serif;
    font-weight: bold;
    font-size: 73px;
    line-height: 54px;
    text-align: right;
}
#header #grandTotal #amountSlider #sliderWrp {
    background: url(/images/layout/sliderbg.gif) 0 0 no-repeat;
    width: 220px;
    padding: 0 18px;
    height: 36px;
}
#header #grandTotal #amountSlider #sliderWrp div.slider {
    height: 36px;
    width: 220px;
    position: relative;
}
#header #grandTotal #amountSlider #sliderWrp div.slider div.handle {
    width: 12px; 
    height: 18px; 
    background: url(/images/layout/cursor.gif) 0 0 no-repeat;
    cursor:move; 
    position: absolute;
    top: 4px;
}
#subheader {
    height: 18px;
    background: url(/images/layout/topBg.gif) right 0 no-repeat #f3d745;
}
#content {
    height: 504px;
    width: 960px;
    background: #fff;
}
#scene {
    height: 504px;
    background: url(/images/layout/bgSad.gif) 0 0 no-repeat;
    position: relative;
    /*overflow: hidden;*/
    z-index: 100;
}
#sceneHappy {
    height: 504px;
    background: url(/images/layout/bgHappy.jpg) 0 0 no-repeat;
    position: relative;
    z-index: 100;
}
div.sceneScroll {
    height: 468px;
    overflow: auto;
}
#footer {
    height: 81px;
    padding-top: 36px;
    background: url(/images/layout/bottomBg.gif) 0 0 no-repeat;
    color: #fff;
    font-size: 11px;
}
#footer a {
    color: #fff;
}
#footerInner {
    height: 18px;
    padding: 9px 36px;
}

/* kids begin */
#sadsack0 {
    z-index: 101;
    width: 204px;
    height: 178px;
    position: absolute;
    top: 159px;
    left: 729px;
    background: url(/images/layout/sad-sack-0.gif) 0 0 no-repeat;
}
div.sack {
    color: #fff;
    font-size: 12px;
    padding: 110px 30px 0 0;
    font-family: "Comic Sans MS", sans-serif;
    text-align: center;
}
#kid2wrp, #kid1wrp, #kid5wrp, #kid8wrp, #kid7wrp, #kid9wrp, #kid10wrp, #kid6wrp, #kid34wrp {
    position: absolute;
    top: 0; left: 0;
}

#kid2 { 
    z-index: 101;
    width: 233px;
    height: 307px;
    position: absolute;
    top: 197px;
    left: 0px;
}
#kid2 img {
    width: 233px;
    height: 307px;
}
div.kid2off { background: url(/images/layout/kid2.gif) 0 0 no-repeat; }
div.kid2on { background: url(/images/layout/kid2.gif) -233px 0 no-repeat; }
div.kid2smile { background: url(/images/layout/kid2.gif) -466px 0 no-repeat; }

#kid1 { 
    z-index: 102;
    width: 129px;
    height: 207px;
    position: absolute;
    top: 297px;
    left: 3px;
}
#kid1 img {
    width: 129px;
    height: 207px;
}
div.kid1off { background: url(/images/layout/kid1.gif) 0 0 no-repeat; }
div.kid1on { background: url(/images/layout/kid1.gif) -129px 0 no-repeat; }
div.kid1smile { background: url(/images/layout/kid1.gif) -258px 0 no-repeat; }

#kid5 { 
    z-index: 101;
    width: 119px;
    height: 216px;
    position: absolute;
    top: 85px;
    left: 320px;
}
#kid5 img {
    width: 119px;
    height: 216px;
}
div.kid5off { background: url(/images/layout/kid5.gif) 0 0 no-repeat; }
div.kid5on { background: url(/images/layout/kid5.gif) -119px 0 no-repeat; }
div.kid5smile { background: url(/images/layout/kid5.gif) -238px 0 no-repeat; }

#kid8 { 
    z-index: 101;
    width: 124px;
    height: 311px;
    position: absolute;
    top: 0px;
    left: 490px;
}
#kid8 img {
    width: 124px;
    height: 311px;
}
div.kid8off { background: url(/images/layout/kid8.gif) 0 0 no-repeat; }
div.kid8on { background: url(/images/layout/kid8.gif) -124px 0 no-repeat; }
div.kid8smile { background: url(/images/layout/kid8.gif) -248px 0 no-repeat; }

#kid7 { 
    z-index: 103;
    width: 172px;
    height: 262px;
    position: absolute;
    top: 83px;
    left: 403px;
}
#kid7 img {
    width: 172px;
    height: 262px;
}
div.kid7off { background: url(/images/layout/kid7.gif) 0 0 no-repeat; }
div.kid7on { background: url(/images/layout/kid7.gif) -172px 0 no-repeat; }
div.kid7smile { background: url(/images/layout/kid7.gif) -344px 0 no-repeat; }

#kid9 { 
    z-index: 104;
    width: 258px;
    height: 211px;
    position: absolute;
    top: 207px;
    left: 435px;
}
#kid9 img {
    width: 258px;
    height: 211px;
}
div.kid9off { background: url(/images/layout/kid9.gif) 0 0 no-repeat; }
div.kid9on { background: url(/images/layout/kid9.gif) -258px 0 no-repeat; }
div.kid9smile { background: url(/images/layout/kid9.gif) -516px 0 no-repeat; }

#kid10 { 
    z-index: 105;
    width: 136px;
    height: 205px;
    position: absolute;
    top: 299px;
    left: 636px;
}
#kid10 img {
    width: 136px;
    height: 205px;
}
div.kid10off { background: url(/images/layout/kid10.gif) 0 0 no-repeat; }
div.kid10on { background: url(/images/layout/kid10.gif) -136px 0 no-repeat; }
div.kid10smile { background: url(/images/layout/kid10.gif) -272px 0 no-repeat; }

#kid6 { 
    z-index: 105;
    width: 164px;
    height: 182px;
    position: absolute;
    top: 322px;
    left: 362px;
}
#kid6 img {
    width: 164px;
    height: 182px;
}
div.kid6off { background: url(/images/layout/kid6.gif) 0 0 no-repeat; }
div.kid6on { background: url(/images/layout/kid6.gif) -164px 0 no-repeat; }
#kid6smile { 
    z-index: 105;
    width: 224px;
    height: 250px;
    position: absolute;
    top: 254px;
    left: 342px;
    background: url(/images/layout/kid6.gif) -328px 0 no-repeat;
}
#kid6smile img {
    width: 224px;
    height: 250px;
}

#kid34 { 
    z-index: 106;
    width: 211px;
    height: 400px;
    position: absolute;
    top: 104px;
    left: 175px;
}
#kid34 img {
    width: 211px;
    height: 400px;
}
div.kid34off { background: url(/images/layout/kid34.gif) 0 0 no-repeat; }
div.kid34on { background: url(/images/layout/kid34.gif) -211px 0 no-repeat; }
#kid34smile { 
    z-index: 106;
    width: 326px;
    height: 265px;
    position: absolute;
    top: 239px;
    left: 131px;
    background: url(/images/layout/kid34.gif) -422px 0 no-repeat;
}
#kid34smile img {
    width: 326px;
    height: 265px;
}
/* kids end */

a.donner {
    font-family: Verdana, sans-serif;
    font-size: 18px;
    color: #a1bb54;
    text-decoration: underline;
}
span.thx {
    color: #60b7d5;
    font-family: "Comic Sans MS", sans-serif;
    font-size: 18px;
}
h1 {
    color: #a1bb54;
    font-size: 36px;
    line-height: 36px;
    font-family: "Comic Sans MS", sans-serif;
}
h2 {
    color: #333;
    font-size: 18px;
    line-height: 18px;
    font-family: "Comic Sans MS", sans-serif;
}
div.contTxt {
    padding: 18px;
    font-size: 12px;
}

div.col1 {
    float: left;
    width: 293px;
    padding: 0 9px 0 18px;
}
div.col2 {
    float: left;
    width: 302px;
    padding: 0 9px;
}
div.col3 {
    float: left;
    width: 293px;
    padding: 0 18px 0 9px;
}
div.col12 {
    float: left;
    width: 640px;
}
div.col12inner {
    padding: 0 9px 0 18px;
}
.text36 {
    font-size: 36px;
    line-height: 36px;
}
input.big {
    height: 36px;
    line-height: 36px;
    /*border: 1px solid #a1bb54;*/
    width: 100px;
    text-align: right;
    font-size: 36px;
    color: #a1bb54;
    vertical-align: top;
    position: relative;
}
.red { color: #f00; }
label.reg {font-weight: bold;}
input.reg1 {
    border: 1px solid #8f857c;
    width: 210px;
    color: #000;
}
input.nextStep {
    height: 30px;
    background: #fff;
    border: 3px solid #a1bb54;
    color: #a1bb54;
    font-weight: bold;
    cursor: pointer;
}
.form_error { 
    color: #f00;
    font-size: 12px;
}
#splashHome {
    position: absolute;
    z-index: 500;
    width: 640px;
    top: 10px;
    left: 160px;
}
#splashHome #shead {
    height: 18px;
    background: url(/images/layout/splashHead.gif) 0 0 no-repeat;
}
#splashHome #sbody {
    height: 18px;
    background: #fff;
    color: #333;
    padding: 0 18px;
    height: 378px;
}
#splashHome #sfoot {
    height: 18px;
    background: url(/images/layout/splashFoot.gif) 0 0 no-repeat;
}

div.promo-col1 {
    float: left;
    /* width: 320px; */
}
div.promo-col2 {
    float: left;
    padding-left: 18px;
    /* width: 360px; */
}