@charset "utf-8";
/* CSS Document */

html {
    height: 100%;
}

body {
    font:14px "Open Sans", Helvetica, Arial, sans-serif;
    color: #555555;
    background: url("img/body_bg.png") repeat-x #f9fdff;
    height: 100%;
}

.wrapper {
    width: 1020px;
    min-height: 100%;
    margin: 0 auto;
    background: url("img/wrapper_bg.png") repeat-y;
}

.header {
    height: 115px;
}

.header_left {
    float: left;
    width: 388px;
}

.header_middle {
    width: -moz-calc(100% - 620px);
    width: -webkit-calc(100% - 620px);
    width: calc(100% - 620px);
    float: left;
    text-align: center;
    padding-top: 60px;
}

.header_middle form.styled2 {
    margin-bottom: 0px;
}

.header_right a, .header_right a:visited {
    color: #5787bd;
}
.header_right a:hover {
    color: #7fbbff;
}

.header_right {
    width: 200px;
    margin-right: 30px;
    float: right;
    text-align: center;
    padding-top: 10px;
    height: 100px;
}

.nav {
    background: url("img/nav_bg.png") no-repeat;
    height: 18px;
    padding: 8px 0 25px 0;
}

.nav_ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.nav_ul li {
    float: left;
    margin-left: 35px;
}

.nav_ul li a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 18px;
}

.body_wrapper {
    padding: 0 0 0 25px;
}

.body_left {
    float: left;
    width: 650px;
}

.body_right {
    float: right;
    width: 325px;
    border-left: 1px solid #eee;
    padding-left: 10px;

}

.footer {
    background: url("img/footer_bg.png") no-repeat;
    height: 69px;
    text-align: center;
    color: #ffffff;
    font-size: .8em;
    padding-top: 35px;
}

.footer a {
    color: #ffffff;
    text-decoration: none;
}

.clear_fix, .clear_fix_10 {
    clear: both;
}
.clear_fix_10 { height: 10px; }

h1.green {
    margin: 0 0 10px 0;
    padding-bottom: 5px;
    color: #8fac4f !important;
    font: normal normal 28px 'Josefin Sans', Tahoma, sans-serif !important;
    background: url("img/dotted_green.png") left bottom repeat-x;
    font-weight: 300;
}
h1.green a {
    color: #8fac4f !important;
    font: normal normal 28px 'Josefin Sans', Tahoma, sans-serif !important;
    text-decoration: none;
}

.side_box_divider {
    border-bottom: 1px solid #eee;
    margin-right: 25px;
    height: 10px;
    margin-bottom: 10px;
}

.side_box {
    text-align: center;
}

.body_right h2.blue_header {
    background: url("img/side_nav_header_bg_blue.png") no-repeat;
    margin: 0px;
    display: block;
    width: 325px;
    height: 51px;
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
    padding-top: 5px;
}

.nav_leader_board_holder {
    margin: 0 0 10px 0;
}

.toy_guide_cats_wrapper ul {
    list-style: none;
    float: left;
    width: 30%;
    overflow: hidden;
    margin: 0 3% 0 0;
    padding: 0px;
    border-right: 1px solid #eee;
}

.toy_guide_cats_wrapper a {
    font-size: .9em;
    color: #a93888;
    text-decoration: none;
}

.toy_guide_sub_cats {
    margin: 0px;
}

.toy_guide_sub_cats a {
    color: #8fac4f;
    text-decoration: none;
}

.toy_guide_ul {
    list-style: none;
    width: 100%;
}

.toy_guide_ul li {
    float: left;
    width: 22%;
    padding: 0 2% 5px 2%;
    text-align: center;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    height: 180px;
    font-size: .8em;
}

.toy_guide_ul li a {
    color: #a93888;
    text-decoration: none;
}

h2, h3 {
    padding: 0px;
    margin: 0px;
}

