@font-face {
    font-family: 'ollymurs';
    src:url('../fonts/ollymurs.eot?-v2633q');
    src:url('../fonts/ollymurs.eot?#iefix-v2633q') format('embedded-opentype'),
        url('../fonts/ollymurs.woff?-v2633q') format('woff'),
        url('../fonts/ollymurs.ttf?-v2633q') format('truetype'),
        url('../fonts/ollymurs.svg?-v2633q#ollymurs') format('svg');
    font-weight: normal;
    font-style: normal;
}
.hidetext {
    color: transparent;
    font-size: 5%;
    outline: medium none;
    text-align: left;
    text-indent: -9999em;
    white-space: nowrap;
}
body{ width: 100%; height: 100%; position: relative; margin: 0px; padding: 0px; background: #658eae top left repeat-x; font-size: 12px; line-height: 16px;}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}
li{ margin: 0px; padding: 0px}
ul{ margin: 0px; padding: 0px;}
#outer{ min-width: 1070px;min-height: 1000px;  background: url(../images/back.jpg) #658eae top center no-repeat; position: relative; margin: 0px auto 0px auto; overflow: hidden;  }
.inner{ width: 1070px; position: relative; margin: 0px auto 0px auto; background: transparent; }
.shadow{-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 1);}
.shadow2{-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 7px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 7px 0px rgba(0, 0, 0, 1);}
.shadow3{-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.75);}
ul, li, .item-list ul, .action-links {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.clear{ clear: both; font-size: 0px; line-height: 0px; height: 0px; position: relative; width: 100%;}
.sp10{ clear: both; font-size: 10px; line-height: 10px; height: 10px; position: relative; width: 100%;}
.sp20{ clear: both; font-size: 20px; line-height: 20px; height: 20px; position: relative; width: 100%;}
.sp30{ clear: both; font-size: 30px; line-height: 30px; height: 30px; position: relative; width: 100%;}
.sp40{ clear: both; font-size: 40px; line-height: 40px; height: 40px; position: relative; width: 100%;}
.sp60{ clear: both; font-size: 60px; line-height: 60px; height: 60px; position: relative; width: 100%;}
.sp100{ clear: both; font-size: 100px; line-height: 100px; height: 100px; position: relative; width: 100%;}
.sp300{ clear: both; font-size: 300px; line-height: 300px; height: 300px; position: relative; width: 100%;}


.main_card{ width: 790px; height: 505px; position: relative; float: left; margin: 0px 0px 0px 30px}
.card_mask{ position: absolute; top:0px; left:0px;}
.card{ width: 775px; height: 450px; position: relative; top:21px; left: 6px;}
.top_bar{ width: 100%; height: 72px;}
.enter_btn{ position: relative; text-align: center; margin: 15px 0px 0px 0px}
.enter_ttl{ position: relative; text-align: center; margin: 5px 0px 0px 0px;}
.card_small{ width: 163px; height: 93px; position: relative; border: 4px solid #ffffff; display: inline-block; margin: 0px 0px 7px 0px;}
.card_small.sel{ border: 4px solid #db1d3d}
.cards_side{ width: 205px; position: relative; float: right; margin: 0px 30px 0px 0px;}
.cards{ position: relative; top:-15px; text-align: center;}

.card_control{ position: relative; text-align: center; vertical-align: middle;}
.btn{ position: relative; display: inline-block; vertical-align: middle;}
.note{ position: relative; display: inline-block; vertical-align: middle; font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif; font-size: 12px; line-height: 15px; text-align: left; margin: 0px 0px 0px 5px}

.left_side{ width: 520px; position: relative; float: left; margin: 0px 0px 0px 20px;}
.right_side{ width: 500px; position: relative; float: left;}

.album{ vertical-align: middle; position: relative;}
.album_cover{ vertical-align: middle; width: 180px; position: relative; display: inline-block;}
.album_info{vertical-align:middle; position: relative; display: inline-block; text-align: center;}
.album_buy{ position: relative; text-align: center; margin:5px 0px 0px 0px;}
.album_buy img{ vertical-align: middle; margin: 8px 3px 0px 3px; position: relative;}
.card_itunes{ position: absolute; bottom: 10px; right: 15px;z-index:2000}

.video{ position: absolute; top:12px; right: -19px; z-index: 20; text-align: center; vertical-align: top;}
.video_content{ display: inline-block; vertical-align: middle; text-align: center;}
.arrow_left{ display: inline-block; vertical-align: middle;}
.arrow_right{ display: inline-block; vertical-align: middle;}
.player{ display: inline-block; vertical-align: middle;}
.player img{ display: block;}

.card_msg{ position: absolute; top:210px; right: -19px; z-index: 3131}
.msg_txt{ width: 221px; height: 109px; background: url(../images/msg_back.png) bottom center no-repeat; margin: 0px auto; top:-14px; position: relative; }
.msg_txt textarea{ width: 100%; height: 100%; background: transparent; border: 0px; color: #ffffff; font-size: 15px; font-style: italic;resize:none; font-family: Georgia,Times,Times New Roman,serif; line-height: 27px;}

#header {
    background: url("../images/top-bar2.jpg") no-repeat scroll center top #010b22;
    height: 70px;
    margin-bottom: 25px;
    text-align: center;
}
.holiday, .holiday.two {
    color: #487dab;
    font-family: "Poiret One",cursive;
    font-size: 35px;
    letter-spacing: 0.025em;
    line-height: 70px;
    position: relative;
    text-shadow: 0 0 6px #0a67fe;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out 0s;
}
.holiday:after, .holiday.two:after {
    background: url("../images/arrow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 65px;
    margin: 2px 0 0;
    vertical-align: top;
    width: 60px;
}
.holiday:hover, .holiday.two:hover {
    color: #fff;
    text-shadow: 0 0 6px #0b5df4;
}
.holiday.two {
    color: #021336;
    font-size: 41px;
    font-weight: bold;
    margin-left: 90px;
    text-shadow: 0 0 12px #fff;
}
.holiday.two:after {
    background: url("../images/arrow-two.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.holiday.two:hover {
    color: #fff;
}
.social a{ text-decoration: none; color: #7f848a}

.social {

    margin: 50px 0px 0px 0px;
    border-top: 1px solid #ffffff;
    font-size: 0;
    line-height: 0;
    padding: 12px 0;
    text-align: center;
}
.social a {
    color: #7f848a;
    font-family: "ollymurs";
    font-size: 42px;
    font-weight: normal;
    line-height: 42px;
    margin: 0 7px;
    transition: all 0.25s ease-in-out 0s;
}
.social a:hover {
    color: #456c8a;
}

#footer {
    clear: both;
    color: #7f848a;
    font-size: 12px;
    line-height: normal;
    margin: 0 auto;
    max-width: 665px;
    padding: 15px 0 30px;
    text-align: center;
    width: 100%;
}
.legal-text {
    padding-top: 0px;
    float: left;
}
.rca {
    float: left;
    padding: 0 14px 0 0;
    position: relative;
}
.rca a {
    background: url("../images/rca.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 71px;
    margin: 0 auto;
    transition: all 0.25s ease-in-out 0s;
    width: 72px;
}
.rca a:hover {
    opacity: 0.9;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: none repeat scroll 0 0 #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none repeat scroll 0 0 #86cdfe;
    box-shadow: 0 0 6px #0023eb;
}
#footer a {
    color: #1e2d45;
}
#footer .safetytips-links a {
    text-decoration: underline;
}
#footer ul li {
    display: inline;
}