
#mlb-content {
    background-image:url("/images/new-version/home/fabric.jpg");
}

#mlb-pageContent {
    border:none;
    background:none;
}

#mlb-paragraphs {
    padding:0px;
}

#mobile-page {
}

#mobile-page * {
    font-family:Helvetica, Arial, Verdana;
}

#mobile-page h1 {
    color:#3d3d3d;
    font-size:26px;
    line-height:40px;
    font-weight:normal;
}

#mobile-intro {
    position:relative;
    padding-left:630px;
}

#mobile-intro img {
    position:absolute;
    left:0px;
    top:0px;
    cursor:pointer;
}

p {
    margin:0px;
}

p.mobile-block-header {
    color:#3d3d3d;
    font-size:18px;
    line-height:30px;
}

p.mobile-block-paragraph {
    color:#2f2f2f;
    font-size:13px;
    line-height:24px;
    margin-top:10px;
}

p.mobile-block-paragraph.link {
    color:#197496;
    margin-top:0px;
    cursor:pointer;
}

p.mobile-block-paragraph.link:hover {
    text-decoration: underline;
}

#download-app-button {
    position:relative;
    width:202px;
    padding-left:630px;
    padding-top:45px;
    text-align:center;
}

#download-app-button>a {
    display:block;
    width:200px;
    height:40px;
    color:#feffff;
    font-size:20px;
    font-family:LucidaGrandeRegular, Helvetica, Arial, Verdana !important;
    text-decoration:none;
    line-height:40px;
    text-shadow:0px 1px 0px #691707;
    filter:Shadow(Color=#691707, Direction=180, Strength=1);
    border:1px #b6513f solid;
    border-top:1px #b84c43 solid;
    border-bottom:1px #b45038 solid;
    border-radius:4px 4px 4px 4px;
    -moz-border-radius:4px 4px 4px 4px;
    background-color:#df673b;
    background:-moz-linear-gradient(top, #f6963c, #df673b);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f6963c), to(#df673b));
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6963c', endColorstr='#df673b', GradientType=0);
    background-image: -o-linear-gradient(top,#f6963c,#df673b);
    box-shadow: inset 0px 1px 1px #ffff82, inset 0px -1px 1px #d06035;
    -moz-box-shadow: inset 0px 1px 1px #ffff82, inset 0px -1px 1px #d06035;
    -webkit-box-shadow: inset 0px 1px 1px #ffff82, inset 0px -1px 1px #d06035;
}

#download-app-button>a:hover {
    border:1px #d1614c solid;
    border-top:1px #d35b50 solid;
    border-bottom:1px #d06043 solid;
    background-color:#f27c47;
    background:-moz-linear-gradient(top, #fcb248, #f27c47);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fcb248), to(#f27c47));
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb248', endColorstr='#f27c47', GradientType=0);
    background-image: -o-linear-gradient(top,#fcb248,#f27c47);
    box-shadow: inset 0px 1px 1px #ffff9b, inset 0px -1px 1px #e77340;
    -moz-box-shadow: inset 0px 1px 1px #ffff9b, inset 0px -1px 1px #e77340;
    -webkit-box-shadow: inset 0px 1px 1px #ffff9b, inset 0px -1px 1px #e77340;
}

#download-app-button>a>img {
    margin-right:7px;
    vertical-align:middle;
    border:none;
}

#download-app-button>div {
    position:absolute;
    left:870px;
    top:74px;
    color:#757575;
    font-size:11px;
    line-height:11px;
    font-style:italic;
    white-space:nowrap;
}

#download-app-button>div>img {
    position:absolute;
    left:-36px;
    top:-17px;
}

#mobile-small-phones-block {
    height:250px;
    margin-top:50px;
}

.horizontal-separator {
    width:100%;
    height:50px;
    margin-top:10px;
    margin-bottom:-30px;
    background-image:url(/images/new-version/mobile/horizontal-hr.png);
    background-position:0px 15px;
    background-repeat:no-repeat;
}

.vertical-separator {
    float:left;
    width:20px;
    height:240px;
    margin-left:14px;
    margin-right:30px;
    margin-top:5px;
    background-image:url(/images/new-version/mobile/vertical-hr.png);
    background-repeat:no-repeat;
}

.small-phone-div {
    float:left;
    position:relative;
    width:290px;
    height:250px;
}

.small-phone-div .mobile-block-paragraph {
    margin-bottom:17px;
}

.small-phone-div>img {
    position:absolute;
    left:0px;
    bottom:0px;
    width:66px;
    height:129px;
    background-image:url(/images/new-version/mobile/small-phones.png);
}

.small-phone-div>img.i1 {
    background-position:0px 0px;
}

.small-phone-div>img.i2 {
    background-position:-66px 0px;
}

.small-phone-div>img.i3 {
    background-position:-132px 0px;
}

.small-phone-link {
    padding-left:85px;
}

.small-phone-link>a {
    color:#197496;
    font-size:13px;
    line-height:36px;
    text-decoration:none;
}

.small-phone-link>a:hover {
    text-decoration:underline;
}

.small-phone-link>img,
.mobile-small-block img.video {
    width:16px;
    height:16px;
    margin-right:7px;
    margin-bottom:2px;
    vertical-align:middle;
    background-image:url(/images/new-version/mobile/icons.png);
}

.mobile-small-block img.video {
    background-position:-48px 0px;
}

.small-phone-link>img.i1 {
    background-position:0px 0px;
}

.small-phone-link>img.i2 {
    background-position:0px -16px;
}

.small-phone-link>img.i3 {
    background-position:0px -32px;
}

.small-phone-link>img.i4 {
    background-position:-16px 0px;
}

.small-phone-link>img.i5 {
    background-position:-16px -16px;
}

.small-phone-link>img.i6 {
    background-position:-16px -32px;
}

.small-phone-link>img.i7 {
    background-position:-32px 0px;
}

.small-phone-link>img.i8 {
    background-position:-32px -16px;
}

.small-phone-link>img.i9 {
    background-position:-32px -32px;
}

.green-line {
    height:73px;
    margin-top:50px;
    color:#434343;
    font-size:17px;
    line-height:73px;
    text-align:center;
    border:1px #91c08b solid;
    background-image:url(/images/new-version/mobile/green-bg.png);
}

.green-line>a {
    line-height:73px;
    text-decoration:none;
}

.green-line>a>img {
    margin-left:30px;
    margin-bottom:5px;
    border:none;
    vertical-align:middle;
}

.mobile-big-block {
    position:relative;
    height:500px;
    margin-top:50px;
}

.scrollable-block {
    float:left;
    width:234px;
    height:500px;
}

.mobile-big-block .scrollable {
    position:relative;
    width: 234px;
    height:462px;
    overflow:hidden;
}

.mobile-big-block .scrollable .items {
    position:absolute;
    width:20000px;
}

.mobile-big-block .items div {
    float:left;
}

.mobile-big-block .navi {
    width:80px;
    height:16px;
    margin:0 auto;
    margin-top:22px;
}

.mobile-big-block .navi a {
    float:left;
    display:block;
    width:10px;
    height:10px;
    margin:3px;
    font-size:1px;
    outline:none;
    background:url(/images/new-version/mobile/nav-dots.png);
    background-position:-10px 0px;     
}

.mobile-big-block .navi a.active {
    background-position:0px 0px;     
}

.mobile-small-block {
    float:left;
    width:353px;
    margin-left:29px;
    margin-bottom:15px;
}