.toy_guide_main_toy_wrapper {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.toy_guide_main_toy_img {
    max-width: 40%;
    float: left;
}

.toy_guide_main_toy_img img {
    max-width: 100%;
}

.toy_guide_main_toy_content {
    float: right;
    width: 55%;
}

.toy_guide_main_toy_title {
    font-size: .9em;
    color: #a93888;
    border-bottom: 1px solid #eee;
}

.toy_guide_main_toy_title span {

    padding: 3px 0 5px 0;
}

.toy_guide_main_toy_title a {
    font-size: 1.2em;
    color: #a93888;
}

.body_left a {
    color: #a93888;
    text-decoration: none;
}

.footer a,.footer a:link,.footer a:visited {
    color: #ffffff;
    text-decoration: none;
}

a,a:link,a:visited {
    color: #232323;
    text-decoration: none;
}

a:hover {
    color: #7cb3e9;
    text-decoration: none;
}

a:active {
    color: #a1c2f2;
}

.article_cat_wrapper {
    padding-bottom: 10px;
    border-bottom: solid 1px #eeeeee;
    margin-bottom: 10px;
}

.article_cat_img {
    float: left;
    width: 200px;
}

.article_cat_img img {
    max-width: 200px;
}

.article_cat_excerpt {
    float: right;
    width: 435px;
    max-width: 100%;
}

.article_cat_body {
    padding-top: 5px;
}

.paginate {
    padding: 5px;
    text-align: center;
}

.features {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.features li {
    float: left;
}

.features img {
    border: none;
    max-width: 100%;
}

.features img .img_wrap {
    max-height: 200px;
    overflow: hidden;
}

.features .img_wrap {
    min-height: 200px;
    padding-bottom: 10px;
    position: relative;
}

.features .img_wrap span {
    display: block;
    height: 180px;
    overflow: hidden;
}

.features span.title_font {
    height: 60px;
}

.articles_multi_page_img_wrapper {
    position: relative;
    padding: 0 25px;
    text-align: center;
}

.articles_multi_page_img_wrapper img {
    max-width: 100%;
}

.articles_multi_page_next {
    float: left;
    display: block;
    color: #ffffff;
    background: #7db613;
    min-width: 100px;
}

.articles_multi_page_prev {
    float: left;
    display: block;
    color: #ffffff;
    background: #7db613;
    min-width: 80px;
}

.articles_multi_page_prev a, .articles_multi_page_next a {
    color: #fff;
    padding: 10px;
    display: block;
    text-align: center;
}

.cat_wrapper {
    background: #ff3e60;
    font-size: 10px;
    padding: 2px 4px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.cat_wrapper a {
    font-size: 10px;
    color: #ffffff;
}

.header_search .header_search_submit, .header_mobile_search_wrapper .header_search_submit {
    padding: 5px 10px;
    width: auto;
    color: #fff;
    font-size: 13px;
    background: url('img/x_repeating_bgs.png') left -70px repeat-x #fff;
    border: 1px solid #399;
    cursor: pointer;
}


.g-recaptcha,
#recaptcha {
    transform:scale(0.90);
    -webkit-transform:scale(0.90);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

#recaptcha {
  width: 100%;
  margin: 5px 0 0 -8px;
}


.sidenav_newsleter {
    height: 185px;
    width: 100%;
    color: #5c5c5c;
    background-color:#F3F3FF;
    border-bottom: 1px solid #f2f2ff;
    border-radius: 30px;    
    max-width: 300px;
    color: #5c5c5c;
    padding-bottom: 10px;
}

.sidenav_newsleter_title {
  text-align: center;
  padding-left: 0px;
  padding-top: 10px;
    font-size: 16px;
    color: #1e9fd1;
}

form#cc-subscribe input#email {
  width: 200px;
  margin: -5px 0 5px;
  padding: 3px;
}

form#cc-subscribe input#submit {
  padding: 3px 10px;
  margin-top: -10px;
}

form#cc-subscribe div#recaptcha {
  transform:scale(0.77);
  -webkit-transform:scale(0.77);
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
  margin-left: 20px;
}

.sidenav_newsleter_text {
    color: #5c5c5c;
    padding: 20px;
    font-size: 14px;
}

.sidenav_newsleter_form {
    padding: 0 0 0 20px;
}



form.styled {
    font-size: .7em;
}

.message {
    padding: 10px;
}

.red {
    color: #d31e00;
}

form.centered { margin: 0 auto; width: 600px; max-width: 100%; }
form.styled legend { padding-bottom: 10px; font-size: 1.2em; font-weight: bold; }
form.styled fieldset { margin-bottom: 20px; }
form.styled label { margin-right: 10px; width: 120px; font-size: 1.2em; }
form.styled ul { list-style: none; }
form.styled li { margin-bottom: 5px; width: 100%; overflow: hidden; }
form.styled li label, form.styled li input, form.styled li span.note { float: left; font-size: 1.2em; }
form.styled li label { text-align: right; line-height: 1.8em; }
form.styled li label em { font-style: italic; font-size: 0.9em; }
form.styled li span.note { margin-left: 5px; font-size: 1.1em; line-height: 2.2em; }
form.styled input, form.styled textarea { width: 220px; max-width: 30%; }
form.styled input.short { width: 60px; max-width: 30%; }
form.styled input.medium { width: 120px; max-width: 30%; }

form.centered fieldset.buttons { text-align: center; }
form.styled fieldset.buttons input { width: auto; }

form.styled2 { margin-bottom: 30px; font-size: 14px; color: #5c5c5c; }
form.styled2 fieldset { margin-bottom: 30px; }
form.styled2 ul { list-style: none; }
form.styled2 label { font: normal bold 14px/19px Helvetica, Arial, sans-serif; text-align: left; }
form.styled2 legend { display: none; background: url("img/dotted_green.png") left 5px repeat-x; }
form.styled2 h3.legend { margin-bottom: 15px !important; font: normal normal 17px/22px; background: url("img/dotted_green.png") left 50% repeat-x; }
form.styled2 h3.legend span { margin-left: 20px; padding: 0 10px; background-color: #fff; }
form.styled2 .red { color: #f33; }
form.styled2 input, form.styled2 textarea { padding: 5px; font-size: 14px; color: #6c6c6c; border: 1px solid #bcbcbc; background: url('img/x_repeating_bgs.png') left -265px repeat-x #fff; border-radius: 3px; }
form.styled2 input[type="file"] { border: 0; background: #f6f6f6; padding: 8px; border-radius: 3px; cursor: pointer; }
form.styled2 input:focus, form.styled2 textarea:focus { border: 1px solid #3c3c3c; }
form.styled2 p.note { margin: 0 !important; padding: 2px 0 5px 0; font-size: 12px !important; color: #939393; }
form.styled2 li { margin-left: 30px; }
form.styled2 .phone input { padding: 3px 5px !important; }
form.styled2 fieldset.submit { margin-bottom: 30px; padding: 15px 0 0 30%; background: url("img/dotted_green.png") left 0 repeat-x;  }
form.styled2 input.submit { padding: 8px 10px; width: auto; color: #fff; font-size: 13px; background: url('img/x_repeating_bgs.png') left -70px repeat-x #fff; border: 1px solid #399; cursor: pointer; }
form.styled2 input.submit:hover { color: #ffd; background-position: left -95px; }
form.styled2 p.error { padding: 5px 0 !important; color: #f55; background-color: #fff !important; border: 0; }
form.styled2 p.notice { padding: 8px 15px; font-size: 14px !important; text-align: left; background-color: #ffd; border-radius: 5px; }

form.two-col { }
form.two-col li { margin-bottom: 15px; width: 100%; overflow: hidden; }
form.two-col li label { float: left; margin-top: 5px; width: 25%; }
form.two-col li div { float: left; width: 60%; }
form.two-col input, form.two-col textarea { width: 95%; }
form.two-col input.thirds { width: 60%; }
.char-count { color: #5c5c5c; }
form a:hover { color: #9c9c9c; }



.magazine_list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.magazine_list li {
    text-align: center;
    float: left;
    margin-right: 15px;
    font-weight: bold;
    margin-bottom: 15px;
    width: -moz-calc(25% - 15px);
    width: -webkit-calc(25% - 15px);
    width: calc(25% - 15px);
}


.digital_embed {
    height: 450px;
    text-align: center;
}

a.alt_color {
    color: #ff3e60;
}

a.alt_color:hover {
    color: #000000;
}

.green {
    color: #ffffff;
    background: green;
}

.awards_ul {
    margin: 0px auto;
    padding: 0px;
    list-style: none;
}

.awards_ul li {
    float: left;
    width: 22%;
    margin: 0 2% 10px 0;
    text-align: center;
    border: 1px solid #eee;
    padding-top: 5px;
}

.awards_ul li img {
    height: 140px;
    max-width: 200px;
}

.awards_name {
    padding: 3px 3px 0 3px;
    height: 65px;
}

.awards_name a {
    color: #a93888;
}

.header_nav_icon {
    display: none;
}

a.pink_button {
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    padding: 5px 10px;
    background: #ff3e60;
    border-radius: 8px;
}
a.pink_button:visited {
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    padding: 5px 10px;
    background: #ff3e60;
    border-radius: 8px;
}

#ad_top_leaderboard {
    max-height: 90px;
    max-width: 728px;
    margin: 0 auto 20px auto;
}

.header_mobile {
    display: none;
    background: #f25e62;
    padding: 5px;
    border-bottom: solid 5px #f28e8e;
}

.header_mobile_nav {
    float: left;
    width: 50px;
}
.header_mobile_logo {
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    float: left;
    text-align: center;
}
.header_mobile_search {
    float: right;
    width: 37px;
}

#home_ad_under_slider {
    display: none;
}

.dialog-social {
    position: fixed;
    background: #fff;
    z-index: 500;
    width: 445px;
    -moz-transform: translate(-220px, -290px);
    -o-transform: translate(-220px, -290px);
    -ms-transform: translate(-220px, -290px);
    -webkit-transform: translate(-220px, -290px);
    transform: translate(-220px, -290px);
}

.dialog-social-center {
    left: 50%;
    top: 50%;
}

.mobile .dialog-social-center {
    top: 20%;
}

.dialog-social-bg {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 450;
}

.dialog-social-title {
    font-size: 18px;
    line-height: 1.3em;
}

.dialog-social-lnk {
    padding: 12px 0 10px 22px;
    display: inline-block;
}

.dialog-social-widgets {
    padding-bottom: 0;
    height: 90px;
    overflow: visible;
    margin-top: 15px;
}

.dialog-social-auth {
    padding: 12px 12px 20px 12px;
    text-align: center;
}

.dialog-social-auth-link {
    border-bottom: 1px dashed #000;
    text-decoration: none;
    font-size: 12px;
}

.dialog-social-bottom {
    bottom: 15px;
    right: -500px;
    width: 375px;
    max-width: 90%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    display: block;
}

/*~~~~~~~ FB ~~~~~~~*/
.dialog-social-fb .dialog-social-header {
    background: #3a5897;
}

.dialog-social-fb .dialog-social-widgets {
    padding-left: 25px;
}

.dialog-social-fb .dialog-social-auth {
    background: #dededd;
}

.dialog-social-fb .dialog-social-title {
    background: url(img/fb-dialog-bg.png) no-repeat 0 100%;
    text-align: left;
    color: #fff;
    padding-bottom: 20px;
}

.dialog-social-fb .d-close {
    top: 7px;
    background: url(img/i1.png) no-repeat -22px 0;
    padding: 0;
    width: 42px;
    height: 42px;
    right: 8px;
}

.dialog {position: fixed; display: none; background: #fff; left: 50%; top: 50%; border-radius: 15px; z-index: 500; width: 680px; padding: 30px 50px 0; -moz-transform: translate(-390px, -290px); -o-transform: translate(-390px, -290px); -ms-transform: translate(-390px, -290px); -webkit-transform: translate(-390px, -290px); transform: translate(-390px, -290px);}
.dialog-mobile {position: absolute; top: 0px;}
.dialog-bg {position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.9); z-index: 450;}
.d-close {position: absolute; width: 22px; height: 22px; padding: 10px; background: url(/@/BrightSide/Layouts/css/../i/i11.png) no-repeat 10px -422px; right: 18px; top: 21px; cursor: pointer;}
.d-auth-block {display: none;}
.d-title {font-size: 26px; line-height: 1; font-weight: normal; text-align: center; padding: 0 0 30px;}
.d-social-widjets {overflow: hidden; padding: 0 0 38px;}
.dialog-social-message-block-text {
    border-top: solid 1px #9daccb;
    padding: 22px 66px 22px 22px;
}

.awards_package {
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
}

.awards_package:hover, .awards_package_active {
    background: #feeff0;
}

.bg-danger {
    background-color: #f2dede;
    padding: 15px;
}